@particle-academy/react-fancy 5.11.0 → 5.13.1

package/dist/chunk-KUKYJZIU.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
+var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
+var chunkRXDRYWVD_cjs = require('./chunk-RXDRYWVD.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var MobileMenuContext = react.createContext(null);
+function useMobileMenu() {
+  const ctx = react.useContext(MobileMenuContext);
+  if (!ctx) {
+    throw new Error("useMobileMenu must be used within a <MobileMenu> component");
+  }
+  return ctx;
+}
+function MobileMenuFlyout({
+  children,
+  open,
+  onClose,
+  side = "left",
+  title,
+  className
+}) {
+  const isLeft = side === "left";
+  const { mounted, className: animClass, ref } = chunk3WGRVDQR_cjs.useAnimation({
+    open,
+    enterClass: isLeft ? "fancy-slide-in-left" : "fancy-slide-in-right",
+    exitClass: isLeft ? "fancy-slide-out-left" : "fancy-slide-out-right"
+  });
+  chunkRXDRYWVD_cjs.useEscapeKey(onClose, open);
+  react.useEffect(() => {
+    if (open) {
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    }
+  }, [open]);
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNBZC6LOB_cjs.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(MobileMenuContext.Provider, { value: { variant: "flyout" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-react-fancy-mobile-menu-flyout": "", className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunk3Z6ALUWP_cjs.cn(
+          "absolute inset-0 bg-black/40 transition-opacity",
+          open ? "opacity-100" : "opacity-0"
+        ),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunk3Z6ALUWP_cjs.cn(
+          "absolute top-0 flex h-full w-72 max-w-[80vw] flex-col bg-white shadow-xl dark:bg-zinc-900",
+          isLeft ? "left-0" : "right-0",
+          animClass,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 px-4 py-3 dark:border-zinc-700", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: title }),
+            !title && /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "flex h-8 w-8 items-center justify-center rounded-md text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-2", children })
+        ]
+      }
+    )
+  ] }) }) });
+}
+MobileMenuFlyout.displayName = "MobileMenuFlyout";
+function MobileMenuBottomBar({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MobileMenuContext.Provider, { value: { variant: "bottom-bar" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "data-react-fancy-mobile-menu-bottom-bar": "",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "fixed inset-x-0 bottom-0 z-40 flex items-stretch border-t border-zinc-200 bg-white/95 backdrop-blur-sm dark:border-zinc-700 dark:bg-zinc-900/95",
+        "pb-[env(safe-area-inset-bottom)]",
+        className
+      ),
+      children
+    }
+  ) });
+}
+MobileMenuBottomBar.displayName = "MobileMenuBottomBar";
+function MobileMenuItem({
+  children,
+  href,
+  as: As,
+  icon,
+  active = false,
+  disabled = false,
+  badge,
+  onClick,
+  className,
+  ...rest
+}) {
+  const { variant } = useMobileMenu();
+  const isBottomBar = variant === "bottom-bar";
+  const isLink = Boolean(href || As);
+  const Tag = isLink ? As ?? "a" : "button";
+  const tagProps = isLink ? { ...href ? { href } : {}, onClick } : { type: "button", onClick };
+  if (isBottomBar) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Tag,
+      {
+        ...tagProps,
+        ...rest,
+        "data-react-fancy-mobile-menu-item": "",
+        "data-active": active || void 0,
+        "aria-current": active ? "page" : void 0,
+        "aria-disabled": disabled || void 0,
+        className: chunk3Z6ALUWP_cjs.cn(
+          "flex flex-1 flex-col items-center justify-center gap-0.5 py-1.5 text-xs font-medium transition-colors",
+          "outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-inset",
+          active ? "text-blue-600 dark:text-blue-400" : "text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-100",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 items-center justify-center", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }),
+          badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-1 top-0.5", children: badge })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Tag,
+    {
+      ...tagProps,
+      ...rest,
+      "data-react-fancy-mobile-menu-item": "",
+      "data-active": active || void 0,
+      "aria-current": active ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      className: chunk3Z6ALUWP_cjs.cn(
+        "flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-sm font-medium transition-colors",
+        "outline-none focus-visible:ring-2 focus-visible:ring-blue-500",
+        active ? "bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100" : "text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100",
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children }),
+        badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: badge })
+      ]
+    }
+  );
+}
+MobileMenuItem.displayName = "MobileMenuItem";
+
+// src/components/MobileMenu/MobileMenu.tsx
+var MobileMenu = {
+  Flyout: MobileMenuFlyout,
+  BottomBar: MobileMenuBottomBar,
+  Item: MobileMenuItem
+};
+
+exports.MobileMenu = MobileMenu;
+exports.useMobileMenu = useMobileMenu;
+//# sourceMappingURL=chunk-KUKYJZIU.cjs.map
+//# sourceMappingURL=chunk-KUKYJZIU.cjs.map

package/dist/chunk-KUKYJZIU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MobileMenu/MobileMenu.context.ts","../src/components/MobileMenu/MobileMenuFlyout.tsx","../src/components/MobileMenu/MobileMenuBottomBar.tsx","../src/components/MobileMenu/MobileMenuItem.tsx","../src/components/MobileMenu/MobileMenu.tsx"],"names":["createContext","useContext","useAnimation","useEscapeKey","useEffect","Portal","jsx","jsxs","cn","X"],"mappings":"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","file":"chunk-KUKYJZIU.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { MobileMenuContextValue } from \"./MobileMenu.types\";\n\nexport const MobileMenuContext = createContext<MobileMenuContextValue | null>(null);\n\nexport function useMobileMenu(): MobileMenuContextValue {\n  const ctx = useContext(MobileMenuContext);\n  if (!ctx) {\n    throw new Error(\"useMobileMenu must be used within a <MobileMenu> component\");\n  }\n  return ctx;\n}\n","import { useEffect } from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useEscapeKey } from \"../../hooks\";\nimport { useAnimation } from \"../../hooks\";\nimport { Portal } from \"../Portal\";\nimport { MobileMenuContext } from \"./MobileMenu.context\";\nimport type { MobileMenuFlyoutProps } from \"./MobileMenu.types\";\n\nexport function MobileMenuFlyout({\n  children,\n  open,\n  onClose,\n  side = \"left\",\n  title,\n  className,\n}: MobileMenuFlyoutProps) {\n  const isLeft = side === \"left\";\n\n  const { mounted, className: animClass, ref } = useAnimation({\n    open,\n    enterClass: isLeft ? \"fancy-slide-in-left\" : \"fancy-slide-in-right\",\n    exitClass: isLeft ? \"fancy-slide-out-left\" : \"fancy-slide-out-right\",\n  });\n\n  useEscapeKey(onClose, open);\n\n  // Lock body scroll\n  useEffect(() => {\n    if (open) {\n      const prev = document.body.style.overflow;\n      document.body.style.overflow = \"hidden\";\n      return () => {\n        document.body.style.overflow = prev;\n      };\n    }\n  }, [open]);\n\n  if (!mounted) return null;\n\n  return (\n    <Portal>\n      <MobileMenuContext.Provider value={{ variant: \"flyout\" }}>\n        <div data-react-fancy-mobile-menu-flyout=\"\" className=\"fixed inset-0 z-50\">\n          {/* Backdrop */}\n          <div\n            className={cn(\n              \"absolute inset-0 bg-black/40 transition-opacity\",\n              open ? \"opacity-100\" : \"opacity-0\",\n            )}\n            onClick={onClose}\n          />\n\n          {/* Panel */}\n          <div\n            ref={ref as React.RefObject<HTMLDivElement>}\n            className={cn(\n              \"absolute top-0 flex h-full w-72 max-w-[80vw] flex-col bg-white shadow-xl dark:bg-zinc-900\",\n              isLeft ? \"left-0\" : \"right-0\",\n              animClass,\n              className,\n            )}\n          >\n            {/* Header */}\n            <div className=\"flex items-center justify-between border-b border-zinc-200 px-4 py-3 dark:border-zinc-700\">\n              {title && (\n                <span className=\"text-sm font-semibold text-zinc-900 dark:text-zinc-100\">\n                  {title}\n                </span>\n              )}\n              {!title && <span />}\n              <button\n                type=\"button\"\n                onClick={onClose}\n                className=\"flex h-8 w-8 items-center justify-center rounded-md text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n\n            {/* Content */}\n            <div className=\"flex-1 overflow-y-auto p-2\">\n              {children}\n            </div>\n          </div>\n        </div>\n      </MobileMenuContext.Provider>\n    </Portal>\n  );\n}\n\nMobileMenuFlyout.displayName = \"MobileMenuFlyout\";\n","import { cn } from \"../../utils/cn\";\nimport { MobileMenuContext } from \"./MobileMenu.context\";\nimport type { MobileMenuBottomBarProps } from \"./MobileMenu.types\";\n\nexport function MobileMenuBottomBar({ children, className }: MobileMenuBottomBarProps) {\n  return (\n    <MobileMenuContext.Provider value={{ variant: \"bottom-bar\" }}>\n      <nav\n        data-react-fancy-mobile-menu-bottom-bar=\"\"\n        className={cn(\n          \"fixed inset-x-0 bottom-0 z-40 flex items-stretch border-t border-zinc-200 bg-white/95 backdrop-blur-sm dark:border-zinc-700 dark:bg-zinc-900/95\",\n          \"pb-[env(safe-area-inset-bottom)]\",\n          className,\n        )}\n      >\n        {children}\n      </nav>\n    </MobileMenuContext.Provider>\n  );\n}\n\nMobileMenuBottomBar.displayName = \"MobileMenuBottomBar\";\n","import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useMobileMenu } from \"./MobileMenu.context\";\nimport type { MobileMenuItemProps } from \"./MobileMenu.types\";\n\nexport function MobileMenuItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  onClick,\n  className,\n  ...rest\n}: MobileMenuItemProps) {\n  const { variant } = useMobileMenu();\n  const isBottomBar = variant === \"bottom-bar\";\n\n  // See NavigableProps: link mode engages on `href` OR `as`. Keeping `onClick`\n  // in link mode matters most here — a mobile item usually has to close the menu\n  // as well as navigate, and it was silently dropped.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  if (isBottomBar) {\n    return (\n      <Tag\n        {...tagProps}\n        {...rest}\n        data-react-fancy-mobile-menu-item=\"\"\n        data-active={active || undefined}\n        aria-current={active ? \"page\" : undefined}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          \"flex flex-1 flex-col items-center justify-center gap-0.5 py-1.5 text-xs font-medium transition-colors\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-inset\",\n          active\n            ? \"text-blue-600 dark:text-blue-400\"\n            : \"text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-100\",\n          disabled && \"pointer-events-none opacity-50\",\n          className,\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 items-center justify-center\">{icon}</span>}\n        <span className=\"truncate\">{children}</span>\n        {badge && <span className=\"absolute right-1 top-0.5\">{badge}</span>}\n      </Tag>\n    );\n  }\n\n  // Flyout variant — same as a vertical menu item\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-mobile-menu-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\n        \"flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        active\n          ? \"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100\"\n          : \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n    >\n      {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n      <span className=\"flex-1 truncate text-left\">{children}</span>\n      {badge && <span className=\"shrink-0\">{badge}</span>}\n    </Tag>\n  );\n}\n\nMobileMenuItem.displayName = \"MobileMenuItem\";\n","import { MobileMenuFlyout } from \"./MobileMenuFlyout\";\nimport { MobileMenuBottomBar } from \"./MobileMenuBottomBar\";\nimport { MobileMenuItem } from \"./MobileMenuItem\";\n\nexport const MobileMenu = {\n  Flyout: MobileMenuFlyout,\n  BottomBar: MobileMenuBottomBar,\n  Item: MobileMenuItem,\n};\n"]}

package/dist/chunk-L3V3BYVS.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var react = require('react');
+
+// src/components/inputs/mode/FieldMode.context.ts
+var FieldModeContext = react.createContext(null);
+function useFieldMode(explicit) {
+  const ctx = react.useContext(FieldModeContext);
+  return explicit ?? ctx?.mode ?? "edit";
+}
+
+exports.FieldModeContext = FieldModeContext;
+exports.useFieldMode = useFieldMode;
+//# sourceMappingURL=chunk-L3V3BYVS.cjs.map
+//# sourceMappingURL=chunk-L3V3BYVS.cjs.map

package/dist/chunk-L3V3BYVS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/mode/FieldMode.context.ts"],"names":["createContext","useContext"],"mappings":";;;;;AAOO,IAAM,gBAAA,GAAmBA,oBAA4C,IAAI;AAUzE,SAAS,aAAa,QAAA,EAAiC;AAC5D,EAAA,MAAM,GAAA,GAAMC,iBAAW,gBAAgB,CAAA;AACvC,EAAA,OAAO,QAAA,IAAY,KAAK,IAAA,IAAQ,MAAA;AAClC","file":"chunk-L3V3BYVS.cjs","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-LNWO23PU.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var TONE_CLASSES = {
+  violet: "bg-violet-500 hover:bg-violet-600",
+  emerald: "bg-emerald-500 hover:bg-emerald-600",
+  sky: "bg-sky-500 hover:bg-sky-600",
+  rose: "bg-rose-500 hover:bg-rose-600",
+  amber: "bg-amber-500 hover:bg-amber-600",
+  indigo: "bg-indigo-500 hover:bg-indigo-600",
+  blue: "bg-blue-500 hover:bg-blue-600",
+  zinc: "bg-zinc-500 hover:bg-zinc-600"
+};
+var OFF_CLASSES = "bg-zinc-100 hover:bg-zinc-200 dark:bg-zinc-800 dark:hover:bg-zinc-700";
+var TimeGrid = react.forwardRef(
+  ({
+    rows,
+    cols,
+    value,
+    onChange,
+    toneOn = "violet",
+    cellWidth = 20,
+    cellHeight = 16,
+    sparseColLabels = true,
+    toggleStripsOnHeaderClick = true,
+    ariaCell,
+    cellId,
+    className
+  }, ref) => {
+    const [drag, setDrag] = react.useState(null);
+    const setCell = (r, c, v) => {
+      if (value[r]?.[c] === v) return;
+      const next = value.map((row) => row.slice());
+      next[r][c] = v;
+      onChange(next);
+    };
+    const toggleRow = (r) => {
+      if (!toggleStripsOnHeaderClick) return;
+      const all = value[r].every(Boolean);
+      const next = value.map((row) => row.slice());
+      for (let c = 0; c < cols.length; c++) next[r][c] = !all;
+      onChange(next);
+    };
+    const toggleCol = (c) => {
+      if (!toggleStripsOnHeaderClick) return;
+      const all = value.every((row) => row[c]);
+      const next = value.map((row) => row.slice());
+      for (let r = 0; r < rows.length; r++) next[r][c] = !all;
+      onChange(next);
+    };
+    const colStep = Math.max(1, Math.floor(cols.length / 6));
+    const onTone = TONE_CLASSES[toneOn];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-react-fancy-timegrid": "",
+        className: chunk3Z6ALUWP_cjs.cn(
+          "select-none overflow-x-auto",
+          className
+        ),
+        onMouseLeave: () => setDrag(null),
+        onMouseUp: () => setDrag(null),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "text-[10px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", {}),
+            cols.map((label, c) => /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                onClick: () => toggleCol(c),
+                style: { width: cellWidth },
+                "data-react-fancy-timegrid-col": c,
+                className: chunk3Z6ALUWP_cjs.cn(
+                  "text-zinc-400",
+                  toggleStripsOnHeaderClick && "cursor-pointer hover:text-zinc-700 dark:hover:text-zinc-200"
+                ),
+                children: sparseColLabels ? c % colStep === 0 ? label : "" : label
+              },
+              c
+            ))
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((label, r) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                onClick: () => toggleRow(r),
+                "data-react-fancy-timegrid-row": r,
+                className: chunk3Z6ALUWP_cjs.cn(
+                  "pr-1 text-right font-medium text-zinc-500",
+                  toggleStripsOnHeaderClick && "cursor-pointer hover:text-zinc-800 dark:hover:text-zinc-200"
+                ),
+                children: label
+              }
+            ),
+            cols.map((_, c) => {
+              const on = value[r]?.[c] ?? false;
+              return /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-px", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onMouseDown: () => {
+                    const v = !on;
+                    setDrag(v);
+                    setCell(r, c, v);
+                  },
+                  onMouseEnter: () => drag !== null && setCell(r, c, drag),
+                  style: { width: cellWidth, height: cellHeight },
+                  "data-react-fancy-timegrid-cell": cellId ? cellId(r, c) : `${r}:${c}`,
+                  "aria-pressed": on,
+                  "aria-label": ariaCell ? ariaCell(r, c, on) : `${rows[r]} ${cols[c]} ${on ? "on" : "off"}`,
+                  className: chunk3Z6ALUWP_cjs.cn(
+                    "block rounded-sm transition",
+                    on ? onTone : OFF_CLASSES
+                  )
+                }
+              ) }, c);
+            })
+          ] }, r)) })
+        ] })
+      }
+    );
+  }
+);
+TimeGrid.displayName = "TimeGrid";
+
+exports.TimeGrid = TimeGrid;
+//# sourceMappingURL=chunk-LNWO23PU.cjs.map
+//# sourceMappingURL=chunk-LNWO23PU.cjs.map

package/dist/chunk-LNWO23PU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TimeGrid/TimeGrid.tsx"],"names":["forwardRef","useState","jsx","cn","jsxs"],"mappings":"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","file":"chunk-LNWO23PU.cjs","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { TimeGridProps, TimeGridTone } from \"./TimeGrid.types\";\n\nconst TONE_CLASSES: Record<TimeGridTone, string> = {\n  violet: \"bg-violet-500 hover:bg-violet-600\",\n  emerald: \"bg-emerald-500 hover:bg-emerald-600\",\n  sky: \"bg-sky-500 hover:bg-sky-600\",\n  rose: \"bg-rose-500 hover:bg-rose-600\",\n  amber: \"bg-amber-500 hover:bg-amber-600\",\n  indigo: \"bg-indigo-500 hover:bg-indigo-600\",\n  blue: \"bg-blue-500 hover:bg-blue-600\",\n  zinc: \"bg-zinc-500 hover:bg-zinc-600\",\n};\n\nconst OFF_CLASSES =\n  \"bg-zinc-100 hover:bg-zinc-200 dark:bg-zinc-800 dark:hover:bg-zinc-700\";\n\nexport const TimeGrid = forwardRef<HTMLDivElement, TimeGridProps>(\n  (\n    {\n      rows,\n      cols,\n      value,\n      onChange,\n      toneOn = \"violet\",\n      cellWidth = 20,\n      cellHeight = 16,\n      sparseColLabels = true,\n      toggleStripsOnHeaderClick = true,\n      ariaCell,\n      cellId,\n      className,\n    },\n    ref,\n  ) => {\n    const [drag, setDrag] = useState<boolean | null>(null);\n\n    const setCell = (r: number, c: number, v: boolean) => {\n      if (value[r]?.[c] === v) return;\n      const next = value.map((row) => row.slice());\n      next[r][c] = v;\n      onChange(next);\n    };\n\n    const toggleRow = (r: number) => {\n      if (!toggleStripsOnHeaderClick) return;\n      const all = value[r].every(Boolean);\n      const next = value.map((row) => row.slice());\n      for (let c = 0; c < cols.length; c++) next[r][c] = !all;\n      onChange(next);\n    };\n\n    const toggleCol = (c: number) => {\n      if (!toggleStripsOnHeaderClick) return;\n      const all = value.every((row) => row[c]);\n      const next = value.map((row) => row.slice());\n      for (let r = 0; r < rows.length; r++) next[r][c] = !all;\n      onChange(next);\n    };\n\n    const colStep = Math.max(1, Math.floor(cols.length / 6));\n    const onTone = TONE_CLASSES[toneOn];\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-timegrid=\"\"\n        className={cn(\n          \"select-none overflow-x-auto\",\n          className,\n        )}\n        onMouseLeave={() => setDrag(null)}\n        onMouseUp={() => setDrag(null)}\n      >\n        <table className=\"text-[10px]\">\n          <thead>\n            <tr>\n              <th />\n              {cols.map((label, c) => (\n                <th\n                  key={c}\n                  onClick={() => toggleCol(c)}\n                  style={{ width: cellWidth }}\n                  data-react-fancy-timegrid-col={c}\n                  className={cn(\n                    \"text-zinc-400\",\n                    toggleStripsOnHeaderClick &&\n                      \"cursor-pointer hover:text-zinc-700 dark:hover:text-zinc-200\",\n                  )}\n                >\n                  {sparseColLabels ? (c % colStep === 0 ? label : \"\") : label}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((label, r) => (\n              <tr key={r}>\n                <th\n                  onClick={() => toggleRow(r)}\n                  data-react-fancy-timegrid-row={r}\n                  className={cn(\n                    \"pr-1 text-right font-medium text-zinc-500\",\n                    toggleStripsOnHeaderClick &&\n                      \"cursor-pointer hover:text-zinc-800 dark:hover:text-zinc-200\",\n                  )}\n                >\n                  {label}\n                </th>\n                {cols.map((_, c) => {\n                  const on = value[r]?.[c] ?? false;\n                  return (\n                    <td key={c} className=\"p-px\">\n                      <button\n                        type=\"button\"\n                        onMouseDown={() => {\n                          const v = !on;\n                          setDrag(v);\n                          setCell(r, c, v);\n                        }}\n                        onMouseEnter={() => drag !== null && setCell(r, c, drag)}\n                        style={{ width: cellWidth, height: cellHeight }}\n                        data-react-fancy-timegrid-cell={\n                          cellId ? cellId(r, c) : `${r}:${c}`\n                        }\n                        aria-pressed={on}\n                        aria-label={\n                          ariaCell\n                            ? ariaCell(r, c, on)\n                            : `${rows[r]} ${cols[c]} ${on ? \"on\" : \"off\"}`\n                        }\n                        className={cn(\n                          \"block rounded-sm transition\",\n                          on ? onTone : OFF_CLASSES,\n                        )}\n                      />\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    );\n  },\n);\n\nTimeGrid.displayName = \"TimeGrid\";\n"]}

package/dist/chunk-LPQVXTKV.js

@@ -0,0 +1,36 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var Eyebrow = forwardRef(
+  ({ num, label, aside, rule = false, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-react-fancy-eyebrow": "",
+        className: cn(
+          "flex items-baseline gap-3 font-mono text-[11.5px] uppercase tracking-wider text-zinc-500 dark:text-zinc-400",
+          rule && "border-b border-zinc-200 pb-2 dark:border-zinc-800",
+          className
+        ),
+        ...props,
+        children: [
+          children ?? /* @__PURE__ */ jsxs("span", { children: [
+            num != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("b", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: num }),
+              label != null && " \u2014 "
+            ] }),
+            label
+          ] }),
+          aside != null && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: aside })
+        ]
+      }
+    );
+  }
+);
+Eyebrow.displayName = "Eyebrow";
+
+export { Eyebrow };
+//# sourceMappingURL=chunk-LPQVXTKV.js.map
+//# sourceMappingURL=chunk-LPQVXTKV.js.map

package/dist/chunk-LPQVXTKV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Eyebrow/Eyebrow.tsx"],"names":[],"mappings":";;;;AAkBO,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,KAAA,EAAO,IAAA,GAAO,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC3E,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,0BAAA,EAAyB,EAAA;AAAA,QACzB,SAAA,EAAW,EAAA;AAAA,UACT,6GAAA;AAAA,UACA,IAAA,IAAQ,oDAAA;AAAA,UACR;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA,yBACE,MAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,GAAA,IAAO,wBACN,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EAAgD,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,cAChE,SAAS,IAAA,IAAQ;AAAA,aAAA,EACpB,CAAA;AAAA,YAED;AAAA,WAAA,EACH,CAAA;AAAA,UAKD,SAAS,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KACrD;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-LPQVXTKV.js","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { EyebrowProps } from \"./Eyebrow.types\";\n\n/**\n * The mono running head that opens a section — `01 — SELECTED WORK`, optionally\n * over a hairline rule, with a second item pushed to the far end.\n *\n * Thirty-six surfaces in the Inspiration Gallery carry some version of this. It\n * is a small component for a reason: what they share is the STRUCTURE (a\n * numbered marker, a label, an optional trailing aside, an optional rule) while\n * every one of them restyles the type. So this owns the arrangement and the\n * uppercase mono default, and gets out of the way of `className`.\n *\n * `num` is emphasised rather than styled a fixed colour, because in half the\n * designs it is the only part of the line that is not muted — and expressing\n * that with a `<b>` keeps it meaningful when the styling is replaced wholesale.\n */\nexport const Eyebrow = forwardRef<HTMLDivElement, EyebrowProps>(\n  ({ num, label, aside, rule = false, className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-eyebrow=\"\"\n        className={cn(\n          \"flex items-baseline gap-3 font-mono text-[11.5px] uppercase tracking-wider text-zinc-500 dark:text-zinc-400\",\n          rule && \"border-b border-zinc-200 pb-2 dark:border-zinc-800\",\n          className,\n        )}\n        {...props}\n      >\n        {children ?? (\n          <span>\n            {num != null && (\n              <>\n                <b className=\"font-medium text-zinc-900 dark:text-zinc-100\">{num}</b>\n                {label != null && \" — \"}\n              </>\n            )}\n            {label}\n          </span>\n        )}\n\n        {/* `ml-auto` rather than `justify-between`, so a single-item eyebrow\n            still sits flush left instead of being centred by the gap. */}\n        {aside != null && <span className=\"ml-auto\">{aside}</span>}\n      </div>\n    );\n  },\n);\n\nEyebrow.displayName = \"Eyebrow\";\n"]}

package/dist/chunk-LZL2KD4P.cjs

@@ -0,0 +1,207 @@
+'use strict';
+
+var chunkTXTRTTG7_cjs = require('./chunk-TXTRTTG7.cjs');
+var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
+var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
+var chunkRXDRYWVD_cjs = require('./chunk-RXDRYWVD.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CommandContext = react.createContext(null);
+function useCommand() {
+  const ctx = react.useContext(CommandContext);
+  if (!ctx) {
+    throw new Error(
+      "Command compound components must be used within <Command>"
+    );
+  }
+  return ctx;
+}
+function CommandInput({
+  placeholder = "Type a command or search...",
+  className
+}) {
+  const { query, setQuery } = useCommand();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-react-fancy-command-input": "", className: "flex items-center border-b border-zinc-200 px-4 dark:border-zinc-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 16, className: "shrink-0 text-zinc-400" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: query,
+        onChange: (e) => setQuery(e.target.value),
+        placeholder,
+        className: chunk3Z6ALUWP_cjs.cn(
+          "flex-1 bg-transparent px-3 py-3 text-sm outline-none placeholder:text-zinc-400",
+          className
+        ),
+        autoFocus: true
+      }
+    )
+  ] });
+}
+CommandInput.displayName = "CommandInput";
+function CommandList({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-command-list": "",
+      role: "listbox",
+      className: chunk3Z6ALUWP_cjs.cn("max-h-72 overflow-y-auto p-2", className),
+      children
+    }
+  );
+}
+CommandList.displayName = "CommandList";
+function CommandItem({
+  children,
+  value,
+  onSelect,
+  className
+}) {
+  const { query, close } = useCommand();
+  const text = value ?? (typeof children === "string" ? children : "");
+  if (query && !text.toLowerCase().includes(query.toLowerCase())) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      "data-react-fancy-command-item": "",
+      type: "button",
+      role: "option",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
+        className
+      ),
+      onClick: () => {
+        onSelect?.();
+        close();
+      },
+      children
+    }
+  );
+}
+CommandItem.displayName = "CommandItem";
+function CommandGroup({
+  children,
+  heading,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-react-fancy-command-group": "", role: "group", className: chunk3Z6ALUWP_cjs.cn("py-1", className), children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-zinc-400", children: heading }),
+    children
+  ] });
+}
+CommandGroup.displayName = "CommandGroup";
+function CommandEmpty({
+  children = "No results found.",
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-command-empty": "",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "py-6 text-center text-sm text-zinc-500 dark:text-zinc-400",
+        className
+      ),
+      children
+    }
+  );
+}
+CommandEmpty.displayName = "CommandEmpty";
+function CommandRoot({ children, open, onClose, className }) {
+  const [query, setQuery] = react.useState("");
+  const [activeIndex, setActiveIndex] = react.useState(-1);
+  const panelRef = react.useRef(null);
+  const close = react.useCallback(() => {
+    onClose();
+    setQuery("");
+    setActiveIndex(-1);
+  }, [onClose]);
+  chunkRXDRYWVD_cjs.useEscapeKey(close, open);
+  chunkTXTRTTG7_cjs.useFocusTrap(panelRef, open);
+  react.useEffect(() => {
+    if (open) {
+      const original = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = original;
+      };
+    }
+  }, [open]);
+  react.useEffect(() => {
+    if (!open) return;
+    const handleKeyDown = (e) => {
+      const items = panelRef.current?.querySelectorAll(
+        '[role="option"]'
+      );
+      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]);
+  const { mounted, className: animClass, ref: animRef } = chunk3WGRVDQR_cjs.useAnimation({
+    open,
+    enterClass: "fancy-slide-up",
+    exitClass: "fancy-fade-out"
+  });
+  const ctx = react.useMemo(
+    () => ({ open, close, query, setQuery, activeIndex, setActiveIndex }),
+    [open, close, query, activeIndex]
+  );
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(CommandContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(chunkNBZC6LOB_cjs.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex items-start justify-center pt-[20vh]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+        onClick: close,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: (node) => {
+          panelRef.current = node;
+          animRef.current = node;
+        },
+        "data-react-fancy-command": "",
+        className: chunk3Z6ALUWP_cjs.cn(
+          "relative w-full max-w-lg overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-700 dark:bg-zinc-900",
+          animClass,
+          className
+        ),
+        children
+      }
+    )
+  ] }) }) });
+}
+var Command = Object.assign(CommandRoot, {
+  Input: CommandInput,
+  List: CommandList,
+  Item: CommandItem,
+  Group: CommandGroup,
+  Empty: CommandEmpty
+});
+
+exports.Command = Command;
+exports.useCommand = useCommand;
+//# sourceMappingURL=chunk-LZL2KD4P.cjs.map
+//# sourceMappingURL=chunk-LZL2KD4P.cjs.map