@mieweb/ui 0.10.0-dev.30 → 0.10.0-dev.32

package/dist/{chunk-DVOQ3JNO.js → chunk-B4CKCNWD.js}

@@ -1,3 +1,4 @@
+import { useUrlSearchParam } from './chunk-CVNPNZMX.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -18,6 +19,8 @@ function Tabs({
   defaultValue,
   onValueChange,
   variant = "underline",
+  urlParam,
+  urlValues,
   children,
   className
 }) {
@@ -25,15 +28,20 @@ function Tabs({
     defaultValue || ""
   );
   const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
+  const syncsUrl = !isControlled && Boolean(urlParam);
+  const [urlValue, setUrlValue] = useUrlSearchParam(
+    syncsUrl ? urlParam : void 0,
+    defaultValue || "",
+    (v) => urlValues ? urlValues.includes(v) : v !== ""
+  );
+  const value = isControlled ? controlledValue : syncsUrl ? urlValue : uncontrolledValue;
   const handleValueChange = React.useCallback(
     (newValue) => {
-      if (!isControlled) {
-        setUncontrolledValue(newValue);
-      }
+      if (syncsUrl) setUrlValue(newValue);
+      else if (!isControlled) setUncontrolledValue(newValue);
       onValueChange?.(newValue);
     },
-    [isControlled, onValueChange]
+    [isControlled, syncsUrl, setUrlValue, onValueChange]
   );
   return /* @__PURE__ */ jsx(
     TabsContext.Provider,
@@ -140,7 +148,7 @@ var tabsTriggerVariants = cva(
         ],
         pills: [
           "px-3 py-1.5 rounded-md text-sm",
-          "text-muted-foreground hover:text-foreground",
+          "text-neutral-600 dark:text-neutral-300 hover:text-foreground",
           "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
         ],
         enclosed: [
@@ -217,5 +225,5 @@ var TabsContent = React.forwardRef(
 TabsContent.displayName = "TabsContent";
 
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
-//# sourceMappingURL=chunk-DVOQ3JNO.js.map
-//# sourceMappingURL=chunk-DVOQ3JNO.js.map
+//# sourceMappingURL=chunk-B4CKCNWD.js.map
+//# sourceMappingURL=chunk-B4CKCNWD.js.map

package/dist/chunk-B4CKCNWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"chunk-B4CKCNWD.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useUrlSearchParam } from '../../hooks/useUrlTab';\n\n// ============================================================================\n// Tabs Context\n// ============================================================================\n\ninterface TabsContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  variant: 'underline' | 'pills' | 'enclosed';\n}\n\nconst TabsContext = React.createContext<TabsContextValue | undefined>(\n  undefined\n);\n\nfunction useTabsContext() {\n  const context = React.useContext(TabsContext);\n  if (!context) {\n    throw new Error('Tabs components must be used within a Tabs provider');\n  }\n  return context;\n}\n\n// ============================================================================\n// Tabs Root\n// ============================================================================\n\nexport interface TabsProps {\n  /** The controlled value of the selected tab */\n  value?: string;\n  /** The default value of the selected tab (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when the selected tab changes */\n  onValueChange?: (value: string) => void;\n  /** Visual variant of the tabs */\n  variant?: 'underline' | 'pills' | 'enclosed';\n  /**\n   * Query parameter that mirrors the selected tab (uncontrolled only). Written\n   * with `history.replaceState`; omitted from the URL when it equals\n   * `defaultValue`.\n   */\n  urlParam?: string;\n  /**\n   * Values `urlParam` may select. Anything else in the URL falls back to\n   * `defaultValue`; without it, any non-empty value is accepted.\n   */\n  urlValues?: readonly string[];\n  /** Tab content */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Accessible tabs component with keyboard navigation.\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  variant = 'underline',\n  urlParam,\n  urlValues,\n  children,\n  className,\n}: TabsProps) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(\n    defaultValue || ''\n  );\n\n  const isControlled = controlledValue !== undefined;\n  const syncsUrl = !isControlled && Boolean(urlParam);\n  const [urlValue, setUrlValue] = useUrlSearchParam(\n    syncsUrl ? urlParam : undefined,\n    defaultValue || '',\n    (v) => (urlValues ? urlValues.includes(v) : v !== '')\n  );\n  const value = isControlled\n    ? controlledValue\n    : syncsUrl\n      ? urlValue\n      : uncontrolledValue;\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (syncsUrl) setUrlValue(newValue);\n      else if (!isControlled) setUncontrolledValue(newValue);\n      onValueChange?.(newValue);\n    },\n    [isControlled, syncsUrl, setUrlValue, onValueChange]\n  );\n\n  return (\n    <TabsContext.Provider\n      value={{ value, onValueChange: handleValueChange, variant }}\n    >\n      <div data-slot=\"tabs\" className={cn('w-full', className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nTabs.displayName = 'Tabs';\n\n// ============================================================================\n// Tabs List\n// ============================================================================\n\nconst tabsListVariants = cva(['flex items-center'], {\n  variants: {\n    variant: {\n      underline: 'border-b border-border gap-0',\n      pills: 'gap-1 p-1 rounded-lg bg-muted',\n      enclosed: 'gap-0 border-b border-border',\n    },\n  },\n  defaultVariants: {\n    variant: 'underline',\n  },\n});\n\nexport type TabsListProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Container for tab triggers.\n */\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useTabsContext();\n    const listRef = React.useRef<HTMLDivElement>(null);\n\n    // Keyboard navigation\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const list = listRef.current;\n        if (!list) return;\n\n        const triggers = Array.from(\n          list.querySelectorAll<HTMLButtonElement>(\n            '[role=\"tab\"]:not([disabled])'\n          )\n        );\n        const currentIndex = triggers.findIndex(\n          (trigger) => trigger === document.activeElement\n        );\n\n        let nextIndex: number;\n\n        switch (e.key) {\n          case 'ArrowRight':\n          case 'ArrowDown':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === triggers.length - 1 ? 0 : currentIndex + 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'ArrowLeft':\n          case 'ArrowUp':\n            e.preventDefault();\n            nextIndex =\n              currentIndex === 0 ? triggers.length - 1 : currentIndex - 1;\n            triggers[nextIndex]?.focus();\n            break;\n          case 'Home':\n            e.preventDefault();\n            triggers[0]?.focus();\n            break;\n          case 'End':\n            e.preventDefault();\n            triggers[triggers.length - 1]?.focus();\n            break;\n        }\n      },\n      []\n    );\n\n    return (\n      <div\n        ref={(node) => {\n          // Combine refs\n          (listRef as React.MutableRefObject<HTMLDivElement | null>).current =\n            node;\n          if (typeof ref === 'function') {\n            ref(node);\n          } else if (ref) {\n            ref.current = node;\n          }\n        }}\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        className={cn(tabsListVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTabsList.displayName = 'TabsList';\n\n// ============================================================================\n// Tabs Trigger\n// ============================================================================\n\nconst tabsTriggerVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium transition-all duration-200',\n    'whitespace-nowrap',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      variant: {\n        underline: [\n          'px-4 py-2 -mb-px',\n          'border-b-2 border-transparent',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-primary-700 data-[state=active]:text-primary-800',\n          'dark:data-[state=active]:border-primary-400 dark:data-[state=active]:text-primary-400',\n        ],\n        pills: [\n          'px-3 py-1.5 rounded-md text-sm',\n          'text-neutral-600 dark:text-neutral-300 hover:text-foreground',\n          'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',\n        ],\n        enclosed: [\n          'px-4 py-2 -mb-px',\n          'border border-transparent rounded-t-lg',\n          'text-muted-foreground hover:text-foreground',\n          'data-[state=active]:border-border data-[state=active]:border-b-background data-[state=active]:bg-background data-[state=active]:text-foreground',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'underline',\n    },\n  }\n);\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The value that identifies this tab */\n  value: string;\n  /** Icon to show before the label */\n  icon?: React.ReactNode;\n}\n\n/**\n * A tab trigger button.\n */\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, value, icon, children, disabled, ...props }, ref) => {\n    const { value: selectedValue, onValueChange, variant } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        data-slot=\"tabs-trigger\"\n        aria-selected={isSelected}\n        aria-controls={`tabpanel-${value}`}\n        id={`tab-${value}`}\n        tabIndex={isSelected ? 0 : -1}\n        data-state={isSelected ? 'active' : 'inactive'}\n        disabled={disabled}\n        onClick={() => onValueChange(value)}\n        className={cn(tabsTriggerVariants({ variant }), className)}\n        {...props}\n      >\n        {icon && (\n          <span data-slot=\"tabs-trigger-icon\" className=\"shrink-0\">\n            {icon}\n          </span>\n        )}\n        {children}\n      </button>\n    );\n  }\n);\n\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ============================================================================\n// Tabs Content\n// ============================================================================\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The value that identifies this content panel */\n  value: string;\n  /** Force mount the content (useful for animations) */\n  forceMount?: boolean;\n}\n\n/**\n * Content panel for a tab.\n */\nconst TabsContent = React.forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, value, forceMount = false, children, ...props }, ref) => {\n    const { value: selectedValue } = useTabsContext();\n    const isSelected = selectedValue === value;\n\n    if (!isSelected && !forceMount) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"tabpanel\"\n        data-slot=\"tabs-content\"\n        id={`tabpanel-${value}`}\n        aria-labelledby={`tab-${value}`}\n        tabIndex={0}\n        hidden={!isSelected}\n        data-state={isSelected ? 'active' : 'inactive'}\n        className={cn(\n          'focus-visible:ring-ring mt-4 rounded-lg focus-visible:ring-2 focus-visible:outline-none',\n          !isSelected && 'hidden',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nTabsContent.displayName = 'TabsContent';\n\nexport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  tabsListVariants,\n  tabsTriggerVariants,\n};\n"]}

package/dist/chunk-BJ6ABRSQ.cjs

@@ -0,0 +1,256 @@
+'use strict';
+
+var chunk47P5QLX4_cjs = require('./chunk-47P5QLX4.cjs');
+var chunk7IRTD4JT_cjs = require('./chunk-7IRTD4JT.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var chunkUPWIJC6I_cjs = require('./chunk-UPWIJC6I.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var luxon = require('luxon');
+var lucideReact = require('lucide-react');
+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 defaultFieldHistoryLabels = {
+  loading: "Loading history",
+  empty: "No changes recorded",
+  error: "Could not load history",
+  retry: "Try again",
+  emptyValue: "Empty",
+  from: "Changed from",
+  to: "to",
+  fieldFilter: "Field",
+  allFields: "All fields",
+  today: "Today",
+  yesterday: "Yesterday",
+  undated: "Undated"
+};
+var ALL = "__all__";
+var isBlank = (value) => value === null || value === void 0 || value === "";
+function FieldHistoryInner({
+  items,
+  loading = false,
+  error = null,
+  onRetry,
+  locale,
+  timeZone = "local",
+  now,
+  defaultField,
+  formatValue,
+  emptyState,
+  labels,
+  classNames,
+  headingLevel: Heading = "h3",
+  className,
+  ...rest
+}, ref) {
+  const text = { ...defaultFieldHistoryLabels, ...labels };
+  const baseId = React__namespace.useId();
+  const [fieldState, setField] = React__namespace.useState(defaultField ?? ALL);
+  const reference = now ?? /* @__PURE__ */ new Date();
+  const fields = React__namespace.useMemo(
+    () => [...new Set(items.map((e) => e.field))].sort(),
+    [items]
+  );
+  const field = fields.includes(fieldState) ? fieldState : ALL;
+  const visible = field === ALL ? items : items.filter((e) => e.field === field);
+  const value = (v, entry) => isBlank(v) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic", children: text.emptyValue }) : formatValue?.(v, entry) ?? String(v);
+  const renderEntry = (entry) => {
+    const dt = chunk4NCDU5IG_cjs.toDateTime(entry.changedAt, timeZone);
+    const localDt = dt && chunk47P5QLX4_cjs.withLocale(dt, locale);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        "data-slot": "field-history-entry",
+        className: chunkS5RVSXDV_cjs.cn("flex items-start gap-3 px-3 py-3", classNames?.entry),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkGKDHMNUA_cjs.Avatar,
+            {
+              size: "sm",
+              name: entry.changedBy?.name,
+              src: entry.changedBy?.avatarUrl,
+              alt: "",
+              "aria-hidden": true,
+              className: "shrink-0"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground min-w-0 flex-1 truncate text-sm font-medium", children: entry.field }),
+              localDt && /* @__PURE__ */ jsxRuntime.jsx(
+                "time",
+                {
+                  dateTime: localDt.toISO() ?? void 0,
+                  title: localDt.toLocaleString(luxon.DateTime.DATETIME_FULL),
+                  className: "text-muted-foreground shrink-0 text-xs",
+                  children: localDt.toRelative({
+                    base: luxon.DateTime.fromJSDate(reference)
+                  })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "p",
+              {
+                "data-slot": "field-history-value",
+                className: chunkS5RVSXDV_cjs.cn(
+                  "mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm",
+                  classNames?.value
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: text.from }),
+                  /* @__PURE__ */ jsxRuntime.jsx("del", { className: "text-muted-foreground line-through", children: value(entry.from, entry) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.ArrowRight,
+                    {
+                      className: "text-muted-foreground size-3.5 shrink-0 rtl:rotate-180",
+                      "aria-hidden": true
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: text.to }),
+                  /* @__PURE__ */ jsxRuntime.jsx("ins", { className: "text-foreground no-underline", children: value(entry.to, entry) })
+                ]
+              }
+            ),
+            (entry.changedBy || entry.source) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: [entry.changedBy?.name, entry.source].filter(Boolean).join(" \xB7 ") })
+          ] })
+        ]
+      },
+      entry.id
+    );
+  };
+  let body;
+  if (error) {
+    body = /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "error",
+        slot: "field-history-state",
+        message: text.error,
+        retryLabel: text.retry,
+        onRetry,
+        className: classNames?.state
+      }
+    );
+  } else if (loading) {
+    body = /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "loading",
+        slot: "field-history-state",
+        message: text.loading,
+        className: classNames?.state
+      }
+    );
+  } else if (visible.length === 0) {
+    body = emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7IRTD4JT_cjs.RecordState,
+      {
+        kind: "empty",
+        slot: "field-history-state",
+        message: text.empty,
+        className: classNames?.state
+      }
+    );
+  } else {
+    body = chunk47P5QLX4_cjs.groupByDay(visible, (e) => e.changedAt, timeZone).map((day) => {
+      const headingId = `${baseId}-${day.key || "none"}`;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "section",
+        {
+          "aria-labelledby": headingId,
+          "data-slot": "field-history-section",
+          className: classNames?.section,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Heading,
+              {
+                id: headingId,
+                "data-slot": "field-history-day-header",
+                className: chunkS5RVSXDV_cjs.cn(
+                  "border-border bg-card text-muted-foreground sticky top-0 z-10 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase",
+                  classNames?.dayHeader
+                ),
+                children: chunk47P5QLX4_cjs.formatDayLabel(day.key, {
+                  now: reference,
+                  zone: timeZone,
+                  locale,
+                  today: text.today,
+                  yesterday: text.yesterday,
+                  undated: text.undated
+                })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-border divide-y", children: day.items.map(renderEntry) })
+          ]
+        },
+        day.key
+      );
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "field-history",
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      ...rest,
+      children: [
+        fields.length > 1 && !loading && !error && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "field-history-toolbar",
+            className: chunkS5RVSXDV_cjs.cn("border-border border-b p-3", classNames?.toolbar),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkUPWIJC6I_cjs.Select,
+              {
+                size: "sm",
+                label: text.fieldFilter,
+                hideLabel: true,
+                value: field,
+                onValueChange: setField,
+                options: [
+                  { value: ALL, label: text.allFields },
+                  ...fields.map((f) => ({ value: f, label: f }))
+                ],
+                className: "sm:max-w-xs"
+              }
+            )
+          }
+        ),
+        body
+      ]
+    }
+  );
+}
+var FieldHistory = React__namespace.forwardRef(FieldHistoryInner);
+FieldHistory.displayName = "FieldHistory";
+
+exports.FieldHistory = FieldHistory;
+exports.defaultFieldHistoryLabels = defaultFieldHistoryLabels;
+//# sourceMappingURL=chunk-BJ6ABRSQ.cjs.map
+//# sourceMappingURL=chunk-BJ6ABRSQ.cjs.map

package/dist/chunk-BJ6ABRSQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FieldHistory/FieldHistory.tsx"],"names":["React","jsx","toDateTime","withLocale","jsxs","cn","Avatar","DateTime","ArrowRight","RecordState","groupByDay","formatDayLabel","Select"],"mappings":"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","file":"chunk-BJ6ABRSQ.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Select } from '../Select';\nimport { toDateTime } from '../../views/types';\nimport {\n  formatDayLabel,\n  groupByDay,\n  withLocale,\n} from '../ActivityFeed/dayGroups';\nimport { RecordState } from '../ActivityFeed/RecordState';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type FieldHistoryValue = string | number | boolean | null | undefined;\n\nexport interface FieldHistoryActor {\n  name: string;\n  avatarUrl?: string;\n}\n\nexport interface FieldHistoryEntry<V = FieldHistoryValue> {\n  id: string;\n  /** Display label of the changed field. */\n  field: string;\n  from?: V;\n  to?: V;\n  /** ISO string or `Date`. */\n  changedAt: string | Date;\n  changedBy?: FieldHistoryActor;\n  /** Where the change came from, e.g. \"Import\" or \"API\". */\n  source?: string;\n}\n\nexport interface FieldHistoryLabels {\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n  /** Shown in place of a blank value. */\n  emptyValue: string;\n  /** Screen-reader prefix for the old value. */\n  from: string;\n  /** Screen-reader prefix for the new value. */\n  to: string;\n  fieldFilter: string;\n  allFields: string;\n  today: string;\n  yesterday: string;\n  undated: string;\n}\n\nexport const defaultFieldHistoryLabels: FieldHistoryLabels = {\n  loading: 'Loading history',\n  empty: 'No changes recorded',\n  error: 'Could not load history',\n  retry: 'Try again',\n  emptyValue: 'Empty',\n  from: 'Changed from',\n  to: 'to',\n  fieldFilter: 'Field',\n  allFields: 'All fields',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  undated: 'Undated',\n};\n\nexport type FieldHistorySlot =\n  | 'toolbar'\n  | 'section'\n  | 'dayHeader'\n  | 'entry'\n  | 'value'\n  | 'state';\n\nexport interface FieldHistoryProps<V = FieldHistoryValue> extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  items: FieldHistoryEntry<V>[];\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  locale?: string;\n  /** IANA zone for day boundaries. Defaults to local. */\n  timeZone?: string;\n  /** Pins \"now\" for relative times in stories and tests. */\n  now?: Date;\n  /** Field shown first; the user can change it. Omit for all fields. */\n  defaultField?: string;\n  /** Renders a non-empty value, e.g. a currency or a status badge. */\n  formatValue?: (value: V, entry: FieldHistoryEntry<V>) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<FieldHistoryLabels>;\n  classNames?: Partial<Record<FieldHistorySlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\nconst ALL = '__all__';\n\nconst isBlank = (value: unknown) =>\n  value === null || value === undefined || value === '';\n\n// =============================================================================\n// Component\n// =============================================================================\n\nfunction FieldHistoryInner<V = FieldHistoryValue>(\n  {\n    items,\n    loading = false,\n    error = null,\n    onRetry,\n    locale,\n    timeZone = 'local',\n    now,\n    defaultField,\n    formatValue,\n    emptyState,\n    labels,\n    classNames,\n    headingLevel: Heading = 'h3',\n    className,\n    ...rest\n  }: FieldHistoryProps<V>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) {\n  const text = { ...defaultFieldHistoryLabels, ...labels };\n  const baseId = React.useId();\n  const [fieldState, setField] = React.useState(defaultField ?? ALL);\n  const reference = now ?? new Date();\n\n  const fields = React.useMemo(\n    () => [...new Set(items.map((e) => e.field))].sort(),\n    [items]\n  );\n  // A field no longer in `items` falls back to all, so the history can't go blank.\n  const field = fields.includes(fieldState) ? fieldState : ALL;\n  const visible =\n    field === ALL ? items : items.filter((e) => e.field === field);\n\n  const value = (v: V | undefined, entry: FieldHistoryEntry<V>) =>\n    isBlank(v) ? (\n      <span className=\"italic\">{text.emptyValue}</span>\n    ) : (\n      (formatValue?.(v as V, entry) ?? String(v))\n    );\n\n  const renderEntry = (entry: FieldHistoryEntry<V>) => {\n    const dt = toDateTime(entry.changedAt, timeZone);\n    const localDt = dt && withLocale(dt, locale);\n    return (\n      <li\n        key={entry.id}\n        data-slot=\"field-history-entry\"\n        className={cn('flex items-start gap-3 px-3 py-3', classNames?.entry)}\n      >\n        <Avatar\n          size=\"sm\"\n          name={entry.changedBy?.name}\n          src={entry.changedBy?.avatarUrl}\n          alt=\"\"\n          aria-hidden\n          className=\"shrink-0\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-baseline gap-2\">\n            <span className=\"text-foreground min-w-0 flex-1 truncate text-sm font-medium\">\n              {entry.field}\n            </span>\n            {localDt && (\n              <time\n                dateTime={localDt.toISO() ?? undefined}\n                title={localDt.toLocaleString(DateTime.DATETIME_FULL)}\n                className=\"text-muted-foreground shrink-0 text-xs\"\n              >\n                {localDt.toRelative({\n                  base: DateTime.fromJSDate(reference),\n                })}\n              </time>\n            )}\n          </div>\n          <p\n            data-slot=\"field-history-value\"\n            className={cn(\n              'mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm',\n              classNames?.value\n            )}\n          >\n            <span className=\"sr-only\">{text.from}</span>\n            <del className=\"text-muted-foreground line-through\">\n              {value(entry.from, entry)}\n            </del>\n            <ArrowRight\n              className=\"text-muted-foreground size-3.5 shrink-0 rtl:rotate-180\"\n              aria-hidden\n            />\n            <span className=\"sr-only\">{text.to}</span>\n            <ins className=\"text-foreground no-underline\">\n              {value(entry.to, entry)}\n            </ins>\n          </p>\n          {(entry.changedBy || entry.source) && (\n            <p className=\"text-muted-foreground mt-1 text-xs\">\n              {[entry.changedBy?.name, entry.source]\n                .filter(Boolean)\n                .join(' · ')}\n            </p>\n          )}\n        </div>\n      </li>\n    );\n  };\n\n  let body: React.ReactNode;\n  if (error) {\n    body = (\n      <RecordState\n        kind=\"error\"\n        slot=\"field-history-state\"\n        message={text.error}\n        retryLabel={text.retry}\n        onRetry={onRetry}\n        className={classNames?.state}\n      />\n    );\n  } else if (loading) {\n    body = (\n      <RecordState\n        kind=\"loading\"\n        slot=\"field-history-state\"\n        message={text.loading}\n        className={classNames?.state}\n      />\n    );\n  } else if (visible.length === 0) {\n    body = emptyState ?? (\n      <RecordState\n        kind=\"empty\"\n        slot=\"field-history-state\"\n        message={text.empty}\n        className={classNames?.state}\n      />\n    );\n  } else {\n    body = groupByDay(visible, (e) => e.changedAt, timeZone).map((day) => {\n      const headingId = `${baseId}-${day.key || 'none'}`;\n      return (\n        <section\n          key={day.key}\n          aria-labelledby={headingId}\n          data-slot=\"field-history-section\"\n          className={classNames?.section}\n        >\n          <Heading\n            id={headingId}\n            data-slot=\"field-history-day-header\"\n            className={cn(\n              'border-border bg-card text-muted-foreground sticky top-0 z-10 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n              classNames?.dayHeader\n            )}\n          >\n            {formatDayLabel(day.key, {\n              now: reference,\n              zone: timeZone,\n              locale,\n              today: text.today,\n              yesterday: text.yesterday,\n              undated: text.undated,\n            })}\n          </Heading>\n          <ul className=\"divide-border divide-y\">\n            {day.items.map(renderEntry)}\n          </ul>\n        </section>\n      );\n    });\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-history\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n      {...rest}\n    >\n      {fields.length > 1 && !loading && !error && (\n        <div\n          data-slot=\"field-history-toolbar\"\n          className={cn('border-border border-b p-3', classNames?.toolbar)}\n        >\n          <Select\n            size=\"sm\"\n            label={text.fieldFilter}\n            hideLabel\n            value={field}\n            onValueChange={setField}\n            options={[\n              { value: ALL, label: text.allFields },\n              ...fields.map((f) => ({ value: f, label: f })),\n            ]}\n            className=\"sm:max-w-xs\"\n          />\n        </div>\n      )}\n      {body}\n    </div>\n  );\n}\n\n/**\n * The change log of a record's fields, grouped by day. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const FieldHistory = React.forwardRef(FieldHistoryInner) as <\n  V = FieldHistoryValue,\n>(\n  props: FieldHistoryProps<V> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\n(FieldHistory as React.FC).displayName = 'FieldHistory';\n"]}

package/dist/chunk-BXRQ6HEP.cjs

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

package/dist/chunk-BXRQ6HEP.cjs.map

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

package/dist/{chunk-TJCX4OML.cjs → chunk-C77FAR3F.cjs}

@@ -823,5 +823,5 @@ exports.DropdownItem = DropdownItem;
 exports.DropdownLabel = DropdownLabel;
 exports.DropdownSeparator = DropdownSeparator;
 exports.DropdownSubmenu = DropdownSubmenu;
-//# sourceMappingURL=chunk-TJCX4OML.cjs.map
-//# sourceMappingURL=chunk-TJCX4OML.cjs.map
+//# sourceMappingURL=chunk-C77FAR3F.cjs.map
+//# sourceMappingURL=chunk-C77FAR3F.cjs.map