entangle-ui 0.8.1 → 0.9.0

package/dist/esm/assets/src/components/navigation/Pagination/Pagination.css.ts.vanilla-CmlFyyjh.css

@@ -0,0 +1,103 @@
+.Pagination_paginationRootStyle__17bx4kb0 {
+  display: inline-flex;
+  align-items: center;
+}
+.Pagination_paginationListRecipe__17bx4kb1 {
+  display: inline-flex;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.Pagination_paginationListRecipe_size_sm__17bx4kb2 {
+  gap: var(--etui-spacing-xs);
+}
+.Pagination_paginationListRecipe_size_md__17bx4kb3 {
+  gap: var(--etui-spacing-xs);
+}
+.Pagination_paginationListRecipe_size_lg__17bx4kb4 {
+  gap: var(--etui-spacing-sm);
+}
+.Pagination_paginationItemStyle__17bx4kb5 {
+  display: inline-flex;
+}
+.Pagination_paginationButtonRecipe__17bx4kb6 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 var(--etui-spacing-xs);
+  font-family: var(--etui-font-family-sans);
+  font-weight: var(--etui-font-weight-medium);
+  line-height: 1;
+  color: var(--etui-color-text-primary);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: var(--etui-radius-md);
+  cursor: pointer;
+  user-select: none;
+  transition: background-color var(--etui-transition-fast), color var(--etui-transition-fast), border-color var(--etui-transition-fast);
+}
+.Pagination_paginationButtonRecipe__17bx4kb6:hover:not(:disabled) {
+  background: var(--etui-color-surface-hover);
+}
+.Pagination_paginationButtonRecipe__17bx4kb6:focus-visible {
+  outline: 2px solid var(--etui-color-border-focus);
+  outline-offset: 2px;
+}
+.Pagination_paginationButtonRecipe__17bx4kb6:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Pagination_paginationButtonRecipe_size_sm__17bx4kb7 {
+  min-width: 24px;
+  height: 24px;
+  font-size: var(--etui-font-size-xs);
+}
+.Pagination_paginationButtonRecipe_size_md__17bx4kb8 {
+  min-width: 32px;
+  height: 32px;
+  font-size: var(--etui-font-size-sm);
+}
+.Pagination_paginationButtonRecipe_size_lg__17bx4kb9 {
+  min-width: 40px;
+  height: 40px;
+  font-size: var(--etui-font-size-md);
+}
+.Pagination_paginationButtonRecipe_selected_true__17bx4kba {
+  background: var(--etui-color-accent-primary);
+  color: white;
+  border-color: var(--etui-color-accent-primary);
+}
+.Pagination_paginationButtonRecipe_selected_true__17bx4kba:hover:not(:disabled) {
+  background: var(--etui-color-accent-secondary);
+  border-color: var(--etui-color-accent-secondary);
+}
+.Pagination_paginationEllipsisRecipe__17bx4kbb {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  color: var(--etui-color-text-secondary);
+  user-select: none;
+}
+.Pagination_paginationEllipsisRecipe_size_sm__17bx4kbc {
+  min-width: 24px;
+  height: 24px;
+  font-size: var(--etui-font-size-xs);
+}
+.Pagination_paginationEllipsisRecipe_size_md__17bx4kbd {
+  min-width: 32px;
+  height: 32px;
+  font-size: var(--etui-font-size-sm);
+}
+.Pagination_paginationEllipsisRecipe_size_lg__17bx4kbe {
+  min-width: 40px;
+  height: 40px;
+  font-size: var(--etui-font-size-md);
+}
+.Pagination_paginationIconStyle__17bx4kbf {
+  display: inline-flex;
+  width: 1em;
+  height: 1em;
+}

package/dist/esm/assets/src/components/primitives/HoverCard/HoverCard.css.ts.vanilla-BYT0qbLp.css

@@ -0,0 +1,41 @@
+.HoverCard_hoverCardContentRecipe__1aj59sj0 {
+  z-index: var(--etui-z-popover);
+  background: var(--etui-color-bg-elevated);
+  border: 1px solid var(--etui-color-border-default);
+  border-radius: var(--etui-radius-lg);
+  box-shadow: var(--etui-shadow-lg);
+  color: var(--etui-color-text-primary);
+  font-size: var(--etui-font-size-sm);
+  font-family: var(--etui-font-family-sans);
+  transition: opacity var(--etui-transition-fast), transform var(--etui-transition-fast);
+}
+.HoverCard_hoverCardContentRecipe__1aj59sj0:focus {
+  outline: none;
+}
+.HoverCard_hoverCardContentRecipe_padding_none__1aj59sj1 {
+  padding: 0;
+}
+.HoverCard_hoverCardContentRecipe_padding_sm__1aj59sj2 {
+  padding: var(--etui-spacing-sm);
+}
+.HoverCard_hoverCardContentRecipe_padding_md__1aj59sj3 {
+  padding: var(--etui-spacing-md);
+}
+.HoverCard_hoverCardContentRecipe_padding_lg__1aj59sj4 {
+  padding: var(--etui-spacing-lg);
+}
+.HoverCard_hoverCardContentRecipe_visible_true__1aj59sj5 {
+  opacity: 1;
+  transform: scale(1);
+  pointer-events: auto;
+}
+.HoverCard_hoverCardContentRecipe_visible_false__1aj59sj6 {
+  opacity: 0;
+  transform: scale(0.96);
+  pointer-events: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .HoverCard_hoverCardContentRecipe__1aj59sj0 {
+    transition: none;
+  }
+}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Archive icon component for archiving and storing items.
+ *
+ * A box with a lid commonly used for archiving content,
+ * moving items out of active views, and long-term storage actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ArchiveIcon />
+ *
+ * // With custom size and color
+ * <ArchiveIcon size="md" color="muted" />
+ *
+ * // In an archive action
+ * <Button icon={<ArchiveIcon />}>Archive</Button>
+ * ```
+ */
+const ArchiveIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "3", y: "4", width: "18", height: "4", rx: "1" }), jsx("path", { d: "M5 8v11a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8" }), jsx("line", { x1: "10", y1: "13", x2: "14", y2: "13" })] }));
+});
+ArchiveIcon.displayName = 'ArchiveIcon';
+
+export { ArchiveIcon };
+//# sourceMappingURL=ArchiveIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Bug icon component for debugging and issue reporting.
+ *
+ * A symmetrical insect silhouette commonly used for debugger panels,
+ * "Report bug" actions, and error severity indicators.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BugIcon />
+ *
+ * // With custom size and color
+ * <BugIcon size="md" color="error" />
+ *
+ * // In a debugger panel toggle
+ * <IconButton icon={<BugIcon />} label="Toggle debugger" />
+ * ```
+ */
+const BugIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M9 9V8a3 3 0 0 1 6 0v1" }), jsx("path", { d: "M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1-10 0v-3a6 6 0 0 1 1-3z" }), jsx("line", { x1: "3", y1: "13", x2: "7", y2: "13" }), jsx("line", { x1: "17", y1: "13", x2: "21", y2: "13" }), jsx("line", { x1: "12", y1: "20", x2: "12", y2: "14" }), jsx("line", { x1: "4", y1: "19", x2: "7.35", y2: "17" }), jsx("line", { x1: "20", y1: "19", x2: "16.65", y2: "17" }), jsx("line", { x1: "4", y1: "7", x2: "7.75", y2: "9.4" }), jsx("line", { x1: "20", y1: "7", x2: "16.25", y2: "9.4" })] }));
+});
+BugIcon.displayName = 'BugIcon';
+
+export { BugIcon };
+//# sourceMappingURL=BugIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Building icon component for organizations and architectural contexts.
+ *
+ * A multi-story building with windows, commonly used for company entries,
+ * workspaces, and architecture-related personas or sections.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BuildingIcon />
+ *
+ * // With custom size and color
+ * <BuildingIcon size="md" color="secondary" />
+ *
+ * // In a company picker
+ * <Button icon={<BuildingIcon />}>Organization</Button>
+ * ```
+ */
+const BuildingIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "1" }), jsx("line", { x1: "9", y1: "22", x2: "9", y2: "18" }), jsx("line", { x1: "15", y1: "22", x2: "15", y2: "18" }), jsx("line", { x1: "9", y1: "18", x2: "15", y2: "18" }), jsx("line", { x1: "8", y1: "6", x2: "8", y2: "6" }), jsx("line", { x1: "12", y1: "6", x2: "12", y2: "6" }), jsx("line", { x1: "16", y1: "6", x2: "16", y2: "6" }), jsx("line", { x1: "8", y1: "10", x2: "8", y2: "10" }), jsx("line", { x1: "12", y1: "10", x2: "12", y2: "10" }), jsx("line", { x1: "16", y1: "10", x2: "16", y2: "10" }), jsx("line", { x1: "8", y1: "14", x2: "8", y2: "14" }), jsx("line", { x1: "12", y1: "14", x2: "12", y2: "14" }), jsx("line", { x1: "16", y1: "14", x2: "16", y2: "14" })] }));
+});
+BuildingIcon.displayName = 'BuildingIcon';
+
+export { BuildingIcon };
+//# sourceMappingURL=BuildingIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Chevron Left icon component for backward navigation and collapse.
+ *
+ * A subtle leftward chevron commonly used for previous-page navigation,
+ * collapsing side panels, and breadcrumb separators.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ChevronLeftIcon />
+ *
+ * // With custom size and color
+ * <ChevronLeftIcon size="sm" color="muted" />
+ *
+ * // In a sidebar collapse button
+ * <IconButton icon={<ChevronLeftIcon />} label="Collapse sidebar" />
+ * ```
+ */
+const ChevronLeftIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("polyline", { points: "15,18 9,12 15,6" }) }));
+});
+ChevronLeftIcon.displayName = 'ChevronLeftIcon';
+
+export { ChevronLeftIcon };
+//# sourceMappingURL=ChevronLeftIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Chevron Right icon component for forward navigation and expand.
+ *
+ * A subtle rightward chevron commonly used for next-page navigation,
+ * expanding side panels, and disclosure indicators.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ChevronRightIcon />
+ *
+ * // With custom size and color
+ * <ChevronRightIcon size="sm" color="muted" />
+ *
+ * // In a sidebar expand button
+ * <IconButton icon={<ChevronRightIcon />} label="Expand sidebar" />
+ * ```
+ */
+const ChevronRightIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("polyline", { points: "9,18 15,12 9,6" }) }));
+});
+ChevronRightIcon.displayName = 'ChevronRightIcon';
+
+export { ChevronRightIcon };
+//# sourceMappingURL=ChevronRightIcon.js.map

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

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

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

@@ -0,0 +1,24 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Cloud upload icon — a cloud silhouette with an upward arrow inside.
+ *
+ * Use for file-upload drop zones, "send to cloud" actions, and any other
+ * upload-to-remote affordance. For a generic up-arrow without the cloud,
+ * use `UploadIcon` instead.
+ *
+ * @example
+ * ```tsx
+ * <CloudUploadIcon size="lg" color="muted" />
+ * ```
+ */
+const CloudUploadIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("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" }), jsx("path", { d: "M12 13v5m0-5l-2 2m2-2l2 2" })] }));
+});
+CloudUploadIcon.displayName = 'CloudUploadIcon';
+
+export { CloudUploadIcon };
+//# sourceMappingURL=CloudUploadIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Dots Horizontal icon component for inline overflow menus.
+ *
+ * Three dots arranged horizontally, commonly used as a more-actions
+ * affordance in toolbars, card headers, and badge ends.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DotsHorizontalIcon />
+ *
+ * // With custom size and color
+ * <DotsHorizontalIcon size="sm" color="muted" />
+ *
+ * // As an overflow menu trigger
+ * <IconButton icon={<DotsHorizontalIcon />} label="More" />
+ * ```
+ */
+const DotsHorizontalIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "5", cy: "12", r: "1" }), jsx("circle", { cx: "12", cy: "12", r: "1" }), jsx("circle", { cx: "19", cy: "12", r: "1" })] }));
+});
+DotsHorizontalIcon.displayName = 'DotsHorizontalIcon';
+
+export { DotsHorizontalIcon };
+//# sourceMappingURL=DotsHorizontalIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Dots Vertical icon component for contextual action menus.
+ *
+ * Three dots stacked vertically, typically used as the trigger
+ * for item-level action menus on cards, list rows, and table cells.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DotsVerticalIcon />
+ *
+ * // With custom size and color
+ * <DotsVerticalIcon size="sm" color="muted" />
+ *
+ * // As a menu trigger
+ * <IconButton icon={<DotsVerticalIcon />} label="Actions" />
+ * ```
+ */
+const DotsVerticalIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "5", r: "1" }), jsx("circle", { cx: "12", cy: "12", r: "1" }), jsx("circle", { cx: "12", cy: "19", r: "1" })] }));
+});
+DotsVerticalIcon.displayName = 'DotsVerticalIcon';
+
+export { DotsVerticalIcon };
+//# sourceMappingURL=DotsVerticalIcon.js.map

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

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

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * External link icon — a box with an arrow exiting the top-right corner.
+ *
+ * Use for links that open in a new tab/window or otherwise navigate
+ * outside the current surface. For an in-app link (chain shape) use
+ * `LinkIcon` instead.
+ *
+ * @example
+ * ```tsx
+ * <Link href="https://example.com" target="_blank">
+ *   Docs <ExternalLinkIcon size="sm" decorative />
+ * </Link>
+ * ```
+ */
+const ExternalLinkIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }), jsx("polyline", { points: "15 3 21 3 21 9" }), jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })] }));
+});
+ExternalLinkIcon.displayName = 'ExternalLinkIcon';
+
+export { ExternalLinkIcon };
+//# sourceMappingURL=ExternalLinkIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * File Text icon component for documents and text content.
+ *
+ * A document page with horizontal text lines, commonly used for
+ * documentation, notes, write-ups, and scribe-style personas.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FileTextIcon />
+ *
+ * // With custom size and color
+ * <FileTextIcon size="md" color="secondary" />
+ *
+ * // In a documentation entry
+ * <Button icon={<FileTextIcon />}>Open Document</Button>
+ * ```
+ */
+const FileTextIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), jsx("polyline", { points: "14 2 14 8 20 8" }), jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13" }), jsx("line", { x1: "8", y1: "17", x2: "16", y2: "17" }), jsx("line", { x1: "8", y1: "9", x2: "10", y2: "9" })] }));
+});
+FileTextIcon.displayName = 'FileTextIcon';
+
+export { FileTextIcon };
+//# sourceMappingURL=FileTextIcon.js.map

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

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

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

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Skip to first icon — vertical bar plus a leftward chevron.
+ *
+ * Used by Pagination's "first page" button and similar
+ * jump-to-start controls.
+ *
+ * @example
+ * ```tsx
+ * <IconButton aria-label="First page"><FirstIcon /></IconButton>
+ * ```
+ */
+const FirstIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M6 5v14M18 5l-7 7 7 7" }) }));
+});
+FirstIcon.displayName = 'FirstIcon';
+
+export { FirstIcon };
+//# sourceMappingURL=FirstIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder Cog icon component for project-scoped settings.
+ *
+ * A folder with a small gear overlay, commonly used to distinguish
+ * project-level settings from general application settings.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderCogIcon />
+ *
+ * // With custom size and color
+ * <FolderCogIcon size="md" color="secondary" />
+ *
+ * // In a settings sidebar entry
+ * <Button icon={<FolderCogIcon />}>Project Settings</Button>
+ * ```
+ */
+const FolderCogIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M12 21H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v3" }), jsx("circle", { cx: "18", cy: "18", r: "2.5" }), jsx("line", { x1: "18", y1: "14.5", x2: "18", y2: "15.5" }), jsx("line", { x1: "18", y1: "20.5", x2: "18", y2: "21.5" }), jsx("line", { x1: "14.5", y1: "18", x2: "15.5", y2: "18" }), jsx("line", { x1: "20.5", y1: "18", x2: "21.5", y2: "18" }), jsx("line", { x1: "15.5", y1: "15.5", x2: "16.2", y2: "16.2" }), jsx("line", { x1: "19.8", y1: "19.8", x2: "20.5", y2: "20.5" }), jsx("line", { x1: "20.5", y1: "15.5", x2: "19.8", y2: "16.2" }), jsx("line", { x1: "16.2", y1: "19.8", x2: "15.5", y2: "20.5" })] }));
+});
+FolderCogIcon.displayName = 'FolderCogIcon';
+
+export { FolderCogIcon };
+//# sourceMappingURL=FolderCogIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder Open icon component for opened directory states.
+ *
+ * An open folder with an angled front flap, commonly paired with the closed
+ * `FolderIcon` for project switchers, file explorer reveals, and breadcrumbs.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderOpenIcon />
+ *
+ * // With custom size and color
+ * <FolderOpenIcon size="lg" color="primary" />
+ *
+ * // In a switch project action
+ * <Button icon={<FolderOpenIcon />}>Switch Project</Button>
+ * ```
+ */
+const FolderOpenIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v1" }), jsx("path", { d: "M3 10h18l-2 9a2 2 0 0 1-2 1.6H5a2 2 0 0 1-2-1.6z" })] }));
+});
+FolderOpenIcon.displayName = 'FolderOpenIcon';
+
+export { FolderOpenIcon };
+//# sourceMappingURL=FolderOpenIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Git Branch icon component for version-control branch contexts.
+ *
+ * A trunk line with a fork to a side node, commonly used for branch
+ * indicators in status bars, branch pickers, and VCS-related actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <GitBranchIcon />
+ *
+ * // With custom size and color
+ * <GitBranchIcon size="sm" color="muted" />
+ *
+ * // In a status bar
+ * <Button icon={<GitBranchIcon />}>main</Button>
+ * ```
+ */
+const GitBranchIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), jsx("circle", { cx: "18", cy: "6", r: "3" }), jsx("circle", { cx: "6", cy: "18", r: "3" }), jsx("path", { d: "M18 9a9 9 0 0 1-9 9" })] }));
+});
+GitBranchIcon.displayName = 'GitBranchIcon';
+
+export { GitBranchIcon };
+//# sourceMappingURL=GitBranchIcon.js.map

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

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

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

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } from '../primitives/Icon/Icon.js';
+
+/**
+ * Skip to last icon — rightward chevron plus a vertical bar.
+ *
+ * Used by Pagination's "last page" button and similar
+ * jump-to-end controls.
+ *
+ * @example
+ * ```tsx
+ * <IconButton aria-label="Last page"><LastIcon /></IconButton>
+ * ```
+ */
+const LastIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M18 5v14M6 5l7 7-7 7" }) }));
+});
+LastIcon.displayName = 'LastIcon';
+
+export { LastIcon };
+//# sourceMappingURL=LastIcon.js.map

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

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