@n3wth/ui 0.8.0 → 0.9.1

package/dist/molecules/Accordion/Accordion.js

@@ -0,0 +1,178 @@
+import { jsx as d, jsxs as B } from "react/jsx-runtime";
+import { forwardRef as b, useState as H, useRef as $, useId as K, useCallback as w, createContext as E, useContext as M } from "react";
+import { cn as v } from "../../utils/cn.js";
+import { useReducedMotion as j } from "../../hooks/useReducedMotion.js";
+const O = E(null), D = E(null);
+function N() {
+  const t = M(O);
+  if (!t)
+    throw new Error("Accordion compound components must be used within an <Accordion> parent");
+  return t;
+}
+function P() {
+  const t = M(D);
+  if (!t)
+    throw new Error("AccordionTrigger/AccordionContent must be used within an <AccordionItem> parent");
+  return t;
+}
+const S = b(
+  ({
+    type: t = "single",
+    value: o,
+    defaultValue: a = [],
+    onChange: l,
+    collapsible: r = !1,
+    children: u,
+    className: s,
+    ...g
+  }, f) => {
+    const [n, h] = H(a), m = $(/* @__PURE__ */ new Map()), y = K(), c = o !== void 0 ? o : n, I = w(
+      (i) => {
+        let e;
+        t === "single" ? c.includes(i) ? e = r ? [] : c : e = [i] : c.includes(i) ? e = c.filter((A) => A !== i) : e = [...c, i], o === void 0 && h(e), l?.(e);
+      },
+      [t, c, r, o, l]
+    ), k = w((i, e) => {
+      e ? m.current.set(i, e) : m.current.delete(i);
+    }, []), C = w(() => m.current, []);
+    return /* @__PURE__ */ d(
+      O.Provider,
+      {
+        value: { openValues: c, toggle: I, type: t, collapsible: r, baseId: y, registerTrigger: k, getTriggerElements: C },
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            ref: f,
+            className: v("flex flex-col divide-y divide-[var(--glass-border)]", s),
+            ...g,
+            children: u
+          }
+        )
+      }
+    );
+  }
+);
+S.displayName = "Accordion";
+const U = b(
+  ({ value: t, disabled: o = !1, children: a, className: l, ...r }, u) => {
+    const { openValues: s } = N(), g = s.includes(t);
+    return /* @__PURE__ */ d(D.Provider, { value: { value: t, disabled: o, isOpen: g }, children: /* @__PURE__ */ d("div", { ref: u, className: l, ...r, children: a }) });
+  }
+);
+U.displayName = "AccordionItem";
+const V = b(
+  ({ children: t, className: o, onKeyDown: a, ...l }, r) => {
+    const { toggle: u, baseId: s, registerTrigger: g, getTriggerElements: f } = N(), { value: n, disabled: h, isOpen: m } = P(), y = $(null), c = j(), I = `${s}-trigger-${n}`, k = `${s}-content-${n}`, C = w(
+      (e) => {
+        y.current = e, g(n, e), typeof r == "function" ? r(e) : r && (r.current = e);
+      },
+      [r, g, n]
+    ), i = w(
+      (e) => {
+        if (a?.(e), e.defaultPrevented) return;
+        const A = f(), p = Array.from(A.keys()), R = p.indexOf(n);
+        let x;
+        switch (e.key) {
+          case "ArrowDown":
+            x = (R + 1) % p.length;
+            break;
+          case "ArrowUp":
+            x = (R - 1 + p.length) % p.length;
+            break;
+          case "Home":
+            x = 0;
+            break;
+          case "End":
+            x = p.length - 1;
+            break;
+          default:
+            return;
+        }
+        e.preventDefault();
+        const L = p[x], T = A.get(L);
+        T && T.focus();
+      },
+      [a, f, n]
+    );
+    return /* @__PURE__ */ B(
+      "button",
+      {
+        ref: C,
+        type: "button",
+        id: I,
+        "aria-expanded": m,
+        "aria-controls": k,
+        "aria-disabled": h || void 0,
+        onClick: () => {
+          h || u(n);
+        },
+        onKeyDown: i,
+        className: v(
+          "flex w-full items-center justify-between",
+          "py-3 text-sm font-medium text-[var(--color-white)]",
+          "hover:text-[var(--color-grey-300)]",
+          "cursor-pointer",
+          h && "opacity-50 cursor-not-allowed hover:text-[var(--color-white)]",
+          o
+        ),
+        ...l,
+        children: [
+          t,
+          /* @__PURE__ */ d(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              className: v(
+                "shrink-0",
+                c ? "transition-none" : "transition-transform duration-200",
+                m && "rotate-180"
+              ),
+              children: /* @__PURE__ */ d("path", { d: "M4 6l4 4 4-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+V.displayName = "AccordionTrigger";
+const W = b(
+  ({ children: t, className: o, ...a }, l) => {
+    const { baseId: r } = N(), { value: u, isOpen: s } = P(), g = j(), f = `${r}-trigger-${u}`, n = `${r}-content-${u}`;
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: l,
+        id: n,
+        role: "region",
+        "aria-labelledby": f,
+        className: v(
+          "grid",
+          g ? "transition-none" : "transition-[grid-template-rows] duration-200 ease-out",
+          s ? "grid-template-rows-open" : "grid-template-rows-closed"
+        ),
+        style: {
+          gridTemplateRows: s ? "1fr" : "0fr"
+        },
+        ...a,
+        children: /* @__PURE__ */ d("div", { className: "overflow-hidden", children: /* @__PURE__ */ d("div", { className: v("pb-3 text-sm text-[var(--color-grey-400)]", o), children: t }) })
+      }
+    );
+  }
+);
+W.displayName = "AccordionContent";
+export {
+  S as Accordion,
+  W as AccordionContent,
+  U as AccordionItem,
+  V as AccordionTrigger
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/molecules/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../src/molecules/Accordion/Accordion.tsx"],"sourcesContent":["import {\n  forwardRef,\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useRef,\n  useId,\n  type HTMLAttributes,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n  type KeyboardEvent,\n} from 'react'\nimport { cn } from '../../utils/cn'\nimport { useReducedMotion } from '../../hooks/useReducedMotion'\n\n// --- Contexts ---\n\ninterface AccordionContextValue {\n  openValues: string[]\n  toggle: (value: string) => void\n  type: 'single' | 'multiple'\n  collapsible: boolean\n  baseId: string\n  registerTrigger: (value: string, element: HTMLButtonElement | null) => void\n  getTriggerElements: () => Map<string, HTMLButtonElement>\n}\n\ninterface AccordionItemContextValue {\n  value: string\n  disabled: boolean\n  isOpen: boolean\n}\n\nconst AccordionContext = createContext<AccordionContextValue | null>(null)\nconst AccordionItemContext = createContext<AccordionItemContextValue | null>(null)\n\nfunction useAccordionContext() {\n  const context = useContext(AccordionContext)\n  if (!context) {\n    throw new Error('Accordion compound components must be used within an <Accordion> parent')\n  }\n  return context\n}\n\nfunction useAccordionItemContext() {\n  const context = useContext(AccordionItemContext)\n  if (!context) {\n    throw new Error('AccordionTrigger/AccordionContent must be used within an <AccordionItem> parent')\n  }\n  return context\n}\n\n// --- Accordion Root ---\n\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Whether only one or multiple items can be open */\n  type?: 'single' | 'multiple'\n  /** Controlled open values */\n  value?: string[]\n  /** Default open values for uncontrolled mode */\n  defaultValue?: string[]\n  /** Callback when open values change */\n  onChange?: (value: string[]) => void\n  /** In single mode, allows closing the open item */\n  collapsible?: boolean\n  children: ReactNode\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      type = 'single',\n      value,\n      defaultValue = [],\n      onChange,\n      collapsible = false,\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string[]>(defaultValue)\n    const triggerElementsRef = useRef<Map<string, HTMLButtonElement>>(new Map())\n    const baseId = useId()\n\n    const openValues = value !== undefined ? value : internalValue\n\n    const toggle = useCallback(\n      (itemValue: string) => {\n        let next: string[]\n\n        if (type === 'single') {\n          if (openValues.includes(itemValue)) {\n            next = collapsible ? [] : openValues\n          } else {\n            next = [itemValue]\n          }\n        } else {\n          if (openValues.includes(itemValue)) {\n            next = openValues.filter((v) => v !== itemValue)\n          } else {\n            next = [...openValues, itemValue]\n          }\n        }\n\n        if (value === undefined) {\n          setInternalValue(next)\n        }\n        onChange?.(next)\n      },\n      [type, openValues, collapsible, value, onChange]\n    )\n\n    const registerTrigger = useCallback((triggerValue: string, element: HTMLButtonElement | null) => {\n      if (element) {\n        triggerElementsRef.current.set(triggerValue, element)\n      } else {\n        triggerElementsRef.current.delete(triggerValue)\n      }\n    }, [])\n\n    const getTriggerElements = useCallback(() => triggerElementsRef.current, [])\n\n    return (\n      <AccordionContext.Provider\n        value={{ openValues, toggle, type, collapsible, baseId, registerTrigger, getTriggerElements }}\n      >\n        <div\n          ref={ref}\n          className={cn('flex flex-col divide-y divide-[var(--glass-border)]', className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </AccordionContext.Provider>\n    )\n  }\n)\n\nAccordion.displayName = 'Accordion'\n\n// --- AccordionItem ---\n\nexport interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {\n  /** Unique identifier for this item */\n  value: string\n  /** Whether this item is disabled */\n  disabled?: boolean\n  children: ReactNode\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, children, className, ...props }, ref) => {\n    const { openValues } = useAccordionContext()\n    const isOpen = openValues.includes(value)\n\n    return (\n      <AccordionItemContext.Provider value={{ value, disabled, isOpen }}>\n        <div ref={ref} className={className} {...props}>\n          {children}\n        </div>\n      </AccordionItemContext.Provider>\n    )\n  }\n)\n\nAccordionItem.displayName = 'AccordionItem'\n\n// --- AccordionTrigger ---\n\nexport interface AccordionTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode\n}\n\nexport const AccordionTrigger = forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  ({ children, className, onKeyDown, ...props }, ref) => {\n    const { toggle, baseId, registerTrigger, getTriggerElements } = useAccordionContext()\n    const { value, disabled, isOpen } = useAccordionItemContext()\n    const internalRef = useRef<HTMLButtonElement | null>(null)\n    const prefersReducedMotion = useReducedMotion()\n\n    const triggerId = `${baseId}-trigger-${value}`\n    const contentId = `${baseId}-content-${value}`\n\n    const mergedRef = useCallback(\n      (node: HTMLButtonElement | null) => {\n        internalRef.current = node\n        registerTrigger(value, node)\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as React.MutableRefObject<HTMLButtonElement | null>).current = node\n      },\n      [ref, registerTrigger, value]\n    )\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(e)\n        if (e.defaultPrevented) return\n\n        const triggers = getTriggerElements()\n        const triggerValues = Array.from(triggers.keys())\n        const currentIndex = triggerValues.indexOf(value)\n\n        let targetIndex: number\n\n        switch (e.key) {\n          case 'ArrowDown':\n            targetIndex = (currentIndex + 1) % triggerValues.length\n            break\n          case 'ArrowUp':\n            targetIndex = (currentIndex - 1 + triggerValues.length) % triggerValues.length\n            break\n          case 'Home':\n            targetIndex = 0\n            break\n          case 'End':\n            targetIndex = triggerValues.length - 1\n            break\n          default:\n            return\n        }\n\n        e.preventDefault()\n        const targetValue = triggerValues[targetIndex]\n        const targetElement = triggers.get(targetValue)\n        if (targetElement) {\n          targetElement.focus()\n        }\n      },\n      [onKeyDown, getTriggerElements, value]\n    )\n\n    return (\n      <button\n        ref={mergedRef}\n        type=\"button\"\n        id={triggerId}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        aria-disabled={disabled || undefined}\n        onClick={() => {\n          if (!disabled) toggle(value)\n        }}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          'flex w-full items-center justify-between',\n          'py-3 text-sm font-medium text-[var(--color-white)]',\n          'hover:text-[var(--color-grey-300)]',\n          'cursor-pointer',\n          disabled && 'opacity-50 cursor-not-allowed hover:text-[var(--color-white)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          className={cn(\n            'shrink-0',\n            prefersReducedMotion ? 'transition-none' : 'transition-transform duration-200',\n            isOpen && 'rotate-180'\n          )}\n        >\n          <path d=\"M4 6l4 4 4-4\" />\n        </svg>\n      </button>\n    )\n  }\n)\n\nAccordionTrigger.displayName = 'AccordionTrigger'\n\n// --- AccordionContent ---\n\nexport interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n  ({ children, className, ...props }, ref) => {\n    const { baseId } = useAccordionContext()\n    const { value, isOpen } = useAccordionItemContext()\n    const prefersReducedMotion = useReducedMotion()\n\n    const triggerId = `${baseId}-trigger-${value}`\n    const contentId = `${baseId}-content-${value}`\n\n    return (\n      <div\n        ref={ref}\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        className={cn(\n          'grid',\n          prefersReducedMotion\n            ? 'transition-none'\n            : 'transition-[grid-template-rows] duration-200 ease-out',\n          isOpen ? 'grid-template-rows-open' : 'grid-template-rows-closed'\n        )}\n        style={{\n          gridTemplateRows: isOpen ? '1fr' : '0fr',\n        }}\n        {...props}\n      >\n        <div className=\"overflow-hidden\">\n          <div className={cn('pb-3 text-sm text-[var(--color-grey-400)]', className)}>\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nAccordionContent.displayName = 'AccordionContent'\n"],"names":["AccordionContext","createContext","AccordionItemContext","useAccordionContext","context","useContext","useAccordionItemContext","Accordion","forwardRef","type","value","defaultValue","onChange","collapsible","children","className","props","ref","internalValue","setInternalValue","useState","triggerElementsRef","useRef","baseId","useId","openValues","toggle","useCallback","itemValue","next","v","registerTrigger","triggerValue","element","getTriggerElements","jsx","cn","AccordionItem","disabled","isOpen","AccordionTrigger","onKeyDown","internalRef","prefersReducedMotion","useReducedMotion","triggerId","contentId","mergedRef","node","handleKeyDown","triggers","triggerValues","currentIndex","targetIndex","targetValue","targetElement","jsxs","AccordionContent"],"mappings":"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"}

package/dist/molecules/Card/Card.js

@@ -0,0 +1,104 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.js";
+function b({
+  variant: r = "default",
+  padding: e = "md",
+  children: a,
+  className: s,
+  ...n
+}) {
+  const d = [
+    "rounded-2xl",
+    "border",
+    "transition-[background-color,border-color] duration-300 ease-out"
+  ], l = {
+    default: [
+      "bg-transparent",
+      "border-[var(--glass-border)]"
+    ],
+    glass: [
+      "bg-[var(--glass-bg)]",
+      "backdrop-blur-lg",
+      "border-[var(--glass-border)]"
+    ],
+    interactive: [
+      "bg-transparent",
+      "border-[var(--glass-border)]",
+      "hover:border-[var(--glass-highlight)]",
+      "hover:bg-[var(--glass-bg)]",
+      "cursor-pointer",
+      "gradient-border shine-sweep"
+    ]
+  }, i = {
+    none: "",
+    sm: "p-3",
+    md: "p-5",
+    lg: "p-8"
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(d, l[r], i[e], s),
+      ...n,
+      children: a
+    }
+  );
+}
+function u({ children: r, className: e, ...a }) {
+  return /* @__PURE__ */ t("div", { className: o("flex flex-col gap-1.5", e), ...a, children: r });
+}
+function m({ children: r, as: e = "h3", className: a, ...s }) {
+  return /* @__PURE__ */ t(
+    e,
+    {
+      className: o(
+        "font-display text-base font-semibold text-[var(--color-white)]",
+        "tracking-tight",
+        a
+      ),
+      ...s,
+      children: r
+    }
+  );
+}
+function p({ children: r, className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      className: o(
+        "text-sm text-[var(--color-grey-400)]",
+        "line-clamp-2",
+        e
+      ),
+      ...a,
+      children: r
+    }
+  );
+}
+function v({ children: r, className: e, ...a }) {
+  return /* @__PURE__ */ t("div", { className: o("mt-4", e), ...a, children: r });
+}
+function f({ children: r, className: e, ...a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(
+        "mt-4 pt-4",
+        "border-t border-[var(--glass-border)]",
+        "flex items-center gap-3",
+        e
+      ),
+      ...a,
+      children: r
+    }
+  );
+}
+export {
+  b as Card,
+  v as CardContent,
+  p as CardDescription,
+  f as CardFooter,
+  u as CardHeader,
+  m as CardTitle
+};
+//# sourceMappingURL=Card.js.map

package/dist/molecules/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/molecules/Card/Card.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { cn } from '../../utils/cn'\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: 'default' | 'glass' | 'interactive'\n  padding?: 'none' | 'sm' | 'md' | 'lg'\n  children: ReactNode\n}\n\nexport function Card({\n  variant = 'default',\n  padding = 'md',\n  children,\n  className,\n  ...props\n}: CardProps) {\n  const baseStyles = [\n    'rounded-2xl',\n    'border',\n    'transition-[background-color,border-color] duration-300 ease-out',\n  ]\n\n  const variants = {\n    default: [\n      'bg-transparent',\n      'border-[var(--glass-border)]',\n    ],\n    glass: [\n      'bg-[var(--glass-bg)]',\n      'backdrop-blur-lg',\n      'border-[var(--glass-border)]',\n    ],\n    interactive: [\n      'bg-transparent',\n      'border-[var(--glass-border)]',\n      'hover:border-[var(--glass-highlight)]',\n      'hover:bg-[var(--glass-bg)]',\n      'cursor-pointer',\n      'gradient-border shine-sweep',\n    ],\n  }\n\n  const paddings = {\n    none: '',\n    sm: 'p-3',\n    md: 'p-5',\n    lg: 'p-8',\n  }\n\n  return (\n    <div\n      className={cn(baseStyles, variants[variant], paddings[padding], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nexport function CardHeader({ children, className, ...props }: CardHeaderProps) {\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  children: ReactNode\n  as?: 'h1' | 'h2' | 'h3' | 'h4'\n}\n\nexport function CardTitle({ children, as: Tag = 'h3', className, ...props }: CardTitleProps) {\n  return (\n    <Tag\n      className={cn(\n        'font-display text-base font-semibold text-[var(--color-white)]',\n        'tracking-tight',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </Tag>\n  )\n}\n\nexport interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {\n  children: ReactNode\n}\n\nexport function CardDescription({ children, className, ...props }: CardDescriptionProps) {\n  return (\n    <p\n      className={cn(\n        'text-sm text-[var(--color-grey-400)]',\n        'line-clamp-2',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </p>\n  )\n}\n\nexport interface CardContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nexport function CardContent({ children, className, ...props }: CardContentProps) {\n  return (\n    <div className={cn('mt-4', className)} {...props}>\n      {children}\n    </div>\n  )\n}\n\nexport interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nexport function CardFooter({ children, className, ...props }: CardFooterProps) {\n  return (\n    <div\n      className={cn(\n        'mt-4 pt-4',\n        'border-t border-[var(--glass-border)]',\n        'flex items-center gap-3',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["Card","variant","padding","children","className","props","baseStyles","variants","paddings","jsx","cn","CardHeader","CardTitle","Tag","CardDescription","CardContent","CardFooter"],"mappings":";;AASO,SAASA,EAAK;AAAA,EACnB,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAa;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIC,IAAW;AAAA,IACf,SAAS;AAAA,MACP;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,aAAa;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GAGIC,IAAW;AAAA,IACf,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAGN,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGJ,GAAYC,EAASN,CAAO,GAAGO,EAASN,CAAO,GAAGE,CAAS;AAAA,MACxE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAMO,SAASQ,EAAW,EAAE,UAAAR,GAAU,WAAAC,GAAW,GAAGC,KAA0B;AAC7E,SACE,gBAAAI,EAAC,SAAI,WAAWC,EAAG,yBAAyBN,CAAS,GAAI,GAAGC,GACzD,UAAAF,GACH;AAEJ;AAOO,SAASS,EAAU,EAAE,UAAAT,GAAU,IAAIU,IAAM,MAAM,WAAAT,GAAW,GAAGC,KAAyB;AAC3F,SACE,gBAAAI;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAMO,SAASW,EAAgB,EAAE,UAAAX,GAAU,WAAAC,GAAW,GAAGC,KAA+B;AACvF,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAMO,SAASY,EAAY,EAAE,UAAAZ,GAAU,WAAAC,GAAW,GAAGC,KAA2B;AAC/E,SACE,gBAAAI,EAAC,SAAI,WAAWC,EAAG,QAAQN,CAAS,GAAI,GAAGC,GACxC,UAAAF,GACH;AAEJ;AAMO,SAASa,EAAW,EAAE,UAAAb,GAAU,WAAAC,GAAW,GAAGC,KAA0B;AAC7E,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/molecules/CommandBox/CommandBox.js

@@ -0,0 +1,65 @@
+import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { useState as h, useCallback as u } from "react";
+import { cn as s } from "../../utils/cn.js";
+import { Icon as v } from "../../atoms/Icon/Icon.js";
+function w({
+  command: o,
+  variant: i = "default",
+  showCopyButton: c = !0,
+  onCopy: a,
+  className: n,
+  ...b
+}) {
+  const [r, t] = h(!1), d = u(async () => {
+    try {
+      await navigator.clipboard.writeText(o), t(!0), a?.(), setTimeout(() => t(!1), 2e3);
+    } catch (g) {
+      console.error("Failed to copy:", g);
+    }
+  }, [o, a]);
+  return /* @__PURE__ */ l("div", { className: s([
+    "flex items-center justify-between gap-3",
+    "px-4 py-3",
+    "rounded-xl",
+    "border",
+    "backdrop-blur-lg",
+    "transition-[background-color,border-color] duration-200"
+  ], {
+    default: [
+      "bg-[rgba(255,255,255,0.03)]",
+      "border-[var(--glass-border)]",
+      "hover:bg-[rgba(255,255,255,0.06)]",
+      "hover:border-[var(--glass-highlight)]"
+    ],
+    primary: [
+      "bg-[var(--glass-bg)]",
+      "border-[var(--glass-highlight)]",
+      "hover:bg-[rgba(255,255,255,0.12)]"
+    ]
+  }[i], n), ...b, children: [
+    /* @__PURE__ */ e("code", { className: "text-sm font-mono text-[var(--color-grey-300)] truncate", children: o }),
+    c && /* @__PURE__ */ l(p, { children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: d,
+          className: s(
+            "flex-shrink-0",
+            "p-2 rounded-lg",
+            "transition-[background-color,color,transform] duration-200",
+            "hover:scale-105 active:scale-92",
+            r ? "bg-[var(--color-sage)] text-[var(--color-bg)]" : "bg-[rgba(255,255,255,0.1)] text-[var(--color-grey-400)] hover:bg-[rgba(255,255,255,0.15)] hover:text-[var(--color-white)]"
+          ),
+          "aria-label": r ? "Copied!" : "Copy to clipboard",
+          children: /* @__PURE__ */ e(v, { name: r ? "check" : "copy", size: "sm" })
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "sr-only", role: "status", "aria-live": "polite", children: r ? "Copied to clipboard" : "" })
+    ] })
+  ] });
+}
+export {
+  w as CommandBox
+};
+//# sourceMappingURL=CommandBox.js.map

package/dist/molecules/CommandBox/CommandBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBox.js","sources":["../../../src/molecules/CommandBox/CommandBox.tsx"],"sourcesContent":["import { useState, useCallback, type HTMLAttributes } from 'react'\nimport { cn } from '../../utils/cn'\nimport { Icon } from '../../atoms/Icon'\n\nexport interface CommandBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  command: string\n  variant?: 'default' | 'primary'\n  showCopyButton?: boolean\n  onCopy?: () => void\n}\n\nexport function CommandBox({\n  command,\n  variant = 'default',\n  showCopyButton = true,\n  onCopy,\n  className,\n  ...props\n}: CommandBoxProps) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(command)\n      setCopied(true)\n      onCopy?.()\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error('Failed to copy:', err)\n    }\n  }, [command, onCopy])\n\n  const baseStyles = [\n    'flex items-center justify-between gap-3',\n    'px-4 py-3',\n    'rounded-xl',\n    'border',\n    'backdrop-blur-lg',\n    'transition-[background-color,border-color] duration-200',\n  ]\n\n  const variants = {\n    default: [\n      'bg-[rgba(255,255,255,0.03)]',\n      'border-[var(--glass-border)]',\n      'hover:bg-[rgba(255,255,255,0.06)]',\n      'hover:border-[var(--glass-highlight)]',\n    ],\n    primary: [\n      'bg-[var(--glass-bg)]',\n      'border-[var(--glass-highlight)]',\n      'hover:bg-[rgba(255,255,255,0.12)]',\n    ],\n  }\n\n  return (\n    <div className={cn(baseStyles, variants[variant], className)} {...props}>\n      <code className=\"text-sm font-mono text-[var(--color-grey-300)] truncate\">{command}</code>\n      {showCopyButton && (\n        <>\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className={cn(\n              'flex-shrink-0',\n              'p-2 rounded-lg',\n              'transition-[background-color,color,transform] duration-200',\n              'hover:scale-105 active:scale-92',\n              copied\n                ? 'bg-[var(--color-sage)] text-[var(--color-bg)]'\n                : 'bg-[rgba(255,255,255,0.1)] text-[var(--color-grey-400)] hover:bg-[rgba(255,255,255,0.15)] hover:text-[var(--color-white)]'\n            )}\n            aria-label={copied ? 'Copied!' : 'Copy to clipboard'}\n          >\n            <Icon name={copied ? 'check' : 'copy'} size=\"sm\" />\n          </button>\n          {/* Live region for screen reader announcement */}\n          <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n            {copied ? 'Copied to clipboard' : ''}\n          </span>\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["CommandBox","command","variant","showCopyButton","onCopy","className","props","copied","setCopied","useState","handleCopy","useCallback","err","jsxs","cn","jsx","Fragment","Icon"],"mappings":";;;;AAWO,SAASA,EAAW;AAAA,EACzB,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAaC,EAAY,YAAY;AACzC,QAAI;AACF,YAAM,UAAU,UAAU,UAAUV,CAAO,GAC3CO,EAAU,EAAI,GACdJ,IAAA,GACA,WAAW,MAAMI,EAAU,EAAK,GAAG,GAAI;AAAA,IACzC,SAASI,GAAK;AACZ,cAAQ,MAAM,mBAAmBA,CAAG;AAAA,IACtC;AAAA,EACF,GAAG,CAACX,GAASG,CAAM,CAAC;AAyBpB,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAxBC;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGe;AAAA,IACf,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,EAIwCZ,CAAO,GAAGG,CAAS,GAAI,GAAGC,GAChE,UAAA;AAAA,IAAA,gBAAAS,EAAC,QAAA,EAAK,WAAU,2DAA2D,UAAAd,GAAQ;AAAA,IAClFE,KACC,gBAAAU,EAAAG,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASL;AAAA,UACT,WAAWI;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAP,IACI,kDACA;AAAA,UAAA;AAAA,UAEN,cAAYA,IAAS,YAAY;AAAA,UAEjC,4BAACU,GAAA,EAAK,MAAMV,IAAS,UAAU,QAAQ,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnD,gBAAAQ,EAAC,QAAA,EAAK,WAAU,WAAU,MAAK,UAAS,aAAU,UAC/C,UAAAR,IAAS,wBAAwB,GAAA,CACpC;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/molecules/CompositeShape/CompositeShape.js

@@ -0,0 +1,69 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
+import { presets as l } from "./presets.js";
+import { Shape as z } from "../../atoms/Shape/Shape.js";
+function S({
+  preset: p,
+  layers: f,
+  scale: i = 1,
+  className: c,
+  style: h
+}) {
+  const r = f || (p ? l[p] : []);
+  if (r.length === 0)
+    return null;
+  const n = r.reduce(
+    (t, m) => {
+      const o = m.size / 2, s = m.offsetX || 0, e = m.offsetY || 0;
+      return {
+        minX: Math.min(t.minX, s - o),
+        maxX: Math.max(t.maxX, s + o),
+        minY: Math.min(t.minY, e - o),
+        maxY: Math.max(t.maxY, e + o)
+      };
+    },
+    { minX: 0, maxX: 0, minY: 0, maxY: 0 }
+  ), x = (n.maxX - n.minX) * i, X = (n.maxY - n.minY) * i, Y = -n.minX, u = -n.minY;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: d("relative inline-block", c),
+      style: {
+        width: x,
+        height: X,
+        ...h
+      },
+      children: r.map((t, m) => {
+        const o = ((t.offsetX || 0) + Y) * i, s = ((t.offsetY || 0) + u) * i, e = t.size * i;
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: "absolute",
+            style: {
+              left: o,
+              top: s,
+              transform: "translate(-50%, -50%)"
+            },
+            children: /* @__PURE__ */ a(
+              z,
+              {
+                type: t.type,
+                size: e,
+                color: t.color,
+                pattern: t.pattern,
+                patternColors: t.patternColors,
+                rotation: t.rotation,
+                opacity: t.opacity
+              }
+            )
+          },
+          m
+        );
+      })
+    }
+  );
+}
+export {
+  S as CompositeShape
+};
+//# sourceMappingURL=CompositeShape.js.map

package/dist/molecules/CompositeShape/CompositeShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeShape.js","sources":["../../../src/molecules/CompositeShape/CompositeShape.tsx"],"sourcesContent":["import { Shape } from '../../atoms/Shape'\nimport { cn } from '../../utils/cn'\nimport { presets, CompositePreset, ShapeLayer } from './presets'\n\nexport interface CompositeShapeProps {\n  preset?: CompositePreset\n  layers?: ShapeLayer[]\n  scale?: number\n  className?: string\n  style?: React.CSSProperties\n}\n\nexport function CompositeShape({\n  preset,\n  layers,\n  scale = 1,\n  className,\n  style,\n}: CompositeShapeProps) {\n  const shapeLayers = layers || (preset ? presets[preset] : [])\n\n  if (shapeLayers.length === 0) {\n    return null\n  }\n\n  // Calculate bounding box for the composition\n  const bounds = shapeLayers.reduce(\n    (acc, layer) => {\n      const halfSize = layer.size / 2\n      const x = layer.offsetX || 0\n      const y = layer.offsetY || 0\n      return {\n        minX: Math.min(acc.minX, x - halfSize),\n        maxX: Math.max(acc.maxX, x + halfSize),\n        minY: Math.min(acc.minY, y - halfSize),\n        maxY: Math.max(acc.maxY, y + halfSize),\n      }\n    },\n    { minX: 0, maxX: 0, minY: 0, maxY: 0 }\n  )\n\n  const width = (bounds.maxX - bounds.minX) * scale\n  const height = (bounds.maxY - bounds.minY) * scale\n  const centerX = -bounds.minX\n  const centerY = -bounds.minY\n\n  return (\n    <div\n      className={cn('relative inline-block', className)}\n      style={{\n        width,\n        height,\n        ...style,\n      }}\n    >\n      {shapeLayers.map((layer, index) => {\n        const x = ((layer.offsetX || 0) + centerX) * scale\n        const y = ((layer.offsetY || 0) + centerY) * scale\n        const size = layer.size * scale\n\n        return (\n          <div\n            key={index}\n            className=\"absolute\"\n            style={{\n              left: x,\n              top: y,\n              transform: 'translate(-50%, -50%)',\n            }}\n          >\n            <Shape\n              type={layer.type}\n              size={size}\n              color={layer.color}\n              pattern={layer.pattern}\n              patternColors={layer.patternColors}\n              rotation={layer.rotation}\n              opacity={layer.opacity}\n            />\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["CompositeShape","preset","layers","scale","className","style","shapeLayers","presets","bounds","acc","layer","halfSize","x","y","width","height","centerX","centerY","jsx","cn","index","size","Shape"],"mappings":";;;;AAYO,SAASA,EAAe;AAAA,EAC7B,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcJ,MAAWD,IAASM,EAAQN,CAAM,IAAI;AAE1D,MAAIK,EAAY,WAAW;AACzB,WAAO;AAIT,QAAME,IAASF,EAAY;AAAA,IACzB,CAACG,GAAKC,MAAU;AACd,YAAMC,IAAWD,EAAM,OAAO,GACxBE,IAAIF,EAAM,WAAW,GACrBG,IAAIH,EAAM,WAAW;AAC3B,aAAO;AAAA,QACL,MAAM,KAAK,IAAID,EAAI,MAAMG,IAAID,CAAQ;AAAA,QACrC,MAAM,KAAK,IAAIF,EAAI,MAAMG,IAAID,CAAQ;AAAA,QACrC,MAAM,KAAK,IAAIF,EAAI,MAAMI,IAAIF,CAAQ;AAAA,QACrC,MAAM,KAAK,IAAIF,EAAI,MAAMI,IAAIF,CAAQ;AAAA,MAAA;AAAA,IAEzC;AAAA,IACA,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAA;AAAA,EAAE,GAGjCG,KAASN,EAAO,OAAOA,EAAO,QAAQL,GACtCY,KAAUP,EAAO,OAAOA,EAAO,QAAQL,GACvCa,IAAU,CAACR,EAAO,MAClBS,IAAU,CAACT,EAAO;AAExB,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,yBAAyBf,CAAS;AAAA,MAChD,OAAO;AAAA,QACL,OAAAU;AAAA,QACA,QAAAC;AAAA,QACA,GAAGV;AAAA,MAAA;AAAA,MAGJ,UAAAC,EAAY,IAAI,CAACI,GAAOU,MAAU;AACjC,cAAMR,MAAMF,EAAM,WAAW,KAAKM,KAAWb,GACvCU,MAAMH,EAAM,WAAW,KAAKO,KAAWd,GACvCkB,IAAOX,EAAM,OAAOP;AAE1B,eACE,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,MAAMN;AAAA,cACN,KAAKC;AAAA,cACL,WAAW;AAAA,YAAA;AAAA,YAGb,UAAA,gBAAAK;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,MAAMZ,EAAM;AAAA,gBACZ,MAAAW;AAAA,gBACA,OAAOX,EAAM;AAAA,gBACb,SAASA,EAAM;AAAA,gBACf,eAAeA,EAAM;AAAA,gBACrB,UAAUA,EAAM;AAAA,gBAChB,SAASA,EAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,UAhBKU;AAAA,QAAA;AAAA,MAmBX,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/molecules/CompositeShape/presets.js

@@ -0,0 +1,71 @@
+const e = {
+  "rainbow-arc": [
+    { type: "arc", color: "#FF6B9D", size: 80, offsetX: 0, offsetY: 0 },
+    { type: "arc", color: "#FF7F50", size: 68, offsetX: 0, offsetY: 6 },
+    { type: "arc", color: "#FFD93D", size: 56, offsetX: 0, offsetY: 12 },
+    { type: "arc", color: "#2ECC71", size: 44, offsetX: 0, offsetY: 18 },
+    { type: "arc", color: "#5DADE2", size: 32, offsetX: 0, offsetY: 24 },
+    { type: "arc", color: "#A78BFA", size: 20, offsetX: 0, offsetY: 30 }
+  ],
+  cluster: [
+    { type: "circle", color: "#2ECC71", size: 48, offsetX: 0, offsetY: 0 },
+    { type: "circle", color: "#FF6B9D", size: 36, offsetX: 30, offsetY: -10 },
+    { type: "diamond", color: "#FFD93D", size: 28, offsetX: -20, offsetY: 25 },
+    { type: "triangle", color: "#5DADE2", size: 32, offsetX: 35, offsetY: 20 }
+  ],
+  stack: [
+    { type: "square", color: "#8B7355", size: 56, offsetX: 0, offsetY: 0, rotation: 5 },
+    { type: "square", color: "#FFAB91", size: 48, offsetX: 4, offsetY: -8, rotation: -3 },
+    { type: "square", color: "#A78BFA", size: 40, offsetX: 8, offsetY: -16, rotation: 2 }
+  ],
+  flower: [
+    { type: "circle", color: "#FF6B9D", size: 32, offsetX: 0, offsetY: -20 },
+    { type: "circle", color: "#FF6B9D", size: 32, offsetX: 19, offsetY: -6 },
+    { type: "circle", color: "#FF6B9D", size: 32, offsetX: 12, offsetY: 16 },
+    { type: "circle", color: "#FF6B9D", size: 32, offsetX: -12, offsetY: 16 },
+    { type: "circle", color: "#FF6B9D", size: 32, offsetX: -19, offsetY: -6 },
+    { type: "circle", color: "#FFD93D", size: 24, offsetX: 0, offsetY: 0 }
+  ],
+  bear: [
+    // Ears
+    { type: "circle", color: "#8B7355", size: 24, offsetX: -20, offsetY: -24 },
+    { type: "circle", color: "#8B7355", size: 24, offsetX: 20, offsetY: -24 },
+    { type: "circle", color: "#FFAB91", size: 12, offsetX: -20, offsetY: -24 },
+    { type: "circle", color: "#FFAB91", size: 12, offsetX: 20, offsetY: -24 },
+    // Face
+    { type: "circle", color: "#8B7355", size: 56, offsetX: 0, offsetY: 0 },
+    // Muzzle
+    { type: "circle", color: "#FFAB91", size: 28, offsetX: 0, offsetY: 8 }
+  ],
+  snail: [
+    // Body
+    { type: "pill", color: "#2ECC71", size: 48, offsetX: -10, offsetY: 15 },
+    // Shell layers
+    { type: "semicircle", color: "#922B3E", size: 44, offsetX: 10, offsetY: -5, rotation: -30 },
+    { type: "semicircle", color: "#FF6B9D", size: 32, offsetX: 14, offsetY: -2, rotation: -30 },
+    { type: "circle", color: "#FFD93D", size: 16, offsetX: 18, offsetY: 2 }
+  ],
+  orbit: [
+    { type: "circle", color: "#A78BFA", size: 32, offsetX: 0, offsetY: 0 },
+    { type: "circle", color: "#FF6B9D", size: 16, offsetX: 35, offsetY: 0 },
+    { type: "circle", color: "#2ECC71", size: 12, offsetX: -30, offsetY: 20 },
+    { type: "diamond", color: "#FFD93D", size: 14, offsetX: 10, offsetY: -35 }
+  ],
+  "checkerboard-stack": [
+    {
+      type: "square",
+      color: "#FFAB91",
+      pattern: "checkered",
+      patternColors: ["#FFAB91", "#8B7355"],
+      size: 48,
+      offsetX: 0,
+      offsetY: 0
+    },
+    { type: "circle", color: "#2ECC71", size: 24, offsetX: 30, offsetY: -15 },
+    { type: "diamond", color: "#922B3E", size: 20, offsetX: -20, offsetY: -25 }
+  ]
+};
+export {
+  e as presets
+};
+//# sourceMappingURL=presets.js.map

package/dist/molecules/CompositeShape/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","sources":["../../../src/molecules/CompositeShape/presets.ts"],"sourcesContent":["import { ShapeType, PatternType } from '../../atoms/Shape'\n\nexport interface ShapeLayer {\n  type: ShapeType\n  color: string\n  pattern?: PatternType\n  patternColors?: string[]\n  size: number\n  offsetX?: number\n  offsetY?: number\n  rotation?: number\n  opacity?: number\n}\n\nexport type CompositePreset =\n  | 'rainbow-arc'\n  | 'cluster'\n  | 'stack'\n  | 'flower'\n  | 'bear'\n  | 'snail'\n  | 'orbit'\n  | 'checkerboard-stack'\n\nexport const presets: Record<CompositePreset, ShapeLayer[]> = {\n  'rainbow-arc': [\n    { type: 'arc', color: '#FF6B9D', size: 80, offsetX: 0, offsetY: 0 },\n    { type: 'arc', color: '#FF7F50', size: 68, offsetX: 0, offsetY: 6 },\n    { type: 'arc', color: '#FFD93D', size: 56, offsetX: 0, offsetY: 12 },\n    { type: 'arc', color: '#2ECC71', size: 44, offsetX: 0, offsetY: 18 },\n    { type: 'arc', color: '#5DADE2', size: 32, offsetX: 0, offsetY: 24 },\n    { type: 'arc', color: '#A78BFA', size: 20, offsetX: 0, offsetY: 30 },\n  ],\n\n  cluster: [\n    { type: 'circle', color: '#2ECC71', size: 48, offsetX: 0, offsetY: 0 },\n    { type: 'circle', color: '#FF6B9D', size: 36, offsetX: 30, offsetY: -10 },\n    { type: 'diamond', color: '#FFD93D', size: 28, offsetX: -20, offsetY: 25 },\n    { type: 'triangle', color: '#5DADE2', size: 32, offsetX: 35, offsetY: 20 },\n  ],\n\n  stack: [\n    { type: 'square', color: '#8B7355', size: 56, offsetX: 0, offsetY: 0, rotation: 5 },\n    { type: 'square', color: '#FFAB91', size: 48, offsetX: 4, offsetY: -8, rotation: -3 },\n    { type: 'square', color: '#A78BFA', size: 40, offsetX: 8, offsetY: -16, rotation: 2 },\n  ],\n\n  flower: [\n    { type: 'circle', color: '#FF6B9D', size: 32, offsetX: 0, offsetY: -20 },\n    { type: 'circle', color: '#FF6B9D', size: 32, offsetX: 19, offsetY: -6 },\n    { type: 'circle', color: '#FF6B9D', size: 32, offsetX: 12, offsetY: 16 },\n    { type: 'circle', color: '#FF6B9D', size: 32, offsetX: -12, offsetY: 16 },\n    { type: 'circle', color: '#FF6B9D', size: 32, offsetX: -19, offsetY: -6 },\n    { type: 'circle', color: '#FFD93D', size: 24, offsetX: 0, offsetY: 0 },\n  ],\n\n  bear: [\n    // Ears\n    { type: 'circle', color: '#8B7355', size: 24, offsetX: -20, offsetY: -24 },\n    { type: 'circle', color: '#8B7355', size: 24, offsetX: 20, offsetY: -24 },\n    { type: 'circle', color: '#FFAB91', size: 12, offsetX: -20, offsetY: -24 },\n    { type: 'circle', color: '#FFAB91', size: 12, offsetX: 20, offsetY: -24 },\n    // Face\n    { type: 'circle', color: '#8B7355', size: 56, offsetX: 0, offsetY: 0 },\n    // Muzzle\n    { type: 'circle', color: '#FFAB91', size: 28, offsetX: 0, offsetY: 8 },\n  ],\n\n  snail: [\n    // Body\n    { type: 'pill', color: '#2ECC71', size: 48, offsetX: -10, offsetY: 15 },\n    // Shell layers\n    { type: 'semicircle', color: '#922B3E', size: 44, offsetX: 10, offsetY: -5, rotation: -30 },\n    { type: 'semicircle', color: '#FF6B9D', size: 32, offsetX: 14, offsetY: -2, rotation: -30 },\n    { type: 'circle', color: '#FFD93D', size: 16, offsetX: 18, offsetY: 2 },\n  ],\n\n  orbit: [\n    { type: 'circle', color: '#A78BFA', size: 32, offsetX: 0, offsetY: 0 },\n    { type: 'circle', color: '#FF6B9D', size: 16, offsetX: 35, offsetY: 0 },\n    { type: 'circle', color: '#2ECC71', size: 12, offsetX: -30, offsetY: 20 },\n    { type: 'diamond', color: '#FFD93D', size: 14, offsetX: 10, offsetY: -35 },\n  ],\n\n  'checkerboard-stack': [\n    {\n      type: 'square',\n      color: '#FFAB91',\n      pattern: 'checkered',\n      patternColors: ['#FFAB91', '#8B7355'],\n      size: 48,\n      offsetX: 0,\n      offsetY: 0,\n    },\n    { type: 'circle', color: '#2ECC71', size: 24, offsetX: 30, offsetY: -15 },\n    { type: 'diamond', color: '#922B3E', size: 20, offsetX: -20, offsetY: -25 },\n  ],\n}\n"],"names":["presets"],"mappings":"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"}

package/dist/molecules/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAA;AAQd,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAsFD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,oHA0B3B,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,gHAoBxB,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,6GA0BxB,CAAA;AAyED,eAAO,MAAM,QAAQ;;;;CAkepB,CAAA"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAA;AAQd,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC1C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA0GD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,eAAe,oHA0B3B,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,gHAoBxB,CAAA;AAGD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,6GA0BxB,CAAA;AAyED,eAAO,MAAM,QAAQ;;;;CAkepB,CAAA"}