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

package/dist/chunk-7HUTR6RX.js

@@ -0,0 +1,178 @@
+import { InlineEdit } from './chunk-M3VPGJMV.js';
+import { CopyButton } from './chunk-5QZ73PZC.js';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-VSRO4PAI.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var defaultPropertyListLabels = {
+  empty: "\u2014",
+  copy: (label) => `Copy ${label}`,
+  copied: "Copied",
+  showEmpty: (count) => `Show ${count} empty field${count === 1 ? "" : "s"}`,
+  hideEmpty: (count) => `Hide ${count} empty field${count === 1 ? "" : "s"}`
+};
+var listVariants = cva("m-0", {
+  variants: {
+    density: { comfortable: "space-y-3", compact: "space-y-1" }
+  },
+  defaultVariants: { density: "comfortable" }
+});
+var rowVariants = cva("min-w-0", {
+  variants: {
+    layout: {
+      stacked: "flex flex-col gap-0.5",
+      inline: "grid gap-0.5 sm:grid-cols-[minmax(7rem,40%)_minmax(0,1fr)] sm:items-baseline sm:gap-3"
+    }
+  },
+  defaultVariants: { layout: "stacked" }
+});
+var toText = (value) => value == null ? "" : String(value);
+function PropertyRows({
+  items,
+  layout,
+  density,
+  hideEmpty,
+  onSave,
+  labels,
+  inlineEditLabels
+}) {
+  const [showEmpty, setShowEmpty] = React.useState(false);
+  const id = React.useId();
+  const isEmpty = (item) => toText(item.value).trim() === "";
+  const emptyCount = hideEmpty ? items.filter(isEmpty).length : 0;
+  const visible = hideEmpty && !showEmpty ? items.filter((i) => !isEmpty(i)) : items;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("dl", { "data-slot": "property-list-items", className: listVariants({ density }), children: visible.map((item, index) => {
+      const text = toText(item.value);
+      const editable = item.editable && !!onSave;
+      const hintId = `${id}-hint-${index}`;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "property-list-row",
+          className: rowVariants({ layout }),
+          children: [
+            /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground px-2 text-xs font-medium sm:text-sm", children: item.label }),
+            /* @__PURE__ */ jsxs("dd", { className: "m-0 min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  InlineEdit,
+                  {
+                    className: "min-w-0 flex-1",
+                    size: "sm",
+                    label: item.label,
+                    value: text,
+                    type: item.type,
+                    options: item.options,
+                    validate: item.validate,
+                    formatDisplay: item.render,
+                    placeholder: editable ? item.placeholder ?? labels.empty : labels.empty,
+                    readOnly: !editable,
+                    labels: inlineEditLabels,
+                    "aria-describedby": item.hint ? hintId : void 0,
+                    onSave: (next) => onSave?.(item.key, next)
+                  }
+                ),
+                item.copyable && text && /* @__PURE__ */ jsx(
+                  CopyButton,
+                  {
+                    value: text,
+                    label: labels.copy(item.label),
+                    copiedLabel: labels.copied
+                  }
+                )
+              ] }),
+              item.hint && /* @__PURE__ */ jsx(
+                "p",
+                {
+                  id: hintId,
+                  className: "text-muted-foreground mt-0.5 px-2 text-xs",
+                  children: item.hint
+                }
+              )
+            ] })
+          ]
+        },
+        item.key
+      );
+    }) }),
+    emptyCount > 0 && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "data-slot": "property-list-empty-toggle",
+        "aria-expanded": showEmpty,
+        onClick: () => setShowEmpty((v) => !v),
+        className: "text-muted-foreground hover:text-foreground focus-visible:ring-ring mt-1 rounded px-2 py-1 text-xs focus-visible:ring-2 focus-visible:outline-none",
+        children: showEmpty ? labels.hideEmpty(emptyCount) : labels.showEmpty(emptyCount)
+      }
+    )
+  ] });
+}
+var PropertyList = React.forwardRef(
+  function PropertyList2({
+    items,
+    groups,
+    onSave,
+    hideEmpty,
+    layout,
+    density,
+    headingLevel = 3,
+    storageKey,
+    labels: labelOverrides,
+    inlineEditLabels,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultPropertyListLabels, ...labelOverrides };
+    const rowProps = {
+      layout: layout ?? "stacked",
+      density: density ?? "comfortable",
+      hideEmpty,
+      onSave,
+      labels,
+      inlineEditLabels
+    };
+    const Heading = `h${headingLevel}`;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "property-list",
+        className: cn("min-w-0", className),
+        ...props,
+        children: groups ? groups.map((group) => /* @__PURE__ */ jsxs(
+          Collapsible,
+          {
+            defaultOpen: group.defaultOpen ?? true,
+            storageKey: storageKey && `${storageKey}:${group.id}`,
+            "data-slot": "property-list-group",
+            className: "border-border border-b py-1 last:border-b-0",
+            children: [
+              /* @__PURE__ */ jsx(Heading, { className: "m-0", children: /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center gap-2 rounded-md px-2 py-2 text-start text-sm font-semibold focus-visible:ring-2 focus-visible:outline-none", children: [
+                /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    "aria-hidden": "true",
+                    className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform group-data-[state=closed]:-rotate-90 motion-reduce:transition-none rtl:group-data-[state=closed]:rotate-90"
+                  }
+                ),
+                group.title
+              ] }) }),
+              /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "pb-2", children: /* @__PURE__ */ jsx(PropertyRows, { items: group.items, ...rowProps }) }) })
+            ]
+          },
+          group.id
+        )) : /* @__PURE__ */ jsx(PropertyRows, { items: items ?? [], ...rowProps })
+      }
+    );
+  }
+);
+PropertyList.displayName = "PropertyList";
+
+export { PropertyList, defaultPropertyListLabels };
+//# sourceMappingURL=chunk-7HUTR6RX.js.map
+//# sourceMappingURL=chunk-7HUTR6RX.js.map

package/dist/chunk-7HUTR6RX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PropertyList/PropertyList.tsx"],"names":["PropertyList"],"mappings":"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","file":"chunk-7HUTR6RX.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../Collapsible';\nimport { CopyButton } from '../CopyButton';\nimport {\n  InlineEdit,\n  type InlineEditLabels,\n  type InlineEditOption,\n  type InlineEditType,\n} from '../InlineEdit';\n\nexport interface PropertyListItem {\n  key: string;\n  label: string;\n  value: string | number | null | undefined;\n  /** Control used when editing; also drives display formatting. */\n  type?: InlineEditType;\n  options?: InlineEditOption[];\n  /** Edit in place with `InlineEdit` (requires `onSave`). */\n  editable?: boolean;\n  /** Helper text under the value. */\n  hint?: string;\n  /** Show a copy-to-clipboard button for non-empty values. */\n  copyable?: boolean;\n  /** Custom display of a non-empty value. */\n  render?: (value: string) => React.ReactNode;\n  validate?: (value: string) => string | undefined;\n  /** Shown for an empty editable value instead of `labels.empty`. */\n  placeholder?: string;\n}\n\nexport interface PropertyListGroup {\n  id: string;\n  title: string;\n  items: PropertyListItem[];\n  /** Defaults to true. */\n  defaultOpen?: boolean;\n}\n\nexport interface PropertyListLabels {\n  /** Shown for empty values. */\n  empty: string;\n  copy: (label: string) => string;\n  copied: string;\n  showEmpty: (count: number) => string;\n  hideEmpty: (count: number) => string;\n}\n\nexport const defaultPropertyListLabels: PropertyListLabels = {\n  empty: '—',\n  copy: (label) => `Copy ${label}`,\n  copied: 'Copied',\n  showEmpty: (count) => `Show ${count} empty field${count === 1 ? '' : 's'}`,\n  hideEmpty: (count) => `Hide ${count} empty field${count === 1 ? '' : 's'}`,\n};\n\nconst listVariants = cva('m-0', {\n  variants: {\n    density: { comfortable: 'space-y-3', compact: 'space-y-1' },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\nconst rowVariants = cva('min-w-0', {\n  variants: {\n    layout: {\n      stacked: 'flex flex-col gap-0.5',\n      inline:\n        'grid gap-0.5 sm:grid-cols-[minmax(7rem,40%)_minmax(0,1fr)] sm:items-baseline sm:gap-3',\n    },\n  },\n  defaultVariants: { layout: 'stacked' },\n});\n\ntype Layout = NonNullable<VariantProps<typeof rowVariants>['layout']>;\ntype Density = NonNullable<VariantProps<typeof listVariants>['density']>;\n\nexport interface PropertyListProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof listVariants>,\n    VariantProps<typeof rowVariants> {\n  /** Flat list of properties. Ignored when `groups` is set. */\n  items?: PropertyListItem[];\n  /** Collapsible sections of properties. */\n  groups?: PropertyListGroup[];\n  /** Persist an edited value. Rejecting restores the previous value. */\n  onSave?: (key: string, value: string) => void | Promise<void>;\n  /** Hide empty values behind a \"Show N empty fields\" toggle. */\n  hideEmpty?: boolean;\n  /** Heading level for group titles. */\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n  /** Remember each group's open state in localStorage under `${storageKey}:${group.id}`. */\n  storageKey?: string;\n  /** Translatable strings. */\n  labels?: Partial<PropertyListLabels>;\n  /** Strings forwarded to each `InlineEdit`. */\n  inlineEditLabels?: Partial<InlineEditLabels>;\n}\n\nconst toText = (value: PropertyListItem['value']) =>\n  value == null ? '' : String(value);\n\ninterface RowsProps {\n  items: PropertyListItem[];\n  layout: Layout;\n  density: Density;\n  hideEmpty?: boolean;\n  onSave?: PropertyListProps['onSave'];\n  labels: PropertyListLabels;\n  inlineEditLabels?: Partial<InlineEditLabels>;\n}\n\nfunction PropertyRows({\n  items,\n  layout,\n  density,\n  hideEmpty,\n  onSave,\n  labels,\n  inlineEditLabels,\n}: RowsProps) {\n  const [showEmpty, setShowEmpty] = React.useState(false);\n  const id = React.useId();\n  const isEmpty = (item: PropertyListItem) => toText(item.value).trim() === '';\n  const emptyCount = hideEmpty ? items.filter(isEmpty).length : 0;\n  const visible =\n    hideEmpty && !showEmpty ? items.filter((i) => !isEmpty(i)) : items;\n\n  return (\n    <>\n      <dl data-slot=\"property-list-items\" className={listVariants({ density })}>\n        {visible.map((item, index) => {\n          const text = toText(item.value);\n          const editable = item.editable && !!onSave;\n          const hintId = `${id}-hint-${index}`;\n          return (\n            <div\n              key={item.key}\n              data-slot=\"property-list-row\"\n              className={rowVariants({ layout })}\n            >\n              <dt className=\"text-muted-foreground px-2 text-xs font-medium sm:text-sm\">\n                {item.label}\n              </dt>\n              <dd className=\"m-0 min-w-0\">\n                <div className=\"flex min-w-0 items-center gap-1\">\n                  <InlineEdit\n                    className=\"min-w-0 flex-1\"\n                    size=\"sm\"\n                    label={item.label}\n                    value={text}\n                    type={item.type}\n                    options={item.options}\n                    validate={item.validate}\n                    formatDisplay={item.render}\n                    placeholder={\n                      editable\n                        ? (item.placeholder ?? labels.empty)\n                        : labels.empty\n                    }\n                    readOnly={!editable}\n                    labels={inlineEditLabels}\n                    aria-describedby={item.hint ? hintId : undefined}\n                    onSave={(next) => onSave?.(item.key, next)}\n                  />\n                  {item.copyable && text && (\n                    <CopyButton\n                      value={text}\n                      label={labels.copy(item.label)}\n                      copiedLabel={labels.copied}\n                    />\n                  )}\n                </div>\n                {item.hint && (\n                  <p\n                    id={hintId}\n                    className=\"text-muted-foreground mt-0.5 px-2 text-xs\"\n                  >\n                    {item.hint}\n                  </p>\n                )}\n              </dd>\n            </div>\n          );\n        })}\n      </dl>\n      {emptyCount > 0 && (\n        <button\n          type=\"button\"\n          data-slot=\"property-list-empty-toggle\"\n          aria-expanded={showEmpty}\n          onClick={() => setShowEmpty((v) => !v)}\n          className=\"text-muted-foreground hover:text-foreground focus-visible:ring-ring mt-1 rounded px-2 py-1 text-xs focus-visible:ring-2 focus-visible:outline-none\"\n        >\n          {showEmpty\n            ? labels.hideEmpty(emptyCount)\n            : labels.showEmpty(emptyCount)}\n        </button>\n      )}\n    </>\n  );\n}\n\n/**\n * Label/value pairs as a description list, with optional in-place editing,\n * copy buttons and collapsible groups.\n */\nexport const PropertyList = React.forwardRef<HTMLDivElement, PropertyListProps>(\n  function PropertyList(\n    {\n      items,\n      groups,\n      onSave,\n      hideEmpty,\n      layout,\n      density,\n      headingLevel = 3,\n      storageKey,\n      labels: labelOverrides,\n      inlineEditLabels,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultPropertyListLabels, ...labelOverrides };\n    const rowProps = {\n      layout: layout ?? 'stacked',\n      density: density ?? 'comfortable',\n      hideEmpty,\n      onSave,\n      labels,\n      inlineEditLabels,\n    };\n    const Heading = `h${headingLevel}` as 'h3';\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"property-list\"\n        className={cn('min-w-0', className)}\n        {...props}\n      >\n        {groups ? (\n          groups.map((group) => (\n            <Collapsible\n              key={group.id}\n              defaultOpen={group.defaultOpen ?? true}\n              storageKey={storageKey && `${storageKey}:${group.id}`}\n              data-slot=\"property-list-group\"\n              className=\"border-border border-b py-1 last:border-b-0\"\n            >\n              <Heading className=\"m-0\">\n                <CollapsibleTrigger className=\"group text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center gap-2 rounded-md px-2 py-2 text-start text-sm font-semibold focus-visible:ring-2 focus-visible:outline-none\">\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className=\"text-muted-foreground h-4 w-4 shrink-0 transition-transform group-data-[state=closed]:-rotate-90 motion-reduce:transition-none rtl:group-data-[state=closed]:rotate-90\"\n                  />\n                  {group.title}\n                </CollapsibleTrigger>\n              </Heading>\n              <CollapsibleContent>\n                <div className=\"pb-2\">\n                  <PropertyRows items={group.items} {...rowProps} />\n                </div>\n              </CollapsibleContent>\n            </Collapsible>\n          ))\n        ) : (\n          <PropertyRows items={items ?? []} {...rowProps} />\n        )}\n      </div>\n    );\n  }\n);\n\nPropertyList.displayName = 'PropertyList';\n"]}

package/dist/chunk-7IRTD4JT.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var chunkYGA35Z2P_cjs = require('./chunk-YGA35Z2P.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function RecordState({
+  kind,
+  slot,
+  message,
+  retryLabel,
+  onRetry,
+  rows = 3,
+  className,
+  children
+}) {
+  if (kind === "loading") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "status",
+        "data-slot": slot,
+        className: chunkS5RVSXDV_cjs.cn("space-y-4 p-4", className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: message }),
+          Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkYGA35Z2P_cjs.Skeleton, { circle: true, width: 28, height: 28, className: "shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkYGA35Z2P_cjs.Skeleton, { variant: "text", width: "60%" }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkYGA35Z2P_cjs.Skeleton, { variant: "text", width: "35%" })
+            ] })
+          ] }, i))
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": slot,
+      className: chunkS5RVSXDV_cjs.cn(
+        "text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm",
+        className
+      ),
+      children: [
+        kind === "error" ? /* @__PURE__ */ jsxRuntime.jsxs("p", { role: "alert", className: "text-foreground flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: "text-destructive size-4", "aria-hidden": true }),
+          message
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { children: message }),
+        onRetry && retryLabel && /* @__PURE__ */ jsxRuntime.jsx(chunkANMX7YDL_cjs.Button, { variant: "ghost", size: "sm", onClick: onRetry, children: retryLabel }),
+        children
+      ]
+    }
+  );
+}
+
+exports.RecordState = RecordState;
+//# sourceMappingURL=chunk-7IRTD4JT.cjs.map
+//# sourceMappingURL=chunk-7IRTD4JT.cjs.map

package/dist/chunk-7IRTD4JT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/RecordState.tsx"],"names":["jsxs","cn","jsx","Skeleton","TriangleAlert","Button"],"mappings":";;;;;;;;AAuBO,SAAS,WAAA,CAAY;AAAA,EAC1B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,CAAA;AAAA,EACP,SAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,uBACEA,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAWC,oBAAA,CAAG,eAAA,EAAiB,SAAS,CAAA;AAAA,QAExC,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,UAClC,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,IAAA,EAAK,EAAG,CAAC,CAAA,EAAG,CAAA,qBAChCF,eAAA,CAAC,KAAA,EAAA,EAAY,SAAA,EAAU,yBAAA,EACrB,QAAA,EAAA;AAAA,4BAAAE,cAAA,CAACC,0BAAA,EAAA,EAAS,QAAM,IAAA,EAAC,KAAA,EAAO,IAAI,MAAA,EAAQ,EAAA,EAAI,WAAU,UAAA,EAAW,CAAA;AAAA,4BAC7DH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACb,QAAA,EAAA;AAAA,8BAAAE,cAAA,CAACC,0BAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,KAAA,EAAM,KAAA,EAAM,CAAA;AAAA,8BACrCD,cAAA,CAACC,0BAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,OAAM,KAAA,EAAM;AAAA,aAAA,EACvC;AAAA,WAAA,EAAA,EALQ,CAMV,CACD;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACA,EAAA,uBACEH,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWC,oBAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,0BACRD,eAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,OAAA,EAAQ,WAAU,yCAAA,EACxB,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAACE,yBAAA,EAAA,EAAc,SAAA,EAAU,yBAAA,EAA0B,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,UAC9D;AAAA,SAAA,EACH,CAAA,mBAEAF,cAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAEb,OAAA,IAAW,UAAA,oBACVA,cAAA,CAACG,wBAAA,EAAA,EAAO,OAAA,EAAQ,SAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,OAAA,EACxC,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,QAED;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-7IRTD4JT.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { TriangleAlert } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Skeleton } from '../Skeleton';\n\nexport interface RecordStateProps {\n  kind: 'loading' | 'error' | 'empty';\n  /** `data-slot` value, so each module keeps its own slot name. */\n  slot: string;\n  message: string;\n  retryLabel?: string;\n  onRetry?: () => void;\n  /** Skeleton rows while loading. */\n  rows?: number;\n  className?: string;\n  /** Extra actions under an empty or error message. */\n  children?: React.ReactNode;\n}\n\n/** The loading, error and empty states shared by the Records modules. */\nexport function RecordState({\n  kind,\n  slot,\n  message,\n  retryLabel,\n  onRetry,\n  rows = 3,\n  className,\n  children,\n}: RecordStateProps) {\n  if (kind === 'loading') {\n    return (\n      <div\n        role=\"status\"\n        data-slot={slot}\n        className={cn('space-y-4 p-4', className)}\n      >\n        <span className=\"sr-only\">{message}</span>\n        {Array.from({ length: rows }, (_, i) => (\n          <div key={i} className=\"flex items-center gap-3\">\n            <Skeleton circle width={28} height={28} className=\"shrink-0\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton variant=\"text\" width=\"60%\" />\n              <Skeleton variant=\"text\" width=\"35%\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n  return (\n    <div\n      data-slot={slot}\n      className={cn(\n        'text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm',\n        className\n      )}\n    >\n      {kind === 'error' ? (\n        <p role=\"alert\" className=\"text-foreground flex items-center gap-2\">\n          <TriangleAlert className=\"text-destructive size-4\" aria-hidden />\n          {message}\n        </p>\n      ) : (\n        <p>{message}</p>\n      )}\n      {onRetry && retryLabel && (\n        <Button variant=\"ghost\" size=\"sm\" onClick={onRetry}>\n          {retryLabel}\n        </Button>\n      )}\n      {children}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-KZFBQ7GY.js → chunk-7QW6TU4X.js}

@@ -1,4 +1,4 @@
-import { FenceBlock } from './chunk-H4ZXMQQW.js';
+import { FenceBlock } from './chunk-HDY7YQFX.js';
 import DOMPurify from 'dompurify';
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -144,5 +144,5 @@ var MermaidBlock = ({ code, id }) => {
 };
 
 export { MermaidBlock };
-//# sourceMappingURL=chunk-KZFBQ7GY.js.map
-//# sourceMappingURL=chunk-KZFBQ7GY.js.map
+//# sourceMappingURL=chunk-7QW6TU4X.js.map
+//# sourceMappingURL=chunk-7QW6TU4X.js.map

package/dist/{chunk-KZFBQ7GY.js.map → chunk-7QW6TU4X.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/MermaidBlock.tsx"],"names":[],"mappings":"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","file":"chunk-KZFBQ7GY.js","sourcesContent":["/**\n * MermaidBlock — Renders Mermaid diagrams.\n * Requires `mermaid` to be installed by the consumer (optional peer dependency).\n */\nimport DOMPurify from 'dompurify';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface MermaidBlockProps {\n  code: string;\n  id: string;\n}\n\ntype MermaidApi = {\n  initialize: (config: Record<string, unknown>) => void;\n  parse: (text: string) => Promise<unknown>;\n  render: (id: string, text: string) => Promise<{ svg: string }>;\n};\n\nlet mermaidInstance: MermaidApi | null = null;\nlet mermaidReady: Promise<MermaidApi> | null = null;\nlet mermaidTheme: 'dark' | 'default' = 'default';\n\nfunction currentTheme(): 'dark' | 'default' {\n  return document.documentElement.classList.contains('dark') ||\n    document.documentElement.getAttribute('data-theme') === 'dark'\n    ? 'dark'\n    : 'default';\n}\n\nfunction buildConfig(theme: 'dark' | 'default'): Record<string, unknown> {\n  const base: Record<string, unknown> = {\n    startOnLoad: false,\n    theme,\n    securityLevel: 'strict',\n  };\n  if (theme === 'dark') {\n    base.themeVariables = {\n      nodeBorder: '#6b7280',\n      mainBkg: '#4a4a4a',\n      nodeTextColor: '#ffffff',\n      clusterBkg: '#374151',\n      titleColor: '#ffffff',\n      edgeLabelBackground: '#374151',\n      lineColor: '#9ca3af',\n    };\n  }\n  return base;\n}\n\nasync function getMermaid(): Promise<MermaidApi> {\n  const theme = currentTheme();\n  if (mermaidInstance) {\n    if (theme !== mermaidTheme) {\n      mermaidTheme = theme;\n      mermaidInstance.initialize(buildConfig(theme));\n    }\n    return mermaidInstance;\n  }\n  if (!mermaidReady) {\n    mermaidReady = import(/* @vite-ignore */ 'mermaid').then((mod) => {\n      const m = (mod as { default: MermaidApi }).default;\n      mermaidTheme = currentTheme();\n      m.initialize(buildConfig(mermaidTheme));\n      mermaidInstance = m;\n      return m;\n    });\n  }\n  return mermaidReady;\n}\n\nfunction sanitiseSvg(svg: string): string {\n  return DOMPurify.sanitize(svg, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // Allow <style> so mermaid's embedded CSS applies, and <foreignObject>\n    // so node label text renders (mermaid escapes its content in strict mode).\n    ADD_TAGS: ['style', 'foreignObject'],\n    ADD_ATTR: [\n      'style',\n      'class',\n      'dominant-baseline',\n      'text-anchor',\n      'font-size',\n      'font-family',\n      'marker-end',\n      'marker-start',\n      'marker-mid',\n      'stroke-dasharray',\n      'stroke-width',\n    ],\n    FORBID_TAGS: ['script'],\n    FORBID_ATTR: ['onload', 'onerror', 'onclick', 'onmouseover'],\n  }) as string;\n}\n\nexport const MermaidBlock: React.FC<MermaidBlockProps> = ({ code, id }) => {\n  const [svg, setSvg] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n\n  // Derive an accessible label from the diagram's declared type (first keyword).\n  const diagramLabel = useMemo(() => {\n    const firstWord =\n      code\n        .trim()\n        .split(/[\\s\\n]/)[0]\n        ?.toLowerCase() ?? '';\n    const typeMap: Record<string, string> = {\n      graph: 'Flowchart',\n      flowchart: 'Flowchart',\n      sequencediagram: 'Sequence diagram',\n      classdiagram: 'Class diagram',\n      statediagram: 'State diagram',\n      'statediagram-v2': 'State diagram',\n      erdiagram: 'Entity relationship diagram',\n      gantt: 'Gantt chart',\n      pie: 'Pie chart',\n      journey: 'User journey diagram',\n      gitgraph: 'Git graph',\n      mindmap: 'Mind map',\n      timeline: 'Timeline',\n      quadrantchart: 'Quadrant chart',\n    };\n    return `${typeMap[firstWord] ?? 'Mermaid'} diagram`;\n  }, [code]);\n\n  const render = useCallback(async () => {\n    setLoading(true);\n    setError('');\n    try {\n      const mermaid = await getMermaid();\n      await mermaid.parse(code);\n      const { svg: rendered } = await mermaid.render(`mermaid-${id}`, code);\n      setSvg(sanitiseSvg(rendered));\n    } catch (err) {\n      setError((err as Error).message ?? 'Failed to render diagram');\n    } finally {\n      setLoading(false);\n    }\n  }, [code, id]);\n\n  useEffect(() => {\n    void render();\n  }, [render]);\n\n  // Re-render when the page theme changes (dark ↔ light)\n  useEffect(() => {\n    const observer = new MutationObserver(() => void render());\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n    return () => observer.disconnect();\n  }, [render]);\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"mermaid\"\n      supportsRawView\n      error={error || undefined}\n    >\n      {loading ? (\n        <div className=\"flex items-center justify-center p-8\">\n          <div className=\"border-primary-500 h-6 w-6 animate-spin rounded-full border-2 border-t-transparent\" />\n        </div>\n      ) : (\n        <div\n          className=\"mermaid-svg flex justify-center p-4\"\n          role=\"img\"\n          aria-label={diagramLabel}\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      )}\n    </FenceBlock>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/MermaidBlock.tsx"],"names":[],"mappings":"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","file":"chunk-7QW6TU4X.js","sourcesContent":["/**\n * MermaidBlock — Renders Mermaid diagrams.\n * Requires `mermaid` to be installed by the consumer (optional peer dependency).\n */\nimport DOMPurify from 'dompurify';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface MermaidBlockProps {\n  code: string;\n  id: string;\n}\n\ntype MermaidApi = {\n  initialize: (config: Record<string, unknown>) => void;\n  parse: (text: string) => Promise<unknown>;\n  render: (id: string, text: string) => Promise<{ svg: string }>;\n};\n\nlet mermaidInstance: MermaidApi | null = null;\nlet mermaidReady: Promise<MermaidApi> | null = null;\nlet mermaidTheme: 'dark' | 'default' = 'default';\n\nfunction currentTheme(): 'dark' | 'default' {\n  return document.documentElement.classList.contains('dark') ||\n    document.documentElement.getAttribute('data-theme') === 'dark'\n    ? 'dark'\n    : 'default';\n}\n\nfunction buildConfig(theme: 'dark' | 'default'): Record<string, unknown> {\n  const base: Record<string, unknown> = {\n    startOnLoad: false,\n    theme,\n    securityLevel: 'strict',\n  };\n  if (theme === 'dark') {\n    base.themeVariables = {\n      nodeBorder: '#6b7280',\n      mainBkg: '#4a4a4a',\n      nodeTextColor: '#ffffff',\n      clusterBkg: '#374151',\n      titleColor: '#ffffff',\n      edgeLabelBackground: '#374151',\n      lineColor: '#9ca3af',\n    };\n  }\n  return base;\n}\n\nasync function getMermaid(): Promise<MermaidApi> {\n  const theme = currentTheme();\n  if (mermaidInstance) {\n    if (theme !== mermaidTheme) {\n      mermaidTheme = theme;\n      mermaidInstance.initialize(buildConfig(theme));\n    }\n    return mermaidInstance;\n  }\n  if (!mermaidReady) {\n    mermaidReady = import(/* @vite-ignore */ 'mermaid').then((mod) => {\n      const m = (mod as { default: MermaidApi }).default;\n      mermaidTheme = currentTheme();\n      m.initialize(buildConfig(mermaidTheme));\n      mermaidInstance = m;\n      return m;\n    });\n  }\n  return mermaidReady;\n}\n\nfunction sanitiseSvg(svg: string): string {\n  return DOMPurify.sanitize(svg, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // Allow <style> so mermaid's embedded CSS applies, and <foreignObject>\n    // so node label text renders (mermaid escapes its content in strict mode).\n    ADD_TAGS: ['style', 'foreignObject'],\n    ADD_ATTR: [\n      'style',\n      'class',\n      'dominant-baseline',\n      'text-anchor',\n      'font-size',\n      'font-family',\n      'marker-end',\n      'marker-start',\n      'marker-mid',\n      'stroke-dasharray',\n      'stroke-width',\n    ],\n    FORBID_TAGS: ['script'],\n    FORBID_ATTR: ['onload', 'onerror', 'onclick', 'onmouseover'],\n  }) as string;\n}\n\nexport const MermaidBlock: React.FC<MermaidBlockProps> = ({ code, id }) => {\n  const [svg, setSvg] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n\n  // Derive an accessible label from the diagram's declared type (first keyword).\n  const diagramLabel = useMemo(() => {\n    const firstWord =\n      code\n        .trim()\n        .split(/[\\s\\n]/)[0]\n        ?.toLowerCase() ?? '';\n    const typeMap: Record<string, string> = {\n      graph: 'Flowchart',\n      flowchart: 'Flowchart',\n      sequencediagram: 'Sequence diagram',\n      classdiagram: 'Class diagram',\n      statediagram: 'State diagram',\n      'statediagram-v2': 'State diagram',\n      erdiagram: 'Entity relationship diagram',\n      gantt: 'Gantt chart',\n      pie: 'Pie chart',\n      journey: 'User journey diagram',\n      gitgraph: 'Git graph',\n      mindmap: 'Mind map',\n      timeline: 'Timeline',\n      quadrantchart: 'Quadrant chart',\n    };\n    return `${typeMap[firstWord] ?? 'Mermaid'} diagram`;\n  }, [code]);\n\n  const render = useCallback(async () => {\n    setLoading(true);\n    setError('');\n    try {\n      const mermaid = await getMermaid();\n      await mermaid.parse(code);\n      const { svg: rendered } = await mermaid.render(`mermaid-${id}`, code);\n      setSvg(sanitiseSvg(rendered));\n    } catch (err) {\n      setError((err as Error).message ?? 'Failed to render diagram');\n    } finally {\n      setLoading(false);\n    }\n  }, [code, id]);\n\n  useEffect(() => {\n    void render();\n  }, [render]);\n\n  // Re-render when the page theme changes (dark ↔ light)\n  useEffect(() => {\n    const observer = new MutationObserver(() => void render());\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n    return () => observer.disconnect();\n  }, [render]);\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"mermaid\"\n      supportsRawView\n      error={error || undefined}\n    >\n      {loading ? (\n        <div className=\"flex items-center justify-center p-8\">\n          <div className=\"border-primary-500 h-6 w-6 animate-spin rounded-full border-2 border-t-transparent\" />\n        </div>\n      ) : (\n        <div\n          className=\"mermaid-svg flex justify-center p-4\"\n          role=\"img\"\n          aria-label={diagramLabel}\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      )}\n    </FenceBlock>\n  );\n};\n"]}

package/dist/{chunk-MWVW4APN.cjs → chunk-7UTBDFFL.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkMYAU2ZUC_cjs = require('./chunk-MYAU2ZUC.cjs');
-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 lucideReact = require('lucide-react');
@@ -57,7 +57,7 @@ function AnimatedNumber({
   duration = 480,
   className
 }) {
-  const reduced = chunk6HFFWEM3_cjs.usePrefersReducedMotion();
+  const reduced = chunkYW2AKBLS_cjs.usePrefersReducedMotion();
   const [shown, setShown] = React__namespace.useState(value);
   const shownRef = React__namespace.useRef(value);
   React__namespace.useEffect(() => {
@@ -256,5 +256,5 @@ function SliderCalculator({
 
 exports.AnimatedNumber = AnimatedNumber;
 exports.SliderCalculator = SliderCalculator;
-//# sourceMappingURL=chunk-MWVW4APN.cjs.map
-//# sourceMappingURL=chunk-MWVW4APN.cjs.map
+//# sourceMappingURL=chunk-7UTBDFFL.cjs.map
+//# sourceMappingURL=chunk-7UTBDFFL.cjs.map

package/dist/{chunk-MWVW4APN.cjs.map → chunk-7UTBDFFL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SliderCalculator/SliderCalculator.tsx"],"names":["usePrefersReducedMotion","React","jsx","cn","jsxs","Slider","ChevronUp","ChevronDown"],"mappings":"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","file":"chunk-MWVW4APN.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Slider } from '../Slider';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalculatorFormat =\n  | 'number'\n  | 'currency'\n  | 'compactCurrency'\n  | 'percent'\n  | 'hours'\n  | ((value: number) => string);\n\nexport interface CalculatorInput {\n  /** Key in the values object passed to `compute`. */\n  id: string;\n  label: string;\n  min: number;\n  max: number;\n  step?: number;\n  /** Starting value. */\n  defaultValue: number;\n  /** How the current value renders next to the label. Default `number`. */\n  format?: CalculatorFormat;\n  description?: string;\n}\n\nexport interface CalculatorBreakdown {\n  label: string;\n  value: number;\n}\n\nexport interface CalculatorMathRow {\n  label: string;\n  value: string;\n}\n\nexport interface CalculatorResult {\n  /** The headline number. */\n  total: number;\n  /** One-line context under the headline, e.g. \"42% of today's spend · 1,200 hours returned\". */\n  summary?: string;\n  /** Horizontal bars showing what makes up `total`. */\n  breakdown?: CalculatorBreakdown[];\n  /** Rows revealed by \"Show the math\". */\n  math?: CalculatorMathRow[];\n  /** Free-text assumptions listed under the math. */\n  assumptions?: string[];\n}\n\nexport interface SliderCalculatorProps {\n  inputs: CalculatorInput[];\n  /** Pure function from current values to a result. Runs on every change. */\n  compute: (values: Record<string, number>) => CalculatorResult;\n  /** Copy for the controls column. */\n  eyebrow?: string;\n  heading?: string;\n  description?: string;\n  headingLevel?: 'h2' | 'h3';\n  /** Label above the headline number. Default \"Estimated annual value\". */\n  resultLabel?: string;\n  /** Format for the headline. Default `compactCurrency`. */\n  resultFormat?: CalculatorFormat;\n  /** Format for breakdown values. Default `currency`. */\n  breakdownFormat?: CalculatorFormat;\n  /** Actions under the result (Buttons, links). */\n  actions?: React.ReactNode;\n  /** Small print under the actions. */\n  footnote?: string;\n  /** Labels for the math toggle. */\n  mathLabels?: { show?: string; hide?: string };\n  /** Currency for the built-in formatters. Default `USD`. */\n  currency?: string;\n  locale?: string;\n  /** Fires with the latest values and result on every change. */\n  onChange?: (values: Record<string, number>, result: CalculatorResult) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Formatting\n// =============================================================================\n\nfunction makeFormatter(\n  format: CalculatorFormat | undefined,\n  locale: string,\n  currency: string\n): (v: number) => string {\n  if (typeof format === 'function') return format;\n  switch (format) {\n    case 'currency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          maximumFractionDigits: 0,\n        });\n    case 'compactCurrency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          notation: 'compact',\n          maximumFractionDigits: v >= 1_000_000 ? 2 : 0,\n        });\n    case 'percent':\n      return (v) => `${v.toLocaleString(locale)}%`;\n    case 'hours':\n      return (v) => `${v.toLocaleString(locale)} hr`;\n    default:\n      return (v) => v.toLocaleString(locale);\n  }\n}\n\n// =============================================================================\n// AnimatedNumber\n// =============================================================================\n\nexport interface AnimatedNumberProps {\n  value: number;\n  format?: (v: number) => string;\n  /** Tween length in ms. Default 480. */\n  duration?: number;\n  className?: string;\n}\n\n/** Tweens between numeric values with an ease-out; snaps under reduced motion. */\nexport function AnimatedNumber({\n  value,\n  format = (v) => v.toLocaleString(),\n  duration = 480,\n  className,\n}: AnimatedNumberProps) {\n  const reduced = usePrefersReducedMotion();\n  const [shown, setShown] = React.useState(value);\n  const shownRef = React.useRef(value);\n\n  React.useEffect(() => {\n    if (reduced || typeof window === 'undefined') {\n      shownRef.current = value;\n      setShown(value);\n      return;\n    }\n    const from = shownRef.current;\n    const start = performance.now();\n    let raf = 0;\n    const tick = (t: number) => {\n      const p = Math.min(1, (t - start) / duration);\n      const eased = 1 - Math.pow(1 - p, 3);\n      const v = from + (value - from) * eased;\n      shownRef.current = v;\n      setShown(v);\n      if (p < 1) raf = requestAnimationFrame(tick);\n    };\n    raf = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(raf);\n  }, [value, duration, reduced]);\n\n  return (\n    <span className={cn('tabular-nums', className)} data-slot=\"animated-number\">\n      {format(shown)}\n    </span>\n  );\n}\n\n// =============================================================================\n// SliderCalculator\n// =============================================================================\n\n/**\n * A two-column interactive calculator: labelled sliders on the left, a live\n * result panel on the right with an animated headline number, a one-line\n * summary, proportional breakdown bars, a \"Show the math\" disclosure and an\n * actions slot. Bring your own `compute` — the component owns only the\n * interaction. Ported from the Enterprise Health ROI calculator.\n *\n * @example\n * ```tsx\n * <SliderCalculator\n *   heading=\"What is consolidation worth?\"\n *   inputs={[\n *     { id: 'people', label: 'People covered', min: 500, max: 60000, step: 500, defaultValue: 8000 },\n *     { id: 'cost', label: 'Cost per exam', min: 20, max: 400, step: 5, defaultValue: 120, format: 'currency' },\n *   ]}\n *   compute={({ people, cost }) => ({ total: people * cost * 0.18 })}\n *   actions={<Button effect=\"sheen\">Request a demo</Button>}\n * />\n * ```\n */\nexport function SliderCalculator({\n  inputs,\n  compute,\n  eyebrow,\n  heading,\n  description,\n  headingLevel: Heading = 'h2',\n  resultLabel = 'Estimated annual value',\n  resultFormat = 'compactCurrency',\n  breakdownFormat = 'currency',\n  actions,\n  footnote,\n  mathLabels,\n  currency = 'USD',\n  locale = 'en-US',\n  onChange,\n  className,\n}: SliderCalculatorProps) {\n  const [values, setValues] = React.useState<Record<string, number>>(() =>\n    Object.fromEntries(inputs.map((i) => [i.id, i.defaultValue]))\n  );\n  const [showMath, setShowMath] = React.useState(false);\n  const id = React.useId();\n\n  const result = React.useMemo(() => compute(values), [compute, values]);\n\n  // Notify from an effect keyed on `values` only. `result` and `onChange` are\n  // read through a ref: an inline `compute` or `onChange` prop gets a new\n  // identity on every parent render, and depending on either would re-fire the\n  // notification (and potentially loop) without any actual slider change.\n  const skipInitialNotify = React.useRef(true);\n  const notifyRef = React.useRef({ onChange, result });\n  notifyRef.current = { onChange, result };\n  React.useEffect(() => {\n    if (skipInitialNotify.current) {\n      skipInitialNotify.current = false;\n      return;\n    }\n    notifyRef.current.onChange?.(values, notifyRef.current.result);\n  }, [values]);\n\n  const fmtResult = React.useMemo(\n    () => makeFormatter(resultFormat, locale, currency),\n    [resultFormat, locale, currency]\n  );\n  const fmtBreakdown = makeFormatter(breakdownFormat, locale, currency);\n\n  // Announce only the settled total. The result container previously carried\n  // aria-live while `AnimatedNumber` updated every animation frame, so screen\n  // readers could queue or repeat intermediate values during a drag.\n  const [announced, setAnnounced] = React.useState('');\n  const skipInitialAnnounce = React.useRef(true);\n  React.useEffect(() => {\n    if (skipInitialAnnounce.current) {\n      skipInitialAnnounce.current = false;\n      return;\n    }\n    const t = window.setTimeout(\n      () => setAnnounced(fmtResult(result.total)),\n      600\n    );\n    return () => window.clearTimeout(t);\n  }, [result.total, fmtResult]);\n\n  const labels = {\n    show: 'Show the math',\n    hide: 'Hide the math',\n    ...mathLabels,\n  };\n\n  const set = (key: string, v: number) => {\n    setValues((prev) => ({ ...prev, [key]: v }));\n  };\n\n  return (\n    <div\n      data-slot=\"slider-calculator\"\n      className={cn(\n        'border-border bg-card text-card-foreground grid overflow-hidden rounded-2xl border shadow-md',\n        'lg:grid-cols-[1.1fr_1fr]',\n        className\n      )}\n    >\n      {/* Controls */}\n      <div className=\"p-6 sm:p-8\">\n        {eyebrow && (\n          <p className=\"text-primary-800 dark:text-primary-300 mb-2 text-[11px] font-bold tracking-[0.14em] uppercase\">\n            {eyebrow}\n          </p>\n        )}\n        {heading && (\n          <Heading className=\"text-foreground text-2xl leading-tight font-semibold sm:text-3xl\">\n            {heading}\n          </Heading>\n        )}\n        {description && (\n          <p className=\"text-muted-foreground mt-3 text-sm\">{description}</p>\n        )}\n\n        <div className={cn('space-y-5', (heading || description) && 'mt-7')}>\n          {inputs.map((input) => (\n            <Slider\n              key={input.id}\n              id={`${id}-${input.id}`}\n              label={input.label}\n              description={input.description}\n              min={input.min}\n              max={input.max}\n              step={input.step}\n              value={values[input.id]}\n              onValueChange={(v) => set(input.id, v)}\n              showValue\n              formatValue={makeFormatter(input.format, locale, currency)}\n            />\n          ))}\n        </div>\n      </div>\n\n      {/* Result */}\n      <div\n        data-slot=\"slider-calculator-result\"\n        className=\"bg-primary-950 flex flex-col gap-6 p-6 text-white [background:radial-gradient(120%_120%_at_100%_0%,var(--mieweb-primary-800),var(--mieweb-primary-950)_70%)] sm:p-8\"\n      >\n        <span aria-live=\"polite\" className=\"sr-only\">\n          {announced ? `${resultLabel}: ${announced}` : ''}\n        </span>\n        <div>\n          <p className=\"text-[11px] font-bold tracking-[0.14em] text-white/70 uppercase\">\n            {resultLabel}\n          </p>\n          <p className=\"mt-2 text-5xl leading-none font-semibold tracking-tight sm:text-6xl\">\n            <AnimatedNumber value={result.total} format={fmtResult} />\n          </p>\n          {result.summary && (\n            <p className=\"mt-3 text-sm text-white/80\">{result.summary}</p>\n          )}\n        </div>\n\n        {result.breakdown && result.breakdown.length > 0 && (\n          <div className=\"space-y-3\">\n            {result.breakdown.map((b) => {\n              const pct =\n                result.total > 0\n                  ? Math.max(2, Math.min(100, (b.value / result.total) * 100))\n                  : 0;\n              return (\n                <div key={b.label}>\n                  <div className=\"mb-1 flex items-baseline justify-between gap-3 text-sm\">\n                    <span className=\"text-white/80\">{b.label}</span>\n                    <b className=\"tabular-nums\">\n                      <AnimatedNumber\n                        value={Math.max(b.value, 0)}\n                        format={fmtBreakdown}\n                      />\n                    </b>\n                  </div>\n                  <div className=\"h-1.5 overflow-hidden rounded-full bg-white/15\">\n                    <span\n                      className=\"block h-full rounded-full transition-[width] duration-500 ease-out [background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-300))]\"\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n\n        {(result.math?.length || result.assumptions?.length) && (\n          <div>\n            <button\n              type=\"button\"\n              onClick={() => setShowMath((v) => !v)}\n              aria-expanded={showMath}\n              aria-controls={`${id}-math`}\n              className=\"inline-flex items-center gap-1 text-sm font-semibold text-white/80 underline-offset-4 hover:text-white hover:underline\"\n            >\n              {showMath ? labels.hide : labels.show}\n              {showMath ? (\n                <ChevronUp size={14} aria-hidden />\n              ) : (\n                <ChevronDown size={14} aria-hidden />\n              )}\n            </button>\n            {showMath && (\n              <div\n                id={`${id}-math`}\n                className=\"mt-3 rounded-xl border border-white/15 bg-white/5 p-4 text-sm\"\n              >\n                {result.math?.map((row) => (\n                  <div\n                    key={row.label}\n                    className=\"flex justify-between gap-4 border-b border-white/10 py-1.5 last:border-0\"\n                  >\n                    <span className=\"text-white/75\">{row.label}</span>\n                    <b className=\"tabular-nums\">{row.value}</b>\n                  </div>\n                ))}\n                {result.assumptions && result.assumptions.length > 0 && (\n                  <ul className=\"mt-3 list-disc space-y-1 ps-5 text-xs text-white/70\">\n                    {result.assumptions.map((a) => (\n                      <li key={a}>{a}</li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {actions && (\n          <div className=\"mt-auto flex flex-wrap gap-3\">{actions}</div>\n        )}\n        {footnote && <p className=\"text-xs text-white/60\">{footnote}</p>}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/SliderCalculator/SliderCalculator.tsx"],"names":["usePrefersReducedMotion","React","jsx","cn","jsxs","Slider","ChevronUp","ChevronDown"],"mappings":"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","file":"chunk-7UTBDFFL.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Slider } from '../Slider';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalculatorFormat =\n  | 'number'\n  | 'currency'\n  | 'compactCurrency'\n  | 'percent'\n  | 'hours'\n  | ((value: number) => string);\n\nexport interface CalculatorInput {\n  /** Key in the values object passed to `compute`. */\n  id: string;\n  label: string;\n  min: number;\n  max: number;\n  step?: number;\n  /** Starting value. */\n  defaultValue: number;\n  /** How the current value renders next to the label. Default `number`. */\n  format?: CalculatorFormat;\n  description?: string;\n}\n\nexport interface CalculatorBreakdown {\n  label: string;\n  value: number;\n}\n\nexport interface CalculatorMathRow {\n  label: string;\n  value: string;\n}\n\nexport interface CalculatorResult {\n  /** The headline number. */\n  total: number;\n  /** One-line context under the headline, e.g. \"42% of today's spend · 1,200 hours returned\". */\n  summary?: string;\n  /** Horizontal bars showing what makes up `total`. */\n  breakdown?: CalculatorBreakdown[];\n  /** Rows revealed by \"Show the math\". */\n  math?: CalculatorMathRow[];\n  /** Free-text assumptions listed under the math. */\n  assumptions?: string[];\n}\n\nexport interface SliderCalculatorProps {\n  inputs: CalculatorInput[];\n  /** Pure function from current values to a result. Runs on every change. */\n  compute: (values: Record<string, number>) => CalculatorResult;\n  /** Copy for the controls column. */\n  eyebrow?: string;\n  heading?: string;\n  description?: string;\n  headingLevel?: 'h2' | 'h3';\n  /** Label above the headline number. Default \"Estimated annual value\". */\n  resultLabel?: string;\n  /** Format for the headline. Default `compactCurrency`. */\n  resultFormat?: CalculatorFormat;\n  /** Format for breakdown values. Default `currency`. */\n  breakdownFormat?: CalculatorFormat;\n  /** Actions under the result (Buttons, links). */\n  actions?: React.ReactNode;\n  /** Small print under the actions. */\n  footnote?: string;\n  /** Labels for the math toggle. */\n  mathLabels?: { show?: string; hide?: string };\n  /** Currency for the built-in formatters. Default `USD`. */\n  currency?: string;\n  locale?: string;\n  /** Fires with the latest values and result on every change. */\n  onChange?: (values: Record<string, number>, result: CalculatorResult) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Formatting\n// =============================================================================\n\nfunction makeFormatter(\n  format: CalculatorFormat | undefined,\n  locale: string,\n  currency: string\n): (v: number) => string {\n  if (typeof format === 'function') return format;\n  switch (format) {\n    case 'currency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          maximumFractionDigits: 0,\n        });\n    case 'compactCurrency':\n      return (v) =>\n        v.toLocaleString(locale, {\n          style: 'currency',\n          currency,\n          notation: 'compact',\n          maximumFractionDigits: v >= 1_000_000 ? 2 : 0,\n        });\n    case 'percent':\n      return (v) => `${v.toLocaleString(locale)}%`;\n    case 'hours':\n      return (v) => `${v.toLocaleString(locale)} hr`;\n    default:\n      return (v) => v.toLocaleString(locale);\n  }\n}\n\n// =============================================================================\n// AnimatedNumber\n// =============================================================================\n\nexport interface AnimatedNumberProps {\n  value: number;\n  format?: (v: number) => string;\n  /** Tween length in ms. Default 480. */\n  duration?: number;\n  className?: string;\n}\n\n/** Tweens between numeric values with an ease-out; snaps under reduced motion. */\nexport function AnimatedNumber({\n  value,\n  format = (v) => v.toLocaleString(),\n  duration = 480,\n  className,\n}: AnimatedNumberProps) {\n  const reduced = usePrefersReducedMotion();\n  const [shown, setShown] = React.useState(value);\n  const shownRef = React.useRef(value);\n\n  React.useEffect(() => {\n    if (reduced || typeof window === 'undefined') {\n      shownRef.current = value;\n      setShown(value);\n      return;\n    }\n    const from = shownRef.current;\n    const start = performance.now();\n    let raf = 0;\n    const tick = (t: number) => {\n      const p = Math.min(1, (t - start) / duration);\n      const eased = 1 - Math.pow(1 - p, 3);\n      const v = from + (value - from) * eased;\n      shownRef.current = v;\n      setShown(v);\n      if (p < 1) raf = requestAnimationFrame(tick);\n    };\n    raf = requestAnimationFrame(tick);\n    return () => cancelAnimationFrame(raf);\n  }, [value, duration, reduced]);\n\n  return (\n    <span className={cn('tabular-nums', className)} data-slot=\"animated-number\">\n      {format(shown)}\n    </span>\n  );\n}\n\n// =============================================================================\n// SliderCalculator\n// =============================================================================\n\n/**\n * A two-column interactive calculator: labelled sliders on the left, a live\n * result panel on the right with an animated headline number, a one-line\n * summary, proportional breakdown bars, a \"Show the math\" disclosure and an\n * actions slot. Bring your own `compute` — the component owns only the\n * interaction. Ported from the Enterprise Health ROI calculator.\n *\n * @example\n * ```tsx\n * <SliderCalculator\n *   heading=\"What is consolidation worth?\"\n *   inputs={[\n *     { id: 'people', label: 'People covered', min: 500, max: 60000, step: 500, defaultValue: 8000 },\n *     { id: 'cost', label: 'Cost per exam', min: 20, max: 400, step: 5, defaultValue: 120, format: 'currency' },\n *   ]}\n *   compute={({ people, cost }) => ({ total: people * cost * 0.18 })}\n *   actions={<Button effect=\"sheen\">Request a demo</Button>}\n * />\n * ```\n */\nexport function SliderCalculator({\n  inputs,\n  compute,\n  eyebrow,\n  heading,\n  description,\n  headingLevel: Heading = 'h2',\n  resultLabel = 'Estimated annual value',\n  resultFormat = 'compactCurrency',\n  breakdownFormat = 'currency',\n  actions,\n  footnote,\n  mathLabels,\n  currency = 'USD',\n  locale = 'en-US',\n  onChange,\n  className,\n}: SliderCalculatorProps) {\n  const [values, setValues] = React.useState<Record<string, number>>(() =>\n    Object.fromEntries(inputs.map((i) => [i.id, i.defaultValue]))\n  );\n  const [showMath, setShowMath] = React.useState(false);\n  const id = React.useId();\n\n  const result = React.useMemo(() => compute(values), [compute, values]);\n\n  // Notify from an effect keyed on `values` only. `result` and `onChange` are\n  // read through a ref: an inline `compute` or `onChange` prop gets a new\n  // identity on every parent render, and depending on either would re-fire the\n  // notification (and potentially loop) without any actual slider change.\n  const skipInitialNotify = React.useRef(true);\n  const notifyRef = React.useRef({ onChange, result });\n  notifyRef.current = { onChange, result };\n  React.useEffect(() => {\n    if (skipInitialNotify.current) {\n      skipInitialNotify.current = false;\n      return;\n    }\n    notifyRef.current.onChange?.(values, notifyRef.current.result);\n  }, [values]);\n\n  const fmtResult = React.useMemo(\n    () => makeFormatter(resultFormat, locale, currency),\n    [resultFormat, locale, currency]\n  );\n  const fmtBreakdown = makeFormatter(breakdownFormat, locale, currency);\n\n  // Announce only the settled total. The result container previously carried\n  // aria-live while `AnimatedNumber` updated every animation frame, so screen\n  // readers could queue or repeat intermediate values during a drag.\n  const [announced, setAnnounced] = React.useState('');\n  const skipInitialAnnounce = React.useRef(true);\n  React.useEffect(() => {\n    if (skipInitialAnnounce.current) {\n      skipInitialAnnounce.current = false;\n      return;\n    }\n    const t = window.setTimeout(\n      () => setAnnounced(fmtResult(result.total)),\n      600\n    );\n    return () => window.clearTimeout(t);\n  }, [result.total, fmtResult]);\n\n  const labels = {\n    show: 'Show the math',\n    hide: 'Hide the math',\n    ...mathLabels,\n  };\n\n  const set = (key: string, v: number) => {\n    setValues((prev) => ({ ...prev, [key]: v }));\n  };\n\n  return (\n    <div\n      data-slot=\"slider-calculator\"\n      className={cn(\n        'border-border bg-card text-card-foreground grid overflow-hidden rounded-2xl border shadow-md',\n        'lg:grid-cols-[1.1fr_1fr]',\n        className\n      )}\n    >\n      {/* Controls */}\n      <div className=\"p-6 sm:p-8\">\n        {eyebrow && (\n          <p className=\"text-primary-800 dark:text-primary-300 mb-2 text-[11px] font-bold tracking-[0.14em] uppercase\">\n            {eyebrow}\n          </p>\n        )}\n        {heading && (\n          <Heading className=\"text-foreground text-2xl leading-tight font-semibold sm:text-3xl\">\n            {heading}\n          </Heading>\n        )}\n        {description && (\n          <p className=\"text-muted-foreground mt-3 text-sm\">{description}</p>\n        )}\n\n        <div className={cn('space-y-5', (heading || description) && 'mt-7')}>\n          {inputs.map((input) => (\n            <Slider\n              key={input.id}\n              id={`${id}-${input.id}`}\n              label={input.label}\n              description={input.description}\n              min={input.min}\n              max={input.max}\n              step={input.step}\n              value={values[input.id]}\n              onValueChange={(v) => set(input.id, v)}\n              showValue\n              formatValue={makeFormatter(input.format, locale, currency)}\n            />\n          ))}\n        </div>\n      </div>\n\n      {/* Result */}\n      <div\n        data-slot=\"slider-calculator-result\"\n        className=\"bg-primary-950 flex flex-col gap-6 p-6 text-white [background:radial-gradient(120%_120%_at_100%_0%,var(--mieweb-primary-800),var(--mieweb-primary-950)_70%)] sm:p-8\"\n      >\n        <span aria-live=\"polite\" className=\"sr-only\">\n          {announced ? `${resultLabel}: ${announced}` : ''}\n        </span>\n        <div>\n          <p className=\"text-[11px] font-bold tracking-[0.14em] text-white/70 uppercase\">\n            {resultLabel}\n          </p>\n          <p className=\"mt-2 text-5xl leading-none font-semibold tracking-tight sm:text-6xl\">\n            <AnimatedNumber value={result.total} format={fmtResult} />\n          </p>\n          {result.summary && (\n            <p className=\"mt-3 text-sm text-white/80\">{result.summary}</p>\n          )}\n        </div>\n\n        {result.breakdown && result.breakdown.length > 0 && (\n          <div className=\"space-y-3\">\n            {result.breakdown.map((b) => {\n              const pct =\n                result.total > 0\n                  ? Math.max(2, Math.min(100, (b.value / result.total) * 100))\n                  : 0;\n              return (\n                <div key={b.label}>\n                  <div className=\"mb-1 flex items-baseline justify-between gap-3 text-sm\">\n                    <span className=\"text-white/80\">{b.label}</span>\n                    <b className=\"tabular-nums\">\n                      <AnimatedNumber\n                        value={Math.max(b.value, 0)}\n                        format={fmtBreakdown}\n                      />\n                    </b>\n                  </div>\n                  <div className=\"h-1.5 overflow-hidden rounded-full bg-white/15\">\n                    <span\n                      className=\"block h-full rounded-full transition-[width] duration-500 ease-out [background:linear-gradient(90deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-300))]\"\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n\n        {(result.math?.length || result.assumptions?.length) && (\n          <div>\n            <button\n              type=\"button\"\n              onClick={() => setShowMath((v) => !v)}\n              aria-expanded={showMath}\n              aria-controls={`${id}-math`}\n              className=\"inline-flex items-center gap-1 text-sm font-semibold text-white/80 underline-offset-4 hover:text-white hover:underline\"\n            >\n              {showMath ? labels.hide : labels.show}\n              {showMath ? (\n                <ChevronUp size={14} aria-hidden />\n              ) : (\n                <ChevronDown size={14} aria-hidden />\n              )}\n            </button>\n            {showMath && (\n              <div\n                id={`${id}-math`}\n                className=\"mt-3 rounded-xl border border-white/15 bg-white/5 p-4 text-sm\"\n              >\n                {result.math?.map((row) => (\n                  <div\n                    key={row.label}\n                    className=\"flex justify-between gap-4 border-b border-white/10 py-1.5 last:border-0\"\n                  >\n                    <span className=\"text-white/75\">{row.label}</span>\n                    <b className=\"tabular-nums\">{row.value}</b>\n                  </div>\n                ))}\n                {result.assumptions && result.assumptions.length > 0 && (\n                  <ul className=\"mt-3 list-disc space-y-1 ps-5 text-xs text-white/70\">\n                    {result.assumptions.map((a) => (\n                      <li key={a}>{a}</li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {actions && (\n          <div className=\"mt-auto flex flex-wrap gap-3\">{actions}</div>\n        )}\n        {footnote && <p className=\"text-xs text-white/60\">{footnote}</p>}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-7WJ6MBF5.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useUrlTab.ts
+var URL_PARAM_EVENT = "mieweb:urlparamchange";
+function subscribe(onChange) {
+  window.addEventListener("popstate", onChange);
+  window.addEventListener(URL_PARAM_EVENT, onChange);
+  return () => {
+    window.removeEventListener("popstate", onChange);
+    window.removeEventListener(URL_PARAM_EVENT, onChange);
+  };
+}
+function useUrlSearchParam(param, defaultValue, isAllowed) {
+  const raw = react.useSyncExternalStore(
+    subscribe,
+    () => param ? new globalThis.URLSearchParams(window.location.search).get(param) : null,
+    () => null
+  );
+  const value = raw !== null && isAllowed(raw) ? raw : defaultValue;
+  const setValue = react.useCallback(
+    (next) => {
+      if (!param || typeof window === "undefined") return;
+      const url = new URL(window.location.href);
+      if (next === defaultValue) url.searchParams.delete(param);
+      else url.searchParams.set(param, next);
+      window.history.replaceState(window.history.state, "", url);
+      window.dispatchEvent(new Event(URL_PARAM_EVENT));
+    },
+    [param, defaultValue]
+  );
+  return [value, setValue];
+}
+function useUrlTab(param, defaultValue, allowed) {
+  const [value, setValue] = useUrlSearchParam(
+    param,
+    defaultValue,
+    (v) => allowed.includes(v)
+  );
+  return [value, setValue];
+}
+
+exports.useUrlSearchParam = useUrlSearchParam;
+exports.useUrlTab = useUrlTab;
+//# sourceMappingURL=chunk-7WJ6MBF5.cjs.map
+//# sourceMappingURL=chunk-7WJ6MBF5.cjs.map

package/dist/chunk-7WJ6MBF5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useUrlTab.ts"],"names":["useSyncExternalStore","useCallback"],"mappings":";;;;;AAGA,IAAM,eAAA,GAAkB,uBAAA;AAExB,SAAS,UAAU,QAAA,EAAsB;AACvC,EAAA,MAAA,CAAO,gBAAA,CAAiB,YAAY,QAAQ,CAAA;AAC5C,EAAA,MAAA,CAAO,gBAAA,CAAiB,iBAAiB,QAAQ,CAAA;AACjD,EAAA,OAAO,MAAM;AACX,IAAA,MAAA,CAAO,mBAAA,CAAoB,YAAY,QAAQ,CAAA;AAC/C,IAAA,MAAA,CAAO,mBAAA,CAAoB,iBAAiB,QAAQ,CAAA;AAAA,EACtD,CAAA;AACF;AAOO,SAAS,iBAAA,CACd,KAAA,EACA,YAAA,EACA,SAAA,EACmC;AACnC,EAAA,MAAM,GAAA,GAAMA,0BAAA;AAAA,IACV,SAAA;AAAA,IACA,MACE,KAAA,GACI,IAAI,UAAA,CAAW,eAAA,CAAgB,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,CAAE,GAAA,CAAI,KAAK,CAAA,GAChE,IAAA;AAAA,IACN,MAAM;AAAA,GACR;AACA,EAAA,MAAM,QAAQ,GAAA,KAAQ,IAAA,IAAQ,SAAA,CAAU,GAAG,IAAI,GAAA,GAAM,YAAA;AAErD,EAAA,MAAM,QAAA,GAAWC,iBAAA;AAAA,IACf,CAAC,IAAA,KAAiB;AAChB,MAAA,IAAI,CAAC,KAAA,IAAS,OAAO,MAAA,KAAW,WAAA,EAAa;AAC7C,MAAA,MAAM,GAAA,GAAM,IAAI,GAAA,CAAI,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,MAAA,IAAI,IAAA,KAAS,YAAA,EAAc,GAAA,CAAI,YAAA,CAAa,OAAO,KAAK,CAAA;AAAA,WACnD,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,KAAA,EAAO,IAAI,CAAA;AACrC,MAAA,MAAA,CAAO,QAAQ,YAAA,CAAa,MAAA,CAAO,OAAA,CAAQ,KAAA,EAAO,IAAI,GAAG,CAAA;AACzD,MAAA,MAAA,CAAO,aAAA,CAAc,IAAI,KAAA,CAAM,eAAe,CAAC,CAAA;AAAA,IACjD,CAAA;AAAA,IACA,CAAC,OAAO,YAAY;AAAA,GACtB;AAEA,EAAA,OAAO,CAAC,OAAO,QAAQ,CAAA;AACzB;AAgBO,SAAS,SAAA,CACd,KAAA,EACA,YAAA,EACA,OAAA,EACyB;AACzB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,iBAAA;AAAA,IAAkB,KAAA;AAAA,IAAO,YAAA;AAAA,IAAc,CAAC,CAAA,KAC/D,OAAA,CAA8B,QAAA,CAAS,CAAC;AAAA,GAC3C;AACA,EAAA,OAAO,CAAC,OAAY,QAA8B,CAAA;AACpD","file":"chunk-7WJ6MBF5.cjs","sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\n\n// history.replaceState fires no event, so writers announce changes themselves.\nconst URL_PARAM_EVENT = 'mieweb:urlparamchange';\n\nfunction subscribe(onChange: () => void) {\n  window.addEventListener('popstate', onChange);\n  window.addEventListener(URL_PARAM_EVENT, onChange);\n  return () => {\n    window.removeEventListener('popstate', onChange);\n    window.removeEventListener(URL_PARAM_EVENT, onChange);\n  };\n}\n\n/**\n * Syncs one URL query parameter with a string value. `param: undefined`\n * disables the sync, so callers can toggle it without breaking hook order.\n * Not exported from the package; use {@link useUrlTab}.\n */\nexport function useUrlSearchParam(\n  param: string | undefined,\n  defaultValue: string,\n  isAllowed: (value: string) => boolean\n): [string, (value: string) => void] {\n  const raw = useSyncExternalStore(\n    subscribe,\n    () =>\n      param\n        ? new globalThis.URLSearchParams(window.location.search).get(param)\n        : null,\n    () => null\n  );\n  const value = raw !== null && isAllowed(raw) ? raw : defaultValue;\n\n  const setValue = useCallback(\n    (next: string) => {\n      if (!param || typeof window === 'undefined') return;\n      const url = new URL(window.location.href);\n      if (next === defaultValue) url.searchParams.delete(param);\n      else url.searchParams.set(param, next);\n      window.history.replaceState(window.history.state, '', url);\n      window.dispatchEvent(new Event(URL_PARAM_EVENT));\n    },\n    [param, defaultValue]\n  );\n\n  return [value, setValue];\n}\n\n/**\n * Keeps a tab (or any one-of-N view) selection in a URL query parameter so it\n * survives reloads and can be shared. Writes with `history.replaceState` (no\n * router, no history entry), drops the parameter when the value equals\n * `defaultValue`, follows back/forward via `popstate`, and ignores values not\n * in `allowed`. SSR-safe: renders `defaultValue` on the server and during\n * hydration.\n *\n * @example\n * ```tsx\n * const [tab, setTab] = useUrlTab('tab', 'summary', ['summary', 'history'] as const);\n * <Tabs value={tab} onValueChange={(v) => setTab(v as typeof tab)}>…</Tabs>\n * ```\n */\nexport function useUrlTab<T extends string>(\n  param: string,\n  defaultValue: T,\n  allowed: readonly T[]\n): [T, (value: T) => void] {\n  const [value, setValue] = useUrlSearchParam(param, defaultValue, (v) =>\n    (allowed as readonly string[]).includes(v)\n  );\n  return [value as T, setValue as (value: T) => void];\n}\n"]}

package/dist/{chunk-FJ7YPVKV.js → chunk-7X6R3JIA.js}

@@ -1,4 +1,4 @@
-import { usePrefersReducedMotion } from './chunk-HB7C7NB5.js';
+import { usePrefersReducedMotion } from './chunk-XDU65GLW.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
@@ -304,5 +304,5 @@ function Tooltip({
 Tooltip.displayName = "Tooltip";
 
 export { Tooltip };
-//# sourceMappingURL=chunk-FJ7YPVKV.js.map
-//# sourceMappingURL=chunk-FJ7YPVKV.js.map
+//# sourceMappingURL=chunk-7X6R3JIA.js.map
+//# sourceMappingURL=chunk-7X6R3JIA.js.map