octocms 0.4.13 → 0.4.17

package/dist/components/{richtext → ui/FormField/richtext}/SlashCommandMenu.js

@@ -1,8 +1,7 @@
 "use client";
-import "../../chunk-B5LE2OEC.js";
+import "../../../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { cn } from "../../lib/utils";
 function SlashMenuOverlay({ items, open, filter, position, onSelect, onClose }) {
   const [selectedIndex, setSelectedIndex] = useState(0);
   const menuRef = useRef(null);
@@ -60,43 +59,32 @@ function SlashMenuOverlay({ items, open, filter, position, onSelect, onClose })
       "div",
       {
         ref: menuRef,
-        className: "fixed z-[10000] w-64 rounded-md border border-border bg-popover px-3 py-2 text-sm text-muted-foreground shadow-md",
+        className: "octo-slash-menu octo-slash-menu--empty",
         style: { top: position.top, left: position.left },
         children: "No matching commands"
       }
     );
   }
-  return /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx("div", { ref: menuRef, className: "octo-slash-menu", style: { top: position.top, left: position.left }, children: items.map((item, i) => /* @__PURE__ */ jsxs(
+    "button",
     {
-      ref: menuRef,
-      className: "fixed z-[10000] w-64 max-h-72 overflow-y-auto rounded-md border border-border bg-popover shadow-md",
-      style: { top: position.top, left: position.left },
-      children: items.map((item, i) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          ref: (el) => {
-            itemRefs.current[i] = el;
-          },
-          type: "button",
-          className: cn(
-            "flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-accent",
-            i === selectedIndex && "bg-accent"
-          ),
-          onMouseEnter: () => setSelectedIndex(i),
-          onClick: () => onSelect(item),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-muted-foreground", children: item.icon }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              /* @__PURE__ */ jsx("span", { className: "block font-medium", children: item.label }),
-              item.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: item.description })
-            ] })
-          ]
-        },
-        item.key
-      ))
-    }
-  );
+      ref: (el) => {
+        itemRefs.current[i] = el;
+      },
+      type: "button",
+      className: `octo-slash-menu__item${i === selectedIndex ? " octo-slash-menu__item octo-slash-menu__item--active" : ""}`,
+      onMouseEnter: () => setSelectedIndex(i),
+      onClick: () => onSelect(item),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "octo-slash-menu__item-icon", children: item.icon }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "octo-slash-menu__item-label", children: item.label }),
+          item.description && /* @__PURE__ */ jsx("span", { className: "octo-slash-menu__item-desc", children: item.description })
+        ] })
+      ]
+    },
+    item.key
+  )) });
 }
 export {
   SlashMenuOverlay

package/dist/components/ui/FormField/richtext/SlashCommandMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../components/ui/FormField/richtext/SlashCommandMenu.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type SlashMenuItem = {\n  key: string;\n  label: string;\n  description?: string;\n  icon: React.ReactNode;\n  action: () => void;\n  keywords?: string[];\n};\n\ntype SlashMenuOverlayProps = {\n  items: SlashMenuItem[];\n  open: boolean;\n  filter: string;\n  position: { top: number; left: number } | null;\n  onSelect: (item: SlashMenuItem) => void;\n  onClose: () => void;\n};\n\nexport function SlashMenuOverlay({ items, open, filter, position, onSelect, onClose }: SlashMenuOverlayProps) {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  // Reset selection when filter or items change\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [filter, items.length]);\n\n  // Scroll selected item into view\n  useEffect(() => {\n    itemRefs.current[selectedIndex]?.scrollIntoView({ block: 'nearest' });\n  }, [selectedIndex]);\n\n  // Close on click outside\n  useEffect(() => {\n    if (!open) return;\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        onClose();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [open, onClose]);\n\n  // Keyboard navigation\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (!open) return;\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev + 1) % items.length);\n          break;\n        case 'ArrowUp':\n          e.preventDefault();\n          setSelectedIndex((prev) => (prev - 1 + items.length) % items.length);\n          break;\n        case 'Enter':\n          e.preventDefault();\n          if (items[selectedIndex]) {\n            onSelect(items[selectedIndex]);\n          }\n          break;\n        case 'Escape':\n          e.preventDefault();\n          onClose();\n          break;\n      }\n    },\n    [open, items, selectedIndex, onSelect, onClose],\n  );\n\n  useEffect(() => {\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [handleKeyDown]);\n\n  if (!open || !position) return null;\n\n  if (items.length === 0) {\n    return (\n      <div\n        ref={menuRef}\n        className=\"octo-slash-menu octo-slash-menu--empty\"\n        style={{ top: position.top, left: position.left }}\n      >\n        No matching commands\n      </div>\n    );\n  }\n\n  return (\n    <div ref={menuRef} className=\"octo-slash-menu\" style={{ top: position.top, left: position.left }}>\n      {items.map((item, i) => (\n        <button\n          key={item.key}\n          ref={(el) => {\n            itemRefs.current[i] = el;\n          }}\n          type=\"button\"\n          className={`octo-slash-menu__item${i === selectedIndex ? ' octo-slash-menu__item octo-slash-menu__item--active' : ''}`}\n          onMouseEnter={() => setSelectedIndex(i)}\n          onClick={() => onSelect(item)}\n        >\n          <span className=\"octo-slash-menu__item-icon\">{item.icon}</span>\n          <span>\n            <span className=\"octo-slash-menu__item-label\">{item.label}</span>\n            {item.description && <span className=\"octo-slash-menu__item-desc\">{item.description}</span>}\n          </span>\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;AAsFM,cAwBI,YAxBJ;AApFN,SAAgB,aAAa,WAAW,QAAQ,gBAAgB;AAoBzD,SAAS,iBAAiB,EAAE,OAAO,MAAM,QAAQ,UAAU,UAAU,QAAQ,GAA0B;AAC5G,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,WAAW,OAAqC,CAAC,CAAC;AAGxD,YAAU,MAAM;AACd,qBAAiB,CAAC;AAAA,EACpB,GAAG,CAAC,QAAQ,MAAM,MAAM,CAAC;AAGzB,YAAU,MAAM;AAjClB;AAkCI,mBAAS,QAAQ,aAAa,MAA9B,mBAAiC,eAAe,EAAE,OAAO,UAAU;AAAA,EACrE,GAAG,CAAC,aAAa,CAAC;AAGlB,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,qBAAqB,CAAC,MAAkB;AAC5C,UAAI,QAAQ,WAAW,CAAC,QAAQ,QAAQ,SAAS,EAAE,MAAc,GAAG;AAClE,gBAAQ;AAAA,MACV;AAAA,IACF;AACA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC3E,GAAG,CAAC,MAAM,OAAO,CAAC;AAGlB,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAqB;AACpB,UAAI,CAAC,KAAM;AACX,cAAQ,EAAE,KAAK;AAAA,QACb,KAAK;AACH,YAAE,eAAe;AACjB,2BAAiB,CAAC,UAAU,OAAO,KAAK,MAAM,MAAM;AACpD;AAAA,QACF,KAAK;AACH,YAAE,eAAe;AACjB,2BAAiB,CAAC,UAAU,OAAO,IAAI,MAAM,UAAU,MAAM,MAAM;AACnE;AAAA,QACF,KAAK;AACH,YAAE,eAAe;AACjB,cAAI,MAAM,aAAa,GAAG;AACxB,qBAAS,MAAM,aAAa,CAAC;AAAA,UAC/B;AACA;AAAA,QACF,KAAK;AACH,YAAE,eAAe;AACjB,kBAAQ;AACR;AAAA,MACJ;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO,eAAe,UAAU,OAAO;AAAA,EAChD;AAEA,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EACpE,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,QAAQ,CAAC,SAAU,QAAO;AAE/B,MAAI,MAAM,WAAW,GAAG;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO,EAAE,KAAK,SAAS,KAAK,MAAM,SAAS,KAAK;AAAA,QACjD;AAAA;AAAA,IAED;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,KAAK,SAAS,WAAU,mBAAkB,OAAO,EAAE,KAAK,SAAS,KAAK,MAAM,SAAS,KAAK,GAC5F,gBAAM,IAAI,CAAC,MAAM,MAChB;AAAA,IAAC;AAAA;AAAA,MAEC,KAAK,CAAC,OAAO;AACX,iBAAS,QAAQ,CAAC,IAAI;AAAA,MACxB;AAAA,MACA,MAAK;AAAA,MACL,WAAW,wBAAwB,MAAM,gBAAgB,yDAAyD,EAAE;AAAA,MACpH,cAAc,MAAM,iBAAiB,CAAC;AAAA,MACtC,SAAS,MAAM,SAAS,IAAI;AAAA,MAE5B;AAAA,4BAAC,UAAK,WAAU,8BAA8B,eAAK,MAAK;AAAA,QACxD,qBAAC,UACC;AAAA,8BAAC,UAAK,WAAU,+BAA+B,eAAK,OAAM;AAAA,UACzD,KAAK,eAAe,oBAAC,UAAK,WAAU,8BAA8B,eAAK,aAAY;AAAA,WACtF;AAAA;AAAA;AAAA,IAbK,KAAK;AAAA,EAcZ,CACD,GACH;AAEJ;","names":[]}

package/dist/components/ui/FormField/richtext/VariableEmbedEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableEmbedEditor.d.ts","sourceRoot":"","sources":["../../../../../components/ui/FormField/richtext/VariableEmbedEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAqEnF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/ui/FormField/richtext/VariableEmbedEditor.js

@@ -0,0 +1,61 @@
+"use client";
+import "../../../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Icon } from "../../Icon/Icon";
+import { useMdastNodeUpdater } from "@mdxeditor/editor";
+const VariableEmbedEditor = ({
+  mdastNode,
+  allowedVariables
+}) => {
+  var _a;
+  const updateNode = useMdastNodeUpdater();
+  const nameAttr = (_a = mdastNode.attributes) == null ? void 0 : _a.find((a) => a.type === "mdxJsxAttribute" && a.name === "name");
+  const currentName = typeof (nameAttr == null ? void 0 : nameAttr.value) === "string" ? nameAttr.value : "";
+  const handleChange = useCallback(
+    (e) => {
+      const newName = e.target.value;
+      updateNode({
+        attributes: [{ type: "mdxJsxAttribute", name: "name", value: newName }]
+      });
+    },
+    [updateNode]
+  );
+  const variables = allowedVariables != null ? allowedVariables : [];
+  if (currentName && (variables.length === 0 || variables.includes(currentName))) {
+    return /* @__PURE__ */ jsxs("span", { className: "octo-var-embed octo-var-embed--set", contentEditable: false, children: [
+      /* @__PURE__ */ jsx(Icon.Variable, { className: "octo-var-embed__icon", "aria-hidden": true }),
+      variables.length > 0 ? /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: currentName,
+          onChange: handleChange,
+          className: "octo-var-embed__select",
+          "aria-label": "Change variable",
+          children: variables.map((v) => /* @__PURE__ */ jsx("option", { value: v, children: v }, v))
+        }
+      ) : /* @__PURE__ */ jsx("span", { children: currentName })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("span", { className: "octo-var-embed octo-var-embed--unset", contentEditable: false, children: [
+    /* @__PURE__ */ jsx(Icon.Variable, { className: "octo-var-embed__icon" }),
+    variables.length > 0 ? /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value: currentName,
+        onChange: handleChange,
+        className: "octo-var-embed__select",
+        "aria-label": "Select variable",
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: "Pick variable\u2026" }),
+          variables.map((v) => /* @__PURE__ */ jsx("option", { value: v, children: v }, v))
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: "octo-var-embed__none", children: "No variables configured" })
+  ] });
+};
+var VariableEmbedEditor_default = VariableEmbedEditor;
+export {
+  VariableEmbedEditor_default as default
+};
+//# sourceMappingURL=VariableEmbedEditor.js.map

package/dist/components/ui/FormField/richtext/VariableEmbedEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../components/ui/FormField/richtext/VariableEmbedEditor.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback } from 'react';\nimport { Icon } from '../../Icon/Icon';\nimport type { JsxEditorProps } from '@mdxeditor/editor';\nimport { useMdastNodeUpdater } from '@mdxeditor/editor';\n\n/**\n * WYSIWYG editor component for `<CmsVar>` JSX embeds inside richtext fields.\n *\n * Renders the variable as a colored inline pill in the editor. Shows a dropdown\n * to pick from the allowed variable names defined in the richtext field config.\n */\nconst VariableEmbedEditor: React.FC<JsxEditorProps & { allowedVariables?: string[] }> = ({\n  mdastNode,\n  allowedVariables,\n}) => {\n  const updateNode = useMdastNodeUpdater();\n\n  const nameAttr = mdastNode.attributes?.find((a: any) => a.type === 'mdxJsxAttribute' && a.name === 'name');\n  const currentName = typeof nameAttr?.value === 'string' ? nameAttr.value : '';\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLSelectElement>) => {\n      const newName = e.target.value;\n      updateNode({\n        attributes: [{ type: 'mdxJsxAttribute', name: 'name', value: newName }],\n      } as any);\n    },\n    [updateNode],\n  );\n\n  const variables = allowedVariables ?? [];\n\n  // If the variable is set and in the allowed list (or no allowed list), show the pill + visible select\n  if (currentName && (variables.length === 0 || variables.includes(currentName))) {\n    return (\n      <span className=\"octo-var-embed octo-var-embed--set\" contentEditable={false}>\n        <Icon.Variable className=\"octo-var-embed__icon\" aria-hidden />\n        {variables.length > 0 ? (\n          <select\n            value={currentName}\n            onChange={handleChange}\n            className=\"octo-var-embed__select\"\n            aria-label=\"Change variable\"\n          >\n            {variables.map((v) => (\n              <option key={v} value={v}>\n                {v}\n              </option>\n            ))}\n          </select>\n        ) : (\n          <span>{currentName}</span>\n        )}\n      </span>\n    );\n  }\n\n  // No variable selected yet — show a compact picker\n  return (\n    <span className=\"octo-var-embed octo-var-embed--unset\" contentEditable={false}>\n      <Icon.Variable className=\"octo-var-embed__icon\" />\n      {variables.length > 0 ? (\n        <select\n          value={currentName}\n          onChange={handleChange}\n          className=\"octo-var-embed__select\"\n          aria-label=\"Select variable\"\n        >\n          <option value=\"\">Pick variable…</option>\n          {variables.map((v) => (\n            <option key={v} value={v}>\n              {v}\n            </option>\n          ))}\n        </select>\n      ) : (\n        <span className=\"octo-var-embed__none\">No variables configured</span>\n      )}\n    </span>\n  );\n};\n\nexport default VariableEmbedEditor;\n"],"mappings":";;AAqCM,SACE,KADF;AAnCN,SAAgB,mBAAmB;AACnC,SAAS,YAAY;AAErB,SAAS,2BAA2B;AAQpC,MAAM,sBAAkF,CAAC;AAAA,EACvF;AAAA,EACA;AACF,MAAM;AAhBN;AAiBE,QAAM,aAAa,oBAAoB;AAEvC,QAAM,YAAW,eAAU,eAAV,mBAAsB,KAAK,CAAC,MAAW,EAAE,SAAS,qBAAqB,EAAE,SAAS;AACnG,QAAM,cAAc,QAAO,qCAAU,WAAU,WAAW,SAAS,QAAQ;AAE3E,QAAM,eAAe;AAAA,IACnB,CAAC,MAA4C;AAC3C,YAAM,UAAU,EAAE,OAAO;AACzB,iBAAW;AAAA,QACT,YAAY,CAAC,EAAE,MAAM,mBAAmB,MAAM,QAAQ,OAAO,QAAQ,CAAC;AAAA,MACxE,CAAQ;AAAA,IACV;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,YAAY,8CAAoB,CAAC;AAGvC,MAAI,gBAAgB,UAAU,WAAW,KAAK,UAAU,SAAS,WAAW,IAAI;AAC9E,WACE,qBAAC,UAAK,WAAU,sCAAqC,iBAAiB,OACpE;AAAA,0BAAC,KAAK,UAAL,EAAc,WAAU,wBAAuB,eAAW,MAAC;AAAA,MAC3D,UAAU,SAAS,IAClB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAU;AAAA,UACV,cAAW;AAAA,UAEV,oBAAU,IAAI,CAAC,MACd,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA,MACH,IAEA,oBAAC,UAAM,uBAAY;AAAA,OAEvB;AAAA,EAEJ;AAGA,SACE,qBAAC,UAAK,WAAU,wCAAuC,iBAAiB,OACtE;AAAA,wBAAC,KAAK,UAAL,EAAc,WAAU,wBAAuB;AAAA,IAC/C,UAAU,SAAS,IAClB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAU;AAAA,QACV,cAAW;AAAA,QAEX;AAAA,8BAAC,YAAO,OAAM,IAAG,iCAAc;AAAA,UAC9B,UAAU,IAAI,CAAC,MACd,oBAAC,YAAe,OAAO,GACpB,eADU,CAEb,CACD;AAAA;AAAA;AAAA,IACH,IAEA,oBAAC,UAAK,WAAU,wBAAuB,qCAAuB;AAAA,KAElE;AAEJ;AAEA,IAAO,8BAAQ;","names":[]}

package/dist/components/ui/Icon/Icon.d.ts

@@ -0,0 +1,77 @@
+import type { SVGProps } from 'react';
+export type IconProps = Omit<SVGProps<SVGSVGElement>, 'color'> & {
+    color?: string;
+    size?: number | string;
+    strokeWidth?: number | string;
+    absoluteStrokeWidth?: boolean;
+};
+export declare const Icon: {
+    readonly ArrowLeft: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ArrowRight: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ArrowUpRight: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Bell: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Bot: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Check: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly CheckCheck: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Circle: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly CircleCheck: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly CheckCircle2: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly CloudUpload: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly AlertCircle: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly StopCircle: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly FileCode2: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly FilePen: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly FilePlus: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly FileText: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly FolderOpen: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ChevronDown: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ChevronLeft: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ChevronRight: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ChevronUp: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ExternalLink: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly GitBranch: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly GitCommit: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly GitPullRequest: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly GripVertical: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Image: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ImageIcon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ImagePlus: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Info: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Layers: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly LayoutGrid: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly LayoutList: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Link2: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly List: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Loader2: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly LoaderCircle: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Lock: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly LogIn: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Menu: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Moon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly MoreHorizontal: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly OctagonX: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Paperclip: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Pencil: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Plus: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Puzzle: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly RefreshCw: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Search: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Send: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Shield: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ShieldAlert: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly ShieldCheck: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Sparkles: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Star: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Sun: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Terminal: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Trash2: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly AlertTriangle: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly TriangleAlert: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Upload: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly User: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Variable: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Wrench: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly X: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Zap: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/ui/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../components/ui/Icon/Icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAomBF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEP,CAAC"}