@hoardodile/ui 0.0.0

package/dist/components/color-picker.js

@@ -0,0 +1,667 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@solar-icons/react/bold/add-circle';
+import '@solar-icons/react/bold/align-left';
+import '@solar-icons/react/bold/alt-arrow-down';
+import '@solar-icons/react/bold/alt-arrow-left';
+import '@solar-icons/react/bold/alt-arrow-right';
+import '@solar-icons/react/bold/alt-arrow-up';
+import '@solar-icons/react/bold/archive';
+import '@solar-icons/react/bold/arrow-right';
+import '@solar-icons/react/bold/arrow-to-top-left';
+import '@solar-icons/react/bold/arrow-to-top-right';
+import '@solar-icons/react/bold/bell';
+import '@solar-icons/react/bold/bolt';
+import '@solar-icons/react/bold/book';
+import '@solar-icons/react/bold/book-2';
+import { BookmarkIcon as BookmarkIcon$2 } from '@solar-icons/react/bold/bookmark';
+import '@solar-icons/react/bold/bookmark-circle';
+import '@solar-icons/react/bold/box';
+import '@solar-icons/react/bold/branching-paths-up';
+import '@solar-icons/react/bold/bug';
+import '@solar-icons/react/bold/calendar-date';
+import '@solar-icons/react/bold/chat-round';
+import '@solar-icons/react/bold/chat-round-dots';
+import '@solar-icons/react/bold/chat-round-line';
+import '@solar-icons/react/bold/chat-square';
+import '@solar-icons/react/bold/check-circle';
+import '@solar-icons/react/bold/checklist';
+import '@solar-icons/react/bold/clipboard-list';
+import '@solar-icons/react/bold/clock-circle';
+import '@solar-icons/react/bold/compass';
+import '@solar-icons/react/bold/copy';
+import '@solar-icons/react/bold/crown';
+import '@solar-icons/react/bold/danger-triangle';
+import '@solar-icons/react/bold/database';
+import '@solar-icons/react/bold/diskette';
+import '@solar-icons/react/bold/dislike';
+import '@solar-icons/react/bold/document-add';
+import '@solar-icons/react/bold/document-text';
+import '@solar-icons/react/bold/double-alt-arrow-down';
+import '@solar-icons/react/bold/download';
+import '@solar-icons/react/bold/eraser';
+import '@solar-icons/react/bold/eye';
+import '@solar-icons/react/bold/file';
+import '@solar-icons/react/bold/file-remove';
+import '@solar-icons/react/bold/file-text';
+import '@solar-icons/react/bold/filter';
+import '@solar-icons/react/bold/filters';
+import '@solar-icons/react/bold/folder';
+import '@solar-icons/react/bold/folder-open';
+import '@solar-icons/react/bold/folder-path-connect';
+import '@solar-icons/react/bold/forbidden-circle';
+import '@solar-icons/react/bold/gallery';
+import '@solar-icons/react/bold/gallery-add';
+import '@solar-icons/react/bold/gallery-wide';
+import '@solar-icons/react/bold/global';
+import '@solar-icons/react/bold/graph-down';
+import '@solar-icons/react/bold/graph-up';
+import '@solar-icons/react/bold/hamburger-menu';
+import '@solar-icons/react/bold/hand-heart';
+import '@solar-icons/react/bold/heart';
+import '@solar-icons/react/bold/help';
+import '@solar-icons/react/bold/history';
+import '@solar-icons/react/bold/home-angle';
+import '@solar-icons/react/bold/info-circle';
+import '@solar-icons/react/bold/layers';
+import '@solar-icons/react/bold/letter';
+import '@solar-icons/react/bold/like';
+import '@solar-icons/react/bold/link';
+import '@solar-icons/react/bold/list';
+import '@solar-icons/react/bold/list-vertical';
+import '@solar-icons/react/bold/lock-password';
+import '@solar-icons/react/bold/login-2';
+import '@solar-icons/react/bold/logout';
+import '@solar-icons/react/bold/magic-wand-2';
+import '@solar-icons/react/bold/magnifier';
+import '@solar-icons/react/bold/magnifier-zoom-in';
+import '@solar-icons/react/bold/magnifier-zoom-out';
+import '@solar-icons/react/bold/maximize';
+import '@solar-icons/react/bold/menu-dots';
+import '@solar-icons/react/bold/minimize';
+import '@solar-icons/react/bold/minus-square';
+import '@solar-icons/react/bold/monitor';
+import '@solar-icons/react/bold/monitor-smartphone';
+import '@solar-icons/react/bold/moon';
+import '@solar-icons/react/bold/move-to-folder';
+import '@solar-icons/react/bold/music-notes';
+import { PaletteIcon as PaletteIcon$2 } from '@solar-icons/react/bold/palette';
+import '@solar-icons/react/bold/palette-round';
+import '@solar-icons/react/bold/pause';
+import '@solar-icons/react/bold/pen';
+import '@solar-icons/react/bold/pen-new-round';
+import '@solar-icons/react/bold/pie-chart';
+import '@solar-icons/react/bold/pin';
+import '@solar-icons/react/bold/play';
+import '@solar-icons/react/bold/plug-circle';
+import '@solar-icons/react/bold/plus-minus';
+import '@solar-icons/react/bold/pulse';
+import '@solar-icons/react/bold/refresh';
+import '@solar-icons/react/bold/refresh-circle';
+import '@solar-icons/react/bold/reorder';
+import '@solar-icons/react/bold/repeat';
+import '@solar-icons/react/bold/reply';
+import '@solar-icons/react/bold/restart';
+import '@solar-icons/react/bold/rocket';
+import '@solar-icons/react/bold/route';
+import '@solar-icons/react/bold/scale';
+import '@solar-icons/react/bold/server';
+import '@solar-icons/react/bold/settings';
+import '@solar-icons/react/bold/share';
+import '@solar-icons/react/bold/shield-check';
+import '@solar-icons/react/bold/sidebar-minimalistic';
+import '@solar-icons/react/bold/slider-horizontal';
+import '@solar-icons/react/bold/smartphone';
+import '@solar-icons/react/bold/sort';
+import '@solar-icons/react/bold/sort-by-time';
+import '@solar-icons/react/bold/sort-horizontal';
+import '@solar-icons/react/bold/sort-vertical';
+import '@solar-icons/react/bold/star';
+import '@solar-icons/react/bold/structure';
+import '@solar-icons/react/bold/sun';
+import '@solar-icons/react/bold/tag';
+import '@solar-icons/react/bold/telescope';
+import '@solar-icons/react/bold/test-tube';
+import '@solar-icons/react/bold/text-format';
+import '@solar-icons/react/bold/transfer-horizontal';
+import '@solar-icons/react/bold/translation';
+import '@solar-icons/react/bold/trash-bin-minimalistic';
+import '@solar-icons/react/bold/undo-left';
+import '@solar-icons/react/bold/undo-left-round';
+import '@solar-icons/react/bold/undo-right';
+import '@solar-icons/react/bold/undo-right-round';
+import '@solar-icons/react/bold/upload';
+import '@solar-icons/react/bold/user';
+import '@solar-icons/react/bold/user-id';
+import '@solar-icons/react/bold/user-minus';
+import '@solar-icons/react/bold/user-plus';
+import '@solar-icons/react/bold/users-group-rounded';
+import '@solar-icons/react/bold/users-group-two-rounded';
+import '@solar-icons/react/bold/video-frame';
+import '@solar-icons/react/bold/widget-2';
+import '@solar-icons/react/bold/widget-5';
+import '@solar-icons/react/bold/window-frame';
+import '@solar-icons/react/bold-duotone/add-circle';
+import '@solar-icons/react/bold-duotone/align-left';
+import '@solar-icons/react/bold-duotone/alt-arrow-down';
+import '@solar-icons/react/bold-duotone/alt-arrow-left';
+import '@solar-icons/react/bold-duotone/alt-arrow-right';
+import '@solar-icons/react/bold-duotone/alt-arrow-up';
+import '@solar-icons/react/bold-duotone/archive';
+import '@solar-icons/react/bold-duotone/arrow-right';
+import '@solar-icons/react/bold-duotone/arrow-to-top-left';
+import '@solar-icons/react/bold-duotone/arrow-to-top-right';
+import '@solar-icons/react/bold-duotone/bell';
+import '@solar-icons/react/bold-duotone/bolt';
+import '@solar-icons/react/bold-duotone/book';
+import '@solar-icons/react/bold-duotone/book-2';
+import { BookmarkIcon as BookmarkIcon$1 } from '@solar-icons/react/bold-duotone/bookmark';
+import '@solar-icons/react/bold-duotone/bookmark-circle';
+import '@solar-icons/react/bold-duotone/box';
+import '@solar-icons/react/bold-duotone/branching-paths-up';
+import '@solar-icons/react/bold-duotone/bug';
+import '@solar-icons/react/bold-duotone/calendar-date';
+import '@solar-icons/react/bold-duotone/chat-round';
+import '@solar-icons/react/bold-duotone/chat-round-dots';
+import '@solar-icons/react/bold-duotone/chat-round-line';
+import '@solar-icons/react/bold-duotone/chat-square';
+import '@solar-icons/react/bold-duotone/check-circle';
+import '@solar-icons/react/bold-duotone/checklist';
+import '@solar-icons/react/bold-duotone/clipboard-list';
+import '@solar-icons/react/bold-duotone/clock-circle';
+import '@solar-icons/react/bold-duotone/compass';
+import '@solar-icons/react/bold-duotone/copy';
+import '@solar-icons/react/bold-duotone/crown';
+import '@solar-icons/react/bold-duotone/danger-triangle';
+import '@solar-icons/react/bold-duotone/database';
+import '@solar-icons/react/bold-duotone/diskette';
+import '@solar-icons/react/bold-duotone/dislike';
+import '@solar-icons/react/bold-duotone/document-add';
+import '@solar-icons/react/bold-duotone/document-text';
+import '@solar-icons/react/bold-duotone/double-alt-arrow-down';
+import '@solar-icons/react/bold-duotone/download';
+import '@solar-icons/react/bold-duotone/eraser';
+import '@solar-icons/react/bold-duotone/eye';
+import '@solar-icons/react/bold-duotone/file';
+import '@solar-icons/react/bold-duotone/file-remove';
+import '@solar-icons/react/bold-duotone/file-text';
+import '@solar-icons/react/bold-duotone/filter';
+import '@solar-icons/react/bold-duotone/filters';
+import '@solar-icons/react/bold-duotone/folder';
+import '@solar-icons/react/bold-duotone/folder-open';
+import '@solar-icons/react/bold-duotone/folder-path-connect';
+import '@solar-icons/react/bold-duotone/forbidden-circle';
+import '@solar-icons/react/bold-duotone/gallery';
+import '@solar-icons/react/bold-duotone/gallery-add';
+import '@solar-icons/react/bold-duotone/gallery-wide';
+import '@solar-icons/react/bold-duotone/global';
+import '@solar-icons/react/bold-duotone/graph-down';
+import '@solar-icons/react/bold-duotone/graph-up';
+import '@solar-icons/react/bold-duotone/hamburger-menu';
+import '@solar-icons/react/bold-duotone/hand-heart';
+import '@solar-icons/react/bold-duotone/heart';
+import '@solar-icons/react/bold-duotone/help';
+import '@solar-icons/react/bold-duotone/history';
+import '@solar-icons/react/bold-duotone/home-angle';
+import '@solar-icons/react/bold-duotone/info-circle';
+import '@solar-icons/react/bold-duotone/layers';
+import '@solar-icons/react/bold-duotone/letter';
+import '@solar-icons/react/bold-duotone/like';
+import '@solar-icons/react/bold-duotone/link';
+import '@solar-icons/react/bold-duotone/list';
+import '@solar-icons/react/bold-duotone/list-vertical';
+import '@solar-icons/react/bold-duotone/lock-password';
+import '@solar-icons/react/bold-duotone/login-2';
+import '@solar-icons/react/bold-duotone/logout';
+import '@solar-icons/react/bold-duotone/magic-wand-2';
+import '@solar-icons/react/bold-duotone/magnifier';
+import '@solar-icons/react/bold-duotone/magnifier-zoom-in';
+import '@solar-icons/react/bold-duotone/magnifier-zoom-out';
+import '@solar-icons/react/bold-duotone/maximize';
+import '@solar-icons/react/bold-duotone/menu-dots';
+import '@solar-icons/react/bold-duotone/minimize';
+import '@solar-icons/react/bold-duotone/minus-square';
+import '@solar-icons/react/bold-duotone/monitor';
+import '@solar-icons/react/bold-duotone/monitor-smartphone';
+import '@solar-icons/react/bold-duotone/moon';
+import '@solar-icons/react/bold-duotone/move-to-folder';
+import '@solar-icons/react/bold-duotone/music-notes';
+import { PaletteIcon as PaletteIcon$1 } from '@solar-icons/react/bold-duotone/palette';
+import '@solar-icons/react/bold-duotone/palette-round';
+import '@solar-icons/react/bold-duotone/pause';
+import '@solar-icons/react/bold-duotone/pen';
+import '@solar-icons/react/bold-duotone/pen-new-round';
+import '@solar-icons/react/bold-duotone/pie-chart';
+import '@solar-icons/react/bold-duotone/pin';
+import '@solar-icons/react/bold-duotone/play';
+import '@solar-icons/react/bold-duotone/plug-circle';
+import '@solar-icons/react/bold-duotone/plus-minus';
+import '@solar-icons/react/bold-duotone/pulse';
+import '@solar-icons/react/bold-duotone/refresh';
+import '@solar-icons/react/bold-duotone/refresh-circle';
+import '@solar-icons/react/bold-duotone/reorder';
+import '@solar-icons/react/bold-duotone/repeat';
+import '@solar-icons/react/bold-duotone/reply';
+import '@solar-icons/react/bold-duotone/restart';
+import '@solar-icons/react/bold-duotone/rocket';
+import '@solar-icons/react/bold-duotone/route';
+import '@solar-icons/react/bold-duotone/scale';
+import '@solar-icons/react/bold-duotone/server';
+import '@solar-icons/react/bold-duotone/settings';
+import '@solar-icons/react/bold-duotone/share';
+import '@solar-icons/react/bold-duotone/shield-check';
+import '@solar-icons/react/bold-duotone/sidebar-minimalistic';
+import '@solar-icons/react/bold-duotone/slider-horizontal';
+import '@solar-icons/react/bold-duotone/smartphone';
+import '@solar-icons/react/bold-duotone/sort';
+import '@solar-icons/react/bold-duotone/sort-by-time';
+import '@solar-icons/react/bold-duotone/sort-horizontal';
+import '@solar-icons/react/bold-duotone/sort-vertical';
+import '@solar-icons/react/bold-duotone/star';
+import '@solar-icons/react/bold-duotone/structure';
+import '@solar-icons/react/bold-duotone/sun';
+import '@solar-icons/react/bold-duotone/tag';
+import '@solar-icons/react/bold-duotone/telescope';
+import '@solar-icons/react/bold-duotone/test-tube';
+import '@solar-icons/react/bold-duotone/text-format';
+import '@solar-icons/react/bold-duotone/transfer-horizontal';
+import '@solar-icons/react/bold-duotone/translation';
+import '@solar-icons/react/bold-duotone/trash-bin-minimalistic';
+import '@solar-icons/react/bold-duotone/undo-left';
+import '@solar-icons/react/bold-duotone/undo-left-round';
+import '@solar-icons/react/bold-duotone/undo-right';
+import '@solar-icons/react/bold-duotone/undo-right-round';
+import '@solar-icons/react/bold-duotone/upload';
+import '@solar-icons/react/bold-duotone/user';
+import '@solar-icons/react/bold-duotone/user-id';
+import '@solar-icons/react/bold-duotone/user-minus';
+import '@solar-icons/react/bold-duotone/user-plus';
+import '@solar-icons/react/bold-duotone/users-group-rounded';
+import '@solar-icons/react/bold-duotone/users-group-two-rounded';
+import '@solar-icons/react/bold-duotone/video-frame';
+import '@solar-icons/react/bold-duotone/widget-2';
+import '@solar-icons/react/bold-duotone/widget-5';
+import '@solar-icons/react/bold-duotone/window-frame';
+import '@solar-icons/react/linear/add-circle';
+import '@solar-icons/react/linear/align-left';
+import '@solar-icons/react/linear/alt-arrow-down';
+import '@solar-icons/react/linear/alt-arrow-left';
+import '@solar-icons/react/linear/alt-arrow-right';
+import '@solar-icons/react/linear/alt-arrow-up';
+import '@solar-icons/react/linear/archive';
+import '@solar-icons/react/linear/arrow-right';
+import '@solar-icons/react/linear/arrow-to-top-left';
+import '@solar-icons/react/linear/arrow-to-top-right';
+import '@solar-icons/react/linear/bell';
+import '@solar-icons/react/linear/bolt';
+import '@solar-icons/react/linear/book';
+import '@solar-icons/react/linear/book-2';
+import { BookmarkIcon } from '@solar-icons/react/linear/bookmark';
+import '@solar-icons/react/linear/bookmark-circle';
+import '@solar-icons/react/linear/box';
+import '@solar-icons/react/linear/branching-paths-up';
+import '@solar-icons/react/linear/bug';
+import '@solar-icons/react/linear/calendar-date';
+import '@solar-icons/react/linear/chat-round';
+import '@solar-icons/react/linear/chat-round-dots';
+import '@solar-icons/react/linear/chat-round-line';
+import '@solar-icons/react/linear/chat-square';
+import '@solar-icons/react/linear/check-circle';
+import '@solar-icons/react/linear/checklist';
+import '@solar-icons/react/linear/clipboard-list';
+import '@solar-icons/react/linear/clock-circle';
+import '@solar-icons/react/linear/compass';
+import '@solar-icons/react/linear/copy';
+import '@solar-icons/react/linear/crown';
+import '@solar-icons/react/linear/danger-triangle';
+import '@solar-icons/react/linear/database';
+import '@solar-icons/react/linear/diskette';
+import '@solar-icons/react/linear/dislike';
+import '@solar-icons/react/linear/document-add';
+import '@solar-icons/react/linear/document-text';
+import '@solar-icons/react/linear/double-alt-arrow-down';
+import '@solar-icons/react/linear/download';
+import '@solar-icons/react/linear/eraser';
+import '@solar-icons/react/linear/eye';
+import '@solar-icons/react/linear/file';
+import '@solar-icons/react/linear/file-remove';
+import '@solar-icons/react/linear/file-text';
+import '@solar-icons/react/linear/filter';
+import '@solar-icons/react/linear/filters';
+import '@solar-icons/react/linear/folder';
+import '@solar-icons/react/linear/folder-open';
+import '@solar-icons/react/linear/folder-path-connect';
+import '@solar-icons/react/linear/forbidden-circle';
+import '@solar-icons/react/linear/gallery';
+import '@solar-icons/react/linear/gallery-add';
+import '@solar-icons/react/linear/gallery-wide';
+import '@solar-icons/react/linear/global';
+import '@solar-icons/react/linear/graph-down';
+import '@solar-icons/react/linear/graph-up';
+import '@solar-icons/react/linear/hamburger-menu';
+import '@solar-icons/react/linear/hand-heart';
+import '@solar-icons/react/linear/heart';
+import '@solar-icons/react/linear/help';
+import '@solar-icons/react/linear/history';
+import '@solar-icons/react/linear/home-angle';
+import '@solar-icons/react/linear/info-circle';
+import '@solar-icons/react/linear/layers';
+import '@solar-icons/react/linear/letter';
+import '@solar-icons/react/linear/like';
+import '@solar-icons/react/linear/link';
+import '@solar-icons/react/linear/list';
+import '@solar-icons/react/linear/list-vertical';
+import '@solar-icons/react/linear/lock-password';
+import '@solar-icons/react/linear/login-2';
+import '@solar-icons/react/linear/logout';
+import '@solar-icons/react/linear/magic-wand-2';
+import '@solar-icons/react/linear/magnifier';
+import '@solar-icons/react/linear/magnifier-zoom-in';
+import '@solar-icons/react/linear/magnifier-zoom-out';
+import '@solar-icons/react/linear/maximize';
+import '@solar-icons/react/linear/minimize';
+import '@solar-icons/react/linear/minus-square';
+import '@solar-icons/react/linear/monitor';
+import '@solar-icons/react/linear/monitor-smartphone';
+import '@solar-icons/react/linear/moon';
+import '@solar-icons/react/linear/move-to-folder';
+import '@solar-icons/react/linear/music-notes';
+import { PaletteIcon } from '@solar-icons/react/linear/palette';
+import '@solar-icons/react/linear/palette-round';
+import '@solar-icons/react/linear/pause';
+import '@solar-icons/react/linear/pen';
+import '@solar-icons/react/linear/pen-new-round';
+import '@solar-icons/react/linear/pie-chart';
+import '@solar-icons/react/linear/pin';
+import '@solar-icons/react/linear/play';
+import '@solar-icons/react/linear/plug-circle';
+import '@solar-icons/react/linear/plus-minus';
+import '@solar-icons/react/linear/pulse';
+import '@solar-icons/react/linear/refresh';
+import '@solar-icons/react/linear/refresh-circle';
+import '@solar-icons/react/linear/reorder';
+import '@solar-icons/react/linear/repeat';
+import '@solar-icons/react/linear/reply';
+import '@solar-icons/react/linear/restart';
+import '@solar-icons/react/linear/rocket';
+import '@solar-icons/react/linear/route';
+import '@solar-icons/react/linear/scale';
+import '@solar-icons/react/linear/server';
+import '@solar-icons/react/linear/settings';
+import '@solar-icons/react/linear/share';
+import '@solar-icons/react/linear/shield-check';
+import '@solar-icons/react/linear/sidebar-minimalistic';
+import '@solar-icons/react/linear/slider-horizontal';
+import '@solar-icons/react/linear/smartphone';
+import '@solar-icons/react/linear/sort';
+import '@solar-icons/react/linear/sort-by-time';
+import '@solar-icons/react/linear/sort-horizontal';
+import '@solar-icons/react/linear/sort-vertical';
+import '@solar-icons/react/linear/star';
+import '@solar-icons/react/linear/structure';
+import '@solar-icons/react/linear/sun';
+import '@solar-icons/react/linear/tag';
+import '@solar-icons/react/linear/telescope';
+import '@solar-icons/react/linear/test-tube';
+import '@solar-icons/react/linear/text-format';
+import '@solar-icons/react/linear/transfer-horizontal';
+import '@solar-icons/react/linear/translation';
+import '@solar-icons/react/linear/trash-bin-minimalistic';
+import '@solar-icons/react/linear/undo-left';
+import '@solar-icons/react/linear/undo-left-round';
+import '@solar-icons/react/linear/undo-right';
+import '@solar-icons/react/linear/undo-right-round';
+import '@solar-icons/react/linear/upload';
+import '@solar-icons/react/linear/user';
+import '@solar-icons/react/linear/user-id';
+import '@solar-icons/react/linear/user-minus';
+import '@solar-icons/react/linear/user-plus';
+import '@solar-icons/react/linear/users-group-rounded';
+import '@solar-icons/react/linear/users-group-two-rounded';
+import '@solar-icons/react/linear/video-frame';
+import '@solar-icons/react/linear/widget-2';
+import '@solar-icons/react/linear/widget-5';
+import '@solar-icons/react/linear/window-frame';
+import { useSyncExternalStore, createElement } from 'react';
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { useTranslation } from 'react-i18next';
+
+// src/icons/marks.tsx
+function Mark({
+  d,
+  filled,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      className,
+      children: filled ? /* @__PURE__ */ jsx("path", { d, fill: "currentColor" }) : /* @__PURE__ */ jsx(
+        "path",
+        {
+          d,
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Cross(props) {
+  return /* @__PURE__ */ jsx(Mark, { ...props, d: "M6 6l12 12M18 6L6 18" });
+}
+function readIconMode() {
+  return document.documentElement.dataset.iconStyle === "linear" ? "linear" : "boldDuotone";
+}
+var currentMode = "boldDuotone";
+var observer;
+var listeners = /* @__PURE__ */ new Set();
+function ensureObserver() {
+  if (observer !== void 0 || typeof document === "undefined") return;
+  observer = new MutationObserver(() => {
+    const next = readIconMode();
+    if (next === currentMode) return;
+    currentMode = next;
+    for (const cb of listeners) cb();
+  });
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["data-icon-style"]
+  });
+}
+function subscribeIconStyle(callback) {
+  ensureObserver();
+  currentMode = readIconMode();
+  listeners.add(callback);
+  return () => {
+    listeners.delete(callback);
+  };
+}
+function getIconStyleSnapshot() {
+  return currentMode;
+}
+function createIcon(variants) {
+  function Icon(props) {
+    const current = useSyncExternalStore(
+      subscribeIconStyle,
+      getIconStyleSnapshot,
+      () => "boldDuotone"
+    );
+    const { mode, ...rest } = props;
+    const Component = variants[mode ?? current];
+    const className = typeof rest.className === "string" ? `hd-icon ${rest.className}` : "hd-icon";
+    return createElement(Component, { ...rest, className });
+  }
+  return Icon;
+}
+var Bookmark = createIcon({
+  bold: BookmarkIcon$2,
+  boldDuotone: BookmarkIcon$1,
+  linear: BookmarkIcon
+});
+var Palette = createIcon({
+  bold: PaletteIcon$2,
+  boldDuotone: PaletteIcon$1,
+  linear: PaletteIcon
+});
+var mergeTheme = {
+  text: ["tiny", "ui", "doc", "doc-title", "doc-heading", "quote"],
+  spacing: ["chip", "control", "nav", "sidebar", "panel"],
+  tracking: ["label"],
+  shadow: ["card", "dialog"],
+  container: ["reading", "medium", "content"],
+  font: ["doc", "heading"],
+  ease: ["standard"],
+  animate: ["skel", "pop"]
+};
+var twMerge = extendTailwindMerge({
+  extend: { theme: mergeTheme }
+});
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function ColorPicker(props) {
+  const {
+    value,
+    onChange,
+    presets = [],
+    userPresets = [],
+    onAddPreset,
+    onRemovePreset,
+    specialStyles = [],
+    renderSpecialStyle,
+    placeholder,
+    testId
+  } = props;
+  const { t } = useTranslation("ui", { useSuspense: false });
+  const hasColor = value !== "";
+  const isSpecial = specialStyles.includes(value);
+  const isCustom = hasColor && !isSpecial && ![...presets, ...userPresets].map((c) => c.toLowerCase()).includes(value.toLowerCase());
+  const inputValue = hasColor && !isSpecial ? value : "#9D9D9D";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+      hasColor && /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "inline-flex h-chip w-fit items-center gap-1 rounded-md pr-1.5 text-xs text-foreground",
+            !isSpecial && "bg-muted pl-2"
+          ),
+          children: [
+            isSpecial && renderSpecialStyle !== void 0 ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none", children: renderSpecialStyle(value, true, () => {
+            }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "size-2 shrink-0 rounded-full",
+                  style: { backgroundColor: value }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "-translate-y-px", children: value })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onChange(""),
+                "aria-label": t("colorPicker.clear"),
+                className: "flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent p-0 text-muted-foreground hover:text-foreground",
+                "data-testid": testId !== void 0 ? `${testId}-clear` : void 0,
+                children: /* @__PURE__ */ jsx(Cross, { className: "size-3" })
+              }
+            )
+          ]
+        }
+      ),
+      isCustom && onAddPreset !== void 0 && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onAddPreset,
+          "aria-label": t("colorPicker.addPreset"),
+          className: "flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-sm border-0 bg-transparent p-0 text-muted-foreground hover:bg-muted hover:text-foreground",
+          "data-testid": testId !== void 0 ? `${testId}-add-preset` : void 0,
+          children: /* @__PURE__ */ jsx(Bookmark, { className: "size-3" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-1.5", children: [
+      presets.map((color) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(color),
+          className: "size-5 shrink-0 cursor-pointer rounded-full border-0 p-0",
+          style: { backgroundColor: color },
+          "aria-label": color
+        },
+        color
+      )),
+      userPresets.map((color, index) => /* @__PURE__ */ jsxs("span", { className: "group/color relative ml-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(color),
+            className: "block size-5 cursor-pointer rounded-full border-0 p-0",
+            style: { backgroundColor: color },
+            "aria-label": color
+          }
+        ),
+        onRemovePreset !== void 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onRemovePreset(index),
+            "aria-label": t("colorPicker.removePresetAria", { color }),
+            className: cn(
+              "absolute -top-1 -right-1 flex size-3.5 cursor-pointer items-center justify-center rounded-full border border-border bg-background p-0 text-muted-foreground hover:text-foreground",
+              index === userPresets.length - 1 ? "opacity-100" : "opacity-0 transition-opacity group-hover/color:opacity-100"
+            ),
+            children: /* @__PURE__ */ jsx(Cross, { className: "size-2" })
+          }
+        )
+      ] }, `${color}-${index}`)),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          title: t("colorPicker.customSwatch"),
+          className: cn(
+            "relative ml-2 flex size-5 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-full",
+            isCustom ? "" : "border border-dashed border-border-strong"
+          ),
+          style: isCustom ? { backgroundColor: value } : void 0,
+          children: [
+            !isCustom && /* @__PURE__ */ jsx(Palette, { className: "size-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "color",
+                value: inputValue,
+                onChange: (e) => onChange(e.target.value),
+                className: "absolute inset-0 cursor-pointer opacity-0",
+                "data-testid": testId !== void 0 ? `${testId}-input` : void 0,
+                title: placeholder,
+                "aria-label": t("colorPicker.customSwatch")
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    specialStyles.length > 0 && renderSpecialStyle !== void 0 ? /* @__PURE__ */ jsx("span", { className: "flex flex-wrap gap-1.5", children: specialStyles.map(
+      (style) => renderSpecialStyle(style, value === style, () => onChange(style))
+    ) }) : null
+  ] });
+}
+
+export { ColorPicker };
+//# sourceMappingURL=color-picker.js.map
+//# sourceMappingURL=color-picker.js.map