entangle-ui 0.10.0 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,77 @@
 # entangle-ui
 
+## 0.11.0
+
+### Minor Changes
+
+- [#103](https://github.com/SebastianWebdev/entangle-ui/pull/103) [`9fd2dbd`](https://github.com/SebastianWebdev/entangle-ui/commit/9fd2dbdd86a24c776b5b188582eec3c7ceb584b9) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Fix browser white-screen caused by a Node build of `picocolors` being inlined into the shipped ESM.
+
+  `@vanilla-extract/css` was reachable from the runtime barrel (via `createCustomTheme`) but was **not** a Rollup external, so its entire runtime — including the Node build of `picocolors` (`let p = process || {}` at module init) and `lru-cache` — was inlined into `dist/esm`. Any `entangle-ui` import then crashed with `process is not defined` in the browser (most visibly in `vite dev`, where nothing is tree-shaken).
+
+  **What changed:**
+  - `@vanilla-extract/css` is now a Rollup external, so it is no longer inlined. The consumer's bundler resolves it and honours each dependency's `browser` field, so no Node-only globals reach the browser.
+  - A regression guard (`scripts/check-browser-safe.ts`, wired into `prepublishOnly` via `npm run check:browser-safe`) fails the publish if any `dist/esm/**/*.js` references a Node-only global (`process`, `require(`) outside the bundler-replaceable `process.env.NODE_ENV` guard.
+
+  **Action required (peer dependency):** `@vanilla-extract/css` (`^1.18.0`) is now declared as a `peerDependency`. It is already pulled in transitively by the existing required peers `@vanilla-extract/dynamic` and `@vanilla-extract/recipes`, so npm/yarn users are unaffected; pnpm users (strict resolution) should ensure it is installed.
+
+- [#105](https://github.com/SebastianWebdev/entangle-ui/pull/105) [`55b94aa`](https://github.com/SebastianWebdev/entangle-ui/commit/55b94aa3cf90690c5e32a6c61d88e2f3c55e6277) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Add a canonical stylesheet entry and fix published sourcemaps.
+
+  **`entangle-ui/styles.css` (new, canonical theme import).** The documented CSS imports (`entangle-ui/styles.css`, `entangle-ui/darkTheme.css`) did not resolve, and the dark theme `:root` variables (`--etui-*`) were not reachable from a normal component import — so a fresh app rendered unstyled. There is now a single canonical entry:
+
+  ```ts
+  // once, at your app root
+  import 'entangle-ui/styles.css';
+  ```
+
+  It registers every `--etui-*` token on `:root` (default dark theme) plus the opt-in global-scrollbar rules, so components render correctly **without** a `ThemeProvider` wrapper. Component CSS still ships per component, so the entry stays tiny. A packaging test asserts the `:root` tokens are present.
+
+  **Package-relative sourcemaps.** Published `.js.map` files pointed `sources` at an unshipped `node_modules/entangle-ui/src/...` and shipped no `sourcesContent`, producing "source file outside its package" warnings in consumers. Sourcemaps now use package-relative `src/...` paths with embedded `sourcesContent` (`inlineSources` in `tsconfig.build.json` + a `sourcemapPathTransform` in `rollup.config.js`). A regression guard (`scripts/check-sourcemaps.ts`, wired into `prepublishOnly` via `npm run check:sourcemaps`) fails the publish if a sourcemap escapes the package or drops its source content.
+
+- [#107](https://github.com/SebastianWebdev/entangle-ui/pull/107) [`2c96ea1`](https://github.com/SebastianWebdev/entangle-ui/commit/2c96ea1e149b73c55d41f6ab1347d9cf8f6c60bf) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - `PropertyPanel`: add fill-height scrolling, row density, and a small control-padding fix.
+  - **`fillHeight` (new prop).** Fills the parent's height and scrolls the content on overflow without needing a fixed `maxHeight`, reserving a scrollbar gutter so controls don't sit under the overlay scrollbar. Ignored when `maxHeight` is set.
+  - **`density` (new prop).** `compact` / `normal` / `spacious` tunes the vertical rhythm (min-height + vertical padding) of all nested `PropertyRow`s via panel context. Default `normal` is unchanged from before.
+  - **Control right padding.** `PropertyRow`'s control column right padding was bumped from `xs` (2px) to `sm` (4px) so controls no longer sit flush against the row's right edge. This is a small default visual change.
+
+- [#107](https://github.com/SebastianWebdev/entangle-ui/pull/107) [`2c96ea1`](https://github.com/SebastianWebdev/entangle-ui/commit/2c96ea1e149b73c55d41f6ab1347d9cf8f6c60bf) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - `PropertyRow`: fix the label tooltip and allow a `ReactNode` label.
+  - **Tooltip fix.** The label tooltip never appeared because the tooltip trigger wrapped its content in a `display: contents` element, which generates no box and therefore no hover/focus target (the `Tooltip` primitive disables pointer events on the trigger and re-enables them only on its direct child). The wrapper is now a real `inline-flex` box, so hovering or focusing the label shows the tooltip.
+  - **`label: ReactNode`.** `PropertyRow.label` was typed `string` but already rendered any node. It is now typed `React.ReactNode`, so an icon + text (or any custom markup) can be used as a label without a cast. This is a widening, so existing string labels are unaffected.
+
+- [#107](https://github.com/SebastianWebdev/entangle-ui/pull/107) [`2c96ea1`](https://github.com/SebastianWebdev/entangle-ui/commit/2c96ea1e149b73c55d41f6ab1347d9cf8f6c60bf) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - `PropertySection`: add a first-class checkable section.
+
+  Set `checkable` to render a managed enable/disable toggle in the section header (built on the `Switch` primitive). When the toggle is off, the section body is dimmed and made non-interactive (`pointer-events: none`) but **stays mounted**, so its state is preserved. The toggle is independent of the collapse state and supports controlled and uncontrolled use via `checked` / `defaultChecked` / `onCheckedChange`. The toggle's accessible name defaults to the section `title` and can be overridden with `checkLabel`. All additive — sections without `checkable` are unchanged.
+
+- [#107](https://github.com/SebastianWebdev/entangle-ui/pull/107) [`2c96ea1`](https://github.com/SebastianWebdev/entangle-ui/commit/2c96ea1e149b73c55d41f6ab1347d9cf8f6c60bf) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - `Select`: add `fullWidth` and size the open dropdown to its content.
+  - **`fullWidth` (new prop).** When set, the select stretches the container and trigger to fill the available width instead of shrinking to the selected label. This fixes selects collapsing when placed inside a flex row or property panel. Default `false` preserves the previous content-width behavior.
+  - **Content-sized dropdown.** The open dropdown now sizes to its widest option (`width: max-content`), with a minimum of the trigger width (and `minDropdownWidth` when set) and a maximum clamped to the viewport. Long option labels are no longer clipped by a narrow trigger. `minDropdownWidth` continues to act as a floor.
+
+- [#107](https://github.com/SebastianWebdev/entangle-ui/pull/107) [`2c96ea1`](https://github.com/SebastianWebdev/entangle-ui/commit/2c96ea1e149b73c55d41f6ab1347d9cf8f6c60bf) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - `Select`: type `onChange` per `clearable` so the value is only nullable when it can actually be cleared.
+
+  `SelectProps` is now a discriminated union on `clearable`:
+  - Without `clearable`, `onChange` is `(value: T) => void` — it never receives `null`, so consumers no longer need a spurious null check.
+  - With `clearable`, `onChange` is `(value: T | null) => void` — `null` is emitted by the clear button.
+
+  Type-only change (runtime behavior is unchanged). This is stricter than before: an inline `onChange` handler on a non-clearable select now infers `T` instead of `T | null`. Handlers already written to accept `T | null` remain assignable, so most code is unaffected; a handler that explicitly compared the value to `null` on a non-clearable select should drop that dead branch.
+
+- [#108](https://github.com/SebastianWebdev/entangle-ui/pull/108) [`67edb59`](https://github.com/SebastianWebdev/entangle-ui/commit/67edb59caeadb6798318774e725a061f567f4a8f) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Add viewport / 3D icon glyphs: `OrbitIcon`, `RotateIcon`, `SpinIcon`, `CameraIcon`, `CubeIcon`, and `ZoomFitIcon`.
+
+  The icon set previously lacked rotate/orbit, camera, cube/axis, and zoom-to-fit glyphs, so editor viewports had to reuse `RefreshIcon`/`HomeIcon` for unrelated meanings. These six additions match the existing 24×24 / 2px-stroke style, are exported from the root barrel, and are tree-shakeable like every other icon. Purely additive — no existing icon changed.
+
+### Patch Changes
+
+- [#106](https://github.com/SebastianWebdev/entangle-ui/pull/106) [`7c68e13`](https://github.com/SebastianWebdev/entangle-ui/commit/7c68e133d93a35287d82b3d1036ca0c3eac70521) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Fix the install and getting-started documentation across every surface so a new consumer can install and run the package.
+
+  The README (shipped on npm), the `docs/` quickstart and theming guides, the docs-site getting-started and theming pages, and the bundled skill all carried a stale install story:
+  - **Install tag.** `npm install entangle-ui@alpha` resolved to an ancient `0.1.0-alpha.0`; the documented command is now `npm install entangle-ui`.
+  - **React floor.** The `react`/`react-dom` peer requirement is `>=19.2.0`, not the documented `>=19.1.0`.
+  - **Peer dependencies.** The docs omitted `@tanstack/react-virtual` and `@vanilla-extract/css`; all peers are now listed with their real version ranges.
+  - **Theme import.** The documented `entangle-ui/darkTheme.css` and side-effect `entangle-ui/theme` imports did not register the `--etui-*` variables. Everything now uses the canonical `import 'entangle-ui/styles.css'`, and the default-theme examples no longer imply a `ThemeProvider` wrapper is required.
+
+  Documentation only — no runtime or API change.
+
+- [#107](https://github.com/SebastianWebdev/entangle-ui/pull/107) [`2c96ea1`](https://github.com/SebastianWebdev/entangle-ui/commit/2c96ea1e149b73c55d41f6ab1347d9cf8f6c60bf) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - `PropertySection`: render header controls as siblings of the collapse trigger instead of nested inside it.
+
+  The enable toggle (`checkable`) and the `actions` slot were rendered inside the section header's trigger `<button>`, which produced invalid HTML (`<button>` cannot contain another `<button>`/interactive control) and a React DOM warning. The header is now a flex strip containing the trigger button and a separate controls group as siblings, so toggles and actions are never nested in a button. The collapse behavior, sizing, and the expanded separator are unchanged; the trigger's hover highlight now covers the trigger area rather than the full strip width.
+
 ## 0.10.0
 
 ### Minor Changes

package/README.md

@@ -24,17 +24,19 @@ npm install entangle-ui
 
 Peer dependencies:
 
-- `react >= 19.1.0`
-- `react-dom >= 19.1.0`
+- `react >= 19.2.0`
+- `react-dom >= 19.2.0`
 - `@base-ui/react ^1.1.0`
 - `@floating-ui/react ^0.27.17`
+- `@tanstack/react-virtual ^3.13.0`
+- `@vanilla-extract/css ^1.18.0`
 - `@vanilla-extract/dynamic ^2.1.5`
 - `@vanilla-extract/recipes ^0.5.7`
 
 ## Quick Start
 
 ```tsx
-import 'entangle-ui/darkTheme.css'; // registers --etui-* CSS custom properties on :root
+import 'entangle-ui/styles.css'; // registers the dark theme (--etui-* custom properties) on :root
 
 import { AppShell, MenuBar, Toolbar, StatusBar } from 'entangle-ui';
 
@@ -79,10 +81,10 @@ Entangle UI uses [Vanilla Extract](https://vanilla-extract.style/) for zero-runt
 
 ### Default dark theme
 
-Import the dark theme CSS to register all `--etui-*` variables on `:root`:
+Import the bundled stylesheet once to register all `--etui-*` variables on `:root`:
 
 ```ts
-import 'entangle-ui/darkTheme.css';
+import 'entangle-ui/styles.css';
 ```
 
 ### Custom themes

package/dist/esm/assets/src/components/controls/Select/{Select.css.ts.vanilla-oZnFUorL.css → Select.css.ts.vanilla-Cpu2BvWL.css}

@@ -147,6 +147,8 @@
 .Select_dropdownStyle__ycpn70v {
   position: fixed;
   z-index: var(--etui-z-dropdown);
+  width: max-content;
+  box-sizing: border-box;
   background: var(--etui-color-bg-elevated);
   border: 1px solid var(--etui-color-border-default);
   border-radius: var(--etui-radius-md);
@@ -178,6 +180,7 @@
   padding: var(--etui-spacing-sm) var(--etui-spacing-md);
   font-size: var(--etui-font-size-md);
   gap: var(--etui-spacing-sm);
+  white-space: nowrap;
   transition: background var(--etui-transition-fast);
 }
 .Select_optionItemRecipe_highlighted_true__ycpn70z {

package/dist/esm/assets/src/components/editor/PropertyInspector/{PropertyPanel.css.ts.vanilla-RYv_XgOu.css → PropertyPanel.css.ts.vanilla-Dpr_k5I3.css}

@@ -40,7 +40,10 @@
   padding-left: var(--etui-spacing-md);
   box-sizing: border-box;
 }
-.PropertyPanel_panelFooter__151bru77 {
+.PropertyPanel_panelContentScroll__151bru77 {
+  padding-right: var(--etui-spacing-lg);
+}
+.PropertyPanel_panelFooter__151bru78 {
   flex-shrink: 0;
   border-top: 1px solid var(--etui-color-border-default);
 }

package/dist/esm/assets/src/components/editor/PropertyInspector/{PropertyRow.css.ts.vanilla-C3YZnnHb.css → PropertyRow.css.ts.vanilla-pq1Uhd2a.css}

@@ -1,6 +1,6 @@
 .PropertyRow_rowRoot__1ds48412 {
   position: relative;
-  padding: 2px 8px;
+  padding: 0 var(--etui-spacing-md);
   transition: background var(--etui-transition-fast);
 }
 .PropertyRow_rowRoot__1ds48412:hover {
@@ -29,7 +29,14 @@
   margin-bottom: var(--etui-spacing-xs);
   user-select: none;
 }
-.PropertyRow_modifiedDot__1ds48415 {
+.PropertyRow_labelTooltipTarget__1ds48415 {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.PropertyRow_modifiedDot__1ds48416 {
   width: 4px;
   height: 4px;
   border-radius: 50%;
@@ -37,23 +44,23 @@
   margin-right: var(--etui-spacing-xs);
   flex-shrink: 0;
 }
-.PropertyRow_rowControl__1ds48416 {
+.PropertyRow_rowControl__1ds48417 {
   flex: 0 0 var(--controlRatioVar__1ds48411);
   box-sizing: border-box;
   display: flex;
   align-items: center;
   min-width: 0;
-  padding-right: var(--etui-spacing-xs);
+  padding-right: var(--etui-spacing-sm);
 }
-.PropertyRow_fullWidthControl__1ds48417 {
+.PropertyRow_fullWidthControl__1ds48418 {
   display: flex;
   align-items: stretch;
   width: 100%;
   flex: 1 1 auto;
   min-width: 0;
-  padding-right: var(--etui-spacing-xs);
+  padding-right: var(--etui-spacing-sm);
 }
-.PropertyRow_resetButton__1ds48418 {
+.PropertyRow_resetButton__1ds48419 {
   position: absolute;
   right: var(--etui-spacing-xs);
   top: 50%;
@@ -69,7 +76,7 @@
   color: var(--etui-color-text-muted);
   transition: opacity var(--etui-transition-fast), color var(--etui-transition-fast), background var(--etui-transition-fast);
 }
-.PropertyRow_resetButton__1ds48418:hover {
+.PropertyRow_resetButton__1ds48419:hover {
   color: var(--etui-color-text-primary);
   background: var(--etui-color-surface-active);
 }

package/dist/esm/assets/src/components/editor/PropertyInspector/{PropertySection.css.ts.vanilla-DK12opZc.css → PropertySection.css.ts.vanilla-6MWWAqyd.css}

@@ -9,59 +9,76 @@
 .PropertySection_sectionRoot__1xiu0w60 + .PropertySection_sectionRoot__1xiu0w60 {
   margin-top: var(--etui-spacing-sm);
 }
-.PropertySection_sectionTrigger__1xiu0w61 {
+.PropertySection_sectionHeader__1xiu0w61 {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  background: var(--etui-color-surface-default);
+}
+.PropertySection_sectionHeader_size_sm__1xiu0w62 {
+  height: 24px;
+}
+.PropertySection_sectionHeader_size_md__1xiu0w63 {
+  height: 28px;
+}
+.PropertySection_sectionHeader_size_lg__1xiu0w64 {
+  height: 32px;
+}
+.PropertySection_sectionHeader_disabled_true__1xiu0w65 {
+  opacity: 0.5;
+}
+.PropertySection_sectionHeader_disabled_false__1xiu0w66 {
+  opacity: 1;
+}
+.PropertySection_sectionHeader_expanded_true__1xiu0w67 {
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.PropertySection_sectionHeader_expanded_false__1xiu0w68 {
+  border-bottom: none;
+}
+.PropertySection_sectionTrigger__1xiu0w69 {
   margin: 0;
   border: none;
   font-family: inherit;
   outline: none;
   user-select: none;
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   text-align: left;
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
   font-weight: var(--etui-font-weight-medium);
-  background: var(--etui-color-surface-default);
+  background: transparent;
   color: var(--etui-color-text-primary);
   transition: background var(--etui-transition-fast);
 }
-.PropertySection_sectionTrigger__1xiu0w61:hover:not(:disabled) {
+.PropertySection_sectionTrigger__1xiu0w69:hover:not(:disabled) {
   background: var(--etui-color-surface-hover);
 }
-.PropertySection_sectionTrigger__1xiu0w61:focus-visible {
+.PropertySection_sectionTrigger__1xiu0w69:focus-visible {
   box-shadow: var(--etui-shadow-focus);
   z-index: 1;
 }
-.PropertySection_sectionTrigger_size_sm__1xiu0w62 {
-  height: 24px;
+.PropertySection_sectionTrigger_size_sm__1xiu0w6a {
   padding: 0 var(--etui-spacing-sm);
   font-size: var(--etui-font-size-md);
 }
-.PropertySection_sectionTrigger_size_md__1xiu0w63 {
-  height: 28px;
+.PropertySection_sectionTrigger_size_md__1xiu0w6b {
   padding: 0 var(--etui-spacing-md);
   font-size: var(--etui-font-size-md);
 }
-.PropertySection_sectionTrigger_size_lg__1xiu0w64 {
-  height: 32px;
+.PropertySection_sectionTrigger_size_lg__1xiu0w6c {
   padding: 0 var(--etui-spacing-lg);
   font-size: var(--etui-font-size-lg);
 }
-.PropertySection_sectionTrigger_disabled_true__1xiu0w65 {
+.PropertySection_sectionTrigger_disabled_true__1xiu0w6d {
   cursor: not-allowed;
-  opacity: 0.5;
 }
-.PropertySection_sectionTrigger_disabled_false__1xiu0w66 {
+.PropertySection_sectionTrigger_disabled_false__1xiu0w6e {
   cursor: pointer;
-  opacity: 1;
-}
-.PropertySection_sectionTrigger_expanded_true__1xiu0w67 {
-  border-bottom: 1px solid var(--etui-color-border-default);
 }
-.PropertySection_sectionTrigger_expanded_false__1xiu0w68 {
-  border-bottom: none;
-}
-.PropertySection_chevron__1xiu0w69 {
+.PropertySection_chevron__1xiu0w6f {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -69,42 +86,43 @@
   transition: transform var(--etui-transition-fast);
   color: var(--etui-color-text-muted);
 }
-.PropertySection_chevronExpanded__1xiu0w6a {
+.PropertySection_chevronExpanded__1xiu0w6g {
   transform: rotate(90deg);
 }
-.PropertySection_iconArea__1xiu0w6b {
+.PropertySection_iconArea__1xiu0w6h {
   display: flex;
   align-items: center;
   flex-shrink: 0;
 }
-.PropertySection_sectionLabel__1xiu0w6c {
+.PropertySection_sectionLabel__1xiu0w6i {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.PropertySection_actionsArea__1xiu0w6d {
+.PropertySection_headerControls__1xiu0w6j {
   display: flex;
   align-items: center;
-  margin-left: auto;
+  flex-shrink: 0;
   gap: var(--etui-spacing-xs);
+  padding-right: var(--etui-spacing-md);
 }
-.PropertySection_contentWrapper__1xiu0w6e {
+.PropertySection_contentWrapper__1xiu0w6k {
   display: grid;
   transition: grid-template-rows var(--etui-transition-normal);
 }
-.PropertySection_contentWrapper_expanded_true__1xiu0w6f {
+.PropertySection_contentWrapper_expanded_true__1xiu0w6l {
   grid-template-rows: 1fr;
 }
-.PropertySection_contentWrapper_expanded_false__1xiu0w6g {
+.PropertySection_contentWrapper_expanded_false__1xiu0w6m {
   grid-template-rows: 0fr;
 }
-.PropertySection_contentInner__1xiu0w6h {
+.PropertySection_contentInner__1xiu0w6n {
   overflow: hidden;
   min-height: 0;
 }
 @media (prefers-reduced-motion: reduce) {
-  .PropertySection_chevron__1xiu0w69 {
+  .PropertySection_chevron__1xiu0w6f {
     transition: none;
   }
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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