@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.33

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-YU55JD35.js → chunk-7QW6TU4X.js}

@@ -1,4 +1,4 @@
-import { FenceBlock } from './chunk-QOVJ6Z6R.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-YU55JD35.js.map
-//# sourceMappingURL=chunk-YU55JD35.js.map
+//# sourceMappingURL=chunk-7QW6TU4X.js.map
+//# sourceMappingURL=chunk-7QW6TU4X.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/MermaidBlock.tsx"],"names":[],"mappings":"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","file":"chunk-YU55JD35.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-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-A4W5CSK7.cjs

@@ -0,0 +1,216 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var luxon = require('luxon');
+var jsxRuntime = require('react/jsx-runtime');
+
+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);
+
+var defaultCalendarHeatmapLabels = {
+  title: "Activity calendar",
+  cellLabel: (date, value) => `${date}: ${value}`,
+  summary: (total, activeDays) => `${total} total across ${activeDays} active ${activeDays === 1 ? "day" : "days"}`,
+  less: "Less",
+  more: "More"
+};
+var LEVELS = [
+  "bg-muted ring-1 ring-inset ring-border",
+  "bg-primary-500/25",
+  "bg-primary-500/50",
+  "bg-primary-500/75",
+  "bg-primary-500"
+];
+function level(value, max) {
+  if (value <= 0 || max <= 0) return 0;
+  return Math.min(4, Math.max(1, Math.ceil(value / max * 4)));
+}
+var CELL = "block h-3 w-3 rounded-sm";
+var CalendarHeatmap = React__namespace.forwardRef(function CalendarHeatmap2({
+  data,
+  start,
+  end,
+  weekStartsOn = 0,
+  locale,
+  onDayClick,
+  labels: labelOverrides,
+  className,
+  ...props
+}, ref) {
+  const labels = { ...defaultCalendarHeatmapLabels, ...labelOverrides };
+  const loc = (d) => locale ? d.setLocale(locale) : d;
+  const cells = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const [active, setActive] = React__namespace.useState(null);
+  const grid = React__namespace.useMemo(() => {
+    const parse = (iso) => {
+      const d = iso ? luxon.DateTime.fromISO(iso) : null;
+      return d?.isValid ? d.startOf("day") : null;
+    };
+    const end_ = parse(end) ?? luxon.DateTime.now().startOf("day");
+    const start_ = parse(start) ?? end_.minus({ weeks: 12 }).plus({ days: 1 });
+    const [first, last] = start_ <= end_ ? [start_, end_] : [end_, start_];
+    const origin = first.minus({
+      days: (first.weekday % 7 - weekStartsOn + 7) % 7
+    });
+    const weeks = Math.ceil(
+      (Math.round(last.diff(origin, "days").days) + 1) / 7
+    );
+    const values = /* @__PURE__ */ new Map();
+    for (const d of data) {
+      const key = luxon.DateTime.fromISO(d.date).toISODate();
+      if (key) values.set(key, (values.get(key) ?? 0) + d.value);
+    }
+    const days = Array.from(
+      { length: weeks },
+      (_, w) => Array.from({ length: 7 }, (_2, r) => {
+        const date = origin.plus({ days: w * 7 + r });
+        const iso = date.toISODate();
+        const inRange2 = date >= first && date <= last;
+        return {
+          date,
+          iso,
+          inRange: inRange2,
+          value: inRange2 ? values.get(iso) ?? 0 : 0
+        };
+      })
+    );
+    const inRange = days.flat().filter((d) => d.inRange);
+    const max = Math.max(0, ...inRange.map((d) => d.value));
+    const total = inRange.reduce((sum, d) => sum + d.value, 0);
+    const activeDays = inRange.filter((d) => d.value > 0).length;
+    const months = [];
+    for (const week of days) {
+      const date = (week.find((d) => d.inRange) ?? week[0]).date;
+      const key = date.toFormat("yyyy-MM");
+      const prev = months[months.length - 1];
+      if (prev?.key === key) prev.span += 1;
+      else months.push({ key, date, span: 1 });
+    }
+    return { days, first, last, max, total, activeDays, months };
+  }, [data, start, end, weekStartsOn]);
+  const activeDate = active ? luxon.DateTime.fromISO(active) : null;
+  const focusable = activeDate && activeDate >= grid.first && activeDate <= grid.last ? active : grid.last.toISODate();
+  const onKeyDown = (e) => {
+    if (!focusable) return;
+    const rtl = getComputedStyle(e.currentTarget).direction === "rtl";
+    const delta = {
+      ArrowUp: -1,
+      ArrowDown: 1,
+      ArrowLeft: rtl ? 7 : -7,
+      ArrowRight: rtl ? -7 : 7
+    };
+    if (!delta[e.key]) return;
+    e.preventDefault();
+    const next = luxon.DateTime.fromISO(focusable).plus({ days: delta[e.key] });
+    if (next < grid.first || next > grid.last) return;
+    const iso = next.toISODate();
+    setActive(iso);
+    cells.current.get(iso)?.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "calendar-heatmap",
+      className: chunkS5RVSXDV_cjs.cn("inline-flex max-w-full flex-col gap-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "table",
+          {
+            role: onDayClick ? "grid" : void 0,
+            "aria-label": labels.title,
+            className: "text-muted-foreground border-separate border-spacing-[3px] text-[10px] leading-none",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "sr-only", children: labels.summary(grid.total, grid.activeDays) }),
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", {}),
+                grid.months.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "th",
+                  {
+                    scope: "colgroup",
+                    colSpan: m.span,
+                    className: "pb-1 text-start font-normal whitespace-nowrap",
+                    children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: m.span < 2 ? "sr-only" : void 0, children: loc(m.date).toFormat("LLL") })
+                  },
+                  m.key
+                ))
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from({ length: 7 }, (_, r) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "row", className: "pe-1 text-start font-normal", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: r % 2 === 1 ? void 0 : "sr-only", children: loc(grid.days[0][r].date).toFormat("ccc") }) }),
+                grid.days.map((week) => {
+                  const day = week[r];
+                  if (!day.inRange) return /* @__PURE__ */ jsxRuntime.jsx("td", {}, day.iso);
+                  const label = labels.cellLabel(
+                    loc(day.date).toLocaleString(
+                      luxon.DateTime.DATE_MED_WITH_WEEKDAY
+                    ),
+                    day.value,
+                    day.iso
+                  );
+                  const swatch = chunkS5RVSXDV_cjs.cn(CELL, LEVELS[level(day.value, grid.max)]);
+                  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-0", children: onDayClick ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      ref: (el) => {
+                        if (el) cells.current.set(day.iso, el);
+                        else cells.current.delete(day.iso);
+                      },
+                      title: label,
+                      tabIndex: day.iso === focusable ? 0 : -1,
+                      onFocus: () => setActive(day.iso),
+                      onClick: () => onDayClick(day.iso),
+                      onKeyDown,
+                      className: chunkS5RVSXDV_cjs.cn(
+                        swatch,
+                        "focus-visible:outline-ring focus-visible:outline-2 focus-visible:outline-offset-1"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label })
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: swatch, title: label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label }) }) }, day.iso);
+                })
+              ] }, r)) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "aria-hidden": "true",
+            "data-slot": "calendar-heatmap-legend",
+            className: "text-muted-foreground flex items-center gap-1 self-end text-[10px]",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "me-1", children: labels.less }),
+              LEVELS.map((cls) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkS5RVSXDV_cjs.cn(CELL, cls) }, cls)),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-1", children: labels.more })
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+
+exports.CalendarHeatmap = CalendarHeatmap;
+exports.defaultCalendarHeatmapLabels = defaultCalendarHeatmapLabels;
+//# sourceMappingURL=chunk-A4W5CSK7.cjs.map
+//# sourceMappingURL=chunk-A4W5CSK7.cjs.map