@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/chunk-NPKE2IX6.js

@@ -0,0 +1,154 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Badge/Badge.colors.ts
+var badgeSolid = {
+  slate: "bg-slate-600 text-white dark:bg-slate-500",
+  gray: "bg-gray-600 text-white dark:bg-gray-500",
+  zinc: "bg-zinc-600 text-white dark:bg-zinc-500",
+  neutral: "bg-neutral-600 text-white dark:bg-neutral-500",
+  stone: "bg-stone-600 text-white dark:bg-stone-500",
+  red: "bg-red-600 text-white dark:bg-red-500",
+  orange: "bg-orange-600 text-white dark:bg-orange-500",
+  amber: "bg-amber-400 text-amber-950 dark:bg-amber-300 dark:text-amber-950",
+  yellow: "bg-yellow-400 text-yellow-950 dark:bg-yellow-300 dark:text-yellow-950",
+  lime: "bg-lime-400 text-lime-950 dark:bg-lime-300 dark:text-lime-950",
+  green: "bg-green-600 text-white dark:bg-green-500",
+  emerald: "bg-emerald-600 text-white dark:bg-emerald-500",
+  teal: "bg-teal-600 text-white dark:bg-teal-500",
+  cyan: "bg-cyan-600 text-white dark:bg-cyan-500",
+  sky: "bg-sky-600 text-white dark:bg-sky-500",
+  blue: "bg-blue-600 text-white dark:bg-blue-500",
+  indigo: "bg-indigo-600 text-white dark:bg-indigo-500",
+  violet: "bg-violet-600 text-white dark:bg-violet-500",
+  purple: "bg-purple-600 text-white dark:bg-purple-500",
+  fuchsia: "bg-fuchsia-600 text-white dark:bg-fuchsia-500",
+  pink: "bg-pink-600 text-white dark:bg-pink-500",
+  rose: "bg-rose-600 text-white dark:bg-rose-500"
+};
+var badgeOutline = {
+  slate: "border border-slate-300 text-slate-700 dark:border-slate-600 dark:text-slate-300",
+  gray: "border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-300",
+  zinc: "border border-zinc-300 text-zinc-700 dark:border-zinc-600 dark:text-zinc-300",
+  neutral: "border border-neutral-300 text-neutral-700 dark:border-neutral-600 dark:text-neutral-300",
+  stone: "border border-stone-300 text-stone-700 dark:border-stone-600 dark:text-stone-300",
+  red: "border border-red-300 text-red-700 dark:border-red-600 dark:text-red-300",
+  orange: "border border-orange-300 text-orange-700 dark:border-orange-600 dark:text-orange-300",
+  amber: "border border-amber-300 text-amber-700 dark:border-amber-600 dark:text-amber-300",
+  yellow: "border border-yellow-300 text-yellow-700 dark:border-yellow-600 dark:text-yellow-300",
+  lime: "border border-lime-300 text-lime-700 dark:border-lime-600 dark:text-lime-300",
+  green: "border border-green-300 text-green-700 dark:border-green-600 dark:text-green-300",
+  emerald: "border border-emerald-300 text-emerald-700 dark:border-emerald-600 dark:text-emerald-300",
+  teal: "border border-teal-300 text-teal-700 dark:border-teal-600 dark:text-teal-300",
+  cyan: "border border-cyan-300 text-cyan-700 dark:border-cyan-600 dark:text-cyan-300",
+  sky: "border border-sky-300 text-sky-700 dark:border-sky-600 dark:text-sky-300",
+  blue: "border border-blue-300 text-blue-700 dark:border-blue-600 dark:text-blue-300",
+  indigo: "border border-indigo-300 text-indigo-700 dark:border-indigo-600 dark:text-indigo-300",
+  violet: "border border-violet-300 text-violet-700 dark:border-violet-600 dark:text-violet-300",
+  purple: "border border-purple-300 text-purple-700 dark:border-purple-600 dark:text-purple-300",
+  fuchsia: "border border-fuchsia-300 text-fuchsia-700 dark:border-fuchsia-600 dark:text-fuchsia-300",
+  pink: "border border-pink-300 text-pink-700 dark:border-pink-600 dark:text-pink-300",
+  rose: "border border-rose-300 text-rose-700 dark:border-rose-600 dark:text-rose-300"
+};
+var badgeSoft = {
+  slate: "bg-slate-100 text-slate-700 dark:bg-slate-900/30 dark:text-slate-300",
+  gray: "bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-300",
+  zinc: "bg-zinc-100 text-zinc-700 dark:bg-zinc-900/30 dark:text-zinc-300",
+  neutral: "bg-neutral-100 text-neutral-700 dark:bg-neutral-900/30 dark:text-neutral-300",
+  stone: "bg-stone-100 text-stone-700 dark:bg-stone-900/30 dark:text-stone-300",
+  red: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300",
+  orange: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300",
+  amber: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300",
+  yellow: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300",
+  lime: "bg-lime-100 text-lime-700 dark:bg-lime-900/30 dark:text-lime-300",
+  green: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300",
+  emerald: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300",
+  teal: "bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-300",
+  cyan: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300",
+  sky: "bg-sky-100 text-sky-700 dark:bg-sky-900/30 dark:text-sky-300",
+  blue: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
+  indigo: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300",
+  violet: "bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300",
+  purple: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300",
+  fuchsia: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/30 dark:text-fuchsia-300",
+  pink: "bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-300",
+  rose: "bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-300"
+};
+var badgeDot = {
+  slate: "bg-slate-500",
+  gray: "bg-gray-500",
+  zinc: "bg-zinc-500",
+  neutral: "bg-neutral-500",
+  stone: "bg-stone-500",
+  red: "bg-red-500",
+  orange: "bg-orange-500",
+  amber: "bg-amber-500",
+  yellow: "bg-yellow-500",
+  lime: "bg-lime-500",
+  green: "bg-green-500",
+  emerald: "bg-emerald-500",
+  teal: "bg-teal-500",
+  cyan: "bg-cyan-500",
+  sky: "bg-sky-500",
+  blue: "bg-blue-500",
+  indigo: "bg-indigo-500",
+  violet: "bg-violet-500",
+  purple: "bg-purple-500",
+  fuchsia: "bg-fuchsia-500",
+  pink: "bg-pink-500",
+  rose: "bg-rose-500"
+};
+var variantMap = {
+  solid: badgeSolid,
+  outline: badgeOutline,
+  soft: badgeSoft
+};
+var sizeClasses = {
+  sm: "text-xs px-1.5 py-0.5",
+  md: "text-sm px-2 py-0.5",
+  lg: "text-base px-2.5 py-1"
+};
+var Badge = forwardRef(
+  ({
+    color = "zinc",
+    variant = "soft",
+    size = "md",
+    dot = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-react-fancy-badge": "",
+        className: cn(
+          "inline-flex items-center gap-1.5 rounded-full font-medium",
+          sizeClasses[size],
+          variantMap[variant][color],
+          className
+        ),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "inline-block h-1.5 w-1.5 rounded-full",
+                badgeDot[color]
+              )
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export { Badge };
+//# sourceMappingURL=chunk-NPKE2IX6.js.map
+//# sourceMappingURL=chunk-NPKE2IX6.js.map

package/dist/chunk-NPKE2IX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.colors.ts","../src/components/Badge/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-NPKE2IX6.js","sourcesContent":["// AUTO-GENERATED by scripts/gen-badge-colors — do not edit by hand.\n// Literal Tailwind class strings for every color in the v4 palette so the\n// scanner can detect them in the published dist (template-built names are\n// invisible to Tailwind's JIT). Regenerate after changing the palette.\nimport type { Color } from \"../../utils/types\";\n\nexport const badgeSolid: Record<Color, string> = {\n  slate: \"bg-slate-600 text-white dark:bg-slate-500\",\n  gray: \"bg-gray-600 text-white dark:bg-gray-500\",\n  zinc: \"bg-zinc-600 text-white dark:bg-zinc-500\",\n  neutral: \"bg-neutral-600 text-white dark:bg-neutral-500\",\n  stone: \"bg-stone-600 text-white dark:bg-stone-500\",\n  red: \"bg-red-600 text-white dark:bg-red-500\",\n  orange: \"bg-orange-600 text-white dark:bg-orange-500\",\n  amber: \"bg-amber-400 text-amber-950 dark:bg-amber-300 dark:text-amber-950\",\n  yellow: \"bg-yellow-400 text-yellow-950 dark:bg-yellow-300 dark:text-yellow-950\",\n  lime: \"bg-lime-400 text-lime-950 dark:bg-lime-300 dark:text-lime-950\",\n  green: \"bg-green-600 text-white dark:bg-green-500\",\n  emerald: \"bg-emerald-600 text-white dark:bg-emerald-500\",\n  teal: \"bg-teal-600 text-white dark:bg-teal-500\",\n  cyan: \"bg-cyan-600 text-white dark:bg-cyan-500\",\n  sky: \"bg-sky-600 text-white dark:bg-sky-500\",\n  blue: \"bg-blue-600 text-white dark:bg-blue-500\",\n  indigo: \"bg-indigo-600 text-white dark:bg-indigo-500\",\n  violet: \"bg-violet-600 text-white dark:bg-violet-500\",\n  purple: \"bg-purple-600 text-white dark:bg-purple-500\",\n  fuchsia: \"bg-fuchsia-600 text-white dark:bg-fuchsia-500\",\n  pink: \"bg-pink-600 text-white dark:bg-pink-500\",\n  rose: \"bg-rose-600 text-white dark:bg-rose-500\",\n};\n\nexport const badgeOutline: Record<Color, string> = {\n  slate: \"border border-slate-300 text-slate-700 dark:border-slate-600 dark:text-slate-300\",\n  gray: \"border border-gray-300 text-gray-700 dark:border-gray-600 dark:text-gray-300\",\n  zinc: \"border border-zinc-300 text-zinc-700 dark:border-zinc-600 dark:text-zinc-300\",\n  neutral: \"border border-neutral-300 text-neutral-700 dark:border-neutral-600 dark:text-neutral-300\",\n  stone: \"border border-stone-300 text-stone-700 dark:border-stone-600 dark:text-stone-300\",\n  red: \"border border-red-300 text-red-700 dark:border-red-600 dark:text-red-300\",\n  orange: \"border border-orange-300 text-orange-700 dark:border-orange-600 dark:text-orange-300\",\n  amber: \"border border-amber-300 text-amber-700 dark:border-amber-600 dark:text-amber-300\",\n  yellow: \"border border-yellow-300 text-yellow-700 dark:border-yellow-600 dark:text-yellow-300\",\n  lime: \"border border-lime-300 text-lime-700 dark:border-lime-600 dark:text-lime-300\",\n  green: \"border border-green-300 text-green-700 dark:border-green-600 dark:text-green-300\",\n  emerald: \"border border-emerald-300 text-emerald-700 dark:border-emerald-600 dark:text-emerald-300\",\n  teal: \"border border-teal-300 text-teal-700 dark:border-teal-600 dark:text-teal-300\",\n  cyan: \"border border-cyan-300 text-cyan-700 dark:border-cyan-600 dark:text-cyan-300\",\n  sky: \"border border-sky-300 text-sky-700 dark:border-sky-600 dark:text-sky-300\",\n  blue: \"border border-blue-300 text-blue-700 dark:border-blue-600 dark:text-blue-300\",\n  indigo: \"border border-indigo-300 text-indigo-700 dark:border-indigo-600 dark:text-indigo-300\",\n  violet: \"border border-violet-300 text-violet-700 dark:border-violet-600 dark:text-violet-300\",\n  purple: \"border border-purple-300 text-purple-700 dark:border-purple-600 dark:text-purple-300\",\n  fuchsia: \"border border-fuchsia-300 text-fuchsia-700 dark:border-fuchsia-600 dark:text-fuchsia-300\",\n  pink: \"border border-pink-300 text-pink-700 dark:border-pink-600 dark:text-pink-300\",\n  rose: \"border border-rose-300 text-rose-700 dark:border-rose-600 dark:text-rose-300\",\n};\n\nexport const badgeSoft: Record<Color, string> = {\n  slate: \"bg-slate-100 text-slate-700 dark:bg-slate-900/30 dark:text-slate-300\",\n  gray: \"bg-gray-100 text-gray-700 dark:bg-gray-900/30 dark:text-gray-300\",\n  zinc: \"bg-zinc-100 text-zinc-700 dark:bg-zinc-900/30 dark:text-zinc-300\",\n  neutral: \"bg-neutral-100 text-neutral-700 dark:bg-neutral-900/30 dark:text-neutral-300\",\n  stone: \"bg-stone-100 text-stone-700 dark:bg-stone-900/30 dark:text-stone-300\",\n  red: \"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300\",\n  orange: \"bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300\",\n  amber: \"bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300\",\n  yellow: \"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-300\",\n  lime: \"bg-lime-100 text-lime-700 dark:bg-lime-900/30 dark:text-lime-300\",\n  green: \"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300\",\n  emerald: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300\",\n  teal: \"bg-teal-100 text-teal-700 dark:bg-teal-900/30 dark:text-teal-300\",\n  cyan: \"bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-300\",\n  sky: \"bg-sky-100 text-sky-700 dark:bg-sky-900/30 dark:text-sky-300\",\n  blue: \"bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300\",\n  indigo: \"bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-300\",\n  violet: \"bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300\",\n  purple: \"bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-300\",\n  fuchsia: \"bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-900/30 dark:text-fuchsia-300\",\n  pink: \"bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-300\",\n  rose: \"bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-300\",\n};\n\nexport const badgeDot: Record<Color, string> = {\n  slate: \"bg-slate-500\",\n  gray: \"bg-gray-500\",\n  zinc: \"bg-zinc-500\",\n  neutral: \"bg-neutral-500\",\n  stone: \"bg-stone-500\",\n  red: \"bg-red-500\",\n  orange: \"bg-orange-500\",\n  amber: \"bg-amber-500\",\n  yellow: \"bg-yellow-500\",\n  lime: \"bg-lime-500\",\n  green: \"bg-green-500\",\n  emerald: \"bg-emerald-500\",\n  teal: \"bg-teal-500\",\n  cyan: \"bg-cyan-500\",\n  sky: \"bg-sky-500\",\n  blue: \"bg-blue-500\",\n  indigo: \"bg-indigo-500\",\n  violet: \"bg-violet-500\",\n  purple: \"bg-purple-500\",\n  fuchsia: \"bg-fuchsia-500\",\n  pink: \"bg-pink-500\",\n  rose: \"bg-rose-500\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { BadgeProps } from \"./Badge.types\";\nimport { badgeSolid, badgeOutline, badgeSoft, badgeDot } from \"./Badge.colors\";\n\ntype BadgeVariant = NonNullable<BadgeProps[\"variant\"]>;\ntype BadgeSize = NonNullable<BadgeProps[\"size\"]>;\n\n// Full Tailwind v4 palette — see Badge.colors.ts (generated literal class maps).\nconst variantMap: Record<BadgeVariant, typeof badgeSoft> = {\n  solid: badgeSolid,\n  outline: badgeOutline,\n  soft: badgeSoft,\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n  sm: \"text-xs px-1.5 py-0.5\",\n  md: \"text-sm px-2 py-0.5\",\n  lg: \"text-base px-2.5 py-1\",\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      color = \"zinc\",\n      variant = \"soft\",\n      size = \"md\",\n      dot = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        data-react-fancy-badge=\"\"\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded-full font-medium\",\n          sizeClasses[size],\n          variantMap[variant][color],\n          className,\n        )}\n        {...props}\n      >\n        {dot && (\n          <span\n            className={cn(\n              \"inline-block h-1.5 w-1.5 rounded-full\",\n              badgeDot[color],\n            )}\n          />\n        )}\n        {children}\n      </span>\n    );\n  },\n);\n\nBadge.displayName = \"Badge\";\n"]}

package/dist/chunk-NRXK42LO.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+
+// src/components/inputs/mode/FieldMode.context.ts
+var FieldModeContext = createContext(null);
+function useFieldMode(explicit) {
+  const ctx = useContext(FieldModeContext);
+  return explicit ?? ctx?.mode ?? "edit";
+}
+
+export { FieldModeContext, useFieldMode };
+//# sourceMappingURL=chunk-NRXK42LO.js.map
+//# sourceMappingURL=chunk-NRXK42LO.js.map

package/dist/chunk-NRXK42LO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/mode/FieldMode.context.ts"],"names":[],"mappings":";;;AAOO,IAAM,gBAAA,GAAmB,cAA4C,IAAI;AAUzE,SAAS,aAAa,QAAA,EAAiC;AAC5D,EAAA,MAAM,GAAA,GAAM,WAAW,gBAAgB,CAAA;AACvC,EAAA,OAAO,QAAA,IAAY,KAAK,IAAA,IAAQ,MAAA;AAClC","file":"chunk-NRXK42LO.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { FieldMode } from \"../inputs.types\";\n\nexport interface FieldModeContextValue {\n  mode: FieldMode;\n}\n\nexport const FieldModeContext = createContext<FieldModeContextValue | null>(null);\n\n/**\n * Resolve the effective mode for an input. Precedence: an explicit prop wins,\n * then the nearest `<Form>` / `<FormProvider>` context, then `\"edit\"`.\n *\n * Deliberately tolerant (returns `\"edit\"` outside any provider) — unlike a slot\n * guard — so every input works standalone with zero context and existing call\n * sites behave identically.\n */\nexport function useFieldMode(explicit?: FieldMode): FieldMode {\n  const ctx = useContext(FieldModeContext);\n  return explicit ?? ctx?.mode ?? \"edit\";\n}\n"]}

package/dist/chunk-O432BDEO.js

@@ -0,0 +1,160 @@
+import { useInlineEdit } from './chunk-OL53XYHF.js';
+import { useFieldMode } from './chunk-NRXK42LO.js';
+import { useControllableState } from './chunk-6FQGMVF2.js';
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef, useRef, useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_COLOR = "#3b82f6";
+var SWATCH_SIZES = {
+  sm: "h-6 w-6",
+  md: "h-8 w-8",
+  lg: "h-10 w-10"
+};
+var TEXT_SIZES = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var ColorPicker = forwardRef(
+  ({
+    value,
+    defaultValue = DEFAULT_COLOR,
+    onChange,
+    presets,
+    size = "md",
+    variant = "outline",
+    disabled = false,
+    className,
+    mode
+  }, ref) => {
+    const [color, setColor] = useControllableState(
+      value,
+      defaultValue,
+      onChange
+    );
+    const resolvedMode = useFieldMode(mode);
+    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);
+    const inputRef = useRef(null);
+    const datalistId = useId();
+    const handleChange = (e) => {
+      setColor(e.target.value);
+    };
+    const handleSwatchClick = () => {
+      if (!disabled) {
+        inputRef.current?.click();
+      }
+    };
+    if (!showControl) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          "data-react-fancy-color-picker": "",
+          "data-mode": "view",
+          role: interactive ? "button" : void 0,
+          tabIndex: interactive ? 0 : void 0,
+          title: interactive ? "Click to edit" : void 0,
+          onClick: interactive ? enterEdit : void 0,
+          onKeyDown: interactive ? (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              enterEdit();
+            }
+          } : void 0,
+          className: cn(
+            "inline-flex items-center gap-2",
+            interactive && "cursor-pointer rounded-md outline-none transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-blue-500/40",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "shrink-0 rounded-full",
+                  SWATCH_SIZES[size],
+                  variant === "outline" && "ring-1 ring-zinc-300 dark:ring-zinc-600"
+                ),
+                style: { backgroundColor: color },
+                "aria-label": `Color: ${color}`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "select-all font-mono uppercase",
+                  TEXT_SIZES[size],
+                  "text-zinc-700 dark:text-zinc-300"
+                ),
+                children: color.toUpperCase()
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-react-fancy-color-picker": "",
+        className: cn("inline-flex items-center gap-2", className),
+        onBlur: (e) => {
+          if (interactive && !e.currentTarget.contains(e.relatedTarget)) exitEdit();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled,
+              autoFocus: interactive,
+              onClick: handleSwatchClick,
+              className: cn(
+                "relative shrink-0 rounded-full transition-shadow",
+                SWATCH_SIZES[size],
+                variant === "outline" && "ring-1 ring-zinc-300 dark:ring-zinc-600",
+                disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:ring-2 hover:ring-zinc-400 dark:hover:ring-zinc-500"
+              ),
+              style: { backgroundColor: color },
+              "aria-label": `Selected color: ${color}`,
+              children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: inputRef,
+                  type: "color",
+                  value: color,
+                  onChange: handleChange,
+                  disabled,
+                  className: "absolute inset-0 h-full w-full cursor-pointer opacity-0",
+                  tabIndex: -1,
+                  list: presets ? datalistId : void 0
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "select-all font-mono uppercase",
+                TEXT_SIZES[size],
+                "text-zinc-700 dark:text-zinc-300",
+                disabled && "opacity-50"
+              ),
+              children: color.toUpperCase()
+            }
+          ),
+          presets && /* @__PURE__ */ jsx("datalist", { id: datalistId, children: presets.map((preset) => /* @__PURE__ */ jsx("option", { value: preset }, preset)) })
+        ]
+      }
+    );
+  }
+);
+ColorPicker.displayName = "ColorPicker";
+
+export { ColorPicker };
+//# sourceMappingURL=chunk-O432BDEO.js.map
+//# sourceMappingURL=chunk-O432BDEO.js.map

package/dist/chunk-O432BDEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","file":"chunk-O432BDEO.js","sourcesContent":["import { forwardRef, useId, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { useFieldMode } from \"../inputs/mode/FieldMode.context\";\nimport { useInlineEdit } from \"../inputs/mode/useInlineEdit\";\nimport type { ColorPickerProps } from \"./ColorPicker.types\";\n\nconst DEFAULT_COLOR = \"#3b82f6\";\n\nconst SWATCH_SIZES = {\n  sm: \"h-6 w-6\",\n  md: \"h-8 w-8\",\n  lg: \"h-10 w-10\",\n} as const;\n\nconst TEXT_SIZES = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const ColorPicker = forwardRef<HTMLDivElement, ColorPickerProps>(\n  (\n    {\n      value,\n      defaultValue = DEFAULT_COLOR,\n      onChange,\n      presets,\n      size = \"md\",\n      variant = \"outline\",\n      disabled = false,\n      className,\n      mode,\n    },\n    ref,\n  ) => {\n    const [color, setColor] = useControllableState(\n      value,\n      defaultValue,\n      onChange,\n    );\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const datalistId = useId();\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setColor(e.target.value);\n    };\n\n    const handleSwatchClick = () => {\n      if (!disabled) {\n        inputRef.current?.click();\n      }\n    };\n\n    if (!showControl) {\n      return (\n        <div\n          ref={ref}\n          data-react-fancy-color-picker=\"\"\n          data-mode=\"view\"\n          role={interactive ? \"button\" : undefined}\n          tabIndex={interactive ? 0 : undefined}\n          title={interactive ? \"Click to edit\" : undefined}\n          onClick={interactive ? enterEdit : undefined}\n          onKeyDown={\n            interactive\n              ? (e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    enterEdit();\n                  }\n                }\n              : undefined\n          }\n          className={cn(\n            \"inline-flex items-center gap-2\",\n            interactive &&\n              \"cursor-pointer rounded-md outline-none transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-blue-500/40\",\n            className,\n          )}\n        >\n          <span\n            className={cn(\n              \"shrink-0 rounded-full\",\n              SWATCH_SIZES[size],\n              variant === \"outline\" && \"ring-1 ring-zinc-300 dark:ring-zinc-600\",\n            )}\n            style={{ backgroundColor: color }}\n            aria-label={`Color: ${color}`}\n          />\n          <span\n            className={cn(\n              \"select-all font-mono uppercase\",\n              TEXT_SIZES[size],\n              \"text-zinc-700 dark:text-zinc-300\",\n            )}\n          >\n            {color.toUpperCase()}\n          </span>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-color-picker=\"\"\n        className={cn(\"inline-flex items-center gap-2\", className)}\n        onBlur={(e) => {\n          if (interactive && !e.currentTarget.contains(e.relatedTarget as Node)) exitEdit();\n        }}\n      >\n        <button\n          type=\"button\"\n          disabled={disabled}\n          autoFocus={interactive}\n          onClick={handleSwatchClick}\n          className={cn(\n            \"relative shrink-0 rounded-full transition-shadow\",\n            SWATCH_SIZES[size],\n            variant === \"outline\" &&\n              \"ring-1 ring-zinc-300 dark:ring-zinc-600\",\n            disabled\n              ? \"cursor-not-allowed opacity-50\"\n              : \"cursor-pointer hover:ring-2 hover:ring-zinc-400 dark:hover:ring-zinc-500\",\n          )}\n          style={{ backgroundColor: color }}\n          aria-label={`Selected color: ${color}`}\n        >\n          <input\n            ref={inputRef}\n            type=\"color\"\n            value={color}\n            onChange={handleChange}\n            disabled={disabled}\n            className=\"absolute inset-0 h-full w-full cursor-pointer opacity-0\"\n            tabIndex={-1}\n            list={presets ? datalistId : undefined}\n          />\n        </button>\n\n        <span\n          className={cn(\n            \"select-all font-mono uppercase\",\n            TEXT_SIZES[size],\n            \"text-zinc-700 dark:text-zinc-300\",\n            disabled && \"opacity-50\",\n          )}\n        >\n          {color.toUpperCase()}\n        </span>\n\n        {presets && (\n          <datalist id={datalistId}>\n            {presets.map((preset) => (\n              <option key={preset} value={preset} />\n            ))}\n          </datalist>\n        )}\n      </div>\n    );\n  },\n);\n\nColorPicker.displayName = \"ColorPicker\";\n"]}

package/dist/chunk-O4MKOSU2.js

@@ -0,0 +1,29 @@
+import { resolve, applyTone } from './chunk-45BBNJQD.js';
+import { cn } from './chunk-DSUHZO6T.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Emoji({ name, emoji, tone, size = "md", className }) {
+  const base = emoji ?? (name ? resolve(name) : void 0);
+  if (!base) return null;
+  const resolved = tone ? applyTone(base, tone) : base;
+  const sizeClass = {
+    sm: "text-base",
+    md: "text-2xl",
+    lg: "text-4xl",
+    xl: "text-6xl"
+  }[size];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": name ?? resolved,
+      "data-react-fancy-emoji": "",
+      className: cn("inline-block leading-none", sizeClass, className),
+      children: resolved
+    }
+  );
+}
+
+export { Emoji };
+//# sourceMappingURL=chunk-O4MKOSU2.js.map
+//# sourceMappingURL=chunk-O4MKOSU2.js.map

package/dist/chunk-O4MKOSU2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Emoji/Emoji.tsx"],"names":[],"mappings":";;;;AAIO,SAAS,KAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,MAAM,IAAA,GAAO,IAAA,EAAM,WAAU,EAAe;AAC/E,EAAA,MAAM,IAAA,GAAO,KAAA,KAAU,IAAA,GAAO,OAAA,CAAQ,IAAI,CAAA,GAAI,MAAA,CAAA;AAC9C,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,QAAA,GAAW,IAAA,GAAO,SAAA,CAAU,IAAA,EAAM,IAAI,CAAA,GAAI,IAAA;AAEhD,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,EAAA,EAAI,WAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI,UAAA;AAAA,IACJ,EAAA,EAAI;AAAA,IACJ,IAAI,CAAA;AAEN,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,cAAY,IAAA,IAAQ,QAAA;AAAA,MACpB,wBAAA,EAAuB,EAAA;AAAA,MACvB,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,SAAA,EAAW,SAAS,CAAA;AAAA,MAE9D,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-O4MKOSU2.js","sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { applyTone, resolve } from \"../../data/emoji-utils\";\nimport type { EmojiProps } from \"./Emoji.types\";\n\nexport function Emoji({ name, emoji, tone, size = \"md\", className }: EmojiProps) {\n  const base = emoji ?? (name ? resolve(name) : undefined);\n  if (!base) return null;\n\n  const resolved = tone ? applyTone(base, tone) : base;\n\n  const sizeClass = {\n    sm: \"text-base\",\n    md: \"text-2xl\",\n    lg: \"text-4xl\",\n    xl: \"text-6xl\",\n  }[size];\n\n  return (\n    <span\n      role=\"img\"\n      aria-label={name ?? resolved}\n      data-react-fancy-emoji=\"\"\n      className={cn(\"inline-block leading-none\", sizeClass, className)}\n    >\n      {resolved}\n    </span>\n  );\n}\n"]}

package/dist/chunk-O5IO7TCO.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-O5IO7TCO.cjs.map
+//# sourceMappingURL=chunk-O5IO7TCO.cjs.map

package/dist/chunk-O5IO7TCO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-O5IO7TCO.cjs"}

package/dist/chunk-OL53XYHF.js

@@ -0,0 +1,17 @@
+import { useState, useCallback } from 'react';
+
+// src/components/inputs/mode/useInlineEdit.ts
+function useInlineEdit(mode, disabled) {
+  const [editing, setEditing] = useState(false);
+  const interactive = mode === "view" && !disabled;
+  const showControl = mode !== "view" || interactive && editing;
+  const enterEdit = useCallback(() => {
+    if (interactive) setEditing(true);
+  }, [interactive]);
+  const exitEdit = useCallback(() => setEditing(false), []);
+  return { showControl, interactive, enterEdit, exitEdit };
+}
+
+export { useInlineEdit };
+//# sourceMappingURL=chunk-OL53XYHF.js.map
+//# sourceMappingURL=chunk-OL53XYHF.js.map

package/dist/chunk-OL53XYHF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/mode/useInlineEdit.ts"],"names":[],"mappings":";;;AAwBO,SAAS,aAAA,CAAc,MAAiB,QAAA,EAAgC;AAC7E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,WAAA,GAAc,IAAA,KAAS,MAAA,IAAU,CAAC,QAAA;AACxC,EAAA,MAAM,WAAA,GAAc,IAAA,KAAS,MAAA,IAAW,WAAA,IAAe,OAAA;AACvD,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,IAAI,WAAA,aAAwB,IAAI,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAChB,EAAA,MAAM,WAAW,WAAA,CAAY,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA;AACxD,EAAA,OAAO,EAAE,WAAA,EAAa,WAAA,EAAa,SAAA,EAAW,QAAA,EAAS;AACzD","file":"chunk-OL53XYHF.js","sourcesContent":["import { useCallback, useState } from \"react\";\nimport type { FieldMode } from \"../inputs.types\";\n\nexport interface InlineEdit {\n  /** Render the editable control (`true`) vs. the read-only value display (`false`). */\n  showControl: boolean;\n  /** Whether view mode is interactive (click-to-edit) — i.e. `view` and not disabled. */\n  interactive: boolean;\n  /** Enter edit mode (no-op unless interactive). */\n  enterEdit: () => void;\n  /** Leave edit mode, back to the value display. */\n  exitEdit: () => void;\n}\n\n/**\n * Inline click-to-edit for `mode=\"view\"`. The bound value shows as clean static\n * text; clicking it swaps in the focused control; blur returns to the display\n * (the control's `onChange` / `onBlur` fire as usual, so a host can persist on\n * commit). `mode=\"edit\"` is always the control; a **disabled** view stays static\n * text (no click-to-edit).\n *\n * This is the value of \"view mode\": tidy read-only surfaces where each field\n * becomes editable only when the user reaches for it.\n */\nexport function useInlineEdit(mode: FieldMode, disabled?: boolean): InlineEdit {\n  const [editing, setEditing] = useState(false);\n  const interactive = mode === \"view\" && !disabled;\n  const showControl = mode !== \"view\" || (interactive && editing);\n  const enterEdit = useCallback(() => {\n    if (interactive) setEditing(true);\n  }, [interactive]);\n  const exitEdit = useCallback(() => setEditing(false), []);\n  return { showControl, interactive, enterEdit, exitEdit };\n}\n"]}

package/dist/chunk-ORCXPDDG.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-ORCXPDDG.js.map
+//# sourceMappingURL=chunk-ORCXPDDG.js.map

package/dist/chunk-ORCXPDDG.js.map

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

package/dist/chunk-ORFHF6PT.cjs

@@ -0,0 +1,172 @@
+'use strict';
+
+var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
+var chunkJ2DI6RMR_cjs = require('./chunk-J2DI6RMR.cjs');
+var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
+var chunk57FQGQJK_cjs = require('./chunk-57FQGQJK.cjs');
+var chunkRXDRYWVD_cjs = require('./chunk-RXDRYWVD.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DropdownContext = react.createContext(null);
+function useDropdown() {
+  const ctx = react.useContext(DropdownContext);
+  if (!ctx) {
+    throw new Error(
+      "Dropdown compound components must be used within <Dropdown>"
+    );
+  }
+  return ctx;
+}
+function DropdownTrigger({ children }) {
+  const { setOpen, open, anchorRef } = useDropdown();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref: anchorRef,
+      "data-react-fancy-dropdown-trigger": "",
+      className: "inline-flex",
+      onClick: () => setOpen(!open),
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      children
+    }
+  );
+}
+DropdownTrigger.displayName = "DropdownTrigger";
+function DropdownItems({ children, className }) {
+  const { open, setOpen, anchorRef, activeIndex, setActiveIndex, placement, offset } = useDropdown();
+  const floatingRef = react.useRef(null);
+  const outsideRef = react.useRef(null);
+  const position = chunkJ2DI6RMR_cjs.useFloatingPosition(anchorRef, floatingRef, {
+    placement,
+    offset,
+    enabled: open
+  });
+  const close = react.useCallback(() => {
+    setOpen(false);
+    setActiveIndex(-1);
+  }, [setOpen, setActiveIndex]);
+  chunk57FQGQJK_cjs.useOutsideClick(outsideRef, close, open, anchorRef);
+  chunkRXDRYWVD_cjs.useEscapeKey(close, open);
+  const { mounted, className: animClass, ref: animRef } = chunk3WGRVDQR_cjs.useAnimation({
+    open,
+    enterClass: "fancy-scale-in",
+    exitClass: "fancy-fade-out"
+  });
+  react.useEffect(() => {
+    if (!open || !floatingRef.current) return;
+    const handleKeyDown = (e) => {
+      const items = floatingRef.current?.querySelectorAll(
+        '[role="menuitem"]:not([aria-disabled="true"])'
+      );
+      if (!items?.length) return;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const next = activeIndex < items.length - 1 ? activeIndex + 1 : 0;
+        setActiveIndex(next);
+        items[next]?.focus();
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const prev = activeIndex > 0 ? activeIndex - 1 : items.length - 1;
+        setActiveIndex(prev);
+        items[prev]?.focus();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, activeIndex, setActiveIndex]);
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNBZC6LOB_cjs.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: (node) => {
+        outsideRef.current = node;
+        floatingRef.current = node;
+        animRef.current = node;
+      },
+      "data-react-fancy-dropdown": "",
+      role: "menu",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "fixed z-50 min-w-[8rem] rounded-xl border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900",
+        animClass,
+        className
+      ),
+      style: { left: position.x, top: position.y },
+      children
+    }
+  ) });
+}
+DropdownItems.displayName = "DropdownItems";
+function DropdownItem({
+  children,
+  onClick,
+  disabled = false,
+  danger = false,
+  className
+}) {
+  const { setOpen } = useDropdown();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      "data-react-fancy-dropdown-item": "",
+      type: "button",
+      role: "menuitem",
+      disabled,
+      "aria-disabled": disabled,
+      className: chunk3Z6ALUWP_cjs.cn(
+        "flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        danger ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950" : "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      onClick: () => {
+        if (disabled) return;
+        onClick?.();
+        setOpen(false);
+      },
+      children
+    }
+  );
+}
+DropdownItem.displayName = "DropdownItem";
+function DropdownSeparator({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-dropdown-separator": "",
+      role: "separator",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "my-1 h-px bg-zinc-200 dark:bg-zinc-700",
+        className
+      )
+    }
+  );
+}
+DropdownSeparator.displayName = "DropdownSeparator";
+function DropdownRoot({
+  children,
+  placement = "bottom-start",
+  offset = 4
+}) {
+  const [open, setOpen] = react.useState(false);
+  const [activeIndex, setActiveIndex] = react.useState(-1);
+  const anchorRef = react.useRef(null);
+  const ctx = react.useMemo(
+    () => ({ open, setOpen, anchorRef, activeIndex, setActiveIndex, placement, offset }),
+    [open, anchorRef, activeIndex, placement, offset]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: ctx, children });
+}
+var Dropdown = Object.assign(DropdownRoot, {
+  Trigger: DropdownTrigger,
+  Items: DropdownItems,
+  Item: DropdownItem,
+  Separator: DropdownSeparator
+});
+
+exports.Dropdown = Dropdown;
+exports.useDropdown = useDropdown;
+//# sourceMappingURL=chunk-ORFHF6PT.cjs.map
+//# sourceMappingURL=chunk-ORFHF6PT.cjs.map