@akhil-saxena/design-system 1.2.0

package/dist/hooks/index.js

@@ -0,0 +1,177 @@
+export { useClickOutside, useComposedRefs, useFocusTrap, useMatchMedia, useReducedMotion } from '../chunk-FUXR6QZ3.js';
+import { useEffect, useState, useCallback, useMemo, useRef } from 'react';
+
+var isMac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform);
+function parseCombo(combo) {
+  const parts = combo.toLowerCase().split("+").map((p) => p.trim());
+  const out = {
+    key: "",
+    mod: false,
+    ctrl: false,
+    shift: false,
+    alt: false
+  };
+  for (const p of parts) {
+    if (p === "mod") out.mod = true;
+    else if (p === "ctrl") out.ctrl = true;
+    else if (p === "shift") out.shift = true;
+    else if (p === "alt" || p === "opt") out.alt = true;
+    else out.key = p;
+  }
+  return out;
+}
+function matches(e, combo) {
+  if (e.key.toLowerCase() !== combo.key.toLowerCase()) return false;
+  const modPressed = isMac ? e.metaKey : e.ctrlKey;
+  if (combo.mod && !modPressed) return false;
+  if (combo.ctrl && !e.ctrlKey) return false;
+  if (combo.shift !== e.shiftKey) return false;
+  if (combo.alt !== e.altKey) return false;
+  return true;
+}
+function useKeyboardShortcut(combo, handler, options = {}) {
+  const { enabled = true, preventDefault = false, target } = options;
+  useEffect(() => {
+    if (!enabled) return;
+    const combos = (Array.isArray(combo) ? combo : [combo]).map(parseCombo);
+    const t = target ?? (typeof window !== "undefined" ? window : {});
+    function listener(ev) {
+      const e = ev;
+      if (combos.some((c) => matches(e, c))) {
+        if (preventDefault) e.preventDefault();
+        handler(e);
+      }
+    }
+    t.addEventListener("keydown", listener);
+    return () => {
+      t.removeEventListener("keydown", listener);
+    };
+  }, [combo, handler, enabled, preventDefault, target]);
+}
+function useSortableTable(rows, options) {
+  const [sortCol, setSortCol] = useState(options?.defaultCol ?? null);
+  const [sortDir, setSortDir] = useState(options?.defaultDir ?? "asc");
+  const toggleSort = useCallback((col) => {
+    setSortCol((prev) => {
+      if (prev === col) {
+        setSortDir((d) => d === "asc" ? "desc" : "asc");
+        return prev;
+      }
+      setSortDir("asc");
+      return col;
+    });
+  }, []);
+  const customComparator = options?.comparator;
+  const sorted = useMemo(() => {
+    if (sortCol == null) return rows;
+    const cmp = customComparator ?? ((a, b, col) => {
+      const av = a[col];
+      const bv = b[col];
+      if (av == null && bv == null) return 0;
+      if (av == null) return -1;
+      if (bv == null) return 1;
+      if (av < bv) return -1;
+      if (av > bv) return 1;
+      return 0;
+    });
+    const dirMul = sortDir === "asc" ? 1 : -1;
+    return [...rows].sort((a, b) => cmp(a, b, sortCol) * dirMul);
+  }, [rows, sortCol, sortDir, customComparator]);
+  return { sorted, sortCol, sortDir, toggleSort };
+}
+function useTableSelection(ids, options) {
+  const mode = options?.mode ?? "multi";
+  const isControlled = options?.selectedIds !== void 0;
+  const [uncontrolled, setUncontrolled] = useState(options?.defaultSelected ?? []);
+  const selectedIds = isControlled ? options.selectedIds : uncontrolled;
+  const setSelected = useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolled(next);
+      options?.onSelectionChange?.(next);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [isControlled, options?.onSelectionChange]
+  );
+  const isSelected = useCallback((id) => selectedIds.includes(id), [selectedIds]);
+  const toggle = useCallback(
+    (id) => {
+      if (mode === "single") {
+        setSelected(selectedIds.includes(id) ? [] : [id]);
+      } else {
+        setSelected(
+          selectedIds.includes(id) ? selectedIds.filter((x) => x !== id) : [...selectedIds, id]
+        );
+      }
+    },
+    [mode, selectedIds, setSelected]
+  );
+  const toggleAll = useCallback(() => {
+    if (mode === "single") return;
+    if (selectedIds.length === ids.length) {
+      setSelected([]);
+    } else {
+      setSelected([...ids]);
+    }
+  }, [mode, selectedIds, ids, setSelected]);
+  const clear = useCallback(() => setSelected([]), [setSelected]);
+  const isAllSelected = useMemo(
+    () => selectedIds.length === ids.length && ids.length > 0,
+    [selectedIds.length, ids.length]
+  );
+  const isIndeterminate = useMemo(
+    () => selectedIds.length > 0 && !isAllSelected,
+    [selectedIds.length, isAllSelected]
+  );
+  return { selectedIds, isAllSelected, isIndeterminate, isSelected, toggle, toggleAll, clear };
+}
+function useResizableColumns(initialWidths, options) {
+  const minWidth = options?.minWidth ?? 60;
+  const [widths, setWidths] = useState(initialWidths);
+  const widthsRef = useRef(widths);
+  widthsRef.current = widths;
+  const onWidthsChangeRef = useRef(options?.onWidthsChange);
+  onWidthsChangeRef.current = options?.onWidthsChange;
+  const setWidth = useCallback(
+    (col, w) => {
+      const clamped = Math.max(minWidth, w);
+      setWidths((prev) => {
+        const next = { ...prev, [col]: clamped };
+        widthsRef.current = next;
+        return next;
+      });
+    },
+    [minWidth]
+  );
+  const startResize = useCallback(
+    (col, e) => {
+      const startX = e.clientX;
+      const startW = widthsRef.current[col] ?? 0;
+      try {
+        e.currentTarget.setPointerCapture?.(e.pointerId);
+      } catch {
+      }
+      const onMove = (ev) => {
+        const delta = ev.clientX - startX;
+        const next = Math.max(minWidth, startW + delta);
+        setWidths((prev) => {
+          const updated = { ...prev, [col]: next };
+          widthsRef.current = updated;
+          return updated;
+        });
+      };
+      const onUp = () => {
+        document.removeEventListener("pointermove", onMove);
+        document.removeEventListener("pointerup", onUp);
+        onWidthsChangeRef.current?.({ ...widthsRef.current });
+      };
+      document.addEventListener("pointermove", onMove);
+      document.addEventListener("pointerup", onUp);
+    },
+    [minWidth]
+  );
+  return { widths, setWidth, startResize };
+}
+
+export { useKeyboardShortcut, useResizableColumns, useSortableTable, useTableSelection };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useKeyboardShortcut.ts","../../src/hooks/useSortableTable.ts","../../src/hooks/useTableSelection.ts","../../src/hooks/useResizableColumns.ts"],"names":["useState","useCallback","useMemo"],"mappings":"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","file":"index.js","sourcesContent":["import { useEffect } from \"react\";\n\ninterface ShortcutOptions {\n\tenabled?: boolean;\n\tpreventDefault?: boolean;\n\ttarget?: HTMLElement | Window;\n}\n\nconst isMac = typeof navigator !== \"undefined\" && /Mac|iPhone|iPad/.test(navigator.platform);\n\ninterface ParsedCombo {\n\tkey: string;\n\tmod: boolean;\n\tctrl: boolean;\n\tshift: boolean;\n\talt: boolean;\n}\n\nfunction parseCombo(combo: string): ParsedCombo {\n\tconst parts = combo\n\t\t.toLowerCase()\n\t\t.split(\"+\")\n\t\t.map((p) => p.trim());\n\tconst out: ParsedCombo = {\n\t\tkey: \"\",\n\t\tmod: false,\n\t\tctrl: false,\n\t\tshift: false,\n\t\talt: false,\n\t};\n\tfor (const p of parts) {\n\t\tif (p === \"mod\") out.mod = true;\n\t\telse if (p === \"ctrl\") out.ctrl = true;\n\t\telse if (p === \"shift\") out.shift = true;\n\t\telse if (p === \"alt\" || p === \"opt\") out.alt = true;\n\t\telse out.key = p;\n\t}\n\treturn out;\n}\n\nfunction matches(e: KeyboardEvent, combo: ParsedCombo): boolean {\n\tif (e.key.toLowerCase() !== combo.key.toLowerCase()) return false;\n\tconst modPressed = isMac ? e.metaKey : e.ctrlKey;\n\tif (combo.mod && !modPressed) return false;\n\tif (combo.ctrl && !e.ctrlKey) return false;\n\tif (combo.shift !== e.shiftKey) return false;\n\tif (combo.alt !== e.altKey) return false;\n\treturn true;\n}\n\n/**\n * Bind a keyboard shortcut. Use \"mod+k\" for Cmd-on-Mac, Ctrl-on-Win/Linux.\n * Used by CommandPalette (Phase 17 - ⌘K), Modal Esc-to-close (Phase 14).\n */\nexport function useKeyboardShortcut(\n\tcombo: string | string[],\n\thandler: (e: KeyboardEvent) => void,\n\toptions: ShortcutOptions = {},\n): void {\n\tconst { enabled = true, preventDefault = false, target } = options;\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\t\tconst combos = (Array.isArray(combo) ? combo : [combo]).map(parseCombo);\n\t\tconst t: EventTarget = target ?? (typeof window !== \"undefined\" ? window : ({} as EventTarget));\n\t\tfunction listener(ev: Event) {\n\t\t\tconst e = ev as KeyboardEvent;\n\t\t\tif (combos.some((c) => matches(e, c))) {\n\t\t\t\tif (preventDefault) e.preventDefault();\n\t\t\t\thandler(e);\n\t\t\t}\n\t\t}\n\t\tt.addEventListener(\"keydown\", listener);\n\t\treturn () => {\n\t\t\tt.removeEventListener(\"keydown\", listener);\n\t\t};\n\t}, [combo, handler, enabled, preventDefault, target]);\n}\n","import { useCallback, useMemo, useState } from \"react\";\n\nexport interface SortState<T> {\n\tcol: keyof T | null;\n\tdir: \"asc\" | \"desc\";\n}\n\n/**\n * Sortable table state + derived sorted rows.\n * Used by Table primitive (DS-61, D-17-07) header click handlers.\n * Stable sort via Array.prototype.sort (ES2019 guarantee).\n *\n * Usage:\n *   const { sorted, sortCol, sortDir, toggleSort } = useSortableTable(rows, { defaultCol: \"name\" });\n *   <Table.HeaderCell sortable sortDir={sortCol === \"name\" ? sortDir : null} onToggleSort={() => toggleSort(\"name\")}>\n *     Name\n *   </Table.HeaderCell>\n *\n * @param rows - The source data array (reference-stable recommended for memo perf).\n * @param options.defaultCol - Initial sort column (default: null = unsorted).\n * @param options.defaultDir - Initial sort direction (default: \"asc\").\n * @param options.comparator - Custom compare fn `(a, b, col) => number`.\n */\nexport function useSortableTable<T>(\n\trows: T[],\n\toptions?: {\n\t\tdefaultCol?: keyof T;\n\t\tdefaultDir?: \"asc\" | \"desc\";\n\t\tcomparator?: (a: T, b: T, col: keyof T) => number;\n\t},\n): {\n\tsorted: T[];\n\tsortCol: keyof T | null;\n\tsortDir: \"asc\" | \"desc\";\n\ttoggleSort: (col: keyof T) => void;\n} {\n\tconst [sortCol, setSortCol] = useState<keyof T | null>(options?.defaultCol ?? null);\n\tconst [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(options?.defaultDir ?? \"asc\");\n\n\tconst toggleSort = useCallback((col: keyof T) => {\n\t\tsetSortCol((prev) => {\n\t\t\tif (prev === col) {\n\t\t\t\tsetSortDir((d) => (d === \"asc\" ? \"desc\" : \"asc\"));\n\t\t\t\treturn prev;\n\t\t\t}\n\t\t\tsetSortDir(\"asc\");\n\t\t\treturn col;\n\t\t});\n\t}, []);\n\n\tconst customComparator = options?.comparator;\n\n\tconst sorted = useMemo(() => {\n\t\tif (sortCol == null) return rows;\n\t\tconst cmp =\n\t\t\tcustomComparator ??\n\t\t\t((a: T, b: T, col: keyof T) => {\n\t\t\t\tconst av = a[col];\n\t\t\t\tconst bv = b[col];\n\t\t\t\tif (av == null && bv == null) return 0;\n\t\t\t\tif (av == null) return -1;\n\t\t\t\tif (bv == null) return 1;\n\t\t\t\tif (av < bv) return -1;\n\t\t\t\tif (av > bv) return 1;\n\t\t\t\treturn 0;\n\t\t\t});\n\t\tconst dirMul = sortDir === \"asc\" ? 1 : -1;\n\t\treturn [...rows].sort((a, b) => cmp(a, b, sortCol) * dirMul);\n\t}, [rows, sortCol, sortDir, customComparator]);\n\n\treturn { sorted, sortCol, sortDir, toggleSort };\n}\n","import { useCallback, useMemo, useState } from \"react\";\n\nexport type SelectionMode = \"single\" | \"multi\";\n\n/**\n * Selection state for Table.SelectAllCell + Table.SelectCell (DS-61, D-17-09).\n * Modes: \"single\" (at most 1 selected) | \"multi\" (default).\n * Controlled via selectedIds + onSelectionChange; uncontrolled via defaultSelected.\n *\n * @example\n *   const { selectedIds, isAllSelected, isIndeterminate, toggle, toggleAll, clear } =\n *     useTableSelection(rowIds, { mode: \"multi\", defaultSelected: [] });\n */\nexport function useTableSelection<Id extends string | number>(\n\tids: Id[],\n\toptions?: {\n\t\tmode?: SelectionMode;\n\t\tdefaultSelected?: Id[];\n\t\t/** Controlled selected ids - takes priority over internal state. */\n\t\tselectedIds?: Id[];\n\t\tonSelectionChange?: (ids: Id[]) => void;\n\t},\n): {\n\tselectedIds: Id[];\n\tisAllSelected: boolean;\n\tisIndeterminate: boolean;\n\tisSelected: (id: Id) => boolean;\n\ttoggle: (id: Id) => void;\n\ttoggleAll: () => void;\n\tclear: () => void;\n} {\n\tconst mode = options?.mode ?? \"multi\";\n\tconst isControlled = options?.selectedIds !== undefined;\n\tconst [uncontrolled, setUncontrolled] = useState<Id[]>(options?.defaultSelected ?? []);\n\tconst selectedIds = isControlled ? (options!.selectedIds as Id[]) : uncontrolled;\n\n\tconst setSelected = useCallback(\n\t\t(next: Id[]) => {\n\t\t\tif (!isControlled) setUncontrolled(next);\n\t\t\toptions?.onSelectionChange?.(next);\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[isControlled, options?.onSelectionChange],\n\t);\n\n\tconst isSelected = useCallback((id: Id) => selectedIds.includes(id), [selectedIds]);\n\n\tconst toggle = useCallback(\n\t\t(id: Id) => {\n\t\t\tif (mode === \"single\") {\n\t\t\t\tsetSelected(selectedIds.includes(id) ? [] : [id]);\n\t\t\t} else {\n\t\t\t\tsetSelected(\n\t\t\t\t\tselectedIds.includes(id) ? selectedIds.filter((x) => x !== id) : [...selectedIds, id],\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[mode, selectedIds, setSelected],\n\t);\n\n\tconst toggleAll = useCallback(() => {\n\t\tif (mode === \"single\") return; // no-op in single mode\n\t\tif (selectedIds.length === ids.length) {\n\t\t\tsetSelected([]);\n\t\t} else {\n\t\t\tsetSelected([...ids]);\n\t\t}\n\t}, [mode, selectedIds, ids, setSelected]);\n\n\tconst clear = useCallback(() => setSelected([]), [setSelected]);\n\n\tconst isAllSelected = useMemo(\n\t\t() => selectedIds.length === ids.length && ids.length > 0,\n\t\t[selectedIds.length, ids.length],\n\t);\n\n\tconst isIndeterminate = useMemo(\n\t\t() => selectedIds.length > 0 && !isAllSelected,\n\t\t[selectedIds.length, isAllSelected],\n\t);\n\n\treturn { selectedIds, isAllSelected, isIndeterminate, isSelected, toggle, toggleAll, clear };\n}\n","import { useCallback, useRef, useState } from \"react\";\nimport type React from \"react\";\n\n/**\n * Column-resize state + Pointer Events drag handle (DS-61, D-17-10).\n *\n * Attach `startResize(col, event)` to a drag handle element's onPointerDown.\n * Pointer is captured via setPointerCapture for reliable tracking on fast drags.\n * onWidthsChange fires on pointerup with the final widths snapshot.\n * Consumer owns persistence (e.g. localStorage) - this hook only emits the event.\n *\n * @example\n *   const { widths, startResize } = useResizableColumns({ name: 120, role: 100 });\n *   <Table.HeaderCell width={widths.name}>\n *     Name\n *     <span onPointerDown={(e) => startResize(\"name\", e)} />\n *   </Table.HeaderCell>\n */\nexport function useResizableColumns(\n\tinitialWidths: Record<string, number>,\n\toptions?: {\n\t\t/** Minimum column width in px. Default: 60. */\n\t\tminWidth?: number;\n\t\t/** Called on pointerup with the final widths record. */\n\t\tonWidthsChange?: (widths: Record<string, number>) => void;\n\t},\n): {\n\twidths: Record<string, number>;\n\tsetWidth: (col: string, w: number) => void;\n\tstartResize: (col: string, e: React.PointerEvent) => void;\n} {\n\tconst minWidth = options?.minWidth ?? 60;\n\tconst [widths, setWidths] = useState<Record<string, number>>(initialWidths);\n\n\t// Ref mirrors widths state so closure-captured handlers always see fresh value.\n\tconst widthsRef = useRef(widths);\n\twidthsRef.current = widths;\n\n\tconst onWidthsChangeRef = useRef(options?.onWidthsChange);\n\tonWidthsChangeRef.current = options?.onWidthsChange;\n\n\tconst setWidth = useCallback(\n\t\t(col: string, w: number) => {\n\t\t\tconst clamped = Math.max(minWidth, w);\n\t\t\tsetWidths((prev) => {\n\t\t\t\tconst next = { ...prev, [col]: clamped };\n\t\t\t\twidthsRef.current = next;\n\t\t\t\treturn next;\n\t\t\t});\n\t\t},\n\t\t[minWidth],\n\t);\n\n\tconst startResize = useCallback(\n\t\t(col: string, e: React.PointerEvent) => {\n\t\t\tconst startX = e.clientX;\n\t\t\tconst startW = widthsRef.current[col] ?? 0;\n\n\t\t\t// Capture pointer so we track movement even if cursor leaves the element.\n\t\t\ttry {\n\t\t\t\t(e.currentTarget as HTMLElement).setPointerCapture?.(e.pointerId);\n\t\t\t} catch {\n\t\t\t\t// jsdom and some older browsers may throw; safe to ignore.\n\t\t\t}\n\n\t\t\tconst onMove = (ev: PointerEvent) => {\n\t\t\t\tconst delta = ev.clientX - startX;\n\t\t\t\tconst next = Math.max(minWidth, startW + delta);\n\t\t\t\tsetWidths((prev) => {\n\t\t\t\t\tconst updated = { ...prev, [col]: next };\n\t\t\t\t\twidthsRef.current = updated;\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t};\n\n\t\t\tconst onUp = () => {\n\t\t\t\tdocument.removeEventListener(\"pointermove\", onMove);\n\t\t\t\tdocument.removeEventListener(\"pointerup\", onUp);\n\t\t\t\tonWidthsChangeRef.current?.({ ...widthsRef.current });\n\t\t\t};\n\n\t\t\tdocument.addEventListener(\"pointermove\", onMove);\n\t\t\tdocument.addEventListener(\"pointerup\", onUp);\n\t\t},\n\t\t[minWidth],\n\t);\n\n\treturn { widths, setWidth, startResize };\n}\n"]}

package/dist/icons/index.d.ts

@@ -0,0 +1,39 @@
+import * as react from 'react';
+import { a as IconProps } from '../Icon-XUp5t4PQ.js';
+import 'lucide-react';
+
+declare const AlertTriangle: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Check: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const CheckCircle2: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronDown: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronLeft: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronRight: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Clock: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Copy: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Info: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Link: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Minus: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Plus: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Search: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Star: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Trash: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Trash2: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const X: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const XCircle: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Bold: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronUp: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Code: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Heading2: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Heading3: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Italic: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Link2: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const List: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const ListOrdered: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Moon: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const MoreHorizontal: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Sun: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Quote: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Strikethrough: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+declare const Underline: react.ForwardRefExoticComponent<Omit<IconProps, "icon"> & react.RefAttributes<SVGSVGElement>>;
+
+export { AlertTriangle, Bold, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Code, Copy, Heading2, Heading3, Info, Italic, Link, Link2, List, ListOrdered, Minus, Moon, MoreHorizontal, Plus, Quote, Search, Star, Strikethrough, Sun, Trash, Trash2, Underline, X, XCircle };

package/dist/icons/index.js

@@ -0,0 +1,3 @@
+export { AlertTriangle, Bold, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Code, Copy, Heading2, Heading3, Info, Italic, Link, Link2, List, ListOrdered, Minus, Moon, MoreHorizontal, Plus, Quote, Search, Star, Strikethrough, Sun, Trash, Trash2, Underline, X, XCircle } from '../chunk-TG25XACB.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}