entangle-ui 0.10.0 → 0.12.0

package/dist/esm/assets/src/components/navigation/Menu/{Menu.css.ts.vanilla-B5iVe5S2.css → Menu.css.ts.vanilla-Bhh1L5yl.css}

@@ -1,4 +1,7 @@
-.Menu_menuContentStyle__1pkkb710 {
+.Menu_menuPositionerStyle__1pkkb710 {
+  z-index: var(--etui-z-dropdown);
+}
+.Menu_menuContentStyle__1pkkb711 {
   min-width: 200px;
   max-width: 360px;
   background: var(--etui-color-bg-elevated);
@@ -13,11 +16,11 @@
   transform-origin: var(--transform-origin);
   transition: opacity var(--etui-transition-fast), transform var(--etui-transition-fast);
 }
-.Menu_menuContentStyle__1pkkb710[data-starting-style], .Menu_menuContentStyle__1pkkb710[data-ending-style] {
+.Menu_menuContentStyle__1pkkb711[data-starting-style], .Menu_menuContentStyle__1pkkb711[data-ending-style] {
   opacity: 0;
   transform: scale(0.96);
 }
-.Menu_menuItemStyle__1pkkb711 {
+.Menu_menuItemStyle__1pkkb712 {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
@@ -33,15 +36,15 @@
   font-size: var(--etui-font-size-md);
   font-family: var(--etui-font-family-sans);
 }
-.Menu_menuItemStyle__1pkkb711[data-highlighted] {
+.Menu_menuItemStyle__1pkkb712[data-highlighted] {
   background: var(--etui-color-surface-hover);
 }
-.Menu_menuItemStyle__1pkkb711[data-disabled] {
+.Menu_menuItemStyle__1pkkb712[data-disabled] {
   color: var(--etui-color-text-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
-.Menu_itemStartSlotStyle__1pkkb712 {
+.Menu_itemStartSlotStyle__1pkkb713 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -50,14 +53,14 @@
   flex-shrink: 0;
   color: var(--etui-color-text-secondary);
 }
-.Menu_itemLabelStyle__1pkkb713 {
+.Menu_itemLabelStyle__1pkkb714 {
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.Menu_itemEndSlotStyle__1pkkb714 {
+.Menu_itemEndSlotStyle__1pkkb715 {
   display: inline-flex;
   align-items: center;
   gap: var(--etui-spacing-xs);
@@ -66,13 +69,13 @@
   flex-shrink: 0;
   color: var(--etui-color-text-muted);
 }
-.Menu_shortcutStyle__1pkkb715 {
+.Menu_shortcutStyle__1pkkb716 {
   font-size: var(--etui-font-size-xs);
   color: var(--etui-color-text-muted);
   letter-spacing: 0.03em;
   white-space: nowrap;
 }
-.Menu_groupLabelStyle__1pkkb716 {
+.Menu_groupLabelStyle__1pkkb717 {
   display: block;
   padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
   font-size: var(--etui-font-size-xs);
@@ -81,7 +84,7 @@
   font-family: var(--etui-font-family-sans);
   color: var(--etui-color-text-muted);
 }
-.Menu_separatorStyle__1pkkb717 {
+.Menu_separatorStyle__1pkkb718 {
   margin: var(--etui-spacing-xs) 0;
   border-top: 1px solid var(--etui-color-border-default);
   height: 0;

package/dist/esm/assets/src/components/primitives/Tooltip/{Tooltip.css.ts.vanilla-CrEFoLBX.css → Tooltip.css.ts.vanilla-BqaiGrFQ.css}

@@ -24,7 +24,10 @@
   opacity: 0;
   transform: scale(0.96);
 }
-.Tooltip_tooltipTriggerStyle__u81kis1 {
+.Tooltip_tooltipPositionerStyle__u81kis1 {
+  z-index: var(--etui-z-tooltip);
+}
+.Tooltip_tooltipTriggerStyle__u81kis2 {
   display: inline-block;
   cursor: pointer;
   width: fit-content;
@@ -33,17 +36,17 @@
   z-index: 1;
   pointer-events: none;
 }
-.Tooltip_tooltipTriggerStyle__u81kis1:focus {
+.Tooltip_tooltipTriggerStyle__u81kis2:focus {
   outline: none;
   box-shadow: var(--etui-shadow-focus);
 }
-.Tooltip_tooltipTriggerStyle__u81kis1 > * {
+.Tooltip_tooltipTriggerStyle__u81kis2 > * {
   pointer-events: auto;
 }
-.Tooltip_arrowFillStyle__u81kis2 {
+.Tooltip_arrowFillStyle__u81kis3 {
   fill: var(--etui-color-bg-elevated);
 }
-.Tooltip_tooltipArrowStyle__u81kis3 {
+.Tooltip_tooltipArrowStyle__u81kis4 {
   display: flex;
   transform-style: preserve-3d;
   backface-visibility: hidden;
@@ -53,19 +56,19 @@
   -moz-osx-font-smoothing: grayscale;
   will-change: transform;
 }
-.Tooltip_tooltipArrowStyle__u81kis3[data-side="top"] {
+.Tooltip_tooltipArrowStyle__u81kis4[data-side="top"] {
   bottom: -8px;
   rotate: 180deg;
 }
-.Tooltip_tooltipArrowStyle__u81kis3[data-side="bottom"] {
+.Tooltip_tooltipArrowStyle__u81kis4[data-side="bottom"] {
   top: -8px;
   rotate: 0deg;
 }
-.Tooltip_tooltipArrowStyle__u81kis3[data-side="left"] {
+.Tooltip_tooltipArrowStyle__u81kis4[data-side="left"] {
   right: -13px;
   rotate: 90deg;
 }
-.Tooltip_tooltipArrowStyle__u81kis3[data-side="right"] {
+.Tooltip_tooltipArrowStyle__u81kis4[data-side="right"] {
   left: -13px;
   rotate: -90deg;
 }

package/dist/esm/assets/src/components/shell/AppShell/{AppShell.css.ts.vanilla-BYmtU0O_.css → AppShell.css.ts.vanilla-BLK2-DRL.css}

@@ -32,6 +32,7 @@ html:has(.AppShell_viewportLockClass__1m62ws20) body {
 }
 .AppShell_menuBarSlot__1m62ws22 {
   grid-area: menubar;
+  background: var(--etui-shell-menubar-bg);
 }
 .AppShell_toolbarTopSlot__1m62ws23 {
   grid-area: toolbar-top;

package/dist/esm/assets/src/components/shell/MenuBar/{MenuBar.css.ts.vanilla-TgPcl4yA.css → MenuBar.css.ts.vanilla-Dt3w4f-q.css}

@@ -8,6 +8,7 @@
   padding: 0 var(--etui-spacing-sm);
   user-select: none;
   flex-shrink: 0;
+  width: 100%;
 }
 .MenuBar_menuBarRoot_size_sm__1h81mxv1 {
   height: 24px;
@@ -17,13 +18,15 @@
 }
 .MenuBar_menuContainer__1h81mxv3 {
   position: relative;
+  display: flex;
+  align-items: center;
   height: 100%;
 }
 .MenuBar_trigger__1h81mxv4 {
   display: inline-flex;
   align-items: center;
-  height: 100%;
-  padding: 0 var(--etui-spacing-md);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-md);
+  border-radius: var(--etui-radius-sm);
   border: none;
   color: inherit;
   font: inherit;
@@ -95,15 +98,24 @@
   color: var(--etui-shell-menubar-shortcut-text);
   font-size: var(--etui-font-size-xs);
 }
-.MenuBar_separator__1h81mxva {
+.MenuBar_indicatorSlot__1h81mxva {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  color: var(--etui-color-text-secondary);
+}
+.MenuBar_separator__1h81mxvb {
   height: 1px;
   margin: var(--etui-spacing-xs) 0;
   background: var(--etui-color-border-default);
 }
-.MenuBar_subTrigger__1h81mxvb {
+.MenuBar_subTrigger__1h81mxvc {
   justify-content: space-between;
 }
-.MenuBar_subDropdown__1h81mxvc {
+.MenuBar_subDropdown__1h81mxvd {
   position: absolute;
   top: calc(-1 * var(--etui-spacing-xs));
   left: 100%;
@@ -115,6 +127,6 @@
   padding: var(--etui-spacing-xs) 0;
   z-index: calc(var(--etui-z-dropdown) + 1);
 }
-.MenuBar_subContainer__1h81mxvd {
+.MenuBar_subContainer__1h81mxve {
   position: relative;
 }

package/dist/esm/components/Icons/AddIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddIcon.js","sources":["../../../../../src/components/Icons/AddIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"AddIcon.js","sources":["src/components/Icons/AddIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/AddIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Add icon component for create/add actions.\n *\n * A standard plus icon commonly used for adding new items,\n * creating content, and expand functionality in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <AddIcon />\n *\n * // With custom size and color\n * <AddIcon size=\"lg\" color=\"primary\" />\n *\n * // In an add button\n * <Button icon={<AddIcon />}>Add Item</Button>\n * ```\n */\nexport const AddIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n      </Icon>\n    );\n  }\n);\n\nAddIcon.displayName = 'AddIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/AiChatIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiChatIcon.js","sources":["../../../../../src/components/Icons/AiChatIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"AiChatIcon.js","sources":["src/components/Icons/AiChatIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * AI Chat icon component for AI assistant chat interfaces.\n *\n * A chat bubble with a sparkle accent, commonly used for\n * AI chat panels, assistant toggles, and conversational\n * AI features in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <AiChatIcon />\n *\n * // With custom size and color\n * <AiChatIcon size=\"lg\" color=\"accent\" />\n *\n * // In a toolbar toggle\n * <Toolbar.Toggle icon={<AiChatIcon size=\"sm\" />} tooltip=\"AI Chat\" />\n * ```\n */\nexport const AiChatIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n        <path d=\"M14.5 7l.5 1.5L16.5 9l-1.5.5L14.5 11l-.5-1.5L12.5 9l1.5-.5Z\" />\n      </Icon>\n    );\n  }\n);\n\nAiChatIcon.displayName = 'AiChatIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/AiSparklesIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiSparklesIcon.js","sources":["../../../../../src/components/Icons/AiSparklesIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AAUP;AAEA;;"}
+{"version":3,"file":"AiSparklesIcon.js","sources":["src/components/Icons/AiSparklesIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * AI sparkles icon component representing artificial intelligence.\n *\n * Three 4-pointed sparkle stars at different sizes,\n * commonly used for AI features, generative tools,\n * and smart suggestions in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <AiSparklesIcon />\n *\n * // With custom size and color\n * <AiSparklesIcon size=\"lg\" color=\"primary\" />\n *\n * // In an AI action button\n * <Button icon={<AiSparklesIcon />}>Generate</Button>\n * ```\n */\nexport const AiSparklesIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M9 1l2 6L17 9l-6 2L9 17l-2-6L1 9l6-2Z\" />\n      <path d=\"M19 1l1 3L23 5l-3 1L19 9l-1-3L15 5l3-1Z\" />\n      <path d=\"M19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75Z\" />\n    </Icon>\n  );\n});\n\nAiSparklesIcon.displayName = 'AiSparklesIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AAUP;AAEA;;"}

package/dist/esm/components/Icons/ArchiveIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveIcon.js","sources":["../../../../../src/components/Icons/ArchiveIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}
+{"version":3,"file":"ArchiveIcon.js","sources":["src/components/Icons/ArchiveIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Archive icon component for archiving and storing items.\n *\n * A box with a lid commonly used for archiving content,\n * moving items out of active views, and long-term storage actions.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ArchiveIcon />\n *\n * // With custom size and color\n * <ArchiveIcon size=\"md\" color=\"muted\" />\n *\n * // In an archive action\n * <Button icon={<ArchiveIcon />}>Archive</Button>\n * ```\n */\nexport const ArchiveIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"4\" rx=\"1\" />\n      <path d=\"M5 8v11a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8\" />\n      <line x1=\"10\" y1=\"13\" x2=\"14\" y2=\"13\" />\n    </Icon>\n  );\n});\n\nArchiveIcon.displayName = 'ArchiveIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}

package/dist/esm/components/Icons/ArrowDownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownIcon.js","sources":["../../../../../src/components/Icons/ArrowDownIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ArrowDownIcon.js","sources":["src/components/Icons/ArrowDownIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Arrow Down icon component for downward navigation and expansion.\n *\n * A standard downward-pointing arrow commonly used for dropdown menus,\n * expanding content, and downward navigation in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ArrowDownIcon />\n *\n * // With custom size and color\n * <ArrowDownIcon size=\"lg\" color=\"primary\" />\n *\n * // In a dropdown button\n * <Button icon={<ArrowDownIcon />}>Expand</Button>\n * ```\n */\nexport const ArrowDownIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M7 10l5 5 5-5z\" />\n    </Icon>\n  );\n});\n\nArrowDownIcon.displayName = 'ArrowDownIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/ArrowLeftIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../../src/components/Icons/ArrowLeftIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ArrowLeftIcon.js","sources":["src/components/Icons/ArrowLeftIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Arrow Left icon component for leftward navigation and back actions.\n *\n * A standard leftward-pointing arrow commonly used for back buttons,\n * previous navigation, and leftward movement in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ArrowLeftIcon />\n *\n * // With custom size and color\n * <ArrowLeftIcon size=\"lg\" color=\"primary\" />\n *\n * // In a back button\n * <Button icon={<ArrowLeftIcon />}>Back</Button>\n * ```\n */\nexport const ArrowLeftIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M14 7l-5 5 5 5V7z\" />\n    </Icon>\n  );\n});\n\nArrowLeftIcon.displayName = 'ArrowLeftIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/ArrowRightIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/Icons/ArrowRightIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ArrowRightIcon.js","sources":["src/components/Icons/ArrowRightIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Arrow Right icon component for rightward navigation and forward actions.\n *\n * A standard rightward-pointing arrow commonly used for next buttons,\n * forward navigation, and rightward movement in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ArrowRightIcon />\n *\n * // With custom size and color\n * <ArrowRightIcon size=\"lg\" color=\"primary\" />\n *\n * // In a next button\n * <Button icon={<ArrowRightIcon />}>Next</Button>\n * ```\n */\nexport const ArrowRightIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M10 17l5-5-5-5v10z\" />\n    </Icon>\n  );\n});\n\nArrowRightIcon.displayName = 'ArrowRightIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/ArrowUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUpIcon.js","sources":["../../../../../src/components/Icons/ArrowUpIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ArrowUpIcon.js","sources":["src/components/Icons/ArrowUpIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Arrow Up icon component for upward navigation and collapse actions.\n *\n * A standard upward-pointing arrow commonly used for collapse buttons,\n * upward navigation, and minimizing content in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ArrowUpIcon />\n *\n * // With custom size and color\n * <ArrowUpIcon size=\"lg\" color=\"primary\" />\n *\n * // In a collapse button\n * <Button icon={<ArrowUpIcon />}>Collapse</Button>\n * ```\n */\nexport const ArrowUpIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M17 14l-5-5-5 5h10z\" />\n    </Icon>\n  );\n});\n\nArrowUpIcon.displayName = 'ArrowUpIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/BookmarkIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkIcon.js","sources":["../../../../../src/components/Icons/BookmarkIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"BookmarkIcon.js","sources":["src/components/Icons/BookmarkIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Bookmark icon component for saving and marking content.\n *\n * A standard bookmark icon commonly used for saving items,\n * marking favorites, and bookmarking content in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BookmarkIcon />\n *\n * // With custom size and color\n * <BookmarkIcon size=\"lg\" color=\"accent\" />\n *\n * // In a bookmark button\n * <Button icon={<BookmarkIcon />}>Bookmark</Button>\n * ```\n */\nexport const BookmarkIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\" />\n    </Icon>\n  );\n});\n\nBookmarkIcon.displayName = 'BookmarkIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/BugIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BugIcon.js","sources":["../../../../../src/components/Icons/BugIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAaF;AAGF;;"}
+{"version":3,"file":"BugIcon.js","sources":["src/components/Icons/BugIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Bug icon component for debugging and issue reporting.\n *\n * A symmetrical insect silhouette commonly used for debugger panels,\n * \"Report bug\" actions, and error severity indicators.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BugIcon />\n *\n * // With custom size and color\n * <BugIcon size=\"md\" color=\"error\" />\n *\n * // In a debugger panel toggle\n * <IconButton icon={<BugIcon />} label=\"Toggle debugger\" />\n * ```\n */\nexport const BugIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M9 9V8a3 3 0 0 1 6 0v1\" />\n        <path d=\"M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1-10 0v-3a6 6 0 0 1 1-3z\" />\n        <line x1=\"3\" y1=\"13\" x2=\"7\" y2=\"13\" />\n        <line x1=\"17\" y1=\"13\" x2=\"21\" y2=\"13\" />\n        <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"14\" />\n        <line x1=\"4\" y1=\"19\" x2=\"7.35\" y2=\"17\" />\n        <line x1=\"20\" y1=\"19\" x2=\"16.65\" y2=\"17\" />\n        <line x1=\"4\" y1=\"7\" x2=\"7.75\" y2=\"9.4\" />\n        <line x1=\"20\" y1=\"7\" x2=\"16.25\" y2=\"9.4\" />\n      </Icon>\n    );\n  }\n);\n\nBugIcon.displayName = 'BugIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAaF;AAGF;;"}

package/dist/esm/components/Icons/BuildingIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuildingIcon.js","sources":["../../../../../src/components/Icons/BuildingIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAoBP;AAEA;;"}
+{"version":3,"file":"BuildingIcon.js","sources":["src/components/Icons/BuildingIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Building icon component for organizations and architectural contexts.\n *\n * A multi-story building with windows, commonly used for company entries,\n * workspaces, and architecture-related personas or sections.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BuildingIcon />\n *\n * // With custom size and color\n * <BuildingIcon size=\"md\" color=\"secondary\" />\n *\n * // In a company picker\n * <Button icon={<BuildingIcon />}>Organization</Button>\n * ```\n */\nexport const BuildingIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"1\" />\n      <line x1=\"9\" y1=\"22\" x2=\"9\" y2=\"18\" />\n      <line x1=\"15\" y1=\"22\" x2=\"15\" y2=\"18\" />\n      <line x1=\"9\" y1=\"18\" x2=\"15\" y2=\"18\" />\n      <line x1=\"8\" y1=\"6\" x2=\"8\" y2=\"6\" />\n      <line x1=\"12\" y1=\"6\" x2=\"12\" y2=\"6\" />\n      <line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"6\" />\n      <line x1=\"8\" y1=\"10\" x2=\"8\" y2=\"10\" />\n      <line x1=\"12\" y1=\"10\" x2=\"12\" y2=\"10\" />\n      <line x1=\"16\" y1=\"10\" x2=\"16\" y2=\"10\" />\n      <line x1=\"8\" y1=\"14\" x2=\"8\" y2=\"14\" />\n      <line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"14\" />\n      <line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"14\" />\n    </Icon>\n  );\n});\n\nBuildingIcon.displayName = 'BuildingIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAoBP;AAEA;;"}

package/dist/esm/components/Icons/CalendarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarIcon.js","sources":["../../../../../src/components/Icons/CalendarIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAQF;AAEA;;"}
+{"version":3,"file":"CalendarIcon.js","sources":["src/components/Icons/CalendarIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Calendar icon component for date and scheduling functionality.\n *\n * A standard calendar icon commonly used for date pickers,\n * scheduling, and time-related features in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CalendarIcon />\n *\n * // With custom size and color\n * <CalendarIcon size=\"lg\" color=\"primary\" />\n *\n * // In a date picker\n * <Button icon={<CalendarIcon />}>Select Date</Button>\n * ```\n */\nexport const CalendarIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n      <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n      <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n    </Icon>\n  );\n});\n\nCalendarIcon.displayName = 'CalendarIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAQF;AAEA;;"}

package/dist/esm/components/Icons/CameraIcon.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Camera icon component for viewport cameras and capture actions.
+ *
+ * A camera body with a centered lens — the conventional glyph for scene
+ * cameras, "look through camera", framing controls, and screenshot/capture
+ * actions in editor viewports.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CameraIcon />
+ *
+ * // With custom size and color
+ * <CameraIcon size="lg" color="secondary" />
+ *
+ * // As a viewport camera control
+ * <IconButton icon={<CameraIcon />} label="Frame camera" />
+ * ```
+ */
+const CameraIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), jsx("circle", { cx: "12", cy: "13", r: "3" })] }));
+});
+CameraIcon.displayName = 'CameraIcon';
+
+export { CameraIcon };
+//# sourceMappingURL=CameraIcon.js.map

package/dist/esm/components/Icons/CameraIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraIcon.js","sources":["src/components/Icons/CameraIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/CameraIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Camera icon component for viewport cameras and capture actions.\n *\n * A camera body with a centered lens — the conventional glyph for scene\n * cameras, \"look through camera\", framing controls, and screenshot/capture\n * actions in editor viewports.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CameraIcon />\n *\n * // With custom size and color\n * <CameraIcon size=\"lg\" color=\"secondary\" />\n *\n * // As a viewport camera control\n * <IconButton icon={<CameraIcon />} label=\"Frame camera\" />\n * ```\n */\nexport const CameraIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\" />\n        <circle cx=\"12\" cy=\"13\" r=\"3\" />\n      </Icon>\n    );\n  }\n);\n\nCameraIcon.displayName = 'CameraIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AAQL;AAGF;;"}

package/dist/esm/components/Icons/CheckIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/Icons/CheckIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"CheckIcon.js","sources":["src/components/Icons/CheckIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/CheckIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Check icon component for confirmation and selection states.\n *\n * A standard checkmark icon commonly used for checkboxes, confirmation dialogs,\n * completed tasks, and success states in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CheckIcon />\n *\n * // With custom size and color\n * <CheckIcon size=\"lg\" color=\"success\" />\n *\n * // In a confirmation button\n * <Button icon={<CheckIcon />}>Confirm</Button>\n * ```\n */\nexport const CheckIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <polyline points=\"20,6 9,17 4,12\" />\n      </Icon>\n    );\n  }\n);\n\nCheckIcon.displayName = 'CheckIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

package/dist/esm/components/Icons/ChevronDownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/Icons/ChevronDownIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ChevronDownIcon.js","sources":["src/components/Icons/ChevronDownIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Chevron Down icon component for dropdown and expansion indicators.\n *\n * A subtle downward chevron commonly used for dropdown menus,\n * accordion expansion, and subtle directional cues in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ChevronDownIcon />\n *\n * // With custom size and color\n * <ChevronDownIcon size=\"sm\" color=\"muted\" />\n *\n * // In a dropdown\n * <Select icon={<ChevronDownIcon />}>Options</Select>\n * ```\n */\nexport const ChevronDownIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <polyline points=\"6,9 12,15 18,9\" />\n    </Icon>\n  );\n});\n\nChevronDownIcon.displayName = 'ChevronDownIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/ChevronLeftIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../../src/components/Icons/ChevronLeftIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ChevronLeftIcon.js","sources":["src/components/Icons/ChevronLeftIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Chevron Left icon component for backward navigation and collapse.\n *\n * A subtle leftward chevron commonly used for previous-page navigation,\n * collapsing side panels, and breadcrumb separators.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ChevronLeftIcon />\n *\n * // With custom size and color\n * <ChevronLeftIcon size=\"sm\" color=\"muted\" />\n *\n * // In a sidebar collapse button\n * <IconButton icon={<ChevronLeftIcon />} label=\"Collapse sidebar\" />\n * ```\n */\nexport const ChevronLeftIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <polyline points=\"15,18 9,12 15,6\" />\n    </Icon>\n  );\n});\n\nChevronLeftIcon.displayName = 'ChevronLeftIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/ChevronRightIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronRightIcon.js","sources":["../../../../../src/components/Icons/ChevronRightIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ChevronRightIcon.js","sources":["src/components/Icons/ChevronRightIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Chevron Right icon component for forward navigation and expand.\n *\n * A subtle rightward chevron commonly used for next-page navigation,\n * expanding side panels, and disclosure indicators.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ChevronRightIcon />\n *\n * // With custom size and color\n * <ChevronRightIcon size=\"sm\" color=\"muted\" />\n *\n * // In a sidebar expand button\n * <IconButton icon={<ChevronRightIcon />} label=\"Expand sidebar\" />\n * ```\n */\nexport const ChevronRightIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <polyline points=\"9,18 15,12 9,6\" />\n    </Icon>\n  );\n});\n\nChevronRightIcon.displayName = 'ChevronRightIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/ChevronUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/Icons/ChevronUpIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"ChevronUpIcon.js","sources":["src/components/Icons/ChevronUpIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Chevron Up icon component for collapse and upward indicators.\n *\n * A subtle upward chevron commonly used for collapsing content,\n * accordion collapse, and subtle directional cues in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ChevronUpIcon />\n *\n * // With custom size and color\n * <ChevronUpIcon size=\"sm\" color=\"muted\" />\n *\n * // In a collapsible section\n * <Button icon={<ChevronUpIcon />}>Collapse</Button>\n * ```\n */\nexport const ChevronUpIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <polyline points=\"18,15 12,9 6,15\" />\n    </Icon>\n  );\n});\n\nChevronUpIcon.displayName = 'ChevronUpIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/CircleIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon.js","sources":["../../../../../src/components/Icons/CircleIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAOL;AAGF;;"}
+{"version":3,"file":"CircleIcon.js","sources":["src/components/Icons/CircleIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/CircleIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Circle icon component for radio buttons and dot indicators.\n *\n * A standard circle icon commonly used for radio button selections,\n * dot indicators, and circular markers in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CircleIcon />\n *\n * // With custom size and color\n * <CircleIcon size=\"lg\" color=\"primary\" />\n *\n * // In a radio selection\n * <Button icon={<CircleIcon />}>Option</Button>\n * ```\n */\nexport const CircleIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      </Icon>\n    );\n  }\n);\n\nCircleIcon.displayName = 'CircleIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAOL;AAGF;;"}

package/dist/esm/components/Icons/ClockIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClockIcon.js","sources":["../../../../../src/components/Icons/ClockIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}
+{"version":3,"file":"ClockIcon.js","sources":["src/components/Icons/ClockIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Clock icon component for time and scheduling functionality.\n *\n * A standard clock icon commonly used for time displays,\n * scheduling features, and temporal indicators in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ClockIcon />\n *\n * // With custom size and color\n * <ClockIcon size=\"lg\" color=\"primary\" />\n *\n * // In a time picker\n * <Button icon={<ClockIcon />}>Set Time</Button>\n * ```\n */\nexport const ClockIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <polyline points=\"12,6 12,12 16,14\" />\n      </Icon>\n    );\n  }\n);\n\nClockIcon.displayName = 'ClockIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}

package/dist/esm/components/Icons/CloseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/Icons/CloseIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"CloseIcon.js","sources":["src/components/Icons/CloseIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Close icon component for dismissing and closing actions.\n *\n * A standard X icon commonly used for closing modals,\n * dismissing notifications, and cancel actions in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CloseIcon />\n *\n * // With custom size and color\n * <CloseIcon size=\"sm\" color=\"muted\" />\n *\n * // In a close button\n * <IconButton icon={<CloseIcon />} aria-label=\"Close\" />\n * ```\n */\nexport const CloseIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n      </Icon>\n    );\n  }\n);\n\nCloseIcon.displayName = 'CloseIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/CloudUploadIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloudUploadIcon.js","sources":["../../../../../src/components/Icons/CloudUploadIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;AAWG;AACI;AAGL;AAMF;AAEA;;"}
+{"version":3,"file":"CloudUploadIcon.js","sources":["src/components/Icons/CloudUploadIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Cloud upload icon — a cloud silhouette with an upward arrow inside.\n *\n * Use for file-upload drop zones, \"send to cloud\" actions, and any other\n * upload-to-remote affordance. For a generic up-arrow without the cloud,\n * use `UploadIcon` instead.\n *\n * @example\n * ```tsx\n * <CloudUploadIcon size=\"lg\" color=\"muted\" />\n * ```\n */\nexport const CloudUploadIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M7 18a4 4 0 1 1 .5-7.97A6 6 0 0 1 18 11h.5a3.5 3.5 0 0 1 0 7H7z\" />\n      <path d=\"M12 13v5m0-5l-2 2m2-2l2 2\" />\n    </Icon>\n  );\n});\n\nCloudUploadIcon.displayName = 'CloudUploadIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;AAWG;AACI;AAGL;AAMF;AAEA;;"}

package/dist/esm/components/Icons/CodeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeIcon.js","sources":["../../../../../src/components/Icons/CodeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"CodeIcon.js","sources":["src/components/Icons/CodeIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/CodeIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Code icon component for code and development actions.\n *\n * A standard code brackets icon commonly used for code editing,\n * development tools, and programming features in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CodeIcon />\n *\n * // With custom size and color\n * <CodeIcon size=\"md\" color=\"accent\" />\n *\n * // In a code context\n * <Button icon={<CodeIcon />}>View Code</Button>\n * ```\n */\nexport const CodeIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <polyline points=\"16,18 22,12 16,6\" />\n        <polyline points=\"8,6 2,12 8,18\" />\n      </Icon>\n    );\n  }\n);\n\nCodeIcon.displayName = 'CodeIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/CopyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/Icons/CopyIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"CopyIcon.js","sources":["src/components/Icons/CopyIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Copy icon component for duplication and clipboard actions.\n *\n * A standard copy icon commonly used for copying content,\n * duplicating items, and clipboard operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CopyIcon />\n *\n * // With custom size and color\n * <CopyIcon size=\"md\" color=\"primary\" />\n *\n * // In a copy button\n * <Button icon={<CopyIcon />}>Copy</Button>\n * ```\n */\nexport const CopyIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n        <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n      </Icon>\n    );\n  }\n);\n\nCopyIcon.displayName = 'CopyIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/CubeIcon.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Cube icon component for 3D objects, meshes, and axis/scene markers.
+ *
+ * An isometric box with visible top edges and a vertical center seam — the
+ * conventional glyph for 3D primitives, mesh/scene-object entries, and
+ * "3D view" or axis affordances in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CubeIcon />
+ *
+ * // With custom size and color
+ * <CubeIcon size="md" color="accent" />
+ *
+ * // As a scene-object glyph
+ * <TreeView resolveIcon={() => <CubeIcon />} nodes={nodes} />
+ * ```
+ */
+const CubeIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }), jsx("path", { d: "m3.3 7 8.7 5 8.7-5" }), jsx("path", { d: "M12 22V12" })] }));
+});
+CubeIcon.displayName = 'CubeIcon';
+
+export { CubeIcon };
+//# sourceMappingURL=CubeIcon.js.map

package/dist/esm/components/Icons/CubeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubeIcon.js","sources":["src/components/Icons/CubeIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/CubeIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Cube icon component for 3D objects, meshes, and axis/scene markers.\n *\n * An isometric box with visible top edges and a vertical center seam — the\n * conventional glyph for 3D primitives, mesh/scene-object entries, and\n * \"3D view\" or axis affordances in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CubeIcon />\n *\n * // With custom size and color\n * <CubeIcon size=\"md\" color=\"accent\" />\n *\n * // As a scene-object glyph\n * <TreeView resolveIcon={() => <CubeIcon />} nodes={nodes} />\n * ```\n */\nexport const CubeIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\" />\n        <path d=\"m3.3 7 8.7 5 8.7-5\" />\n        <path d=\"M12 22V12\" />\n      </Icon>\n    );\n  }\n);\n\nCubeIcon.displayName = 'CubeIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AASL;AAGF;;"}

package/dist/esm/components/Icons/CutIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CutIcon.js","sources":["../../../../../src/components/Icons/CutIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AASF;AAGF;;"}
+{"version":3,"file":"CutIcon.js","sources":["src/components/Icons/CutIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Cut icon component for cutting and removal actions.\n *\n * A standard scissors icon commonly used for cutting content,\n * removing items, and clipboard cut operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <CutIcon />\n *\n * // With custom size and color\n * <CutIcon size=\"md\" color=\"primary\" />\n *\n * // In a cut button\n * <Button icon={<CutIcon />}>Cut</Button>\n * ```\n */\nexport const CutIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"6\" cy=\"6\" r=\"3\" />\n        <circle cx=\"6\" cy=\"18\" r=\"3\" />\n        <line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\" />\n        <line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\" />\n        <line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\" />\n      </Icon>\n    );\n  }\n);\n\nCutIcon.displayName = 'CutIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AASF;AAGF;;"}

package/dist/esm/components/Icons/DotsHorizontalIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsHorizontalIcon.js","sources":["../../../../../src/components/Icons/DotsHorizontalIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}
+{"version":3,"file":"DotsHorizontalIcon.js","sources":["src/components/Icons/DotsHorizontalIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Dots Horizontal icon component for inline overflow menus.\n *\n * Three dots arranged horizontally, commonly used as a more-actions\n * affordance in toolbars, card headers, and badge ends.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <DotsHorizontalIcon />\n *\n * // With custom size and color\n * <DotsHorizontalIcon size=\"sm\" color=\"muted\" />\n *\n * // As an overflow menu trigger\n * <IconButton icon={<DotsHorizontalIcon />} label=\"More\" />\n * ```\n */\nexport const DotsHorizontalIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    </Icon>\n  );\n});\n\nDotsHorizontalIcon.displayName = 'DotsHorizontalIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}

package/dist/esm/components/Icons/DotsVerticalIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsVerticalIcon.js","sources":["../../../../../src/components/Icons/DotsVerticalIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}
+{"version":3,"file":"DotsVerticalIcon.js","sources":["src/components/Icons/DotsVerticalIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Dots Vertical icon component for contextual action menus.\n *\n * Three dots stacked vertically, typically used as the trigger\n * for item-level action menus on cards, list rows, and table cells.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <DotsVerticalIcon />\n *\n * // With custom size and color\n * <DotsVerticalIcon size=\"sm\" color=\"muted\" />\n *\n * // As a menu trigger\n * <IconButton icon={<DotsVerticalIcon />} label=\"Actions\" />\n * ```\n */\nexport const DotsVerticalIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <circle cx=\"12\" cy=\"5\" r=\"1\" />\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"12\" cy=\"19\" r=\"1\" />\n    </Icon>\n  );\n});\n\nDotsVerticalIcon.displayName = 'DotsVerticalIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}

package/dist/esm/components/Icons/DownloadIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIcon.js","sources":["../../../../../src/components/Icons/DownloadIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAOF;AAEA;;"}
+{"version":3,"file":"DownloadIcon.js","sources":["src/components/Icons/DownloadIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Download icon component for file download actions.\n *\n * A standard download icon commonly used for downloading files,\n * exporting content, and save-to-device actions in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <DownloadIcon />\n *\n * // With custom size and color\n * <DownloadIcon size=\"lg\" color=\"success\" />\n *\n * // In a download button\n * <Button icon={<DownloadIcon />}>Download</Button>\n * ```\n */\nexport const DownloadIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n      <polyline points=\"7,10 12,15 17,10\" />\n      <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" />\n    </Icon>\n  );\n});\n\nDownloadIcon.displayName = 'DownloadIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAOF;AAEA;;"}

package/dist/esm/components/Icons/EditIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditIcon.js","sources":["../../../../../src/components/Icons/EditIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"EditIcon.js","sources":["src/components/Icons/EditIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Edit icon component for editing and modification actions.\n *\n * A standard pencil icon commonly used for editing content,\n * modifying items, and entering edit mode in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <EditIcon />\n *\n * // With custom size and color\n * <EditIcon size=\"md\" color=\"primary\" />\n *\n * // In an edit button\n *  <Button icon={<EditIcon />}>Edit</Button>\n * ```\n */\nexport const EditIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\" />\n        <path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\" />\n      </Icon>\n    );\n  }\n);\n\nEditIcon.displayName = 'EditIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/ErrorIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorIcon.js","sources":["../../../../../src/components/Icons/ErrorIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}
+{"version":3,"file":"ErrorIcon.js","sources":["src/components/Icons/ErrorIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/ErrorIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Error icon component for error states.\n *\n * A standard X circle icon commonly used for error messages,\n * failed operations, and critical alerts in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ErrorIcon />\n *\n * // With custom size and color\n * <ErrorIcon size=\"sm\" color=\"error\" />\n *\n * // In an error context\n * <Button icon={<ErrorIcon />}>Error</Button>\n * ```\n */\nexport const ErrorIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\" />\n        <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" />\n      </Icon>\n    );\n  }\n);\n\nErrorIcon.displayName = 'ErrorIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

package/dist/esm/components/Icons/ExternalLinkIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalLinkIcon.js","sources":["../../../../../src/components/Icons/ExternalLinkIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;AAaG;AACI;AAGL;AAOF;AAEA;;"}
+{"version":3,"file":"ExternalLinkIcon.js","sources":["src/components/Icons/ExternalLinkIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * External link icon — a box with an arrow exiting the top-right corner.\n *\n * Use for links that open in a new tab/window or otherwise navigate\n * outside the current surface. For an in-app link (chain shape) use\n * `LinkIcon` instead.\n *\n * @example\n * ```tsx\n * <Link href=\"https://example.com\" target=\"_blank\">\n *   Docs <ExternalLinkIcon size=\"sm\" decorative />\n * </Link>\n * ```\n */\nexport const ExternalLinkIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\" />\n      <polyline points=\"15 3 21 3 21 9\" />\n      <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n    </Icon>\n  );\n});\n\nExternalLinkIcon.displayName = 'ExternalLinkIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;AAaG;AACI;AAGL;AAOF;AAEA;;"}

package/dist/esm/components/Icons/EyeDropperIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyeDropperIcon.js","sources":["../../../../../src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"EyeDropperIcon.js","sources":["src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * EyeDropper icon component for color sampling actions.\n *\n * A pipette/eyedropper icon commonly used for color picking,\n * sampling colors from the canvas, and color-related tools\n * in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <EyeDropperIcon />\n *\n * // With custom size and color\n * <EyeDropperIcon size=\"md\" color=\"primary\" />\n *\n * // In a color picker button\n * <Button icon={<EyeDropperIcon />}>Pick Color</Button>\n * ```\n */\nexport const EyeDropperIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M21.17 2.06A3.12 3.12 0 0 0 19 1.05a2.99 2.99 0 0 0-2.15.88l-2.7 2.7-1.28-1.27a1 1 0 0 0-1.41 0 1 1 0 0 0 0 1.41l.27.27-7.07 7.08a2 2 0 0 0-.54 1l-.72 3.61a1 1 0 0 0 .28.87 1 1 0 0 0 .71.3h.16l3.61-.72a2 2 0 0 0 1-.54l7.08-7.07.27.27a1 1 0 0 0 1.41 0 1 1 0 0 0 0-1.41l-1.27-1.28 2.7-2.7a3.05 3.05 0 0 0 .02-4.29z\" />\n    </Icon>\n  );\n});\n\nEyeDropperIcon.displayName = 'EyeDropperIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/EyeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyeIcon.js","sources":["../../../../../src/components/Icons/EyeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}
+{"version":3,"file":"EyeIcon.js","sources":["src/components/Icons/EyeIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Eye icon component for visibility and view actions.\n *\n * A standard eye icon commonly used for showing content,\n * toggling visibility, and preview actions in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <EyeIcon />\n *\n * // With custom size and color\n * <EyeIcon size=\"md\" color=\"primary\" />\n *\n * // In a visibility toggle\n * <Button icon={<EyeIcon />}>Show</Button>\n * ```\n */\nexport const EyeIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n        <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      </Icon>\n    );\n  }\n);\n\nEyeIcon.displayName = 'EyeIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}

package/dist/esm/components/Icons/FileTextIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTextIcon.js","sources":["../../../../../src/components/Icons/FileTextIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AASF;AAEA;;"}
+{"version":3,"file":"FileTextIcon.js","sources":["src/components/Icons/FileTextIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * File Text icon component for documents and text content.\n *\n * A document page with horizontal text lines, commonly used for\n * documentation, notes, write-ups, and scribe-style personas.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FileTextIcon />\n *\n * // With custom size and color\n * <FileTextIcon size=\"md\" color=\"secondary\" />\n *\n * // In a documentation entry\n * <Button icon={<FileTextIcon />}>Open Document</Button>\n * ```\n */\nexport const FileTextIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n      <polyline points=\"14 2 14 8 20 8\" />\n      <line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\" />\n      <line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\" />\n      <line x1=\"8\" y1=\"9\" x2=\"10\" y2=\"9\" />\n    </Icon>\n  );\n});\n\nFileTextIcon.displayName = 'FileTextIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AASF;AAEA;;"}

package/dist/esm/components/Icons/FilterIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterIcon.js","sources":["../../../../../src/components/Icons/FilterIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"FilterIcon.js","sources":["src/components/Icons/FilterIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Filter icon component for filtering and sorting actions.\n *\n * A standard filter icon commonly used for filtering content,\n * applying search filters, and data sorting in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FilterIcon />\n *\n * // With custom size and color\n * <FilterIcon size=\"md\" color=\"primary\" />\n *\n * // In a filter button\n * <Button icon={<FilterIcon />}>Filter</Button>\n * ```\n */\nexport const FilterIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <polygon points=\"22,3 2,3 10,12.46 10,19 14,21 14,12.46\" />\n      </Icon>\n    );\n  }\n);\n\nFilterIcon.displayName = 'FilterIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

package/dist/esm/components/Icons/FirstIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FirstIcon.js","sources":["../../../../../src/components/Icons/FirstIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;AAUG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"FirstIcon.js","sources":["src/components/Icons/FirstIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Skip to first icon — vertical bar plus a leftward chevron.\n *\n * Used by Pagination's \"first page\" button and similar\n * jump-to-start controls.\n *\n * @example\n * ```tsx\n * <IconButton aria-label=\"First page\"><FirstIcon /></IconButton>\n * ```\n */\nexport const FirstIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M6 5v14M18 5l-7 7 7 7\" />\n      </Icon>\n    );\n  }\n);\n\nFirstIcon.displayName = 'FirstIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;AAUG;AACI;AAEH;AAKF;AAGF;;"}

package/dist/esm/components/Icons/FolderCogIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderCogIcon.js","sources":["../../../../../src/components/Icons/FolderCogIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAcF;AAEA;;"}
+{"version":3,"file":"FolderCogIcon.js","sources":["src/components/Icons/FolderCogIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Folder Cog icon component for project-scoped settings.\n *\n * A folder with a small gear overlay, commonly used to distinguish\n * project-level settings from general application settings.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FolderCogIcon />\n *\n * // With custom size and color\n * <FolderCogIcon size=\"md\" color=\"secondary\" />\n *\n * // In a settings sidebar entry\n * <Button icon={<FolderCogIcon />}>Project Settings</Button>\n * ```\n */\nexport const FolderCogIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M12 21H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v3\" />\n      <circle cx=\"18\" cy=\"18\" r=\"2.5\" />\n      <line x1=\"18\" y1=\"14.5\" x2=\"18\" y2=\"15.5\" />\n      <line x1=\"18\" y1=\"20.5\" x2=\"18\" y2=\"21.5\" />\n      <line x1=\"14.5\" y1=\"18\" x2=\"15.5\" y2=\"18\" />\n      <line x1=\"20.5\" y1=\"18\" x2=\"21.5\" y2=\"18\" />\n      <line x1=\"15.5\" y1=\"15.5\" x2=\"16.2\" y2=\"16.2\" />\n      <line x1=\"19.8\" y1=\"19.8\" x2=\"20.5\" y2=\"20.5\" />\n      <line x1=\"20.5\" y1=\"15.5\" x2=\"19.8\" y2=\"16.2\" />\n      <line x1=\"16.2\" y1=\"19.8\" x2=\"15.5\" y2=\"20.5\" />\n    </Icon>\n  );\n});\n\nFolderCogIcon.displayName = 'FolderCogIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAcF;AAEA;;"}

package/dist/esm/components/Icons/FolderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.js","sources":["../../../../../src/components/Icons/FolderIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"FolderIcon.js","sources":["src/components/Icons/FolderIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Folder icon component for directory and organization actions.\n *\n * A standard folder icon commonly used for file organization,\n * directory navigation, and grouping content in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FolderIcon />\n *\n * // With custom size and color\n * <FolderIcon size=\"lg\" color=\"primary\" />\n *\n * // In a folder browser\n * <Button icon={<FolderIcon />}>Open Folder</Button>\n * ```\n */\nexport const FolderIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\" />\n      </Icon>\n    );\n  }\n);\n\nFolderIcon.displayName = 'FolderIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

package/dist/esm/components/Icons/FolderOpenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderOpenIcon.js","sources":["../../../../../src/components/Icons/FolderOpenIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"FolderOpenIcon.js","sources":["src/components/Icons/FolderOpenIcon.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Folder Open icon component for opened directory states.\n *\n * An open folder with an angled front flap, commonly paired with the closed\n * `FolderIcon` for project switchers, file explorer reveals, and breadcrumbs.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FolderOpenIcon />\n *\n * // With custom size and color\n * <FolderOpenIcon size=\"lg\" color=\"primary\" />\n *\n * // In a switch project action\n * <Button icon={<FolderOpenIcon />}>Switch Project</Button>\n * ```\n */\nexport const FolderOpenIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\" />\n    </Icon>\n  );\n});\n\nFolderOpenIcon.displayName = 'FolderOpenIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}