entangle-ui 0.7.0 → 0.8.0

package/dist/esm/assets/src/components/primitives/TextArea/{TextArea.css.ts.vanilla-DTOMjGkp.css → TextArea.css.ts.vanilla-M9l1t4HR.css}

@@ -82,4 +82,9 @@
   justify-content: flex-end;
   font-size: var(--etui-font-size-xs);
   color: var(--etui-color-text-muted);
+}
+@media (prefers-reduced-motion: reduce) {
+  .TextArea_textAreaWrapperRecipe__nwf0m91 {
+    transition: none;
+  }
 }

package/dist/esm/assets/src/components/primitives/VisuallyHidden/VisuallyHidden.css.ts.vanilla-DBulVh4Q.css

@@ -0,0 +1,36 @@
+.VisuallyHidden_visuallyHiddenStyle__1mwqwxp0 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1:focus, .VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1:focus-within, .VisuallyHidden_visuallyHiddenFocusableStyle__1mwqwxp1:active {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: var(--etui-spacing-sm);
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  background: var(--etui-color-bg-elevated);
+  color: var(--etui-color-text-primary);
+  border: 1px solid var(--etui-color-border-focus);
+  border-radius: var(--etui-radius-sm);
+}

package/dist/esm/assets/src/theme/lightTheme.css.ts.vanilla-OaRI_wIc.css

@@ -0,0 +1,99 @@
+.lightTheme_lightThemeClass__k285ns0 {
+  --etui-color-bg-primary: #ffffff;
+  --etui-color-bg-secondary: #f5f5f7;
+  --etui-color-bg-tertiary: #ebebee;
+  --etui-color-bg-elevated: #ffffff;
+  --etui-color-bg-inset: #f8f8fa;
+  --etui-color-surface-default: #ffffff;
+  --etui-color-surface-hover: #f0f0f3;
+  --etui-color-surface-active: #e6e6ea;
+  --etui-color-surface-disabled: #f5f5f7;
+  --etui-color-surface-white-overlay: rgba(0, 0, 0, 0.06);
+  --etui-color-surface-row: #ffffff;
+  --etui-color-surface-row-hover: #f5f5f7;
+  --etui-color-border-default: #e0e0e3;
+  --etui-color-border-focus: #0066cc;
+  --etui-color-border-error: #d32f2f;
+  --etui-color-border-success: #2e7d32;
+  --etui-color-text-primary: #1a1a1a;
+  --etui-color-text-secondary: #4a4a4a;
+  --etui-color-text-muted: #6b6b6b;
+  --etui-color-text-disabled: #b0b0b0;
+  --etui-color-accent-primary: #0066cc;
+  --etui-color-accent-secondary: #004a99;
+  --etui-color-accent-success: #2e7d32;
+  --etui-color-accent-warning: #a64500;
+  --etui-color-accent-error: #d32f2f;
+  --etui-color-backdrop: rgba(0, 0, 0, 0.4);
+  --etui-spacing-xs: 2px;
+  --etui-spacing-sm: 4px;
+  --etui-spacing-md: 8px;
+  --etui-spacing-lg: 12px;
+  --etui-spacing-xl: 16px;
+  --etui-spacing-xxl: 24px;
+  --etui-spacing-xxxl: 32px;
+  --etui-font-size-xxs: 9px;
+  --etui-font-size-xs: 10px;
+  --etui-font-size-sm: 11px;
+  --etui-font-size-md: 12px;
+  --etui-font-size-lg: 14px;
+  --etui-font-size-xl: 16px;
+  --etui-font-weight-normal: 400;
+  --etui-font-weight-medium: 500;
+  --etui-font-weight-semibold: 600;
+  --etui-line-height-tight: 1.2;
+  --etui-line-height-normal: 1.4;
+  --etui-line-height-relaxed: 1.6;
+  --etui-font-family-mono: SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --etui-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --etui-radius-none: 0px;
+  --etui-radius-sm: 2px;
+  --etui-radius-md: 4px;
+  --etui-radius-lg: 6px;
+  --etui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
+  --etui-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);
+  --etui-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.10);
+  --etui-shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.12);
+  --etui-shadow-focus: 0 0 0 2px rgba(0, 102, 204, 0.3);
+  --etui-shadow-separator-bottom: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --etui-shadow-separator-right: 1px 0 2px rgba(0, 0, 0, 0.04);
+  --etui-shadow-separator-left: -1px 0 2px rgba(0, 0, 0, 0.04);
+  --etui-shadow-thumb: 0 0 2px rgba(0, 0, 0, 0.15);
+  --etui-transition-fast: 100ms ease-out;
+  --etui-transition-normal: 200ms ease-out;
+  --etui-transition-slow: 300ms ease-out;
+  --etui-z-base: 1;
+  --etui-z-dropdown: 1000;
+  --etui-z-popover: 1000;
+  --etui-z-tooltip: 1000;
+  --etui-z-modal: 1100;
+  --etui-shell-menubar-height: 28px;
+  --etui-shell-menubar-bg: #f5f5f7;
+  --etui-shell-menubar-hover-bg: #ebebee;
+  --etui-shell-menubar-active-bg: #0066cc;
+  --etui-shell-menubar-text: #1a1a1a;
+  --etui-shell-menubar-shortcut-text: #6b6b6b;
+  --etui-shell-toolbar-height-sm: 32px;
+  --etui-shell-toolbar-height-md: 40px;
+  --etui-shell-toolbar-bg: #f5f5f7;
+  --etui-shell-toolbar-separator: #e0e0e3;
+  --etui-shell-statusbar-height: 22px;
+  --etui-shell-statusbar-height-md: 26px;
+  --etui-shell-statusbar-bg: #0066cc;
+  --etui-shell-statusbar-text: #ffffff;
+  --etui-shell-dock-tab-height: 28px;
+  --etui-shell-dock-tab-bg: #f5f5f7;
+  --etui-shell-dock-tab-active-bg: #ffffff;
+  --etui-shell-dock-tab-hover-bg: #ebebee;
+  --etui-shell-dock-tab-text: #4a4a4a;
+  --etui-shell-dock-tab-active-text: #1a1a1a;
+  --etui-shell-dock-splitter-size: 4px;
+  --etui-shell-dock-splitter-color: #e0e0e3;
+  --etui-shell-dock-splitter-hover-color: #0066cc;
+  --etui-shell-dock-border-bar-bg: #f5f5f7;
+  --etui-shell-dock-border-bar-size: 28px;
+  --etui-shell-dock-drop-overlay: rgba(0, 102, 204, 0.15);
+  --etui-storybook-gradient-start: #fafafa;
+  --etui-storybook-gradient-mid: #f0f0f3;
+  --etui-storybook-gradient-end: #ebebee;
+}

package/dist/esm/assets/src/utils/{animations.css.ts.vanilla-DOVlpljP.css → animations.css.ts.vanilla-CRLFsBSV.css}

@@ -30,29 +30,43 @@
     opacity: 1;
   }
 }
-.animations_animSpin__1boy3ak4 {
+@keyframes animations_waveKeyframe__1boy3ak4 {
+  from {
+    background-position-x: 200%;
+  }
+  to {
+    background-position-x: -200%;
+  }
+}
+.animations_animSpin__1boy3ak5 {
   animation: animations_spinKeyframe__1boy3ak0 1s linear infinite;
 }
-.animations_animPulse__1boy3ak5 {
+.animations_animPulse__1boy3ak6 {
   animation: animations_pulseKeyframe__1boy3ak1 1.5s ease-in-out infinite;
 }
-.animations_animBlink__1boy3ak6 {
+.animations_animBlink__1boy3ak7 {
   animation: animations_blinkKeyframe__1boy3ak2 1s steps(1) infinite;
 }
-.animations_animFadeIn__1boy3ak7 {
+.animations_animFadeIn__1boy3ak8 {
   animation: animations_fadeInKeyframe__1boy3ak3 var(--etui-transition-normal) ease-out;
 }
+.animations_animWave__1boy3ak9 {
+  animation: animations_waveKeyframe__1boy3ak4 1.6s linear infinite;
+}
 @media (prefers-reduced-motion: reduce) {
-  .animations_animSpin__1boy3ak4 {
+  .animations_animSpin__1boy3ak5 {
+    animation: none;
+  }
+  .animations_animPulse__1boy3ak6 {
     animation: none;
   }
-  .animations_animPulse__1boy3ak5 {
+  .animations_animBlink__1boy3ak7 {
     animation: none;
   }
-  .animations_animBlink__1boy3ak6 {
+  .animations_animFadeIn__1boy3ak8 {
     animation: none;
   }
-  .animations_animFadeIn__1boy3ak7 {
+  .animations_animWave__1boy3ak9 {
     animation: none;
   }
 }

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Add icon component for create/add actions.
+ *
+ * A standard plus icon commonly used for adding new items,
+ * creating content, and expand functionality in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AddIcon />
+ *
+ * // With custom size and color
+ * <AddIcon size="lg" color="primary" />
+ *
+ * // In an add button
+ * <Button icon={<AddIcon />}>Add Item</Button>
+ * ```
+ */
+const AddIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })] }));
+});
+AddIcon.displayName = 'AddIcon';
+
+export { AddIcon };
+//# sourceMappingURL=AddIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddIcon.js","sources":["../../../../../src/components/Icons/AddIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/AiChatIcon.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';
+
+/**
+ * AI Chat icon component for AI assistant chat interfaces.
+ *
+ * A chat bubble with a sparkle accent, commonly used for
+ * AI chat panels, assistant toggles, and conversational
+ * AI features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AiChatIcon />
+ *
+ * // With custom size and color
+ * <AiChatIcon size="lg" color="accent" />
+ *
+ * // In a toolbar toggle
+ * <Toolbar.Toggle icon={<AiChatIcon size="sm" />} tooltip="AI Chat" />
+ * ```
+ */
+const AiChatIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }), jsx("path", { d: "M14.5 7l.5 1.5L16.5 9l-1.5.5L14.5 11l-.5-1.5L12.5 9l1.5-.5Z" })] }));
+});
+AiChatIcon.displayName = 'AiChatIcon';
+
+export { AiChatIcon };
+//# sourceMappingURL=AiChatIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiChatIcon.js","sources":["../../../../../src/components/Icons/AiChatIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/AiSparklesIcon.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';
+
+/**
+ * AI sparkles icon component representing artificial intelligence.
+ *
+ * Three 4-pointed sparkle stars at different sizes,
+ * commonly used for AI features, generative tools,
+ * and smart suggestions in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <AiSparklesIcon />
+ *
+ * // With custom size and color
+ * <AiSparklesIcon size="lg" color="primary" />
+ *
+ * // In an AI action button
+ * <Button icon={<AiSparklesIcon />}>Generate</Button>
+ * ```
+ */
+const AiSparklesIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M9 1l2 6L17 9l-6 2L9 17l-2-6L1 9l6-2Z" }), jsx("path", { d: "M19 1l1 3L23 5l-3 1L19 9l-1-3L15 5l3-1Z" }), jsx("path", { d: "M19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75Z" })] }));
+});
+AiSparklesIcon.displayName = 'AiSparklesIcon';
+
+export { AiSparklesIcon };
+//# sourceMappingURL=AiSparklesIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiSparklesIcon.js","sources":["../../../../../src/components/Icons/AiSparklesIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AAUP;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Arrow Down icon component for downward navigation and expansion.
+ *
+ * A standard downward-pointing arrow commonly used for dropdown menus,
+ * expanding content, and downward navigation in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ArrowDownIcon />
+ *
+ * // With custom size and color
+ * <ArrowDownIcon size="lg" color="primary" />
+ *
+ * // In a dropdown button
+ * <Button icon={<ArrowDownIcon />}>Expand</Button>
+ * ```
+ */
+const ArrowDownIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M7 10l5 5 5-5z" }) }));
+});
+ArrowDownIcon.displayName = 'ArrowDownIcon';
+
+export { ArrowDownIcon };
+//# sourceMappingURL=ArrowDownIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownIcon.js","sources":["../../../../../src/components/Icons/ArrowDownIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Arrow Left icon component for leftward navigation and back actions.
+ *
+ * A standard leftward-pointing arrow commonly used for back buttons,
+ * previous navigation, and leftward movement in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ArrowLeftIcon />
+ *
+ * // With custom size and color
+ * <ArrowLeftIcon size="lg" color="primary" />
+ *
+ * // In a back button
+ * <Button icon={<ArrowLeftIcon />}>Back</Button>
+ * ```
+ */
+const ArrowLeftIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M14 7l-5 5 5 5V7z" }) }));
+});
+ArrowLeftIcon.displayName = 'ArrowLeftIcon';
+
+export { ArrowLeftIcon };
+//# sourceMappingURL=ArrowLeftIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../../src/components/Icons/ArrowLeftIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Arrow Right icon component for rightward navigation and forward actions.
+ *
+ * A standard rightward-pointing arrow commonly used for next buttons,
+ * forward navigation, and rightward movement in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ArrowRightIcon />
+ *
+ * // With custom size and color
+ * <ArrowRightIcon size="lg" color="primary" />
+ *
+ * // In a next button
+ * <Button icon={<ArrowRightIcon />}>Next</Button>
+ * ```
+ */
+const ArrowRightIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M10 17l5-5-5-5v10z" }) }));
+});
+ArrowRightIcon.displayName = 'ArrowRightIcon';
+
+export { ArrowRightIcon };
+//# sourceMappingURL=ArrowRightIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/Icons/ArrowRightIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Arrow Up icon component for upward navigation and collapse actions.
+ *
+ * A standard upward-pointing arrow commonly used for collapse buttons,
+ * upward navigation, and minimizing content in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ArrowUpIcon />
+ *
+ * // With custom size and color
+ * <ArrowUpIcon size="lg" color="primary" />
+ *
+ * // In a collapse button
+ * <Button icon={<ArrowUpIcon />}>Collapse</Button>
+ * ```
+ */
+const ArrowUpIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M17 14l-5-5-5 5h10z" }) }));
+});
+ArrowUpIcon.displayName = 'ArrowUpIcon';
+
+export { ArrowUpIcon };
+//# sourceMappingURL=ArrowUpIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpIcon.js","sources":["../../../../../src/components/Icons/ArrowUpIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Bookmark icon component for saving and marking content.
+ *
+ * A standard bookmark icon commonly used for saving items,
+ * marking favorites, and bookmarking content in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BookmarkIcon />
+ *
+ * // With custom size and color
+ * <BookmarkIcon size="lg" color="accent" />
+ *
+ * // In a bookmark button
+ * <Button icon={<BookmarkIcon />}>Bookmark</Button>
+ * ```
+ */
+const BookmarkIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" }) }));
+});
+BookmarkIcon.displayName = 'BookmarkIcon';
+
+export { BookmarkIcon };
+//# sourceMappingURL=BookmarkIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkIcon.js","sources":["../../../../../src/components/Icons/BookmarkIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Calendar icon component for date and scheduling functionality.
+ *
+ * A standard calendar icon commonly used for date pickers,
+ * scheduling, and time-related features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CalendarIcon />
+ *
+ * // With custom size and color
+ * <CalendarIcon size="lg" color="primary" />
+ *
+ * // In a date picker
+ * <Button icon={<CalendarIcon />}>Select Date</Button>
+ * ```
+ */
+const CalendarIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })] }));
+});
+CalendarIcon.displayName = 'CalendarIcon';
+
+export { CalendarIcon };
+//# sourceMappingURL=CalendarIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarIcon.js","sources":["../../../../../src/components/Icons/CalendarIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAQF;AAEA;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Clock icon component for time and scheduling functionality.
+ *
+ * A standard clock icon commonly used for time displays,
+ * scheduling features, and temporal indicators in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ClockIcon />
+ *
+ * // With custom size and color
+ * <ClockIcon size="lg" color="primary" />
+ *
+ * // In a time picker
+ * <Button icon={<ClockIcon />}>Set Time</Button>
+ * ```
+ */
+const ClockIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("polyline", { points: "12,6 12,12 16,14" })] }));
+});
+ClockIcon.displayName = 'ClockIcon';
+
+export { ClockIcon };
+//# sourceMappingURL=ClockIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClockIcon.js","sources":["../../../../../src/components/Icons/ClockIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Code icon component for code and development actions.
+ *
+ * A standard code brackets icon commonly used for code editing,
+ * development tools, and programming features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CodeIcon />
+ *
+ * // With custom size and color
+ * <CodeIcon size="md" color="accent" />
+ *
+ * // In a code context
+ * <Button icon={<CodeIcon />}>View Code</Button>
+ * ```
+ */
+const CodeIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("polyline", { points: "16,18 22,12 16,6" }), jsx("polyline", { points: "8,6 2,12 8,18" })] }));
+});
+CodeIcon.displayName = 'CodeIcon';
+
+export { CodeIcon };
+//# sourceMappingURL=CodeIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeIcon.js","sources":["../../../../../src/components/Icons/CodeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Copy icon component for duplication and clipboard actions.
+ *
+ * A standard copy icon commonly used for copying content,
+ * duplicating items, and clipboard operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CopyIcon />
+ *
+ * // With custom size and color
+ * <CopyIcon size="md" color="primary" />
+ *
+ * // In a copy button
+ * <Button icon={<CopyIcon />}>Copy</Button>
+ * ```
+ */
+const CopyIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }));
+});
+CopyIcon.displayName = 'CopyIcon';
+
+export { CopyIcon };
+//# sourceMappingURL=CopyIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/Icons/CopyIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Cut icon component for cutting and removal actions.
+ *
+ * A standard scissors icon commonly used for cutting content,
+ * removing items, and clipboard cut operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CutIcon />
+ *
+ * // With custom size and color
+ * <CutIcon size="md" color="primary" />
+ *
+ * // In a cut button
+ * <Button icon={<CutIcon />}>Cut</Button>
+ * ```
+ */
+const CutIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "6", cy: "6", r: "3" }), jsx("circle", { cx: "6", cy: "18", r: "3" }), jsx("line", { x1: "20", y1: "4", x2: "8.12", y2: "15.88" }), jsx("line", { x1: "14.47", y1: "14.48", x2: "20", y2: "20" }), jsx("line", { x1: "8.12", y1: "8.12", x2: "12", y2: "12" })] }));
+});
+CutIcon.displayName = 'CutIcon';
+
+export { CutIcon };
+//# sourceMappingURL=CutIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CutIcon.js","sources":["../../../../../src/components/Icons/CutIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AASF;AAGF;;"}