@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.41

package/dist/chunk-IT775BYG.js

@@ -0,0 +1,179 @@
+import { defaultViewLabels } from './chunk-3YBS4WUQ.js';
+import { Table, BarChart3, Calendar, Columns, List, LayoutGrid } from './chunk-BKSPDTX4.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var VIEW_META = {
+  overview: { label: "Overview", icon: LayoutGrid },
+  list: { label: "List", icon: List },
+  board: { label: "Board", icon: Columns },
+  calendar: { label: "Calendar", icon: Calendar },
+  gantt: { label: "Gantt", icon: BarChart3 },
+  roadmap: { label: "Roadmap", icon: BarChart3 },
+  table: { label: "Table", icon: Table }
+};
+var viewSwitcherVariants = cva(
+  [
+    "inline-flex items-center gap-0.5",
+    "rounded-lg border border-border bg-muted p-0.5",
+    "overflow-x-auto"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var optionVariants = cva(
+  [
+    "inline-flex shrink-0 items-center gap-1.5 rounded-md font-medium",
+    "transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        // 40px tall on touch, tighter once a pointer is likely.
+        sm: "min-h-10 px-2 py-2 sm:min-h-0 sm:px-2 sm:py-1",
+        md: "min-h-10 px-2.5 py-2 sm:min-h-0 sm:px-3 sm:py-1.5"
+      },
+      active: {
+        // A raised surface rather than tinted ink: an accent colour as text on
+        // its own wash fails AA contrast. Same treatment as Tabs' pills.
+        true: "bg-background text-foreground shadow-sm",
+        false: "text-muted-foreground hover:text-foreground"
+      }
+    },
+    defaultVariants: { size: "md", active: false }
+  }
+);
+var ViewSwitcher = React.forwardRef(
+  function ViewSwitcher2({
+    views,
+    value,
+    onValueChange,
+    label = defaultViewLabels.viewSwitcher,
+    showLabels = "responsive",
+    size,
+    className,
+    classNames,
+    ...rest
+  }, ref) {
+    const options = React.useMemo(
+      () => views.map((v) => typeof v === "string" ? { id: v } : v),
+      [views]
+    );
+    const refs = React.useRef({});
+    const select = (next) => {
+      if (!next || next.id === value) return;
+      onValueChange(next.id);
+      requestAnimationFrame(
+        () => refs.current[next.id]?.focus({ preventScroll: true })
+      );
+    };
+    const step = (delta) => {
+      const enabled = options.filter((o) => !o.disabled);
+      if (enabled.length === 0) return;
+      const current = enabled.findIndex((o) => o.id === value);
+      const from = current === -1 ? delta > 0 ? -1 : 0 : current;
+      select(enabled[(from + delta + enabled.length) % enabled.length]);
+    };
+    const onKeyDown = (event) => {
+      const enabled = options.filter((o) => !o.disabled);
+      const forward = getComputedStyle(event.currentTarget).direction === "rtl" ? -1 : 1;
+      switch (event.key) {
+        case "ArrowRight":
+          event.preventDefault();
+          step(forward);
+          break;
+        case "ArrowLeft":
+          event.preventDefault();
+          step(-forward);
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          step(1);
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          step(-1);
+          break;
+        case "Home":
+          event.preventDefault();
+          select(enabled[0]);
+          break;
+        case "End":
+          event.preventDefault();
+          select(enabled[enabled.length - 1]);
+          break;
+      }
+    };
+    const tabStopId = options.find((o) => o.id === value && !o.disabled)?.id ?? options.find((o) => !o.disabled)?.id;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-label": label,
+        "data-slot": "view-switcher",
+        className: cn(viewSwitcherVariants({ size }), className),
+        ...rest,
+        children: options.map((option) => {
+          const meta = VIEW_META[option.id];
+          const Icon = option.icon ?? meta.icon;
+          const text = option.label ?? meta.label;
+          const active = option.id === value;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: (node) => {
+                refs.current[option.id] = node;
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": active,
+              "aria-label": showLabels === true ? void 0 : text,
+              title: text,
+              disabled: option.disabled,
+              tabIndex: option.id === tabStopId ? 0 : -1,
+              "data-slot": "view-switcher-option",
+              "data-view": option.id,
+              className: cn(
+                optionVariants({ size, active }),
+                classNames?.option,
+                active && classNames?.activeOption
+              ),
+              onClick: () => onValueChange(option.id),
+              onKeyDown,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0", "aria-hidden": true }),
+                showLabels !== false && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-slot": "view-switcher-label",
+                    className: cn(
+                      showLabels === "responsive" && "hidden sm:inline"
+                    ),
+                    children: text
+                  }
+                )
+              ]
+            },
+            option.id
+          );
+        })
+      }
+    );
+  }
+);
+
+export { ViewSwitcher, viewSwitcherVariants };
+//# sourceMappingURL=chunk-IT775BYG.js.map
+//# sourceMappingURL=chunk-IT775BYG.js.map

package/dist/chunk-IT775BYG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ViewSwitcher/ViewSwitcher.tsx"],"names":["ViewSwitcher"],"mappings":"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","file":"chunk-IT775BYG.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  CalendarIcon,\n  ChartIcon,\n  ColumnsIcon,\n  GridIcon,\n  ListIcon,\n  TableIcon,\n} from '../Icons';\nimport { defaultViewLabels, type ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface ViewOption {\n  id: ViewId;\n  /** Overrides the built-in English label. */\n  label?: string;\n  /** Overrides the built-in icon. */\n  icon?: React.ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n  disabled?: boolean;\n}\n\nexport interface ViewSwitcherProps extends VariantProps<\n  typeof viewSwitcherVariants\n> {\n  /** Views to offer, in order. Accepts bare ids or `ViewOption`s. */\n  views: readonly (ViewId | ViewOption)[];\n  value: ViewId;\n  onValueChange: (view: ViewId) => void;\n  /** Accessible name of the group. */\n  label?: string;\n  /** Show labels beside the icons. `responsive` hides them below `sm`. */\n  showLabels?: boolean | 'responsive';\n  className?: string;\n  classNames?: Partial<Record<'option' | 'activeOption', string>>;\n}\n\n// =============================================================================\n// Defaults\n// =============================================================================\n\nconst VIEW_META: Record<\n  ViewId,\n  {\n    label: string;\n    icon: React.ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n  }\n> = {\n  overview: { label: 'Overview', icon: GridIcon },\n  list: { label: 'List', icon: ListIcon },\n  board: { label: 'Board', icon: ColumnsIcon },\n  calendar: { label: 'Calendar', icon: CalendarIcon },\n  gantt: { label: 'Gantt', icon: ChartIcon },\n  roadmap: { label: 'Roadmap', icon: ChartIcon },\n  table: { label: 'Table', icon: TableIcon },\n};\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst viewSwitcherVariants = cva(\n  [\n    'inline-flex items-center gap-0.5',\n    'rounded-lg border border-border bg-muted p-0.5',\n    'overflow-x-auto',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nconst optionVariants = cva(\n  [\n    'inline-flex shrink-0 items-center gap-1.5 rounded-md font-medium',\n    'transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        // 40px tall on touch, tighter once a pointer is likely.\n        sm: 'min-h-10 px-2 py-2 sm:min-h-0 sm:px-2 sm:py-1',\n        md: 'min-h-10 px-2.5 py-2 sm:min-h-0 sm:px-3 sm:py-1.5',\n      },\n      active: {\n        // A raised surface rather than tinted ink: an accent colour as text on\n        // its own wash fails AA contrast. Same treatment as Tabs' pills.\n        true: 'bg-background text-foreground shadow-sm',\n        false: 'text-muted-foreground hover:text-foreground',\n      },\n    },\n    defaultVariants: { size: 'md', active: false },\n  }\n);\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Keyboard model is a radio group: one tab stop, arrows move *and* select.\n * Every option is visible, so moving the selection is the whole interaction —\n * there is nothing to \"commit\" afterwards.\n */\nexport const ViewSwitcher = React.forwardRef<HTMLDivElement, ViewSwitcherProps>(\n  function ViewSwitcher(\n    {\n      views,\n      value,\n      onValueChange,\n      label = defaultViewLabels.viewSwitcher,\n      showLabels = 'responsive',\n      size,\n      className,\n      classNames,\n      ...rest\n    },\n    ref\n  ) {\n    const options = React.useMemo<ViewOption[]>(\n      () => views.map((v) => (typeof v === 'string' ? { id: v } : v)),\n      [views]\n    );\n    const refs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n    const select = (next: ViewOption | undefined) => {\n      if (!next || next.id === value) return;\n      onValueChange(next.id);\n      // The selection owns the tab stop, so focus has to follow it.\n      requestAnimationFrame(() =>\n        refs.current[next.id]?.focus({ preventScroll: true })\n      );\n    };\n\n    // Stepping is relative to the selected view, not to whichever button received\n    // the key: focus moves asynchronously, and the two would drift apart.\n    const step = (delta: number) => {\n      const enabled = options.filter((o) => !o.disabled);\n      if (enabled.length === 0) return;\n      const current = enabled.findIndex((o) => o.id === value);\n      const from = current === -1 ? (delta > 0 ? -1 : 0) : current;\n      select(enabled[(from + delta + enabled.length) % enabled.length]);\n    };\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      const enabled = options.filter((o) => !o.disabled);\n      // Logical, not physical: ArrowRight moves to the visually next option,\n      // which is the previous one under RTL.\n      const forward =\n        getComputedStyle(event.currentTarget).direction === 'rtl' ? -1 : 1;\n      switch (event.key) {\n        case 'ArrowRight':\n          event.preventDefault();\n          step(forward);\n          break;\n        case 'ArrowLeft':\n          event.preventDefault();\n          step(-forward);\n          break;\n        case 'ArrowDown':\n          event.preventDefault();\n          step(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          step(-1);\n          break;\n        case 'Home':\n          event.preventDefault();\n          select(enabled[0]);\n          break;\n        case 'End':\n          event.preventDefault();\n          select(enabled[enabled.length - 1]);\n          break;\n        default:\n          break;\n      }\n    };\n\n    // The roving tab stop has to land on an option the browser will actually\n    // focus. A disabled `<button>` is unfocusable, so if the active option is\n    // also disabled — a controlled caller, or a `defaultView` that later got\n    // disabled — putting the only `tabIndex={0}` on it leaves the radiogroup\n    // with no keyboard entry point at all. Fall back to the first enabled\n    // option; arrows then move from there.\n    const tabStopId =\n      options.find((o) => o.id === value && !o.disabled)?.id ??\n      options.find((o) => !o.disabled)?.id;\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        data-slot=\"view-switcher\"\n        className={cn(viewSwitcherVariants({ size }), className)}\n        {...rest}\n      >\n        {options.map((option) => {\n          const meta = VIEW_META[option.id];\n          const Icon = option.icon ?? meta.icon;\n          const text = option.label ?? meta.label;\n          const active = option.id === value;\n          return (\n            <button\n              key={option.id}\n              ref={(node) => {\n                refs.current[option.id] = node;\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={active}\n              aria-label={showLabels === true ? undefined : text}\n              title={text}\n              disabled={option.disabled}\n              tabIndex={option.id === tabStopId ? 0 : -1}\n              data-slot=\"view-switcher-option\"\n              data-view={option.id}\n              className={cn(\n                optionVariants({ size, active }),\n                classNames?.option,\n                active && classNames?.activeOption\n              )}\n              onClick={() => onValueChange(option.id)}\n              onKeyDown={onKeyDown}\n            >\n              <Icon className=\"size-4 shrink-0\" aria-hidden />\n              {showLabels !== false && (\n                <span\n                  data-slot=\"view-switcher-label\"\n                  className={cn(\n                    showLabels === 'responsive' && 'hidden sm:inline'\n                  )}\n                >\n                  {text}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nexport { viewSwitcherVariants };\n"]}

package/dist/{chunk-N5O47VGS.cjs → chunk-IVGI353O.cjs}

@@ -105,5 +105,5 @@ var ClampedText = React__namespace.forwardRef(
 );
 
 exports.ClampedText = ClampedText;
-//# sourceMappingURL=chunk-N5O47VGS.cjs.map
-//# sourceMappingURL=chunk-N5O47VGS.cjs.map
+//# sourceMappingURL=chunk-IVGI353O.cjs.map
+//# sourceMappingURL=chunk-IVGI353O.cjs.map

package/dist/{chunk-N5O47VGS.cjs.map → chunk-IVGI353O.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ClampedText/ClampedText.tsx"],"names":["React","ClampedText","jsx","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,UAAA,GAAqC;AAAA,EACzC,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAcO,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA;AAAA,EAC/B,SAASC,YAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,SAAA,GAAY,GAAA;AAAA,IACZ,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUD,0BAAS,KAAK,CAAA;AAE5C,IAAA,IAAI,IAAA,CAAK,UAAU,SAAA,EAAW;AAC5B,MAAA,uBACEE,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAWC,oBAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,UACzD,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAA,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,0CAAA;AAAA,gBACA,CAAC,IAAA,KAAS,UAAA,CAAW,KAAK,CAAA,IAAK,cAAA;AAAA,eACjC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA;AAAA,gBACA,CAAC,IAAA,oBACAD,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAY,MAAA;AAAA,oBACZ,SAAA,EAAWC,oBAAA;AAAA,sBACT,qFAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA;AAAA,WAEJ;AAAA,0BACAD,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,eAAA,EAAe,IAAA;AAAA,cACf,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,cACnB,CAAA;AAAA,cACA,SAAA,EAAU,wIAAA;AAAA,cAET,iBAAO,aAAA,GAAgB;AAAA;AAAA;AAC1B;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-N5O47VGS.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {\n  /** The long text to clamp. */\n  text: string;\n  /** Lines visible while collapsed (2–8, default 6). */\n  lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** Skip the clamp entirely below this character count (default 280). */\n  threshold?: number;\n  /** Toggle labels, overridable for i18n. */\n  showMoreLabel?: string;\n  showLessLabel?: string;\n  /**\n   * Gradient start for the fade at the clamp edge — match it to the\n   * surface behind the text (default `from-card`).\n   */\n  fadeClassName?: string;\n}\n\n// Static map so Tailwind sees every clamp utility it must generate.\n// 7/8 are beyond Tailwind 3's core 1–6 scale — the preset extends\n// theme.lineClamp so TW3 consumers generate them too (TW4 accepts any\n// integer as a bare value).\nconst LINE_CLAMP: Record<number, string> = {\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n  7: 'line-clamp-7',\n  8: 'line-clamp-8',\n};\n\n/**\n * Clamps long text to N lines with a fade-out gradient and a\n * Show more / Show less toggle. Short text renders inline with no\n * toggle, so brief values stay flat. Pure presentation — ideal for\n * free-text fields (messages, notes, descriptions) inside detail\n * panels and modals.\n *\n * @example\n * ```tsx\n * <ClampedText text={note.body} lines={4} />\n * ```\n */\nexport const ClampedText = React.forwardRef<HTMLElement, ClampedTextProps>(\n  function ClampedText(\n    {\n      text,\n      lines = 6,\n      threshold = 280,\n      showMoreLabel = 'Show more',\n      showLessLabel = 'Show less',\n      fadeClassName = 'from-card',\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const [open, setOpen] = React.useState(false);\n\n    if (text.length <= threshold) {\n      return (\n        <span\n          ref={ref as React.ForwardedRef<HTMLSpanElement>}\n          className={cn('break-words whitespace-pre-wrap', className)}\n          {...props}\n        >\n          {text}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.ForwardedRef<HTMLDivElement>}\n        className={className}\n        {...props}\n      >\n        <div\n          className={cn(\n            'relative break-words whitespace-pre-wrap',\n            !open && (LINE_CLAMP[lines] ?? 'line-clamp-6')\n          )}\n        >\n          {text}\n          {!open && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t to-transparent',\n                fadeClassName\n              )}\n            />\n          )}\n        </div>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen((v) => !v);\n          }}\n          className=\"text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 mt-1 text-[11px] font-medium hover:underline\"\n        >\n          {open ? showLessLabel : showMoreLabel}\n        </button>\n      </div>\n    );\n  }\n);\n"]}
+{"version":3,"sources":["../src/components/ClampedText/ClampedText.tsx"],"names":["React","ClampedText","jsx","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,UAAA,GAAqC;AAAA,EACzC,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAcO,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA;AAAA,EAC/B,SAASC,YAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,SAAA,GAAY,GAAA;AAAA,IACZ,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUD,0BAAS,KAAK,CAAA;AAE5C,IAAA,IAAI,IAAA,CAAK,UAAU,SAAA,EAAW;AAC5B,MAAA,uBACEE,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAWC,oBAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,UACzD,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAA,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWD,oBAAA;AAAA,gBACT,0CAAA;AAAA,gBACA,CAAC,IAAA,KAAS,UAAA,CAAW,KAAK,CAAA,IAAK,cAAA;AAAA,eACjC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA;AAAA,gBACA,CAAC,IAAA,oBACAD,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAY,MAAA;AAAA,oBACZ,SAAA,EAAWC,oBAAA;AAAA,sBACT,qFAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA;AAAA,WAEJ;AAAA,0BACAD,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,eAAA,EAAe,IAAA;AAAA,cACf,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,cACnB,CAAA;AAAA,cACA,SAAA,EAAU,wIAAA;AAAA,cAET,iBAAO,aAAA,GAAgB;AAAA;AAAA;AAC1B;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-IVGI353O.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {\n  /** The long text to clamp. */\n  text: string;\n  /** Lines visible while collapsed (2–8, default 6). */\n  lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** Skip the clamp entirely below this character count (default 280). */\n  threshold?: number;\n  /** Toggle labels, overridable for i18n. */\n  showMoreLabel?: string;\n  showLessLabel?: string;\n  /**\n   * Gradient start for the fade at the clamp edge — match it to the\n   * surface behind the text (default `from-card`).\n   */\n  fadeClassName?: string;\n}\n\n// Static map so Tailwind sees every clamp utility it must generate.\n// 7/8 are beyond Tailwind 3's core 1–6 scale — the preset extends\n// theme.lineClamp so TW3 consumers generate them too (TW4 accepts any\n// integer as a bare value).\nconst LINE_CLAMP: Record<number, string> = {\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n  7: 'line-clamp-7',\n  8: 'line-clamp-8',\n};\n\n/**\n * Clamps long text to N lines with a fade-out gradient and a\n * Show more / Show less toggle. Short text renders inline with no\n * toggle, so brief values stay flat. Pure presentation — ideal for\n * free-text fields (messages, notes, descriptions) inside detail\n * panels and modals.\n *\n * @example\n * ```tsx\n * <ClampedText text={note.body} lines={4} />\n * ```\n */\nexport const ClampedText = React.forwardRef<HTMLElement, ClampedTextProps>(\n  function ClampedText(\n    {\n      text,\n      lines = 6,\n      threshold = 280,\n      showMoreLabel = 'Show more',\n      showLessLabel = 'Show less',\n      fadeClassName = 'from-card',\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const [open, setOpen] = React.useState(false);\n\n    if (text.length <= threshold) {\n      return (\n        <span\n          ref={ref as React.ForwardedRef<HTMLSpanElement>}\n          className={cn('break-words whitespace-pre-wrap', className)}\n          {...props}\n        >\n          {text}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.ForwardedRef<HTMLDivElement>}\n        className={className}\n        {...props}\n      >\n        <div\n          className={cn(\n            'relative break-words whitespace-pre-wrap',\n            !open && (LINE_CLAMP[lines] ?? 'line-clamp-6')\n          )}\n        >\n          {text}\n          {!open && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t to-transparent',\n                fadeClassName\n              )}\n            />\n          )}\n        </div>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen((v) => !v);\n          }}\n          className=\"text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 mt-1 text-[11px] font-medium hover:underline\"\n        >\n          {open ? showLessLabel : showMoreLabel}\n        </button>\n      </div>\n    );\n  }\n);\n"]}

package/dist/chunk-IWRBJHO3.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/ActivityFeed/usePendingOverrides.ts
+function usePendingOverrides() {
+  const [overrides, setOverrides] = React__namespace.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const run = React__namespace.useCallback(
+    async (id, value, action) => {
+      setOverrides((prev) => new Map(prev).set(id, value));
+      try {
+        await action();
+      } catch {
+      } finally {
+        setOverrides((prev) => {
+          const next = new Map(prev);
+          next.delete(id);
+          return next;
+        });
+      }
+    },
+    []
+  );
+  return [overrides, run];
+}
+
+exports.usePendingOverrides = usePendingOverrides;
+//# sourceMappingURL=chunk-IWRBJHO3.cjs.map
+//# sourceMappingURL=chunk-IWRBJHO3.cjs.map

package/dist/chunk-IWRBJHO3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/usePendingOverrides.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,mBAAA,GAGd;AACA,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,IACtC,0BAAU,GAAA;AAAI,GAChB;AAEA,EAAA,MAAM,GAAA,GAAYA,gBAAA,CAAA,WAAA;AAAA,IAChB,OAAO,EAAA,EAAY,KAAA,EAAU,MAAA,KAAuC;AAClE,MAAA,YAAA,CAAa,CAAC,SAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAE,GAAA,CAAI,EAAA,EAAI,KAAK,CAAC,CAAA;AACnD,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,EAAO;AAAA,MACf,CAAA,CAAA,MAAQ;AAAA,MAER,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,CAAC,IAAA,KAAS;AACrB,UAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,UAAA,IAAA,CAAK,OAAO,EAAE,CAAA;AACd,UAAA,OAAO,IAAA;AAAA,QACT,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,OAAO,CAAC,WAAW,GAAG,CAAA;AACxB","file":"chunk-IWRBJHO3.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Optimistic per-id state for async callbacks: `run` sets an override, awaits\n * the action, then drops it — on success the caller's props take over, on\n * rejection the previous value shows again. Surfacing the error is the caller's job.\n */\nexport function usePendingOverrides<V>(): [\n  ReadonlyMap<string, V>,\n  (id: string, value: V, action: () => void | Promise<void>) => Promise<void>,\n] {\n  const [overrides, setOverrides] = React.useState<ReadonlyMap<string, V>>(\n    () => new Map()\n  );\n\n  const run = React.useCallback(\n    async (id: string, value: V, action: () => void | Promise<void>) => {\n      setOverrides((prev) => new Map(prev).set(id, value));\n      try {\n        await action();\n      } catch {\n        // Restored below; the caller owns error reporting.\n      } finally {\n        setOverrides((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    []\n  );\n\n  return [overrides, run];\n}\n"]}

package/dist/{chunk-VILW53UZ.js → chunk-JMAZ2GKT.js}

@@ -1,4 +1,4 @@
-import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-5JJ2DAE4.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-TWQSMUE6.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { Keyboard } from 'lucide-react';
@@ -101,5 +101,5 @@ function KeyboardShortcutsOverlay({
 }
 
 export { Kbd, KeyboardShortcutsOverlay };
-//# sourceMappingURL=chunk-VILW53UZ.js.map
-//# sourceMappingURL=chunk-VILW53UZ.js.map
+//# sourceMappingURL=chunk-JMAZ2GKT.js.map
+//# sourceMappingURL=chunk-JMAZ2GKT.js.map

package/dist/{chunk-VILW53UZ.js.map → chunk-JMAZ2GKT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["Kbd","Fragment"],"mappings":"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","file":"chunk-VILW53UZ.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["Kbd","Fragment"],"mappings":"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","file":"chunk-JMAZ2GKT.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}

package/dist/{chunk-WWJIW2IH.cjs → chunk-JSXIB6EJ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
+var chunkYW2AKBLS_cjs = require('./chunk-YW2AKBLS.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
@@ -53,7 +53,7 @@ function Tooltip({
   const wrapperRef = React__namespace.useRef(null);
   const tooltipRef = React__namespace.useRef(null);
   const tooltipId = React__namespace.useId();
-  const prefersReducedMotion = chunk6HFFWEM3_cjs.usePrefersReducedMotion();
+  const prefersReducedMotion = chunkYW2AKBLS_cjs.usePrefersReducedMotion();
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
   const setOpen = React__namespace.useCallback(
@@ -326,5 +326,5 @@ function Tooltip({
 Tooltip.displayName = "Tooltip";
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=chunk-WWJIW2IH.cjs.map
-//# sourceMappingURL=chunk-WWJIW2IH.cjs.map
+//# sourceMappingURL=chunk-JSXIB6EJ.cjs.map
+//# sourceMappingURL=chunk-JSXIB6EJ.cjs.map

package/dist/{chunk-WWJIW2IH.cjs.map → chunk-JSXIB6EJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","usePrefersReducedMotion","jsxs","createPortal","cn"],"mappings":"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","file":"chunk-WWJIW2IH.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement<{\n    onFocus?: () => void;\n    onBlur?: () => void;\n    'aria-describedby'?: string;\n  }>;\n  /** Preferred placement of the tooltip relative to the trigger. Will flip if not enough space. */\n  placement?: TooltipPlacement;\n  /** Delay in ms before showing the tooltip */\n  delay?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name for the tooltip content */\n  className?: string;\n  /** Maximum width of the tooltip in pixels. Set to 'none' for no limit. Default: 250 */\n  maxWidth?: number | 'none';\n  /** Offset from the trigger element in pixels. Default: 8 */\n  offset?: number;\n}\n\nconst DEFAULT_OFFSET = 8;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * An accessible tooltip component that displays on hover/focus.\n * Features smart positioning that automatically flips to avoid going off-screen.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n *\n * @example\n * ```tsx\n * // With multi-line content\n * <Tooltip content=\"This is a longer description that will wrap nicely\" maxWidth={200}>\n *   <Button>Info</Button>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({\n  content,\n  children,\n  placement: preferredPlacement = 'top',\n  delay = 200,\n  disabled = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  maxWidth = 250,\n  offset = DEFAULT_OFFSET,\n}: TooltipProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [position, setPosition] = React.useState<{\n    top: number;\n    left: number;\n    actualPlacement: TooltipPlacement;\n    arrowOffset: number;\n  } | null>(null);\n  const [isDarkMode, setIsDarkMode] = React.useState(false);\n\n  const showTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const hideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const isHoveringRef = React.useRef(false);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const tooltipId = React.useId();\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const clearTimeouts = React.useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  // Calculate optimal position for tooltip\n  const calculatePosition = React.useCallback(() => {\n    if (!wrapperRef.current || !tooltipRef.current) return;\n\n    const triggerRect = wrapperRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Helper to check if placement fits\n    const fitsPlacement = (p: TooltipPlacement): boolean => {\n      switch (p) {\n        case 'top':\n          return (\n            triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING\n          );\n        case 'bottom':\n          return (\n            triggerRect.bottom + tooltipRect.height + offset <=\n            viewportHeight - VIEWPORT_PADDING\n          );\n        case 'left':\n          return (\n            triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING\n          );\n        case 'right':\n          return (\n            triggerRect.right + tooltipRect.width + offset <=\n            viewportWidth - VIEWPORT_PADDING\n          );\n      }\n    };\n\n    // Determine actual placement (flip if preferred doesn't fit)\n    let actualPlacement = preferredPlacement;\n    if (!fitsPlacement(preferredPlacement)) {\n      const opposites: Record<TooltipPlacement, TooltipPlacement> = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left',\n      };\n      const opposite = opposites[preferredPlacement];\n      if (fitsPlacement(opposite)) {\n        actualPlacement = opposite;\n      } else {\n        // Try perpendicular placements\n        const perpendicular: TooltipPlacement[] =\n          preferredPlacement === 'top' || preferredPlacement === 'bottom'\n            ? ['right', 'left']\n            : ['bottom', 'top'];\n        for (const p of perpendicular) {\n          if (fitsPlacement(p)) {\n            actualPlacement = p;\n            break;\n          }\n        }\n      }\n    }\n\n    // Calculate base position\n    let top = 0;\n    let left = 0;\n    const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n    const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n    switch (actualPlacement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'left':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - offset;\n        break;\n      case 'right':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + offset;\n        break;\n    }\n\n    // Calculate arrow offset for when tooltip is constrained\n    let arrowOffset = 0;\n    const idealLeft = left;\n\n    // Constrain to viewport (horizontal)\n    if (left < VIEWPORT_PADDING) {\n      left = VIEWPORT_PADDING;\n    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {\n      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;\n    }\n\n    // Calculate arrow offset based on how much we shifted\n    if (actualPlacement === 'top' || actualPlacement === 'bottom') {\n      arrowOffset = idealLeft - left;\n    }\n\n    // Constrain to viewport (vertical)\n    if (top < VIEWPORT_PADDING) {\n      top = VIEWPORT_PADDING;\n    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {\n      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;\n    }\n\n    setPosition({ top, left, actualPlacement, arrowOffset });\n  }, [preferredPlacement, offset]);\n\n  // Detect dark mode from document\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n\n    checkDarkMode();\n\n    // Watch for class changes on document\n    const observer = new window.MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Recalculate position when open or on scroll/resize\n  React.useEffect(() => {\n    if (!isOpen) {\n      setPosition(null);\n      return;\n    }\n\n    // Initial calculation after render\n    const rafId = window.requestAnimationFrame(() => {\n      calculatePosition();\n    });\n\n    // Recalculate on scroll/resize\n    const handleUpdate = () => calculatePosition();\n    window.addEventListener('scroll', handleUpdate, true);\n    window.addEventListener('resize', handleUpdate);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', handleUpdate, true);\n      window.removeEventListener('resize', handleUpdate);\n    };\n  }, [isOpen, calculatePosition]);\n\n  const handleMouseEnter = React.useCallback(() => {\n    if (disabled) return;\n    isHoveringRef.current = true;\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => {\n      if (isHoveringRef.current) {\n        setOpen(true);\n      }\n    }, delay);\n  }, [disabled, delay, setOpen, clearTimeouts]);\n\n  const handleMouseLeave = React.useCallback(() => {\n    isHoveringRef.current = false;\n    clearTimeouts();\n    hideTimeoutRef.current = setTimeout(() => {\n      if (!isHoveringRef.current) {\n        setOpen(false);\n      }\n    }, 100);\n  }, [setOpen, clearTimeouts]);\n\n  const handleFocus = React.useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    setOpen(true);\n  }, [disabled, setOpen, clearTimeouts]);\n\n  const handleBlur = React.useCallback(() => {\n    clearTimeouts();\n    setOpen(false);\n  }, [setOpen, clearTimeouts]);\n\n  // Cleanup timeouts on unmount\n  React.useEffect(() => {\n    return () => {\n      clearTimeouts();\n    };\n  }, [clearTimeouts]);\n\n  // Clone the child to add aria attributes and focus handlers\n  const trigger = React.cloneElement(children, {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    'aria-describedby': isOpen ? tooltipId : undefined,\n  });\n\n  // Arrow styles based on actual placement - using inline styles for border triangle\n  // Arrow color matches tooltip background (neutral-900 in light mode, neutral-100 in dark mode)\n  const getArrowStyle = (isDark: boolean): React.CSSProperties => {\n    if (!position) return {};\n    const { actualPlacement, arrowOffset } = position;\n\n    const baseStyle: React.CSSProperties = {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)\n      boxSizing: 'content-box',\n    };\n\n    const arrowSize = 5;\n    // Match tooltip background colors: bg-neutral-900 (#171717) / dark:bg-neutral-100 (#f5f5f5)\n    const arrowColor = isDark ? '#f5f5f5' : '#171717';\n\n    // Use arrowSize for positioning to create slight overlap with tooltip body\n    const arrowOffset2 = arrowSize;\n\n    switch (actualPlacement) {\n      case 'top':\n        return {\n          ...baseStyle,\n          bottom: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,\n          borderColor: `${arrowColor} transparent transparent transparent`,\n        };\n      case 'bottom':\n        return {\n          ...baseStyle,\n          top: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent ${arrowColor} transparent`,\n        };\n      case 'left':\n        return {\n          ...baseStyle,\n          right: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent transparent ${arrowColor}`,\n        };\n      case 'right':\n        return {\n          ...baseStyle,\n          left: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,\n          borderColor: `transparent ${arrowColor} transparent transparent`,\n        };\n    }\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative inline-flex\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {trigger}\n      {isOpen &&\n        !disabled &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            id={tooltipId}\n            role=\"tooltip\"\n            data-slot=\"tooltip\"\n            aria-hidden={!isOpen}\n            style={{\n              position: 'fixed',\n              top: position?.top ?? -9999,\n              left: position?.left ?? -9999,\n              maxWidth: maxWidth === 'none' ? undefined : maxWidth,\n              visibility: position ? 'visible' : 'hidden',\n              // Use inline styles to ensure they work in portals (rendered outside React tree)\n              backgroundColor: isDarkMode ? '#f5f5f5' : '#171717', // neutral-100 / neutral-900\n              color: isDarkMode ? '#171717' : '#ffffff', // neutral-900 / white\n              fontFamily:\n                'var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)',\n            }}\n            className={cn(\n              'pointer-events-none z-[9999] px-3 py-1.5 text-xs',\n              'rounded-md shadow-md',\n              'leading-normal font-semibold',\n              !prefersReducedMotion && position && 'animate-fade-in',\n              className\n            )}\n          >\n            {content}\n            {position && (\n              <span style={getArrowStyle(isDarkMode)} aria-hidden=\"true\" />\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\n"]}
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","usePrefersReducedMotion","jsxs","createPortal","cn"],"mappings":"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","file":"chunk-JSXIB6EJ.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement<{\n    onFocus?: () => void;\n    onBlur?: () => void;\n    'aria-describedby'?: string;\n  }>;\n  /** Preferred placement of the tooltip relative to the trigger. Will flip if not enough space. */\n  placement?: TooltipPlacement;\n  /** Delay in ms before showing the tooltip */\n  delay?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name for the tooltip content */\n  className?: string;\n  /** Maximum width of the tooltip in pixels. Set to 'none' for no limit. Default: 250 */\n  maxWidth?: number | 'none';\n  /** Offset from the trigger element in pixels. Default: 8 */\n  offset?: number;\n}\n\nconst DEFAULT_OFFSET = 8;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * An accessible tooltip component that displays on hover/focus.\n * Features smart positioning that automatically flips to avoid going off-screen.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n *\n * @example\n * ```tsx\n * // With multi-line content\n * <Tooltip content=\"This is a longer description that will wrap nicely\" maxWidth={200}>\n *   <Button>Info</Button>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({\n  content,\n  children,\n  placement: preferredPlacement = 'top',\n  delay = 200,\n  disabled = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  maxWidth = 250,\n  offset = DEFAULT_OFFSET,\n}: TooltipProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [position, setPosition] = React.useState<{\n    top: number;\n    left: number;\n    actualPlacement: TooltipPlacement;\n    arrowOffset: number;\n  } | null>(null);\n  const [isDarkMode, setIsDarkMode] = React.useState(false);\n\n  const showTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const hideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const isHoveringRef = React.useRef(false);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const tooltipId = React.useId();\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const clearTimeouts = React.useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  // Calculate optimal position for tooltip\n  const calculatePosition = React.useCallback(() => {\n    if (!wrapperRef.current || !tooltipRef.current) return;\n\n    const triggerRect = wrapperRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Helper to check if placement fits\n    const fitsPlacement = (p: TooltipPlacement): boolean => {\n      switch (p) {\n        case 'top':\n          return (\n            triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING\n          );\n        case 'bottom':\n          return (\n            triggerRect.bottom + tooltipRect.height + offset <=\n            viewportHeight - VIEWPORT_PADDING\n          );\n        case 'left':\n          return (\n            triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING\n          );\n        case 'right':\n          return (\n            triggerRect.right + tooltipRect.width + offset <=\n            viewportWidth - VIEWPORT_PADDING\n          );\n      }\n    };\n\n    // Determine actual placement (flip if preferred doesn't fit)\n    let actualPlacement = preferredPlacement;\n    if (!fitsPlacement(preferredPlacement)) {\n      const opposites: Record<TooltipPlacement, TooltipPlacement> = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left',\n      };\n      const opposite = opposites[preferredPlacement];\n      if (fitsPlacement(opposite)) {\n        actualPlacement = opposite;\n      } else {\n        // Try perpendicular placements\n        const perpendicular: TooltipPlacement[] =\n          preferredPlacement === 'top' || preferredPlacement === 'bottom'\n            ? ['right', 'left']\n            : ['bottom', 'top'];\n        for (const p of perpendicular) {\n          if (fitsPlacement(p)) {\n            actualPlacement = p;\n            break;\n          }\n        }\n      }\n    }\n\n    // Calculate base position\n    let top = 0;\n    let left = 0;\n    const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n    const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n    switch (actualPlacement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'left':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - offset;\n        break;\n      case 'right':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + offset;\n        break;\n    }\n\n    // Calculate arrow offset for when tooltip is constrained\n    let arrowOffset = 0;\n    const idealLeft = left;\n\n    // Constrain to viewport (horizontal)\n    if (left < VIEWPORT_PADDING) {\n      left = VIEWPORT_PADDING;\n    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {\n      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;\n    }\n\n    // Calculate arrow offset based on how much we shifted\n    if (actualPlacement === 'top' || actualPlacement === 'bottom') {\n      arrowOffset = idealLeft - left;\n    }\n\n    // Constrain to viewport (vertical)\n    if (top < VIEWPORT_PADDING) {\n      top = VIEWPORT_PADDING;\n    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {\n      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;\n    }\n\n    setPosition({ top, left, actualPlacement, arrowOffset });\n  }, [preferredPlacement, offset]);\n\n  // Detect dark mode from document\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n\n    checkDarkMode();\n\n    // Watch for class changes on document\n    const observer = new window.MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Recalculate position when open or on scroll/resize\n  React.useEffect(() => {\n    if (!isOpen) {\n      setPosition(null);\n      return;\n    }\n\n    // Initial calculation after render\n    const rafId = window.requestAnimationFrame(() => {\n      calculatePosition();\n    });\n\n    // Recalculate on scroll/resize\n    const handleUpdate = () => calculatePosition();\n    window.addEventListener('scroll', handleUpdate, true);\n    window.addEventListener('resize', handleUpdate);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', handleUpdate, true);\n      window.removeEventListener('resize', handleUpdate);\n    };\n  }, [isOpen, calculatePosition]);\n\n  const handleMouseEnter = React.useCallback(() => {\n    if (disabled) return;\n    isHoveringRef.current = true;\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => {\n      if (isHoveringRef.current) {\n        setOpen(true);\n      }\n    }, delay);\n  }, [disabled, delay, setOpen, clearTimeouts]);\n\n  const handleMouseLeave = React.useCallback(() => {\n    isHoveringRef.current = false;\n    clearTimeouts();\n    hideTimeoutRef.current = setTimeout(() => {\n      if (!isHoveringRef.current) {\n        setOpen(false);\n      }\n    }, 100);\n  }, [setOpen, clearTimeouts]);\n\n  const handleFocus = React.useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    setOpen(true);\n  }, [disabled, setOpen, clearTimeouts]);\n\n  const handleBlur = React.useCallback(() => {\n    clearTimeouts();\n    setOpen(false);\n  }, [setOpen, clearTimeouts]);\n\n  // Cleanup timeouts on unmount\n  React.useEffect(() => {\n    return () => {\n      clearTimeouts();\n    };\n  }, [clearTimeouts]);\n\n  // Clone the child to add aria attributes and focus handlers\n  const trigger = React.cloneElement(children, {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    'aria-describedby': isOpen ? tooltipId : undefined,\n  });\n\n  // Arrow styles based on actual placement - using inline styles for border triangle\n  // Arrow color matches tooltip background (neutral-900 in light mode, neutral-100 in dark mode)\n  const getArrowStyle = (isDark: boolean): React.CSSProperties => {\n    if (!position) return {};\n    const { actualPlacement, arrowOffset } = position;\n\n    const baseStyle: React.CSSProperties = {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)\n      boxSizing: 'content-box',\n    };\n\n    const arrowSize = 5;\n    // Match tooltip background colors: bg-neutral-900 (#171717) / dark:bg-neutral-100 (#f5f5f5)\n    const arrowColor = isDark ? '#f5f5f5' : '#171717';\n\n    // Use arrowSize for positioning to create slight overlap with tooltip body\n    const arrowOffset2 = arrowSize;\n\n    switch (actualPlacement) {\n      case 'top':\n        return {\n          ...baseStyle,\n          bottom: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,\n          borderColor: `${arrowColor} transparent transparent transparent`,\n        };\n      case 'bottom':\n        return {\n          ...baseStyle,\n          top: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent ${arrowColor} transparent`,\n        };\n      case 'left':\n        return {\n          ...baseStyle,\n          right: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent transparent ${arrowColor}`,\n        };\n      case 'right':\n        return {\n          ...baseStyle,\n          left: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,\n          borderColor: `transparent ${arrowColor} transparent transparent`,\n        };\n    }\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative inline-flex\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {trigger}\n      {isOpen &&\n        !disabled &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            id={tooltipId}\n            role=\"tooltip\"\n            data-slot=\"tooltip\"\n            aria-hidden={!isOpen}\n            style={{\n              position: 'fixed',\n              top: position?.top ?? -9999,\n              left: position?.left ?? -9999,\n              maxWidth: maxWidth === 'none' ? undefined : maxWidth,\n              visibility: position ? 'visible' : 'hidden',\n              // Use inline styles to ensure they work in portals (rendered outside React tree)\n              backgroundColor: isDarkMode ? '#f5f5f5' : '#171717', // neutral-100 / neutral-900\n              color: isDarkMode ? '#171717' : '#ffffff', // neutral-900 / white\n              fontFamily:\n                'var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)',\n            }}\n            className={cn(\n              'pointer-events-none z-[9999] px-3 py-1.5 text-xs',\n              'rounded-md shadow-md',\n              'leading-normal font-semibold',\n              !prefersReducedMotion && position && 'animate-fade-in',\n              className\n            )}\n          >\n            {content}\n            {position && (\n              <span style={getArrowStyle(isDarkMode)} aria-hidden=\"true\" />\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\n"]}

package/dist/{chunk-KRU6IGV7.js → chunk-JUJGWUAN.js}

@@ -37,6 +37,7 @@ var Accordion = React.forwardRef(
     onOpenChange,
     collapsible = true,
     headingLevel: Heading = "h3",
+    storageKey,
     variant,
     className,
     ...props
@@ -45,11 +46,26 @@ var Accordion = React.forwardRef(
     const [internalOpen, setInternalOpen] = React.useState(
       () => defaultOpenIds ?? []
     );
+    const persists = Boolean(storageKey) && controlledOpen === void 0;
+    React.useEffect(() => {
+      if (!persists || !storageKey) return;
+      try {
+        const stored = JSON.parse(
+          window.localStorage.getItem(storageKey) ?? "null"
+        );
+        if (Array.isArray(stored)) {
+          setInternalOpen(
+            stored.filter((id) => typeof id === "string")
+          );
+        }
+      } catch {
+      }
+    }, [persists, storageKey]);
     const rawOpen = controlledOpen ?? internalOpen;
-    const open = React.useMemo(
-      () => type === "single" ? rawOpen.slice(0, 1) : rawOpen,
-      [type, rawOpen]
-    );
+    const open = React.useMemo(() => {
+      const known = persists ? rawOpen.filter((id) => items.some((item) => item.id === id)) : rawOpen;
+      return type === "single" ? known.slice(0, 1) : known;
+    }, [type, rawOpen, persists, items]);
     const openSet = React.useMemo(() => new Set(open), [open]);
     const toggle = (id) => {
       let next;
@@ -60,6 +76,12 @@ var Accordion = React.forwardRef(
         next = type === "single" ? [id] : [...open, id];
       }
       if (controlledOpen === void 0) setInternalOpen(next);
+      if (persists && storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, JSON.stringify(next));
+        } catch {
+        }
+      }
       onOpenChange?.(next);
     };
     return /* @__PURE__ */ jsx(
@@ -133,5 +155,5 @@ var Accordion = React.forwardRef(
 );
 
 export { Accordion };
-//# sourceMappingURL=chunk-KRU6IGV7.js.map
-//# sourceMappingURL=chunk-KRU6IGV7.js.map
+//# sourceMappingURL=chunk-JUJGWUAN.js.map
+//# sourceMappingURL=chunk-JUJGWUAN.js.map

package/dist/chunk-JUJGWUAN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["Accordion"],"mappings":"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","file":"chunk-JUJGWUAN.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst accordionVariants = cva('', {\n  variants: {\n    variant: {\n      // Each item is its own card with spacing between\n      separated: 'flex flex-col gap-3',\n      // One bordered list with dividers\n      joined: 'border-border divide-border divide-y rounded-lg border',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\nconst itemVariants = cva('overflow-hidden', {\n  variants: {\n    variant: {\n      separated: 'border-border bg-card rounded-lg border',\n      joined: 'bg-card first:rounded-t-lg last:rounded-b-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AccordionItem {\n  /** Stable id used for open state and aria wiring. */\n  id: string;\n  /** Header label (e.g. an FAQ question). */\n  title: React.ReactNode;\n  /** Panel content (e.g. the answer). */\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof accordionVariants> {\n  items: AccordionItem[];\n  /** `single` keeps at most one panel open; `multiple` allows any number. */\n  type?: 'single' | 'multiple';\n  /** Ids open initially (uncontrolled). */\n  defaultOpenIds?: string[];\n  /** Controlled open ids. Changes reported via `onOpenChange`. */\n  openIds?: string[];\n  onOpenChange?: (openIds: string[]) => void;\n  /** In `single` mode, allow closing the open panel (default true). */\n  collapsible?: boolean;\n  /** Heading level wrapping each trigger for document outline (default h3). */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n  /**\n   * Persists the open ids in `localStorage` under this key (uncontrolled\n   * only). Restored after mount, so server and hydration renders use\n   * `defaultOpenIds`.\n   */\n  storageKey?: string;\n}\n\n// =============================================================================\n// Accordion\n// =============================================================================\n\n/**\n * A vertically stacked set of expandable panels — FAQ lists, settings\n * groups, progressive disclosure. Panels animate open to their natural\n * height (CSS grid rows, no max-height clipping), and headers are real\n * buttons inside headings with full `aria-expanded`/`aria-controls` wiring.\n *\n * @example\n * ```tsx\n * <Accordion\n *   type=\"single\"\n *   items={[\n *     { id: 'pricing', title: 'How is pricing calculated?', content: <p>…</p> },\n *     { id: 'billing', title: 'When am I billed?', content: <p>…</p> },\n *   ]}\n * />\n * ```\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      items,\n      type = 'single',\n      defaultOpenIds,\n      openIds: controlledOpen,\n      onOpenChange,\n      collapsible = true,\n      headingLevel: Heading = 'h3',\n      storageKey,\n      variant,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const baseId = React.useId();\n    const [internalOpen, setInternalOpen] = React.useState<string[]>(\n      () => defaultOpenIds ?? []\n    );\n    const persists = Boolean(storageKey) && controlledOpen === undefined;\n\n    React.useEffect(() => {\n      if (!persists || !storageKey) return;\n      try {\n        const stored: unknown = JSON.parse(\n          window.localStorage.getItem(storageKey) ?? 'null'\n        );\n        if (Array.isArray(stored)) {\n          setInternalOpen(\n            stored.filter((id): id is string => typeof id === 'string')\n          );\n        }\n      } catch {\n        // Storage blocked or value corrupt: keep defaultOpenIds.\n      }\n    }, [persists, storageKey]);\n    const rawOpen = controlledOpen ?? internalOpen;\n    // Single mode keeps at most one panel open, even if defaultOpenIds or a\n    // controlled openIds array hands us several. Stored ids for removed items\n    // are dropped first so they can't crowd out a valid one.\n    const open = React.useMemo(() => {\n      const known = persists\n        ? rawOpen.filter((id) => items.some((item) => item.id === id))\n        : rawOpen;\n      return type === 'single' ? known.slice(0, 1) : known;\n    }, [type, rawOpen, persists, items]);\n    const openSet = React.useMemo(() => new Set(open), [open]);\n\n    const toggle = (id: string) => {\n      let next: string[];\n      if (openSet.has(id)) {\n        if (type === 'single' && !collapsible) return;\n        next = open.filter((o) => o !== id);\n      } else {\n        next = type === 'single' ? [id] : [...open, id];\n      }\n      if (controlledOpen === undefined) setInternalOpen(next);\n      if (persists && storageKey) {\n        try {\n          window.localStorage.setItem(storageKey, JSON.stringify(next));\n        } catch {\n          // Storage blocked or full; state still updates in memory.\n        }\n      }\n      onOpenChange?.(next);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(accordionVariants({ variant }), className)}\n        {...props}\n      >\n        {items.map((item) => {\n          const isOpen = openSet.has(item.id);\n          const triggerId = `${baseId}-${item.id}-trigger`;\n          const panelId = `${baseId}-${item.id}-panel`;\n          return (\n            <div key={item.id} className={cn(itemVariants({ variant }))}>\n              <Heading className=\"m-0\">\n                <button\n                  type=\"button\"\n                  id={triggerId}\n                  data-slot=\"accordion-trigger\"\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  disabled={item.disabled}\n                  onClick={() => toggle(item.id)}\n                  className={cn(\n                    'hover:bg-muted/60 flex w-full items-center justify-between gap-4 px-5 py-4 text-start transition-colors',\n                    'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-50'\n                  )}\n                >\n                  <span className=\"text-foreground min-w-0 text-sm font-semibold\">\n                    {item.title}\n                  </span>\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'text-muted-foreground h-5 w-5 shrink-0 transition-transform duration-200',\n                      isOpen && 'rotate-180'\n                    )}\n                  />\n                </button>\n              </Heading>\n              {/* grid-rows 0fr→1fr animates to natural height without a max-height clip;\n                  collapsed panels are hidden from AT and unfocusable via aria-hidden + inert */}\n              <div\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                aria-hidden={!isOpen}\n                inert={!isOpen || undefined}\n                className={cn(\n                  'grid transition-[grid-template-rows] duration-200 ease-out',\n                  isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  <div\n                    data-slot=\"accordion-content\"\n                    className=\"text-muted-foreground px-5 pb-4 text-sm leading-relaxed\"\n                  >\n                    {item.content}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n"]}

package/dist/{chunk-FXO5ARBB.cjs → chunk-KDW6BD4O.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk7IKLGH3Z_cjs = require('./chunk-7IKLGH3Z.cjs');
-var chunkVNYW4C4J_cjs = require('./chunk-VNYW4C4J.cjs');
+var chunkDXEPYK3I_cjs = require('./chunk-DXEPYK3I.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -141,7 +141,7 @@ function SectionSpyNav({
             href: cta.href,
             onClick: () => onCtaClick?.(cta),
             className: chunkS5RVSXDV_cjs.cn(
-              chunkVNYW4C4J_cjs.buttonVariants({
+              chunkDXEPYK3I_cjs.buttonVariants({
                 variant: CTA_TIER_VARIANT[cta.tier ?? "explore"],
                 size: "sm"
               }),
@@ -160,5 +160,5 @@ function SectionSpyNav({
 }
 
 exports.SectionSpyNav = SectionSpyNav;
-//# sourceMappingURL=chunk-FXO5ARBB.cjs.map
-//# sourceMappingURL=chunk-FXO5ARBB.cjs.map
+//# sourceMappingURL=chunk-KDW6BD4O.cjs.map
+//# sourceMappingURL=chunk-KDW6BD4O.cjs.map