entangle-ui 0.10.0 → 0.12.0

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

@@ -1 +1 @@
-{"version":3,"file":"FullscreenIcon.js","sources":["../../../../../src/components/Icons/FullscreenIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"FullscreenIcon.js","sources":["src/components/Icons/FullscreenIcon.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 * Fullscreen icon component for expanding to fullscreen mode.\n *\n * A standard fullscreen icon commonly used for maximizing content,\n * entering fullscreen mode, and expanding views in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FullscreenIcon />\n *\n * // With custom size and color\n * <FullscreenIcon size=\"md\" color=\"primary\" />\n *\n * // In a fullscreen button\n * <Button icon={<FullscreenIcon />}>Fullscreen</Button>\n * ```\n */\nexport const FullscreenIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\" />\n    </Icon>\n  );\n});\n\nFullscreenIcon.displayName = 'FullscreenIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GitBranchIcon.js","sources":["../../../../../src/components/Icons/GitBranchIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAWP;AAEA;;"}
+{"version":3,"file":"GitBranchIcon.js","sources":["src/components/Icons/GitBranchIcon.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 * Git Branch icon component for version-control branch contexts.\n *\n * A trunk line with a fork to a side node, commonly used for branch\n * indicators in status bars, branch pickers, and VCS-related actions.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <GitBranchIcon />\n *\n * // With custom size and color\n * <GitBranchIcon size=\"sm\" color=\"muted\" />\n *\n * // In a status bar\n * <Button icon={<GitBranchIcon />}>main</Button>\n * ```\n */\nexport const GitBranchIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <line x1=\"6\" y1=\"3\" x2=\"6\" y2=\"15\" />\n      <circle cx=\"18\" cy=\"6\" r=\"3\" />\n      <circle cx=\"6\" cy=\"18\" r=\"3\" />\n      <path d=\"M18 9a9 9 0 0 1-9 9\" />\n    </Icon>\n  );\n});\n\nGitBranchIcon.displayName = 'GitBranchIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAWP;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"GridIcon.js","sources":["../../../../../src/components/Icons/GridIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAQF;AAGF;;"}
+{"version":3,"file":"GridIcon.js","sources":["src/components/Icons/GridIcon.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 * Grid icon component for grid view and layout actions.\n *\n * A standard grid icon commonly used for switching to grid view,\n * layout options, and organizing content in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <GridIcon />\n *\n * // With custom size and color\n * <GridIcon size=\"md\" color=\"primary\" />\n *\n * // In a view toggle\n * <Button icon={<GridIcon />}>Grid View</Button>\n * ```\n */\nexport const GridIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" />\n        <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" />\n        <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" />\n        <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" />\n      </Icon>\n    );\n  }\n);\n\nGridIcon.displayName = 'GridIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAQF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeartIcon.js","sources":["../../../../../src/components/Icons/HeartIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"HeartIcon.js","sources":["src/components/Icons/HeartIcon.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 * Heart icon component for favorites and like actions.\n *\n * A standard heart icon commonly used for favoriting content,\n * like actions, and expressing preference in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <HeartIcon />\n *\n * // With custom size and color\n * <HeartIcon size=\"md\" color=\"error\" />\n *\n * // In a favorite button\n * <Button icon={<HeartIcon />}>Favorite</Button>\n * ```\n */\nexport const HeartIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" />\n      </Icon>\n    );\n  }\n);\n\nHeartIcon.displayName = 'HeartIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HelpIcon.js","sources":["../../../../../src/components/Icons/HelpIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}
+{"version":3,"file":"HelpIcon.js","sources":["src/components/Icons/HelpIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/HelpIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Help icon component for help and support actions.\n *\n * A standard question mark icon commonly used for help documentation,\n * support links, and information assistance in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <HelpIcon />\n *\n * // With custom size and color\n * <HelpIcon size=\"sm\" color=\"muted\" />\n *\n * // In a help context\n * <Button icon={<HelpIcon />}>Help</Button>\n * ```\n */\nexport const HelpIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" />\n        <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n      </Icon>\n    );\n  }\n);\n\nHelpIcon.displayName = 'HelpIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HomeIcon.js","sources":["../../../../../src/components/Icons/HomeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"HomeIcon.js","sources":["src/components/Icons/HomeIcon.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 * Home icon component for home and main navigation.\n *\n * A standard house icon commonly used for home navigation,\n * main page links, and dashboard access in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <HomeIcon />\n *\n * // With custom size and color\n * <HomeIcon size=\"md\" color=\"primary\" />\n *\n * // In a home button\n * <Button icon={<HomeIcon />}>Home</Button>\n * ```\n */\nexport const HomeIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n        <polyline points=\"9,22 9,12 15,12 15,22\" />\n      </Icon>\n    );\n  }\n);\n\nHomeIcon.displayName = 'HomeIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageIcon.js","sources":["../../../../../src/components/Icons/ImageIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AASL;AAGF;;"}
+{"version":3,"file":"ImageIcon.js","sources":["src/components/Icons/ImageIcon.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 * Image icon component for picture and raster-asset files.\n *\n * A framed photo with a sun/horizon and a mountain ridge — the conventional\n * glyph for image files (`.png`, `.jpg`, `.svg`, …) in file browsers and\n * asset trees.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ImageIcon />\n *\n * // With custom size and color\n * <ImageIcon size=\"md\" color=\"secondary\" />\n *\n * // As a file-type glyph\n * <FileTree resolveIcon={() => <ImageIcon />} nodes={nodes} />\n * ```\n */\nexport const ImageIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n        <circle cx=\"9\" cy=\"9\" r=\"2\" />\n        <path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" />\n      </Icon>\n    );\n  }\n);\n\nImageIcon.displayName = 'ImageIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;;AASL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.js","sources":["../../../../../src/components/Icons/InfoIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}
+{"version":3,"file":"InfoIcon.js","sources":["src/components/Icons/InfoIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/InfoIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Info icon component for information display.\n *\n * A standard information circle icon commonly used for showing information,\n * details, and contextual help in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <InfoIcon />\n *\n * // With custom size and color\n * <InfoIcon size=\"lg\" color=\"accent\" />\n *\n * // In an info context\n * <Button icon={<InfoIcon />}>Info</Button>\n * ```\n */\nexport const InfoIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\" />\n        <line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\" />\n      </Icon>\n    );\n  }\n);\n\nInfoIcon.displayName = 'InfoIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LastIcon.js","sources":["../../../../../src/components/Icons/LastIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;AAUG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"LastIcon.js","sources":["src/components/Icons/LastIcon.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 last icon — rightward chevron plus a vertical bar.\n *\n * Used by Pagination's \"last page\" button and similar\n * jump-to-end controls.\n *\n * @example\n * ```tsx\n * <IconButton aria-label=\"Last page\"><LastIcon /></IconButton>\n * ```\n */\nexport const LastIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M18 5v14M6 5l7 7-7 7\" />\n      </Icon>\n    );\n  }\n);\n\nLastIcon.displayName = 'LastIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;AAUG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LinkIcon.js","sources":["../../../../../src/components/Icons/LinkIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"LinkIcon.js","sources":["src/components/Icons/LinkIcon.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 * Link icon component for linking and connection actions.\n *\n * A standard link icon commonly used for creating links,\n * connecting content, and URL-related features in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <LinkIcon />\n *\n * // With custom size and color\n * <LinkIcon size=\"md\" color=\"primary\" />\n *\n * // In a link button\n * <Button icon={<LinkIcon />}>Add Link</Button>\n * ```\n */\nexport const LinkIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />\n        <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n      </Icon>\n    );\n  }\n);\n\nLinkIcon.displayName = 'LinkIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListIcon.js","sources":["../../../../../src/components/Icons/ListIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAYL;AAGF;;"}
+{"version":3,"file":"ListIcon.js","sources":["src/components/Icons/ListIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/ListIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * List icon component for list view layouts.\n *\n * A standard list lines icon commonly used for switching to list view,\n * linear data display, and structured content in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ListIcon />\n *\n * // With custom size and color\n * <ListIcon size=\"md\" color=\"primary\" />\n *\n * // In a view toggle\n * <Button icon={<ListIcon />}>List View</Button>\n * ```\n */\nexport const ListIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\" />\n        <line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\" />\n        <line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\" />\n        <line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\" />\n        <line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\" />\n        <line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\" />\n      </Icon>\n    );\n  }\n);\n\nListIcon.displayName = 'ListIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAYL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LockIcon.js","sources":["../../../../../src/components/Icons/LockIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"LockIcon.js","sources":["src/components/Icons/LockIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/LockIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Lock icon component for security and locked states.\n *\n * A standard padlock icon commonly used for indicating locked content,\n * security features, and protected operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <LockIcon />\n *\n * // With custom size and color\n * <LockIcon size=\"sm\" color=\"warning\" />\n *\n * // In a security context\n * <Button icon={<LockIcon />}>Lock</Button>\n * ```\n */\nexport const LockIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" />\n        <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n      </Icon>\n    );\n  }\n);\n\nLockIcon.displayName = 'LockIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MaximizeIcon.js","sources":["../../../../../src/components/Icons/MaximizeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"MaximizeIcon.js","sources":["src/components/Icons/MaximizeIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/MaximizeIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Maximize icon component for maximize actions.\n *\n * A standard expand square icon commonly used for maximizing windows,\n * expanding panels, and enlarging content areas in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <MaximizeIcon />\n *\n * // With custom size and color\n * <MaximizeIcon size=\"sm\" color=\"secondary\" />\n *\n * // In a window control context\n * <Button icon={<MaximizeIcon />}>Maximize</Button>\n * ```\n */\nexport const MaximizeIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\" />\n    </Icon>\n  );\n});\n\nMaximizeIcon.displayName = 'MaximizeIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuIcon.js","sources":["../../../../../src/components/Icons/MenuIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAOF;AAGF;;"}
+{"version":3,"file":"MenuIcon.js","sources":["src/components/Icons/MenuIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/MenuIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Menu icon component for menu/hamburger navigation.\n *\n * A standard three-line hamburger icon commonly used for opening menus,\n * navigation drawers, and mobile menu toggles in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <MenuIcon />\n *\n * // With custom size and color\n * <MenuIcon size=\"md\" color=\"secondary\" />\n *\n * // In a navigation context\n * <Button icon={<MenuIcon />}>Menu</Button>\n * ```\n */\nexport const MenuIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" />\n        <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" />\n        <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" />\n      </Icon>\n    );\n  }\n);\n\nMenuIcon.displayName = 'MenuIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAOF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MinimizeIcon.js","sources":["../../../../../src/components/Icons/MinimizeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}
+{"version":3,"file":"MinimizeIcon.js","sources":["src/components/Icons/MinimizeIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/MinimizeIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Minimize icon component for minimize actions.\n *\n * A standard compress square icon commonly used for minimizing windows,\n * collapsing panels, and reducing content areas in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <MinimizeIcon />\n *\n * // With custom size and color\n * <MinimizeIcon size=\"md\" color=\"muted\" />\n *\n * // In a window control context\n * <Button icon={<MinimizeIcon />}>Minimize</Button>\n * ```\n */\nexport const MinimizeIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3\" />\n    </Icon>\n  );\n});\n\nMinimizeIcon.displayName = 'MinimizeIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MinusIcon.js","sources":["../../../../../src/components/Icons/MinusIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAOL;AAGF;;"}
+{"version":3,"file":"MinusIcon.js","sources":["src/components/Icons/MinusIcon.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 * Minus icon component for remove/decrement actions.\n *\n * A single horizontal stroke commonly used to remove items, decrement\n * counters, and zoom out. Pairs with `AddIcon` for [+/-] controls.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <MinusIcon />\n *\n * // With custom size and color\n * <MinusIcon size=\"sm\" color=\"muted\" />\n *\n * // In a counter control\n * <IconButton icon={<MinusIcon />} label=\"Decrease\" />\n * ```\n */\nexport const MinusIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n      </Icon>\n    );\n  }\n);\n\nMinusIcon.displayName = 'MinusIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAOL;AAGF;;"}

package/dist/esm/components/Icons/OrbitIcon.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';
+
+/**
+ * Orbit icon component for camera-orbit and rotate-around actions.
+ *
+ * A central body with two satellites tracing an orbital ring — the
+ * conventional glyph for orbiting a camera around a pivot, turntable views,
+ * and "rotate around target" tools in 2D/3D editor viewports.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <OrbitIcon />
+ *
+ * // With custom size and color
+ * <OrbitIcon size="lg" color="accent" />
+ *
+ * // In a viewport tool button
+ * <IconButton icon={<OrbitIcon />} label="Orbit camera" />
+ * ```
+ */
+const OrbitIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M20.341 6.484A10 10 0 0 1 10.266 21.85" }), jsx("path", { d: "M3.659 17.516A10 10 0 0 1 13.74 2.152" }), jsx("circle", { cx: "12", cy: "12", r: "3" }), jsx("circle", { cx: "19", cy: "5", r: "2" }), jsx("circle", { cx: "5", cy: "19", r: "2" })] }));
+});
+OrbitIcon.displayName = 'OrbitIcon';
+
+export { OrbitIcon };
+//# sourceMappingURL=OrbitIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrbitIcon.js","sources":["src/components/Icons/OrbitIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/OrbitIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Orbit icon component for camera-orbit and rotate-around actions.\n *\n * A central body with two satellites tracing an orbital ring — the\n * conventional glyph for orbiting a camera around a pivot, turntable views,\n * and \"rotate around target\" tools in 2D/3D editor viewports.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <OrbitIcon />\n *\n * // With custom size and color\n * <OrbitIcon size=\"lg\" color=\"accent\" />\n *\n * // In a viewport tool button\n * <IconButton icon={<OrbitIcon />} label=\"Orbit camera\" />\n * ```\n */\nexport const OrbitIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M20.341 6.484A10 10 0 0 1 10.266 21.85\" />\n        <path d=\"M3.659 17.516A10 10 0 0 1 13.74 2.152\" />\n        <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        <circle cx=\"19\" cy=\"5\" r=\"2\" />\n        <circle cx=\"5\" cy=\"19\" r=\"2\" />\n      </Icon>\n    );\n  }\n);\n\nOrbitIcon.displayName = 'OrbitIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AASF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PasteIcon.js","sources":["../../../../../src/components/Icons/PasteIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"PasteIcon.js","sources":["src/components/Icons/PasteIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/PasteIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Paste icon component for paste actions.\n *\n * A standard clipboard icon commonly used for pasting content,\n * inserting items, and clipboard operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <PasteIcon />\n *\n * // With custom size and color\n * <PasteIcon size=\"lg\" color=\"primary\" />\n *\n * // In a paste button\n * <Button icon={<PasteIcon />}>Paste</Button>\n * ```\n */\nexport const PasteIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\" />\n        <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\" />\n      </Icon>\n    );\n  }\n);\n\nPasteIcon.displayName = 'PasteIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PauseIcon.js","sources":["../../../../../src/components/Icons/PauseIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"PauseIcon.js","sources":["src/components/Icons/PauseIcon.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 * Pause icon component for pausing playback and processes.\n *\n * Two parallel vertical bars commonly used to pause animations, video,\n * preview playback, and long-running operations. Pairs with `PlayIcon`.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <PauseIcon />\n *\n * // With custom size and color\n * <PauseIcon size=\"lg\" color=\"primary\" />\n *\n * // In a transport bar\n * <IconButton icon={<PauseIcon />} label=\"Pause\" />\n * ```\n */\nexport const PauseIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M9 4v16M15 4v16\" />\n      </Icon>\n    );\n  }\n);\n\nPauseIcon.displayName = 'PauseIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PinIcon.js","sources":["../../../../../src/components/Icons/PinIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"PinIcon.js","sources":["src/components/Icons/PinIcon.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 * Pin icon component for pinning items to keep them visible.\n *\n * A push-pin silhouette commonly used to pin tabs, conversations,\n * or list items so they stay in view. A filled visual variant could\n * indicate the pinned state.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <PinIcon />\n *\n * // With custom size and color\n * <PinIcon size=\"sm\" color=\"accent\" />\n *\n * // In a pin/unpin toggle\n * <IconButton icon={<PinIcon />} label=\"Pin item\" />\n * ```\n */\nexport const PinIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\" />\n        <path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24z\" />\n      </Icon>\n    );\n  }\n);\n\nPinIcon.displayName = 'PinIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlayIcon.js","sources":["../../../../../src/components/Icons/PlayIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"PlayIcon.js","sources":["src/components/Icons/PlayIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/PlayIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Play icon component for play/start actions.\n *\n * A standard play triangle icon commonly used for starting playback,\n * running processes, and begin operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <PlayIcon />\n *\n * // With custom size and color\n * <PlayIcon size=\"lg\" color=\"success\" />\n *\n * // In a play button\n * <Button icon={<PlayIcon />}>Play</Button>\n * ```\n */\nexport const PlayIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <polygon points=\"5,3 19,12 5,21\" />\n      </Icon>\n    );\n  }\n);\n\nPlayIcon.displayName = 'PlayIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RedoIcon.js","sources":["../../../../../src/components/Icons/RedoIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"RedoIcon.js","sources":["src/components/Icons/RedoIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/RedoIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Redo icon component for redo actions.\n *\n * A standard curved arrow icon commonly used for redoing operations,\n * reapplying changes, and history navigation in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <RedoIcon />\n *\n * // With custom size and color\n * <RedoIcon size=\"md\" color=\"secondary\" />\n *\n * // In a redo button\n * <Button icon={<RedoIcon />}>Redo</Button>\n * ```\n */\nexport const RedoIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M21 7v6h-6\" />\n        <path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\" />\n      </Icon>\n    );\n  }\n);\n\nRedoIcon.displayName = 'RedoIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RefreshIcon.js","sources":["../../../../../src/components/Icons/RefreshIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAQF;AAEA;;"}
+{"version":3,"file":"RefreshIcon.js","sources":["src/components/Icons/RefreshIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/RefreshIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Refresh icon component for refresh/reload actions.\n *\n * A standard circular arrow icon commonly used for refreshing content,\n * reloading data, and update operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <RefreshIcon />\n *\n * // With custom size and color\n * <RefreshIcon size=\"lg\" color=\"accent\" />\n *\n * // In a refresh button\n * <Button icon={<RefreshIcon />}>Refresh</Button>\n * ```\n */\nexport const RefreshIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n      <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />\n      <path d=\"M3 21v-5h5\" />\n    </Icon>\n  );\n});\n\nRefreshIcon.displayName = 'RefreshIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAQF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"RobotIcon.js","sources":["../../../../../src/components/Icons/RobotIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAWF;AAGF;;"}
+{"version":3,"file":"RobotIcon.js","sources":["src/components/Icons/RobotIcon.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 * Robot icon component representing AI or automation.\n *\n * A robot head icon commonly used for AI assistant features,\n * chatbots, and automation actions in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <RobotIcon />\n *\n * // With custom size and color\n * <RobotIcon size=\"lg\" color=\"primary\" />\n *\n * // In an AI chat button\n * <Button icon={<RobotIcon />}>AI Assistant</Button>\n * ```\n */\nexport const RobotIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"5\" y=\"9\" width=\"14\" height=\"10\" rx=\"2\" />\n        <circle cx=\"9.5\" cy=\"14\" r=\"1\" />\n        <circle cx=\"14.5\" cy=\"14\" r=\"1\" />\n        <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"5\" />\n        <circle cx=\"12\" cy=\"4\" r=\"1\" />\n        <line x1=\"5\" y1=\"13\" x2=\"3\" y2=\"13\" />\n        <line x1=\"19\" y1=\"13\" x2=\"21\" y2=\"13\" />\n      </Icon>\n    );\n  }\n);\n\nRobotIcon.displayName = 'RobotIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAWF;AAGF;;"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Rotate icon component for rotate transforms and rotate-tool actions.
+ *
+ * A clockwise circular arrow — the conventional glyph for the rotate gizmo,
+ * "rotate 90°" actions, and orientation controls in editor viewports.
+ * Distinct from `RefreshIcon` (a two-headed reload arrow) so rotate and
+ * reload never read the same.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RotateIcon />
+ *
+ * // With custom size and color
+ * <RotateIcon size="md" color="accent" />
+ *
+ * // In a transform toolbar
+ * <Toolbar.Button icon={<RotateIcon />} tooltip="Rotate" />
+ * ```
+ */
+const RotateIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }), jsx("path", { d: "M21 3v5h-5" })] }));
+});
+RotateIcon.displayName = 'RotateIcon';
+
+export { RotateIcon };
+//# sourceMappingURL=RotateIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RotateIcon.js","sources":["src/components/Icons/RotateIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/RotateIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Rotate icon component for rotate transforms and rotate-tool actions.\n *\n * A clockwise circular arrow — the conventional glyph for the rotate gizmo,\n * \"rotate 90°\" actions, and orientation controls in editor viewports.\n * Distinct from `RefreshIcon` (a two-headed reload arrow) so rotate and\n * reload never read the same.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <RotateIcon />\n *\n * // With custom size and color\n * <RotateIcon size=\"md\" color=\"accent\" />\n *\n * // In a transform toolbar\n * <Toolbar.Button icon={<RotateIcon />} tooltip=\"Rotate\" />\n * ```\n */\nexport const RotateIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\" />\n        <path d=\"M21 3v5h-5\" />\n      </Icon>\n    );\n  }\n);\n\nRotateIcon.displayName = 'RotateIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SaveIcon.js","sources":["../../../../../src/components/Icons/SaveIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}
+{"version":3,"file":"SaveIcon.js","sources":["src/components/Icons/SaveIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/SaveIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Save icon component for save actions.\n *\n * A standard floppy disk icon commonly used for saving files,\n * persisting data, and storage operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SaveIcon />\n *\n * // With custom size and color\n * <SaveIcon size=\"lg\" color=\"success\" />\n *\n * // In a save button\n * <Button icon={<SaveIcon />}>Save</Button>\n * ```\n */\nexport const SaveIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\" />\n        <polyline points=\"17,21 17,13 7,13 7,21\" />\n        <polyline points=\"7,3 7,8 15,8\" />\n      </Icon>\n    );\n  }\n);\n\nSaveIcon.displayName = 'SaveIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/Icons/SearchIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}
+{"version":3,"file":"SearchIcon.js","sources":["src/components/Icons/SearchIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/SearchIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Search icon component for search functionality.\n *\n * A standard magnifying glass icon commonly used for search inputs,\n * find operations, and lookup features in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SearchIcon />\n *\n * // With custom size and color\n * <SearchIcon size=\"md\" color=\"primary\" />\n *\n * // In a search input\n * <Input startIcon={<SearchIcon />} placeholder=\"Search...\" />\n * ```\n */\nexport const SearchIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"11\" cy=\"11\" r=\"8\" />\n        <path d=\"M21 21l-4.35-4.35\" />\n      </Icon>\n    );\n  }\n);\n\nSearchIcon.displayName = 'SearchIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SendIcon.js","sources":["../../../../../src/components/Icons/SendIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"SendIcon.js","sources":["src/components/Icons/SendIcon.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 * Send icon component for submitting messages and forms.\n *\n * A paper plane silhouette commonly used as the trigger for\n * sending chat messages, dispatching commands, and form submissions.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SendIcon />\n *\n * // With custom size and color\n * <SendIcon size=\"md\" color=\"accent\" />\n *\n * // In a chat input\n * <IconButton icon={<SendIcon />} label=\"Send message\" />\n * ```\n */\nexport const SendIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\" />\n        <polygon points=\"22 2 15 22 11 13 2 9 22 2\" />\n      </Icon>\n    );\n  }\n);\n\nSendIcon.displayName = 'SendIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsIcon.js","sources":["../../../../../src/components/Icons/SettingsIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASP;AAEA;;"}
+{"version":3,"file":"SettingsIcon.js","sources":["src/components/Icons/SettingsIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/SettingsIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Settings icon component for configuration and preferences.\n *\n * A standard gear/cog icon commonly used for settings panels,\n * configuration dialogs, and preference screens in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SettingsIcon />\n *\n * // With custom size and color\n * <SettingsIcon size=\"lg\" color=\"primary\" />\n *\n * // In a settings button\n * <Button icon={<SettingsIcon />}>Settings</Button>\n * ```\n */\nexport const SettingsIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n    </Icon>\n  );\n});\n\nSettingsIcon.displayName = 'SettingsIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASP;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SortIcon.js","sources":["../../../../../src/components/Icons/SortIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}
+{"version":3,"file":"SortIcon.js","sources":["src/components/Icons/SortIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/SortIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Sort icon component for sorting actions.\n *\n * A standard up/down arrows icon commonly used for sorting content,\n * data ordering, and list arrangement in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SortIcon />\n *\n * // With custom size and color\n * <SortIcon size=\"sm\" color=\"muted\" />\n *\n * // In a sort context\n * <Button icon={<SortIcon />}>Sort</Button>\n * ```\n */\nexport const SortIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M3 6h18\" />\n        <path d=\"M7 12h10\" />\n        <path d=\"M10 18h4\" />\n      </Icon>\n    );\n  }\n);\n\nSortIcon.displayName = 'SortIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Spin icon component for continuous-rotation and turntable actions.
+ *
+ * An open three-quarter ring — the conventional "spinning" glyph used for
+ * auto-rotate / turntable toggles and busy states. Unlike `RotateIcon` it
+ * has no arrowhead, reading as ongoing motion rather than a single rotate
+ * step; pair it with a CSS spin animation for a loading affordance.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SpinIcon />
+ *
+ * // With custom size and color
+ * <SpinIcon size="md" color="accent" />
+ *
+ * // As an auto-rotate toggle
+ * <IconButton icon={<SpinIcon />} label="Auto-rotate" />
+ * ```
+ */
+const SpinIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+});
+SpinIcon.displayName = 'SpinIcon';
+
+export { SpinIcon };
+//# sourceMappingURL=SpinIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpinIcon.js","sources":["src/components/Icons/SpinIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/SpinIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Spin icon component for continuous-rotation and turntable actions.\n *\n * An open three-quarter ring — the conventional \"spinning\" glyph used for\n * auto-rotate / turntable toggles and busy states. Unlike `RotateIcon` it\n * has no arrowhead, reading as ongoing motion rather than a single rotate\n * step; pair it with a CSS spin animation for a loading affordance.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SpinIcon />\n *\n * // With custom size and color\n * <SpinIcon size=\"md\" color=\"accent\" />\n *\n * // As an auto-rotate toggle\n * <IconButton icon={<SpinIcon />} label=\"Auto-rotate\" />\n * ```\n */\nexport const SpinIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n      </Icon>\n    );\n  }\n);\n\nSpinIcon.displayName = 'SpinIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"StarIcon.js","sources":["../../../../../src/components/Icons/StarIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"StarIcon.js","sources":["src/components/Icons/StarIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/StarIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Star icon component for favorites and ratings.\n *\n * A standard star icon commonly used for favorites, bookmarks,\n * ratings, and highlighting important content in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <StarIcon />\n *\n * // With custom size and color\n * <StarIcon size=\"lg\" color=\"warning\" />\n *\n * // In a favorites context\n * <Button icon={<StarIcon />}>Favorite</Button>\n * ```\n */\nexport const StarIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <polygon points=\"12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26\" />\n      </Icon>\n    );\n  }\n);\n\nStarIcon.displayName = 'StarIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"StopIcon.js","sources":["../../../../../src/components/Icons/StopIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}
+{"version":3,"file":"StopIcon.js","sources":["src/components/Icons/StopIcon.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 * Stop icon component for halting playback and streams.\n *\n * A solid square commonly used to stop transport playback, abort\n * generations, and cancel long-running streaming operations.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <StopIcon />\n *\n * // With custom size and color\n * <StopIcon size=\"md\" color=\"error\" />\n *\n * // In a stop streaming button\n * <IconButton icon={<StopIcon />} label=\"Stop\" />\n * ```\n */\nexport const StopIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"1\" />\n      </Icon>\n    );\n  }\n);\n\nStopIcon.displayName = 'StopIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SuccessIcon.js","sources":["../../../../../src/components/Icons/SuccessIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASP;AAEA;;"}
+{"version":3,"file":"SuccessIcon.js","sources":["src/components/Icons/SuccessIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/SuccessIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Success icon component for success states.\n *\n * A standard checkmark circle icon commonly used for success messages,\n * completed operations, and positive confirmations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <SuccessIcon />\n *\n * // With custom size and color\n * <SuccessIcon size=\"lg\" color=\"success\" />\n *\n * // In a success context\n * <Button icon={<SuccessIcon />}>Success</Button>\n * ```\n */\nexport const SuccessIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <polyline points=\"9,12 12,15 16,10\" />\n    </Icon>\n  );\n});\n\nSuccessIcon.displayName = 'SuccessIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASP;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TagIcon.js","sources":["../../../../../src/components/Icons/TagIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"TagIcon.js","sources":["src/components/Icons/TagIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/TagIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Tag icon component for tagging and labeling.\n *\n * A standard tag icon commonly used for labeling content,\n * categorization, and metadata organization in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <TagIcon />\n *\n * // With custom size and color\n * <TagIcon size=\"lg\" color=\"primary\" />\n *\n * // In a tagging context\n * <Button icon={<TagIcon />}>Add Tag</Button>\n * ```\n */\nexport const TagIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\" />\n        <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\" />\n      </Icon>\n    );\n  }\n);\n\nTagIcon.displayName = 'TagIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TangentAlignedIcon.js","sources":["../../../../../src/components/Icons/TangentAlignedIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO;;AAWP;AAEA;;"}
+{"version":3,"file":"TangentAlignedIcon.js","sources":["src/components/Icons/TangentAlignedIcon.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\nexport const TangentAlignedIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <g strokeWidth=\"2.25\">\n        <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"6\" />\n      </g>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n    </Icon>\n  );\n});\n\nTangentAlignedIcon.displayName = 'TangentAlignedIcon';\n"],"names":[],"mappings":";;;;;AAQO;;AAWP;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TangentAutoIcon.js","sources":["../../../../../src/components/Icons/TangentAutoIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO;AAGL;AAOF;AAEA;;"}
+{"version":3,"file":"TangentAutoIcon.js","sources":["src/components/Icons/TangentAutoIcon.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\nexport const TangentAutoIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <g strokeWidth=\"2.25\">\n        <path d=\"M3 18 C7.5 18, 9 6, 12 6 C15 6, 16.5 18, 21 18\" />\n      </g>\n    </Icon>\n  );\n});\n\nTangentAutoIcon.displayName = 'TangentAutoIcon';\n"],"names":[],"mappings":";;;;;AAQO;AAGL;AAOF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TangentFreeIcon.js","sources":["../../../../../src/components/Icons/TangentFreeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO;AAGL;AASF;AAEA;;"}
+{"version":3,"file":"TangentFreeIcon.js","sources":["src/components/Icons/TangentFreeIcon.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\nexport const TangentFreeIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <g strokeWidth=\"2.25\">\n        <line x1=\"4.5\" y1=\"19.5\" x2=\"12\" y2=\"12\" />\n        <line x1=\"12\" y1=\"12\" x2=\"21\" y2=\"7.5\" />\n      </g>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n    </Icon>\n  );\n});\n\nTangentFreeIcon.displayName = 'TangentFreeIcon';\n"],"names":[],"mappings":";;;;;AAQO;AAGL;AASF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TangentLinearIcon.js","sources":["../../../../../src/components/Icons/TangentLinearIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO;AAGL;AAOF;AAEA;;"}
+{"version":3,"file":"TangentLinearIcon.js","sources":["src/components/Icons/TangentLinearIcon.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\nexport const TangentLinearIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <g strokeWidth=\"2.25\">\n        <line x1=\"3\" y1=\"19.5\" x2=\"21\" y2=\"4.5\" />\n      </g>\n    </Icon>\n  );\n});\n\nTangentLinearIcon.displayName = 'TangentLinearIcon';\n"],"names":[],"mappings":";;;;;AAQO;AAGL;AAOF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TangentMirroredIcon.js","sources":["../../../../../src/components/Icons/TangentMirroredIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO;;AAaP;AAEA;;"}
+{"version":3,"file":"TangentMirroredIcon.js","sources":["src/components/Icons/TangentMirroredIcon.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\nexport const TangentMirroredIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <g strokeWidth=\"2.25\">\n        <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"6\" />\n      </g>\n      <circle cx=\"6\" cy=\"16.5\" r=\"2.25\" fill=\"currentColor\" stroke=\"none\" />\n      <circle cx=\"18\" cy=\"7.5\" r=\"2.25\" fill=\"currentColor\" stroke=\"none\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" stroke=\"none\" />\n    </Icon>\n  );\n});\n\nTangentMirroredIcon.displayName = 'TangentMirroredIcon';\n"],"names":[],"mappings":";;;;;AAQO;;AAaP;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TangentStepIcon.js","sources":["../../../../../src/components/Icons/TangentStepIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQO;AAGL;AAOF;AAEA;;"}
+{"version":3,"file":"TangentStepIcon.js","sources":["src/components/Icons/TangentStepIcon.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\nexport const TangentStepIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <g strokeWidth=\"2.25\">\n        <polyline points=\"3,18 3,12 12,12 12,6 21,6\" />\n      </g>\n    </Icon>\n  );\n});\n\nTangentStepIcon.displayName = 'TangentStepIcon';\n"],"names":[],"mappings":";;;;;AAQO;AAGL;AAOF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TerminalIcon.js","sources":["../../../../../src/components/Icons/TerminalIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAMF;AAEA;;"}
+{"version":3,"file":"TerminalIcon.js","sources":["src/components/Icons/TerminalIcon.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 * Terminal icon component for shells, command palettes, and CLI panels.\n *\n * A prompt caret with an underscore line, commonly used for terminal\n * panels, command palette triggers, and shell-related actions.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <TerminalIcon />\n *\n * // With custom size and color\n * <TerminalIcon size=\"md\" color=\"secondary\" />\n *\n * // In a command palette trigger\n * <IconButton icon={<TerminalIcon />} label=\"Open terminal\" />\n * ```\n */\nexport const TerminalIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <polyline points=\"4 17 10 11 4 5\" />\n      <line x1=\"12\" y1=\"19\" x2=\"20\" y2=\"19\" />\n    </Icon>\n  );\n});\n\nTerminalIcon.displayName = 'TerminalIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAMF;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TrashIcon.js","sources":["../../../../../src/components/Icons/TrashIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUL;AAGF;;"}
+{"version":3,"file":"TrashIcon.js","sources":["src/components/Icons/TrashIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/TrashIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Trash icon component for delete actions.\n *\n * A standard trash can icon commonly used for deleting items,\n * removing content, and destructive operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <TrashIcon />\n *\n * // With custom size and color\n * <TrashIcon size=\"md\" color=\"error\" />\n *\n * // In a delete button\n * <Button icon={<TrashIcon />}>Delete</Button>\n * ```\n */\nexport const TrashIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <polyline points=\"3,6 5,6 21,6\" />\n        <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n        <line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"17\" />\n        <line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"17\" />\n      </Icon>\n    );\n  }\n);\n\nTrashIcon.displayName = 'TrashIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UndoIcon.js","sources":["../../../../../src/components/Icons/UndoIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"UndoIcon.js","sources":["src/components/Icons/UndoIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/UndoIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Undo icon component for undo actions.\n *\n * A standard curved arrow icon commonly used for undoing operations,\n * reverting changes, and history navigation in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <UndoIcon />\n *\n * // With custom size and color\n * <UndoIcon size=\"md\" color=\"secondary\" />\n *\n * // In an undo button\n * <Button icon={<UndoIcon />}>Undo</Button>\n * ```\n */\nexport const UndoIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M3 7v6h6\" />\n        <path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\" />\n      </Icon>\n    );\n  }\n);\n\nUndoIcon.displayName = 'UndoIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UnlinkIcon.js","sources":["../../../../../src/components/Icons/UnlinkIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;AAaG;AACI;AAEH;AAOF;AAGF;;"}
+{"version":3,"file":"UnlinkIcon.js","sources":["src/components/Icons/UnlinkIcon.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 * Unlink icon — a broken chain.\n *\n * Indicates that two values are decoupled (no longer linked). Pair with\n * `LinkIcon` to render a toggle: link → unlink. Common in coordinate\n * inputs, transform locks, color-channel groups.\n *\n * @example\n * ```tsx\n * <IconButton aria-label=\"Unlink axes\">\n *   <UnlinkIcon />\n * </IconButton>\n * ```\n */\nexport const UnlinkIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M9 17H7A5 5 0 0 1 7 7h2\" />\n        <path d=\"M15 7h2a5 5 0 0 1 0 10h-2\" />\n        <line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\" />\n      </Icon>\n    );\n  }\n);\n\nUnlinkIcon.displayName = 'UnlinkIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;AAaG;AACI;AAEH;AAOF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UnlockIcon.js","sources":["../../../../../src/components/Icons/UnlockIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}
+{"version":3,"file":"UnlockIcon.js","sources":["src/components/Icons/UnlockIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/UnlockIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Unlock icon component for security and unlocked states.\n *\n * A standard open padlock icon commonly used for indicating unlocked content,\n * accessible features, and unprotected operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <UnlockIcon />\n *\n * // With custom size and color\n * <UnlockIcon size=\"md\" color=\"success\" />\n *\n * // In a security context\n * <Button icon={<UnlockIcon />}>Unlock</Button>\n * ```\n */\nexport const UnlockIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" />\n        <path d=\"M7 11V7a5 5 0 0 1 9.9-1\" />\n      </Icon>\n    );\n  }\n);\n\nUnlockIcon.displayName = 'UnlockIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UploadIcon.js","sources":["../../../../../src/components/Icons/UploadIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAOF;AAGF;;"}
+{"version":3,"file":"UploadIcon.js","sources":["src/components/Icons/UploadIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/UploadIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Upload icon component for upload actions.\n *\n * A standard upload arrow icon commonly used for uploading files,\n * importing data, and file transfer operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <UploadIcon />\n *\n * // With custom size and color\n * <UploadIcon size=\"lg\" color=\"primary\" />\n *\n * // In an upload button\n * <Button icon={<UploadIcon />}>Upload</Button>\n * ```\n */\nexport const UploadIcon = /*#__PURE__*/ React.memo<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=\"17,8 12,3 7,8\" />\n        <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\" />\n      </Icon>\n    );\n  }\n);\n\nUploadIcon.displayName = 'UploadIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAOF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UserIcon.js","sources":["../../../../../src/components/Icons/UserIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}
+{"version":3,"file":"UserIcon.js","sources":["src/components/Icons/UserIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/UserIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * User icon component for user profiles and accounts.\n *\n * A standard user silhouette icon commonly used for user profiles,\n * account management, and person-related features in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <UserIcon />\n *\n * // With custom size and color\n * <UserIcon size=\"sm\" color=\"secondary\" />\n *\n * // In a profile context\n * <Button icon={<UserIcon />}>Profile</Button>\n * ```\n */\nexport const UserIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" />\n        <circle cx=\"12\" cy=\"7\" r=\"4\" />\n      </Icon>\n    );\n  }\n);\n\nUserIcon.displayName = 'UserIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"UsersIcon.js","sources":["../../../../../src/components/Icons/UsersIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAQF;AAGF;;"}
+{"version":3,"file":"UsersIcon.js","sources":["src/components/Icons/UsersIcon.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 * Users icon component for groups, teams, and multi-user contexts.\n *\n * Two overlapping user silhouettes commonly used for team membership,\n * shared resources, and group-level actions. Pairs with `UserIcon` for\n * single-user contexts.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <UsersIcon />\n *\n * // With custom size and color\n * <UsersIcon size=\"md\" color=\"secondary\" />\n *\n * // In a team selector\n * <Button icon={<UsersIcon />}>Team</Button>\n * ```\n */\nexport const UsersIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" />\n        <circle cx=\"9\" cy=\"7\" r=\"4\" />\n        <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\" />\n        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" />\n      </Icon>\n    );\n  }\n);\n\nUsersIcon.displayName = 'UsersIcon';\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAEH;AAQF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"WarningIcon.js","sources":["../../../../../src/components/Icons/WarningIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}
+{"version":3,"file":"WarningIcon.js","sources":["src/components/Icons/WarningIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/WarningIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Warning icon component for warning states.\n *\n * A standard triangle with exclamation icon commonly used for warnings,\n * caution messages, and alert notifications in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <WarningIcon />\n *\n * // With custom size and color\n * <WarningIcon size=\"md\" color=\"warning\" />\n *\n * // In a warning context\n * <Button icon={<WarningIcon />}>Warning</Button>\n * ```\n */\nexport const WarningIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n      <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n      <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n    </Icon>\n  );\n});\n\nWarningIcon.displayName = 'WarningIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}

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

@@ -0,0 +1,32 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Zoom-to-fit icon component for framing content to the viewport.
+ *
+ * A corner frame around a focal point — the conventional glyph for
+ * "zoom to fit", "frame selected", and "fit to view" actions that reset the
+ * camera so the content fills the viewport. Distinct from `FullscreenIcon`
+ * (outward expand arrows) and `MaximizeIcon` (a plain window outline).
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ZoomFitIcon />
+ *
+ * // With custom size and color
+ * <ZoomFitIcon size="md" color="accent" />
+ *
+ * // In a viewport control bar
+ * <IconButton icon={<ZoomFitIcon />} label="Zoom to fit" />
+ * ```
+ */
+const ZoomFitIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }), jsx("circle", { cx: "12", cy: "12", r: "3" })] }));
+});
+ZoomFitIcon.displayName = 'ZoomFitIcon';
+
+export { ZoomFitIcon };
+//# sourceMappingURL=ZoomFitIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomFitIcon.js","sources":["src/components/Icons/ZoomFitIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/ZoomFitIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Zoom-to-fit icon component for framing content to the viewport.\n *\n * A corner frame around a focal point — the conventional glyph for\n * \"zoom to fit\", \"frame selected\", and \"fit to view\" actions that reset the\n * camera so the content fills the viewport. Distinct from `FullscreenIcon`\n * (outward expand arrows) and `MaximizeIcon` (a plain window outline).\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ZoomFitIcon />\n *\n * // With custom size and color\n * <ZoomFitIcon size=\"md\" color=\"accent\" />\n *\n * // In a viewport control bar\n * <IconButton icon={<ZoomFitIcon />} label=\"Zoom to fit\" />\n * ```\n */\nexport const ZoomFitIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <path d=\"M3 7V5a2 2 0 0 1 2-2h2\" />\n      <path d=\"M17 3h2a2 2 0 0 1 2 2v2\" />\n      <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\" />\n      <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </Icon>\n  );\n});\n\nZoomFitIcon.displayName = 'ZoomFitIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;;AAYP;AAEA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ZoomInIcon.js","sources":["../../../../../src/components/Icons/ZoomInIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAQF;AAGF;;"}
+{"version":3,"file":"ZoomInIcon.js","sources":["src/components/Icons/ZoomInIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/ZoomInIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Zoom In icon component for zoom in actions.\n *\n * A standard magnifying glass with plus icon commonly used for zooming in,\n * enlarging content, and scale increase operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ZoomInIcon />\n *\n * // With custom size and color\n * <ZoomInIcon size=\"md\" color=\"accent\" />\n *\n * // In a zoom context\n * <Button icon={<ZoomInIcon />}>Zoom In</Button>\n * ```\n */\nexport const ZoomInIcon = /*#__PURE__*/ React.memo<Omit<IconProps, 'children'>>(\n  props => {\n    return (\n      <Icon {...props}>\n        <circle cx=\"11\" cy=\"11\" r=\"8\" />\n        <path d=\"M21 21l-4.35-4.35\" />\n        <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\" />\n        <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" />\n      </Icon>\n    );\n  }\n);\n\nZoomInIcon.displayName = 'ZoomInIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAQF;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ZoomOutIcon.js","sources":["../../../../../src/components/Icons/ZoomOutIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}
+{"version":3,"file":"ZoomOutIcon.js","sources":["src/components/Icons/ZoomOutIcon.tsx"],"sourcesContent":["'use client';\n\n// src/icons/ZoomOutIcon.tsx\nimport React from 'react';\n\nimport { Icon } from '@/components/primitives/Icon';\n\nimport type { IconProps } from '@/components/primitives/Icon';\n\n/**\n * Zoom Out icon component for zoom out actions.\n *\n * A standard magnifying glass with minus icon commonly used for zooming out,\n * reducing content, and scale decrease operations in editor interfaces.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ZoomOutIcon />\n *\n * // With custom size and color\n * <ZoomOutIcon size=\"lg\" color=\"secondary\" />\n *\n * // In a zoom context\n * <Button icon={<ZoomOutIcon />}>Zoom Out</Button>\n * ```\n */\nexport const ZoomOutIcon = /*#__PURE__*/ React.memo<\n  Omit<IconProps, 'children'>\n>(props => {\n  return (\n    <Icon {...props}>\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"M21 21l-4.35-4.35\" />\n      <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" />\n    </Icon>\n  );\n});\n\nZoomOutIcon.displayName = 'ZoomOutIcon';\n"],"names":[],"mappings":";;;;;AASA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUP;AAEA;;"}

package/dist/esm/components/controls/CartesianPicker/CartesianPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianPicker.js","sources":["../../../../../../src/components/controls/CartesianPicker/CartesianPicker.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAuBO;AAiCL;;;AAOA;;AAMA;;;;AAKI;AACF;AAIF;AAEI;AACF;;AAKF;;AAEE;AACA;AACA;;;;;;;AAOF;;;AAIE;;;;;;;;;;;;AAYA;AACA;AACD;;AAGD;;AAEE;;;;;;;;;;;;;;;;;AAiBD;;;;;AAQD;AAIM;;AAEE;;AAEH;AAsBK;;;;;;AAMD;AAKX;AAEA;;"}
+{"version":3,"file":"CartesianPicker.js","sources":["src/components/controls/CartesianPicker/CartesianPicker.tsx"],"sourcesContent":["'use client';\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React, { useState, useCallback, useMemo, useRef } from 'react';\n\nimport { CanvasContainer } from '@/components/primitives/canvas/CanvasContainer';\nimport { cx } from '@/utils/cx';\nimport { roundToPrecision } from '@/utils/mathUtils';\n\nimport {\n  cartesianPickerRecipe,\n  pickerWidthVar,\n  bottomBarStyle,\n} from './CartesianPicker.css';\nimport { useCartesianInteraction } from './useCartesianInteraction';\nimport { useCartesianRenderer } from './useCartesianRenderer';\n\nimport type { CartesianPickerProps } from './CartesianPicker.types';\nimport type {\n  Point2D,\n  CanvasViewport,\n} from '@/components/primitives/canvas/canvas.types';\n\nexport const CartesianPicker: React.FC<CartesianPickerProps> = ({\n  value,\n  defaultValue,\n  domainX = [-1, 1],\n  domainY = [-1, 1],\n  showGrid = true,\n  gridSubdivisions = 4,\n  showAxisLabels = true,\n  showOriginAxes = true,\n  showCrosshair = true,\n  crosshairStyle = 'dashed',\n  labelX,\n  labelY,\n  markerRadius = 6,\n  snapToGrid = false,\n  step,\n  clampToRange = true,\n  precision = 2,\n  width = 200,\n  height = 200,\n  responsive = false,\n  disabled = false,\n  readOnly = false,\n  onChange,\n  onChangeComplete,\n  renderBackground,\n  renderBottomBar,\n  className,\n  testId,\n  id,\n  style,\n  ...rest\n}) => {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  // Controlled / uncontrolled\n  const [internalValue, setInternalValue] = useState<Point2D>(\n    () => defaultValue ?? { x: 0, y: 0 }\n  );\n\n  const isControlled = value !== undefined;\n  const currentPoint = useMemo(\n    () => (isControlled ? value : internalValue),\n    [isControlled, value, internalValue]\n  );\n\n  const handleChange = useCallback(\n    (newPoint: Point2D) => {\n      if (!isControlled) {\n        setInternalValue(newPoint);\n      }\n      onChange?.(newPoint);\n    },\n    [isControlled, onChange]\n  );\n\n  const handleChangeComplete = useCallback(\n    (newPoint: Point2D) => {\n      onChangeComplete?.(newPoint);\n    },\n    [onChangeComplete]\n  );\n\n  // Viewport with padding\n  const viewport = useMemo((): CanvasViewport => {\n    const hasAxisNames = Boolean(labelX ?? labelY);\n    const padding = hasAxisNames && showAxisLabels ? 0.12 : 0.08;\n    const [dxMin, dxMax] = domainX;\n    const [dyMin, dyMax] = domainY;\n    const xPad = (dxMax - dxMin) * padding;\n    const yPad = (dyMax - dyMin) * padding;\n    return {\n      viewX: [dxMin - xPad, dxMax + xPad],\n      viewY: [dyMin - yPad, dyMax + yPad],\n    };\n  }, [domainX, domainY, labelX, labelY, showAxisLabels]);\n\n  // Interaction hook\n  const interaction = useCartesianInteraction({\n    point: currentPoint,\n    viewport,\n    canvasRef,\n    domainX,\n    domainY,\n    disabled,\n    readOnly,\n    clampToRange,\n    snapToGrid,\n    gridSubdivisions,\n    step,\n    precision,\n    onChange: handleChange,\n    onChangeComplete: handleChangeComplete,\n  });\n\n  // Renderer hook\n  useCartesianRenderer({\n    canvasRef,\n    point: currentPoint,\n    viewport,\n    domainX,\n    domainY,\n    showGrid,\n    gridSubdivisions,\n    showAxisLabels,\n    showOriginAxes,\n    showCrosshair,\n    crosshairStyle,\n    labelX,\n    labelY,\n    markerRadius,\n    disabled,\n    isHovered: interaction.isHovered,\n    isDragging: interaction.isDragging,\n    renderBackground,\n  });\n\n  // ARIA description\n  const ariaDescription = `2D point picker, current value X: ${roundToPrecision(currentPoint.x, precision)}, Y: ${roundToPrecision(currentPoint.y, precision)}`;\n\n  // Live announcement\n  const liveAnnouncement = `X: ${roundToPrecision(currentPoint.x, precision)}, Y: ${roundToPrecision(currentPoint.y, precision)}`;\n\n  return (\n    <div\n      className={cx(cartesianPickerRecipe({ disabled, responsive }), className)}\n      style={{\n        ...style,\n        ...(!responsive\n          ? assignInlineVars({ [pickerWidthVar]: `${width}px` })\n          : {}),\n      }}\n      data-testid={testId}\n      id={id}\n      {...rest}\n    >\n      <CanvasContainer\n        canvasRef={canvasRef}\n        height={height}\n        responsive={responsive}\n        disabled={disabled}\n        ariaLabel=\"Cartesian point picker\"\n        ariaRoledescription={ariaDescription}\n        liveAnnouncement={liveAnnouncement}\n        handlers={interaction.handlers}\n        testId={testId ? `${testId}-canvas` : undefined}\n      />\n      {renderBottomBar && (\n        <div\n          className={bottomBarStyle}\n          data-testid={testId ? `${testId}-bottom-bar` : undefined}\n        >\n          {renderBottomBar({\n            point: currentPoint,\n            disabled,\n            readOnly,\n            isDragging: interaction.isDragging,\n            domainX,\n            domainY,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nCartesianPicker.displayName = 'CartesianPicker';\n"],"names":[],"mappings":";;;;;;;;;;;AAuBO;AAiCL;;;AAOA;;AAMA;;;;AAKI;AACF;AAIF;AAEI;AACF;;AAKF;;AAEE;AACA;AACA;;;;;;;AAOF;;;AAIE;;;;;;;;;;;;AAYA;AACA;AACD;;AAGD;;AAEE;;;;;;;;;;;;;;;;;AAiBD;;;;;AAQD;AAIM;;AAEE;;AAEH;AAsBK;;;;;;AAMD;AAKX;AAEA;;"}