@plone/components/dist/index.js

ReactJS components for Plone

// src/components/BlockToolbar/BlockToolbar.tsx
import "react";
import {
  Toolbar as RACToolbar
} from "react-aria-components";
import { jsx } from "react/jsx-runtime";
function BlockToolbar(props) {
  return /* @__PURE__ */ jsx(RACToolbar, { ...props, className: "blocks-toolbar" });
}

// src/components/Breadcrumbs/Breadcrumbs.tsx
import "react";
import {
  Breadcrumbs as RACBreadcrumbs,
  Breadcrumb as RACBreadcrumb
} from "react-aria-components";

// src/components/Link/Link.tsx
import { Link } from "react-aria-components";

// src/components/Breadcrumbs/HomeIcon.tsx
import "react";

// src/components/Icon/Icon.tsx
import React2 from "react";
import {
  baseStyleProps,
  useSlotProps,
  useStyleProps
} from "@react-spectrum/utils";
import { filterDOMProps } from "@react-aria/utils";
import _clsx from "clsx";
function iconColorValue(value) {
  return `var(--quanta-color-icon-${value})`;
}
var iconStyleProps = {
  ...baseStyleProps,
  color: ["color", iconColorValue]
};
function Icon(props) {
  props = useSlotProps(props, "icon");
  let {
    children,
    size,
    "aria-label": ariaLabel,
    "aria-hidden": ariaHidden,
    ...otherProps
  } = props;
  let { styleProps } = useStyleProps(otherProps, iconStyleProps);
  if (!ariaHidden) {
    ariaHidden = void 0;
  }
  let iconSize = size ? size : "M";
  return React2.cloneElement(children, {
    ...filterDOMProps(otherProps),
    ...styleProps,
    focusable: "false",
    "aria-label": ariaLabel,
    "aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
    role: "img",
    className: _clsx(
      "q icon",
      `icon--size${iconSize}`,
      children.props.className,
      styleProps.className
    )
  });
}

// src/components/Breadcrumbs/HomeIcon.tsx
import { jsx as jsx2 } from "react/jsx-runtime";
var HomeIcon = (props) => {
  return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2(
    "svg",
    {
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      fill: "none",
      xmlns: "http://www.w3.org/2000/svg",
      className: "home-icon",
      children: /* @__PURE__ */ jsx2(
        "path",
        {
          fillRule: "evenodd",
          clipRule: "evenodd",
          d: "M21.5855 9.68946L12 2.7666L2.41455 9.68946L3.58553 11.3108L12 5.23367L20.4146 11.3108L21.5855 9.68946ZM7 12.0001H5V21.0001H11V16.0001H13V21.0001H19V12.0001H17V19.0001H15V14.0001H9V19.0001H7V12.0001Z"
        }
      )
    }
  ) });
};

// src/components/Breadcrumbs/Breadcrumbs.tsx
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
function Breadcrumbs({
  className,
  items,
  root,
  includeRoot
}) {
  let itemsWithRoot;
  if (includeRoot) {
    const rootItem = {
      "@id": root || "/",
      title: "Home"
    };
    itemsWithRoot = [rootItem, ...items];
  }
  return /* @__PURE__ */ jsx3("nav", { "aria-label": "breadcrumbs", role: "navigation", children: /* @__PURE__ */ jsx3(RACBreadcrumbs, { className, items: itemsWithRoot || items, children: (item) => /* @__PURE__ */ jsx3(RACBreadcrumb, { id: item["@id"], children: /* @__PURE__ */ jsxs(Link, { href: item["@id"], children: [
    item["@id"] === (root || "/") && /* @__PURE__ */ jsx3(HomeIcon, { size: "S" }),
    item.title
  ] }) }) }) });
}

// src/components/Button/Button.tsx
import { forwardRef } from "react";
import { Button as RACButton } from "react-aria-components";
import { jsx as jsx4 } from "react/jsx-runtime";
var Button = forwardRef(function _Button(props, ref) {
  return /* @__PURE__ */ jsx4(RACButton, { ref, ...props });
});

// src/components/Calendar/Calendar.tsx
import "react";
import {
  Button as Button2,
  Calendar as RACCalendar,
  CalendarCell,
  CalendarGrid,
  Heading,
  Text
} from "react-aria-components";
import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
function Calendar({
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ jsxs2(RACCalendar, { ...props, children: [
    /* @__PURE__ */ jsxs2("header", { children: [
      /* @__PURE__ */ jsx5(Button2, { slot: "previous", children: "\u25C0" }),
      /* @__PURE__ */ jsx5(Heading, {}),
      /* @__PURE__ */ jsx5(Button2, { slot: "next", children: "\u25B6" })
    ] }),
    /* @__PURE__ */ jsx5(CalendarGrid, { children: (date) => /* @__PURE__ */ jsx5(CalendarCell, { date }) }),
    errorMessage && /* @__PURE__ */ jsx5(Text, { slot: "errorMessage", children: errorMessage })
  ] });
}

// src/components/ColorArea/ColorArea.tsx
import "react";
import {
  ColorArea as RACColorArea,
  ColorThumb
} from "react-aria-components";
import { jsx as jsx6 } from "react/jsx-runtime";
function ColorArea(props) {
  return /* @__PURE__ */ jsx6(RACColorArea, { ...props, children: /* @__PURE__ */ jsx6(ColorThumb, {}) });
}

// src/components/ColorField/ColorField.tsx
import "react";
import {
  ColorField as RACColorField,
  FieldError,
  Input,
  Label,
  Text as Text2
} from "react-aria-components";
import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
function ColorField({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ jsxs3(RACColorField, { ...props, children: [
    label && /* @__PURE__ */ jsx7(Label, { children: label }),
    /* @__PURE__ */ jsx7(Input, {}),
    description && /* @__PURE__ */ jsx7(Text2, { slot: "description", children: description }),
    /* @__PURE__ */ jsx7(FieldError, { children: errorMessage })
  ] });
}

// src/components/ColorPicker/ColorPicker.tsx
import "react";
import {
  Button as Button3,
  ColorPicker as RACColorPicker,
  Dialog,
  DialogTrigger,
  Popover
} from "react-aria-components";

// src/components/ColorSwatch/ColorSwatch.tsx
import "react";
import {
  ColorSwatch as RACColorSwatch
} from "react-aria-components";
import { jsx as jsx8 } from "react/jsx-runtime";
function ColorSwatch(props) {
  return /* @__PURE__ */ jsx8(
    RACColorSwatch,
    {
      ...props,
      style: ({ color }) => ({
        background: `linear-gradient(${color}, ${color}),
          repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`
      })
    }
  );
}

// src/components/ColorSlider/ColorSlider.tsx
import "react";
import {
  ColorSlider as RACColorSlider,
  ColorThumb as ColorThumb2,
  Label as Label2,
  SliderOutput,
  SliderTrack
} from "react-aria-components";
import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
function ColorSlider({ label, ...props }) {
  return /* @__PURE__ */ jsxs4(RACColorSlider, { ...props, children: [
    /* @__PURE__ */ jsx9(Label2, { children: label }),
    /* @__PURE__ */ jsx9(SliderOutput, {}),
    /* @__PURE__ */ jsx9(
      SliderTrack,
      {
        style: ({ defaultStyle }) => ({
          background: `${defaultStyle.background},
            repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`
        }),
        children: /* @__PURE__ */ jsx9(ColorThumb2, {})
      }
    )
  ] });
}

// src/components/ColorPicker/ColorPicker.tsx
import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
function ColorPicker({ label, children, ...props }) {
  return /* @__PURE__ */ jsx10(RACColorPicker, { ...props, children: /* @__PURE__ */ jsxs5(DialogTrigger, { children: [
    /* @__PURE__ */ jsxs5(Button3, { className: "color-picker", children: [
      /* @__PURE__ */ jsx10(ColorSwatch, {}),
      /* @__PURE__ */ jsx10("span", { children: label })
    ] }),
    /* @__PURE__ */ jsx10(Popover, { placement: "bottom start", children: /* @__PURE__ */ jsx10(Dialog, { className: "color-picker-dialog", children: children || /* @__PURE__ */ jsxs5(Fragment, { children: [
      /* @__PURE__ */ jsx10(
        ColorArea,
        {
          colorSpace: "hsb",
          xChannel: "saturation",
          yChannel: "brightness"
        }
      ),
      /* @__PURE__ */ jsx10(ColorSlider, { colorSpace: "hsb", channel: "hue" }),
      /* @__PURE__ */ jsx10(
        ColorField,
        {
          label: "Hex",
          onKeyDown: (e) => {
            if (e.key === "Enter") {
              e.currentTarget.blur();
            }
          }
        }
      )
    ] }) }) })
  ] }) });
}

// src/components/ColorSwatchPicker/ColorSwatchPicker.tsx
import "react";
import {
  ColorSwatchPicker as AriaColorSwatchPicker,
  ColorSwatchPickerItem as AriaColorSwatchPickerItem
} from "react-aria-components";
import { jsx as jsx11 } from "react/jsx-runtime";
function ColorSwatchPicker({
  children,
  ...props
}) {
  return /* @__PURE__ */ jsx11(AriaColorSwatchPicker, { ...props, children });
}

// src/components/ColorWheel/ColorWheel.tsx
import "react";
import {
  ColorThumb as ColorThumb3,
  ColorWheel as AriaColorWheel,
  ColorWheelTrack
} from "react-aria-components";
import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
function ColorWheel(props) {
  return /* @__PURE__ */ jsxs6(AriaColorWheel, { ...props, outerRadius: 100, innerRadius: 74, children: [
    /* @__PURE__ */ jsx12(ColorWheelTrack, {}),
    /* @__PURE__ */ jsx12(ColorThumb3, {})
  ] });
}

// src/components/Checkbox/Checkbox.tsx
import "react";
import {
  Checkbox as RACCheckbox
} from "react-aria-components";
import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
function Checkbox({ children, ...props }) {
  return /* @__PURE__ */ jsx13(RACCheckbox, { ...props, children: ({ isIndeterminate }) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
    /* @__PURE__ */ jsx13("div", { className: "checkbox", children: /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx13("rect", { x: 1, y: 7.5, width: 15, height: 3 }) : /* @__PURE__ */ jsx13("polyline", { points: "1 9 7 14 15 4" }) }) }),
    props.label || children
  ] }) });
}

// src/components/CheckboxField/CheckboxField.tsx
import "react";
import { Text as Text3 } from "react-aria-components";
import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
function CheckboxField({
  children,
  errorMessage,
  description,
  ...props
}) {
  return /* @__PURE__ */ jsxs8("div", { className: "react-aria-CheckboxField", children: [
    /* @__PURE__ */ jsx14(Checkbox, { ...props }),
    description && /* @__PURE__ */ jsx14(Text3, { slot: "description", children: description }),
    props.isInvalid && /* @__PURE__ */ jsx14(Text3, { slot: "errorMessage", children: errorMessage })
  ] });
}

// src/components/CheckboxGroup/CheckboxGroup.tsx
import "react";
import {
  CheckboxGroup as RACCheckboxGroup,
  FieldError as FieldError2,
  Text as Text4
} from "react-aria-components";
import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
function CheckboxGroup({
  label,
  description,
  errorMessage,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsxs9(RACCheckboxGroup, { ...props, children: [
    label,
    children,
    description && /* @__PURE__ */ jsx15(Text4, { slot: "description", children: description }),
    /* @__PURE__ */ jsx15(FieldError2, { children: errorMessage })
  ] });
}

// src/components/ComboBox/ComboBox.tsx
import "react";
import {
  Button as Button4,
  ComboBox as RACComboBox,
  FieldError as FieldError3,
  Input as Input2,
  Label as Label3,
  ListBox,
  ListBoxItem,
  Popover as Popover2,
  Text as Text5
} from "react-aria-components";
import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
function ComboBox({
  label,
  description,
  errorMessage,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsxs10(RACComboBox, { ...props, children: [
    /* @__PURE__ */ jsx16(Label3, { children: label }),
    /* @__PURE__ */ jsxs10("div", { className: "my-combobox-container", children: [
      /* @__PURE__ */ jsx16(Input2, {}),
      /* @__PURE__ */ jsx16(Button4, { children: "\u25BC" })
    ] }),
    description && /* @__PURE__ */ jsx16(Text5, { slot: "description", children: description }),
    /* @__PURE__ */ jsx16(FieldError3, { children: errorMessage }),
    /* @__PURE__ */ jsx16(Popover2, { children: /* @__PURE__ */ jsx16(ListBox, { children }) })
  ] });
}
function ComboBoxItem(props) {
  return /* @__PURE__ */ jsx16(ListBoxItem, { ...props });
}

// src/components/Container/Container.tsx
import "react";
import cx from "clsx";
import { jsx as jsx17 } from "react/jsx-runtime";
var Container = (props) => {
  const {
    as: Component = "div",
    children,
    className,
    layout,
    narrow,
    ...rest
  } = props;
  const classes = cx("q", "container", className, { layout, narrow });
  return /* @__PURE__ */ jsx17(Component, { ...rest, className: classes, children });
};

// src/components/DateField/DateField.tsx
import "react";
import {
  DateField as RACDateField,
  DateInput,
  DateSegment,
  FieldError as FieldError4,
  Label as Label4,
  Text as Text6
} from "react-aria-components";
import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
function DateField({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ jsxs11(RACDateField, { ...props, children: [
    /* @__PURE__ */ jsx18(Label4, { children: label }),
    /* @__PURE__ */ jsx18(DateInput, { children: (segment) => /* @__PURE__ */ jsx18(DateSegment, { segment }) }),
    description && /* @__PURE__ */ jsx18(Text6, { slot: "description", children: description }),
    /* @__PURE__ */ jsx18(FieldError4, { children: errorMessage })
  ] });
}

// src/components/DatePicker/DatePicker.tsx
import "react";
import {
  Button as Button5,
  Calendar as Calendar2,
  CalendarCell as CalendarCell2,
  CalendarGrid as CalendarGrid2,
  DateInput as DateInput2,
  DatePicker as RACDatePicker,
  DateSegment as DateSegment2,
  Dialog as Dialog2,
  FieldError as FieldError5,
  Group,
  Heading as Heading2,
  Label as Label5,
  Popover as Popover3,
  Text as Text7
} from "react-aria-components";
import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
function DatePicker({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ jsxs12(RACDatePicker, { ...props, children: [
    /* @__PURE__ */ jsx19(Label5, { children: label }),
    /* @__PURE__ */ jsxs12(Group, { children: [
      /* @__PURE__ */ jsx19(DateInput2, { children: (segment) => /* @__PURE__ */ jsx19(DateSegment2, { segment }) }),
      /* @__PURE__ */ jsx19(Button5, { children: "\u25BC" })
    ] }),
    description && /* @__PURE__ */ jsx19(Text7, { slot: "description", children: description }),
    /* @__PURE__ */ jsx19(FieldError5, { children: errorMessage }),
    /* @__PURE__ */ jsx19(Popover3, { children: /* @__PURE__ */ jsx19(Dialog2, { children: /* @__PURE__ */ jsxs12(Calendar2, { children: [
      /* @__PURE__ */ jsxs12("header", { children: [
        /* @__PURE__ */ jsx19(Button5, { slot: "previous", children: "\u25C0" }),
        /* @__PURE__ */ jsx19(Heading2, {}),
        /* @__PURE__ */ jsx19(Button5, { slot: "next", children: "\u25B6" })
      ] }),
      /* @__PURE__ */ jsx19(CalendarGrid2, { children: (date) => /* @__PURE__ */ jsx19(CalendarCell2, { date }) })
    ] }) }) })
  ] });
}

// src/components/DateRangePicker/DateRangePicker.tsx
import "react";
import {
  Button as Button6,
  CalendarCell as CalendarCell3,
  CalendarGrid as CalendarGrid3,
  DateInput as DateInput3,
  DateRangePicker as RACDateRangePicker,
  DateSegment as DateSegment3,
  Dialog as Dialog3,
  FieldError as FieldError6,
  Group as Group2,
  Heading as Heading3,
  Label as Label6,
  Popover as Popover4,
  RangeCalendar,
  Text as Text8
} from "react-aria-components";
import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
function DateRangePicker({
  label,
  description,
  errorMessage,
  ...props
}) {
  return /* @__PURE__ */ jsxs13(RACDateRangePicker, { ...props, children: [
    /* @__PURE__ */ jsx20(Label6, { children: label }),
    /* @__PURE__ */ jsxs13(Group2, { children: [
      /* @__PURE__ */ jsx20(DateInput3, { slot: "start", children: (segment) => /* @__PURE__ */ jsx20(DateSegment3, { segment }) }),
      /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", children: "\u2013" }),
      /* @__PURE__ */ jsx20(DateInput3, { slot: "end", children: (segment) => /* @__PURE__ */ jsx20(DateSegment3, { segment }) }),
      /* @__PURE__ */ jsx20(Button6, { children: "\u25BC" })
    ] }),
    description && /* @__PURE__ */ jsx20(Text8, { slot: "description", children: description }),
    /* @__PURE__ */ jsx20(FieldError6, { children: errorMessage }),
    /* @__PURE__ */ jsx20(Popover4, { children: /* @__PURE__ */ jsx20(Dialog3, { children: /* @__PURE__ */ jsxs13(RangeCalendar, { children: [
      /* @__PURE__ */ jsxs13("header", { children: [
        /* @__PURE__ */ jsx20(Button6, { slot: "previous", children: "\u25C0" }),
        /* @__PURE__ */ jsx20(Heading3, {}),
        /* @__PURE__ */ jsx20(Button6, { slot: "next", children: "\u25B6" })
      ] }),
      /* @__PURE__ */ jsx20(CalendarGrid3, { children: (date) => /* @__PURE__ */ jsx20(CalendarCell3, { date }) })
    ] }) }) })
  ] });
}

// src/components/Dialog/Dialog.tsx
import "react";
import { Dialog as RACDialog } from "react-aria-components";
import { jsx as jsx21 } from "react/jsx-runtime";
function Dialog4(props) {
  return /* @__PURE__ */ jsx21(RACDialog, { ...props });
}

// src/components/Disclosure/Disclosure.tsx
import "react";
import {
  Disclosure as RACDisclosure
} from "react-aria-components";
import { jsx as jsx22 } from "react/jsx-runtime";
function Disclosure(props) {
  return /* @__PURE__ */ jsx22(RACDisclosure, { ...props });
}

// src/components/DisclosureGroup/DisclosureGroup.tsx
import "react";
import {
  DisclosureGroup as RACDisclosureGroup
} from "react-aria-components";
import { jsx as jsx23 } from "react/jsx-runtime";
function DisclosureGroup(props) {
  return /* @__PURE__ */ jsx23(RACDisclosureGroup, { ...props });
}

// src/components/Form/Form.tsx
import "react";
import { Form as RACForm } from "react-aria-components";
import { jsx as jsx24 } from "react/jsx-runtime";
function Form(props) {
  return /* @__PURE__ */ jsx24(RACForm, { ...props });
}

// src/components/GridList/GridList.tsx
import "react";
import {
  Button as Button7,
  GridList as RACGridList,
  GridListItem as RACGridListItem
} from "react-aria-components";
import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
function GridList({
  children,
  ...props
}) {
  return /* @__PURE__ */ jsx25(RACGridList, { ...props, children });
}
function GridListItem({ children, ...props }) {
  let textValue = typeof children === "string" ? children : void 0;
  return /* @__PURE__ */ jsx25(RACGridListItem, { textValue, ...props, children: ({ selectionMode, selectionBehavior, allowsDragging }) => /* @__PURE__ */ jsxs14(Fragment3, { children: [
    allowsDragging && /* @__PURE__ */ jsx25(Button7, { slot: "drag", children: "\u2261" }),
    selectionMode === "multiple" && selectionBehavior === "toggle" && /* @__PURE__ */ jsx25(Checkbox, { slot: "selection" }),
    children
  ] }) });
}

// src/components/Icons/AddIcon.tsx
import "react";
import { jsx as jsx26 } from "react/jsx-runtime";
var AddIcon = (props) => {
  return /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx26("path", { d: "M13 3H11V11H3V13H11V21H13V13H21V11H13V3Z" })
    }
  ) });
};

// src/components/Icons/AligncenterIcon.tsx
import "react";
import { jsx as jsx27 } from "react/jsx-runtime";
var AligncenterIcon = (props) => {
  return /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx27("path", { d: "M21 7H3V5H21V7ZM17 13H7V11H17V13ZM5 19H19V17H5V19Z" })
    }
  ) });
};

// src/components/Icons/AlignleftIcon.tsx
import "react";
import { jsx as jsx28 } from "react/jsx-runtime";
var AlignleftIcon = (props) => {
  return /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx28("path", { d: "M21 7H3V5H21V7ZM13 13H3V11H13V13ZM3 19H17V17H3V19Z" })
    }
  ) });
};

// src/components/Icons/AlignrightIcon.tsx
import "react";
import { jsx as jsx29 } from "react/jsx-runtime";
var AlignrightIcon = (props) => {
  return /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx29("path", { d: "M21 7H3V5H21V7ZM21 13H11V11H21V13ZM7 19H21V17H7V19Z" })
    }
  ) });
};

// src/components/Icons/ArchiveIcon.tsx
import "react";
import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
var ArchiveIcon = (props) => {
  return /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsxs15(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx30("path", { d: "M8 13H16V11H8V13Z" }),
        /* @__PURE__ */ jsx30(
          "path",
          {
            fillRule: "evenodd",
            d: "M3 3H21V9H20V21H4V9H3V3ZM6 9H18V19H6V9ZM19 5V7H5V5H19Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/ArrowdownIcon.tsx
import "react";
import { jsx as jsx31 } from "react/jsx-runtime";
var ArrowdownIcon = (props) => {
  return /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx31("path", { d: "M6.70718 13.2929L5.29297 14.7071L12.0001 21.4142L18.7072 14.7071L17.293 13.2929L13.0001 17.5858L13.0001 3L11.0001 3L11.0001 17.5858L6.70718 13.2929Z" })
    }
  ) });
};

// src/components/Icons/ArrowleftIcon.tsx
import "react";
import { jsx as jsx32 } from "react/jsx-runtime";
var ArrowleftIcon = (props) => {
  return /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx32("path", { d: "M10.7073 6.70718L9.29305 5.29297L2.58594 12.0001L9.29304 18.7072L10.7073 17.293L6.41437 13.0001L21.0002 13.0001V11.0001L6.41436 11.0001L10.7073 6.70718Z" })
    }
  ) });
};

// src/components/Icons/ArrowrightIcon.tsx
import "react";
import { jsx as jsx33 } from "react/jsx-runtime";
var ArrowrightIcon = (props) => {
  return /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx33("path", { d: "M13.2929 17.293L14.7071 18.7072L21.4142 12.0001L14.7071 5.29297L13.2929 6.70718L17.5858 11.0001H3V13.0001H17.5858L13.2929 17.293Z" })
    }
  ) });
};

// src/components/Icons/ArrowtoprightIcon.tsx
import "react";
import { jsx as jsx34 } from "react/jsx-runtime";
var ArrowtoprightIcon = (props) => {
  return /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx34("path", { d: "M15.5859 7H9.5V5H19V14.5H17V8.4143L6.70718 18.7071L5.29297 17.2929L15.5859 7Z" })
    }
  ) });
};

// src/components/Icons/ArrowupIcon.tsx
import "react";
import { jsx as jsx35 } from "react/jsx-runtime";
var ArrowupIcon = (props) => {
  return /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx35("path", { d: "M17.293 10.7073L18.7072 9.29305L12.0001 2.58594L5.29297 9.29304L6.70718 10.7073L11.0001 6.41437L11.0001 21.0002H13.0001L13.0001 6.41436L17.293 10.7073Z" })
    }
  ) });
};

// src/components/Icons/AttachmentIcon.tsx
import "react";
import { jsx as jsx36 } from "react/jsx-runtime";
var AttachmentIcon = (props) => {
  return /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx36("path", { d: "M10 4C8.34315 4 7 5.34315 7 7V15C7 17.7614 9.23858 20 12 20C14.7614 20 17 17.7614 17 15V4H19V15C19 18.866 15.866 22 12 22C8.13401 22 5 18.866 5 15V7C5 4.23858 7.23858 2 10 2C12.7614 2 15 4.23858 15 7V15C15 16.6569 13.6569 18 12 18C10.3431 18 9 16.6569 9 15L9 7L11 7L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V7C13 5.34315 11.6569 4 10 4Z" })
    }
  ) });
};

// src/components/Icons/AutomatedcontentIcon.tsx
import "react";
import { jsx as jsx37 } from "react/jsx-runtime";
var AutomatedcontentIcon = (props) => {
  return /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx37("path", { d: "M20 8C18.8954 8 18 7.10457 18 6 18 4.89543 18.8954 4 20 4 21.1046 4 22 4.89543 22 6 22 7.10457 21.1046 8 20 8ZM18 12C18 13.1046 18.8954 14 20 14 21.1046 14 22 13.1046 22 12 22 10.8954 21.1046 10 20 10 18.8954 10 18 10.8954 18 12ZM18 18C18 19.1046 18.8954 20 20 20 21.1046 20 22 19.1046 22 18 22 16.8954 21.1046 16 20 16 18.8954 16 18 16.8954 18 18ZM16 5 10 5V19H16V17H12V13L16 13V11L12 11V7H16V5ZM5.5 8.5 2 12 5.5 15.5 9 12 5.5 8.5Z" })
    }
  ) });
};

// src/components/Icons/BackgroundIcon.tsx
import "react";
import { jsx as jsx38 } from "react/jsx-runtime";
var BackgroundIcon = (props) => {
  return /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx38(
        "path",
        {
          fillRule: "evenodd",
          d: "M18 6H6V18H18V6ZM4 4V20H20V4H4Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/BinIcon.tsx
import "react";
import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
var BinIcon = (props) => {
  return /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsxs16(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx39("path", { d: "M9 18V8H11V18H9ZM13 8V18H15V8H13Z" }),
        /* @__PURE__ */ jsx39(
          "path",
          {
            fillRule: "evenodd",
            d: "M13.5 4C13.5 3.17157 12.8284 2.5 12 2.5C11.1716 2.5 10.5 3.17157 10.5 4H4V6H5V19C5 20.6569 6.34315 22 8 22H16C17.6569 22 19 20.6569 19 19V6H20V4H13.5ZM7 19V6H17V19C17 19.5523 16.5523 20 16 20H8C7.44772 20 7 19.5523 7 19Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/BlindIcon.tsx
import "react";
import { jsx as jsx40 } from "react/jsx-runtime";
var BlindIcon = (props) => {
  return /* @__PURE__ */ jsx40(Icon, { ...props, children: /* @__PURE__ */ jsx40(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx40(
        "path",
        {
          fillRule: "evenodd",
          d: "M5.92572 11.6379C7.28054 12.8798 9.29877 14.0001 12 14.0001C14.7012 14.0001 16.7195 12.8798 18.0743 11.6379C18.7544 11.0145 19.2581 10.3679 19.5858 9.83533C19.75 9.56862 19.8631 9.34158 19.932 9.1709C19.9771 9.05914 19.993 8.99662 19.9982 8.97587L19.9982 8.97582L19.9983 8.97576C19.9996 8.97052 20.0002 8.96798 20.0005 8.96802C20.0008 8.96806 20.0007 8.97041 20.0005 8.97496L20.0005 8.97506L20.0005 8.97518L20.0005 8.97534C20.0003 8.98071 20 8.989 20 9.00005H22C22 9.32108 21.894 9.65317 21.7868 9.91905C21.6681 10.2132 21.5 10.5409 21.2892 10.8835C20.9404 11.4502 20.456 12.0884 19.8359 12.7168L21.1426 14.274L19.6105 15.5596L18.3111 14.011C17.5099 14.5769 16.5733 15.0803 15.5025 15.439L15.9537 17.3931L14.0049 17.843L13.5551 15.8945C13.0587 15.963 12.5403 16.0001 12 16.0001C11.4577 16.0001 10.9375 15.9628 10.4395 15.8938L9.98878 17.846L8.04004 17.3961L8.49226 15.4373C7.41782 15.0767 6.47855 14.5704 5.67574 14.0017L4.36837 15.5597L2.83629 14.2741L4.15272 12.7053C3.53814 12.0806 3.05746 11.4468 2.71084 10.8835C2.49997 10.5409 2.33188 10.2132 2.21323 9.91905C2.10598 9.65317 2 9.32108 2 9.00005H4C4 8.98874 3.99969 8.98032 3.99949 8.97496V8.97495C3.99932 8.9704 3.99924 8.96806 3.99949 8.96802C3.99976 8.96798 4.00042 8.97055 4.00177 8.97587C4.00705 8.99663 4.02295 9.05915 4.06802 9.1709C4.13687 9.34158 4.25003 9.56862 4.41416 9.83533C4.74188 10.3679 5.24565 11.0145 5.92572 11.6379Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/BoldIcon.tsx
import "react";
import { jsx as jsx41 } from "react/jsx-runtime";
var BoldIcon = (props) => {
  return /* @__PURE__ */ jsx41(Icon, { ...props, children: /* @__PURE__ */ jsx41(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx41("path", { d: "M4.83252 20.9999H14.2185C17.6505 20.9999 20.0945 19.0239 20.0945 16.1639C20.0945 14.1879 18.8725 12.5239 16.7925 11.5879C18.3785 10.7559 19.3145 9.42994 19.3145 7.60994C19.3145 5.00994 17.0785 3.13794 13.8805 3.13794H4.83252V20.9999ZM8.65452 10.3399V6.41394H12.9445C14.3485 6.41394 15.3625 7.24594 15.3625 8.36394C15.3625 9.50794 14.3485 10.3399 12.9445 10.3399H8.65452ZM8.65452 17.7239V13.3559H13.5165C15.0505 13.3559 16.1425 14.2659 16.1425 15.5399C16.1425 16.8139 15.0505 17.7239 13.5165 17.7239H8.65452Z" })
    }
  ) });
};

// src/components/Icons/CalendarIcon.tsx
import "react";
import { jsx as jsx42 } from "react/jsx-runtime";
var CalendarIcon = (props) => {
  return /* @__PURE__ */ jsx42(Icon, { ...props, children: /* @__PURE__ */ jsx42(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx42(
        "path",
        {
          fillRule: "evenodd",
          d: "M7 2V4H3V21H21V4H17V2H15V4H9V2H7ZM19 6V8H5V6H19ZM5 10V19H19V10H5Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/CheckboxIcon.tsx
import "react";
import { jsx as jsx43 } from "react/jsx-runtime";
var CheckboxIcon = (props) => {
  return /* @__PURE__ */ jsx43(Icon, { ...props, children: /* @__PURE__ */ jsx43(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx43(
        "path",
        {
          fillRule: "evenodd",
          d: "M18.4395 5.25928L20.5608 7.3806L9.50011 18.4413L3.43945 12.3806L5.56077 10.2593L9.50011 14.1986L18.4395 5.25928Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/ChevrondownIcon.tsx
import "react";
import { jsx as jsx44 } from "react/jsx-runtime";
var ChevrondownIcon = (props) => {
  return /* @__PURE__ */ jsx44(Icon, { ...props, children: /* @__PURE__ */ jsx44(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx44(
        "path",
        {
          fill: "currentcolor",
          d: "M5.29297 9.70718L6.70718 8.29297L12.0001 13.5859L17.293 8.29297L18.7072 9.70718L12.0001 16.4143L5.29297 9.70718Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/ChevronleftIcon.tsx
import "react";
import { jsx as jsx45 } from "react/jsx-runtime";
var ChevronleftIcon = (props) => {
  return /* @__PURE__ */ jsx45(Icon, { ...props, children: /* @__PURE__ */ jsx45(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx45(
        "path",
        {
          fillRule: "evenodd",
          d: "M14.293 18.7072L15.7073 17.293L10.4144 12.0001L15.7073 6.70718L14.293 5.29297L7.58594 12.0001L14.293 18.7072Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/ChevronrightIcon.tsx
import "react";
import { jsx as jsx46 } from "react/jsx-runtime";
var ChevronrightIcon = (props) => {
  return /* @__PURE__ */ jsx46(Icon, { ...props, children: /* @__PURE__ */ jsx46(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx46(
        "path",
        {
          fillRule: "evenodd",
          d: "M9.70718 18.7072L8.29297 17.293L13.5859 12.0001L8.29297 6.70718L9.70718 5.29297L16.4143 12.0001L9.70718 18.7072Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/ChevronupIcon.tsx
import "react";
import { jsx as jsx47 } from "react/jsx-runtime";
var ChevronupIcon = (props) => {
  return /* @__PURE__ */ jsx47(Icon, { ...props, children: /* @__PURE__ */ jsx47(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx47(
        "path",
        {
          fill: "currentcolor",
          d: "M18.707 14.2928L17.2928 15.707L11.9999 10.4141L6.70703 15.707L5.29282 14.2928L11.9999 7.58571L18.707 14.2928Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/CloseIcon.tsx
import "react";
import { jsx as jsx48 } from "react/jsx-runtime";
var CloseIcon = (props) => {
  return /* @__PURE__ */ jsx48(Icon, { ...props, children: /* @__PURE__ */ jsx48(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx48("path", { d: "M12.0001 13.4143L18.293 19.7072L19.7072 18.293L13.4143 12.0001L19.7072 5.70719L18.293 4.29298L12.0001 10.5859L5.70719 4.29297L4.29298 5.70718L10.5859 12.0001L4.29297 18.293L5.70718 19.7072L12.0001 13.4143Z" })
    }
  ) });
};

// src/components/Icons/CodeIcon.tsx
import "react";
import { jsx as jsx49 } from "react/jsx-runtime";
var CodeIcon = (props) => {
  return /* @__PURE__ */ jsx49(Icon, { ...props, children: /* @__PURE__ */ jsx49(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx49("path", { d: "M6.29304 7.29297 7.70726 8.70718 4.41436 12.0001 7.70726 15.293 6.29304 16.7072 1.58594 12.0001 6.29304 7.29297ZM14.8943 8.44728 10.8943 16.4473 9.10547 15.5529 13.1055 7.55286 14.8943 8.44728ZM16.2927 15.2931 17.707 16.7073 22.4141 12.0002 17.707 7.29306 16.2927 8.70728 19.5856 12.0002 16.2927 15.2931Z" })
    }
  ) });
};

// src/components/Icons/CollectionIcon.tsx
import "react";
import { jsx as jsx50 } from "react/jsx-runtime";
var CollectionIcon = (props) => {
  return /* @__PURE__ */ jsx50(Icon, { ...props, children: /* @__PURE__ */ jsx50(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx50(
        "path",
        {
          fillRule: "evenodd",
          d: "M17 3H7V5H17V3ZM5 7H12H19V9H15.4649H12H8.53513H5V7ZM5 11H3V21H21V11H19H16H14C14 12.1046 13.1046 13 12 13C10.8954 13 10 12.1046 10 11H8H5ZM12 15C10.5194 15 9.22675 14.1956 8.53513 13H5V19H19V13H15.4649C14.7733 14.1956 13.4806 15 12 15Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/ColumnafterIcon.tsx
import "react";
import { jsx as jsx51, jsxs as jsxs17 } from "react/jsx-runtime";
var ColumnafterIcon = (props) => {
  return /* @__PURE__ */ jsx51(Icon, { ...props, children: /* @__PURE__ */ jsxs17(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx51("path", { d: "M3 11L3 13H5L5 11H3Z" }),
        /* @__PURE__ */ jsx51(
          "path",
          {
            fillRule: "evenodd",
            d: "M21 21H11V3L21 3V21ZM13 19V5H19V19H13Z",
            clipRule: "evenodd"
          }
        ),
        /* @__PURE__ */ jsx51("path", { d: "M3 9 3 7H5V9H3ZM3 19 3 21H5V19H3ZM3 17 3 15H5V17H3ZM3 3 3 5H5V3L3 3ZM7 5V3L9 3V5H7ZM7 19V21H9V19H7Z" })
      ]
    }
  ) });
};

// src/components/Icons/ColumnbeforeIcon.tsx
import "react";
import { jsx as jsx52, jsxs as jsxs18 } from "react/jsx-runtime";
var ColumnbeforeIcon = (props) => {
  return /* @__PURE__ */ jsx52(Icon, { ...props, children: /* @__PURE__ */ jsxs18(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx52(
          "path",
          {
            fillRule: "evenodd",
            d: "M13 21H3L3 3L13 3V21ZM5 19L5 5H11V19H5Z",
            clipRule: "evenodd"
          }
        ),
        /* @__PURE__ */ jsx52("path", { d: "M19 11V13H21V11H19ZM19 9V7H21V9H19ZM19 19V21H21V19H19ZM19 17V15H21V17H19ZM19 3V5H21V3L19 3ZM15 5V3L17 3V5H15ZM15 19V21H17V19H15Z" })
      ]
    }
  ) });
};

// src/components/Icons/ColumndeleteIcon.tsx
import "react";
import { jsx as jsx53, jsxs as jsxs19 } from "react/jsx-runtime";
var ColumndeleteIcon = (props) => {
  return /* @__PURE__ */ jsx53(Icon, { ...props, children: /* @__PURE__ */ jsxs19(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx53("path", { d: "M9 5H15V15H17V3H7V21H11V19H9V5Z" }),
        /* @__PURE__ */ jsx53("path", { d: "M16.0001 21.4142L14.2072 23.2071L12.793 21.7929L14.5859 20L12.793 18.2071L14.2072 16.7929L16.0001 18.5858L17.793 16.7929L19.2072 18.2071L17.4143 20L19.2072 21.7929L17.793 23.2071L16.0001 21.4142Z" })
      ]
    }
  ) });
};

// src/components/Icons/ColumnsIcon.tsx
import "react";
import { jsx as jsx54 } from "react/jsx-runtime";
var ColumnsIcon = (props) => {
  return /* @__PURE__ */ jsx54(Icon, { ...props, children: /* @__PURE__ */ jsx54(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx54(
        "path",
        {
          fillRule: "evenodd",
          d: "M3 21V3H21V21H3ZM13 5H19V19H13V5ZM11 5H5V19H11V5Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/CopyIcon.tsx
import "react";
import { jsx as jsx55, jsxs as jsxs20 } from "react/jsx-runtime";
var CopyIcon = (props) => {
  return /* @__PURE__ */ jsx55(Icon, { ...props, children: /* @__PURE__ */ jsxs20(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx55("path", { d: "M15 4V7H18V16H17V18H20V6L16.25 2H8V5H10V4H15Z" }),
        /* @__PURE__ */ jsx55(
          "path",
          {
            fillRule: "evenodd",
            d: "M16 10L12.25 6H4V22H16V10ZM11 8H6V20H14V11H11V8Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/CutIcon.tsx
import "react";
import { jsx as jsx56 } from "react/jsx-runtime";
var CutIcon = (props) => {
  return /* @__PURE__ */ jsx56(Icon, { ...props, children: /* @__PURE__ */ jsx56(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx56(
        "path",
        {
          fillRule: "evenodd",
          d: "M13.4143 12.0001L14.9681 13.5539C15.5636 13.202 16.2582 13.0001 17 13.0001C19.2091 13.0001 21 14.791 21 17.0001C21 19.2092 19.2091 21.0001 17 21.0001C14.7909 21.0001 13 19.2092 13 17.0001C13 16.2583 13.2019 15.5636 13.5539 14.9681L12.0001 13.4143L10.4462 14.9682C10.7981 15.5637 11 16.2583 11 17.0001C11 19.2092 9.20914 21.0001 7 21.0001C4.79086 21.0001 3 19.2092 3 17.0001C3 14.791 4.79086 13.0001 7 13.0001C7.74183 13.0001 8.4365 13.202 9.03202 13.5539L10.5859 12.0001L3.79297 5.20718L5.20718 3.79297L12.0001 10.5859L18.793 3.793L20.2072 5.20721L13.4143 12.0001ZM5 17.0001C5 15.8955 5.89543 15.0001 7 15.0001C8.10457 15.0001 9 15.8955 9 17.0001C9 18.1047 8.10457 19.0001 7 19.0001C5.89543 19.0001 5 18.1047 5 17.0001ZM15 17.0001C15 15.8955 15.8954 15.0001 17 15.0001C18.1046 15.0001 19 15.8955 19 17.0001C19 18.1047 18.1046 19.0001 17 19.0001C15.8954 19.0001 15 18.1047 15 17.0001Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/DashIcon.tsx
import "react";
import { jsx as jsx57 } from "react/jsx-runtime";
var DashIcon = (props) => {
  return /* @__PURE__ */ jsx57(Icon, { ...props, children: /* @__PURE__ */ jsx57(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx57("path", { d: "M6 10.5H18V13.5H6z" })
    }
  ) });
};

// src/components/Icons/DiscussionIcon.tsx
import "react";
import { jsx as jsx58 } from "react/jsx-runtime";
var DiscussionIcon = (props) => {
  return /* @__PURE__ */ jsx58(Icon, { ...props, children: /* @__PURE__ */ jsx58(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx58(
        "path",
        {
          fillRule: "evenodd",
          d: "M2 8C2 5.79086 3.79086 4 6 4H14C16.2091 4 18 5.79086 18 8V9C20.2091 9 22 10.7909 22 13V15C22 16.4806 21.1956 17.7733 20 18.4649V21.5L17.5 19H14C11.7909 19 10 17.2091 10 15H6.5L4 17.5V14.4649C2.8044 13.7733 2 12.4806 2 11V8ZM6 6H14C15.1046 6 16 6.89543 16 8V11C16 12.1046 15.1046 13 14 13H6C4.89543 13 4 12.1046 4 11V8C4 6.89543 4.89543 6 6 6ZM12 15C12 16.1046 12.8954 17 14 17H18C19.1046 17 20 16.1046 20 15V13C20 11.8954 19.1046 11 18 11C18 13.2091 16.2091 15 14 15H12Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/DraggableIcon.tsx
import "react";
import { jsx as jsx59 } from "react/jsx-runtime";
var DraggableIcon = (props) => {
  return /* @__PURE__ */ jsx59(Icon, { ...props, children: /* @__PURE__ */ jsx59(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx59(
        "path",
        {
          fillRule: "evenodd",
          d: "M9 7C10.1046 7 11 6.10457 11 5C11 3.89543 10.1046 3 9 3C7.89543 3 7 3.89543 7 5C7 6.10457 7.89543 7 9 7ZM9 14C10.1046 14 11 13.1046 11 12C11 10.8954 10.1046 10 9 10C7.89543 10 7 10.8954 7 12C7 13.1046 7.89543 14 9 14ZM11 19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19C7 17.8954 7.89543 17 9 17C10.1046 17 11 17.8954 11 19ZM15 7C16.1046 7 17 6.10457 17 5C17 3.89543 16.1046 3 15 3C13.8954 3 13 3.89543 13 5C13 6.10457 13.8954 7 15 7ZM17 12C17 13.1046 16.1046 14 15 14C13.8954 14 13 13.1046 13 12C13 10.8954 13.8954 10 15 10C16.1046 10 17 10.8954 17 12ZM15 21C16.1046 21 17 20.1046 17 19C17 17.8954 16.1046 17 15 17C13.8954 17 13 17.8954 13 19C13 20.1046 13.8954 21 15 21Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/EditIcon.tsx
import "react";
import { jsx as jsx60, jsxs as jsxs21 } from "react/jsx-runtime";
var EditIcon = (props) => {
  return /* @__PURE__ */ jsx60(Icon, { ...props, children: /* @__PURE__ */ jsxs21(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx60("path", { d: "M18 12.8286V17.9999H6V5.99994H11.1718L13.1718 3.99994H4V19.9999H20V10.8286L18 12.8286Z" }),
        /* @__PURE__ */ jsx60(
          "path",
          {
            fillRule: "evenodd",
            d: "M13 14.9999L8 15.9999L9 10.9999L17.5858 2.41416C18.3668 1.63311 19.6332 1.63311 20.4142 2.41415L21.5858 3.58573C22.3668 4.36678 22.3668 5.63311 21.5858 6.41415L13 14.9999ZM17.5857 7.58582L12.014 13.1575L10.5495 13.4504L10.8424 11.986L16.4141 6.41424L17.5857 7.58582ZM18.9999 6.1716L20.1716 4.99994L19 3.82837L17.8283 5.00003L18.9999 6.1716Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/EyeIcon.tsx
import "react";
import { jsx as jsx61, jsxs as jsxs22 } from "react/jsx-runtime";
var EyeIcon = (props) => {
  return /* @__PURE__ */ jsx61(Icon, { ...props, children: /* @__PURE__ */ jsxs22(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx61("path", { d: "M12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5Z" }),
        /* @__PURE__ */ jsx61(
          "path",
          {
            fillRule: "evenodd",
            d: "M12 5C8.70123 5 6.21946 6.37976 4.57428 7.88785C3.75435 8.63944 3.13312 9.43033 2.71084 10.1165C2.49997 10.4592 2.33188 10.7868 2.21323 11.081C2.10598 11.3469 2 11.679 2 12C2 12.321 2.10598 12.6531 2.21323 12.919C2.33188 13.2132 2.49997 13.5408 2.71084 13.8835C3.13312 14.5697 3.75435 15.3606 4.57428 16.1122C6.21946 17.6202 8.70123 19 12 19C15.2988 19 17.7805 17.6202 19.4257 16.1122C20.2456 15.3606 20.8669 14.5697 21.2892 13.8835C21.5 13.5408 21.6681 13.2132 21.7868 12.919C21.894 12.6531 22 12.321 22 12C22 11.679 21.894 11.3469 21.7868 11.081C21.6681 10.7868 21.5 10.4592 21.2892 10.1165C20.8669 9.43033 20.2456 8.63944 19.4257 7.88785C17.7805 6.37976 15.2988 5 12 5ZM4.06802 12.1708C4.03445 12.0876 4.01707 12.0317 4.0082 12C4.01707 11.9683 4.03445 11.9124 4.06802 11.8292C4.13687 11.6585 4.25003 11.4314 4.41416 11.1647C4.74188 10.6322 5.24565 9.98556 5.92572 9.36215C7.28054 8.12024 9.29877 7 12 7C14.7012 7 16.7195 8.12024 18.0743 9.36215C18.7544 9.98556 19.2581 10.6322 19.5858 11.1647C19.75 11.4314 19.8631 11.6585 19.932 11.8292C19.9655 11.9124 19.9829 11.9683 19.9918 12C19.9829 12.0317 19.9655 12.0876 19.932 12.1708C19.8631 12.3415 19.75 12.5686 19.5858 12.8353C19.2581 13.3678 18.7544 14.0144 18.0743 14.6378C16.7195 15.8798 14.7012 17 12 17C9.29877 17 7.28054 15.8798 5.92572 14.6378C5.24565 14.0144 4.74188 13.3678 4.41416 12.8353C4.25003 12.5686 4.13687 12.3415 4.06802 12.1708Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/FilterIcon.tsx
import "react";
import { jsx as jsx62, jsxs as jsxs23 } from "react/jsx-runtime";
var FilterIcon = (props) => {
  return /* @__PURE__ */ jsx62(Icon, { ...props, children: /* @__PURE__ */ jsxs23(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx62("path", { d: "M7 8V10H17V8H7ZM9 14V12H15V14H9ZM11 16V18H13V16H11Z" }),
        /* @__PURE__ */ jsx62(
          "path",
          {
            fillRule: "evenodd",
            d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/FolderIcon.tsx
import "react";
import { jsx as jsx63 } from "react/jsx-runtime";
var FolderIcon = (props) => {
  return /* @__PURE__ */ jsx63(Icon, { ...props, children: /* @__PURE__ */ jsx63(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx63(
        "path",
        {
          fillRule: "evenodd",
          d: "M9.41421 4H2V20H22V6H11.4142L9.41421 4ZM4 18V8H20V18H4Z",
          clipRule: "evenodd"
        }
      )
    }
  ) });
};

// src/components/Icons/FooterIcon.tsx
import "react";
import { jsx as jsx64, jsxs as jsxs24 } from "react/jsx-runtime";
var FooterIcon = (props) => {
  return /* @__PURE__ */ jsx64(Icon, { ...props, children: /* @__PURE__ */ jsxs24(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: [
        /* @__PURE__ */ jsx64("path", { d: "M16 16H8V18H16V16Z" }),
        /* @__PURE__ */ jsx64(
          "path",
          {
            fillRule: "evenodd",
            d: "M4 22V2H20V22H4ZM6 4H18V20H6V4Z",
            clipRule: "evenodd"
          }
        )
      ]
    }
  ) });
};

// src/components/Icons/ForegroundIcon.tsx
import "react";
import { jsx as jsx65 } from "react/jsx-runtime";
var ForegroundIcon = (props) => {
  return /* @__PURE__ */ jsx65(Icon, { ...props, children: /* @__PURE__ */ jsx65(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      children: /* @__PURE__ */ jsx65(
        "path",
        {
          stroke: "#000",
          strokeWidth: "2",
          d: "M3.74844 19L12.0002 4.97231L20.2516 19H3.74844Z"
        }
      )
    }
  ) });
};

// src/components/Icons/FullscreenIcon.tsx
import "react";
import { jsx as jsx66 } from "react/jsx-runtime";
var FullscreenIcon = (props) => {
  return /* @__PURE__ */ jsx66(Icon, { ...props, children: /* @__PURE__ */ jsx66(
    "svg",
    {
      xmlns: "http://www.w3.org/2000/svg",
      width: "24",
      height: "