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

package/dist/chunk-GNOQFTLL.cjs

@@ -0,0 +1,286 @@
+'use strict';
+
+var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
+var chunkSCV7C55E_cjs = require('./chunk-SCV7C55E.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+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 defaultAlertDialogLabels = {
+  cancel: "Cancel",
+  action: "Continue",
+  busy: "Working\u2026",
+  acknowledge: "OK"
+};
+var iconVariants = classVarianceAuthority.cva(
+  "flex h-10 w-10 shrink-0 items-center justify-center rounded-full",
+  {
+    variants: {
+      variant: {
+        destructive: "bg-destructive/10 text-destructive",
+        warning: "bg-warning/15 text-warning-700 dark:text-warning-400",
+        success: "bg-success/10 text-success-700 dark:text-success-400",
+        info: "bg-info/10 text-info-700 dark:text-info-400"
+      }
+    }
+  }
+);
+var VARIANT_ICONS = {
+  destructive: lucideReact.AlertTriangle,
+  warning: lucideReact.AlertTriangle,
+  success: lucideReact.CheckCircle2,
+  info: lucideReact.Info
+};
+function isPromiseLike(value) {
+  return typeof value === "object" && value !== null && typeof value.then === "function";
+}
+function AlertDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  cancelLabel,
+  actionLabel,
+  onAction,
+  onCancel,
+  variant = "default",
+  actionDisabled,
+  hideCancel,
+  labels,
+  className
+}) {
+  const text = { ...defaultAlertDialogLabels, ...labels };
+  const id = React__namespace.useId();
+  const titleId = `${id}-title`;
+  const descriptionId = `${id}-description`;
+  const [busy, setBusy] = React__namespace.useState(false);
+  const bodyRef = React__namespace.useRef(null);
+  const cancelRef = React__namespace.useRef(null);
+  const actionRef = React__namespace.useRef(null);
+  const cautious = variant === "destructive" || variant === "warning";
+  const iconVariant = variant === "default" ? null : variant;
+  const Icon = iconVariant && VARIANT_ICONS[iconVariant];
+  React__namespace.useLayoutEffect(() => {
+    if (!open) return;
+    bodyRef.current?.closest('[data-slot="modal"]')?.setAttribute("role", "alertdialog");
+  }, [open]);
+  React__namespace.useLayoutEffect(() => {
+    if (!open) return;
+    const opener = document.activeElement;
+    return () => {
+      if (opener instanceof HTMLElement && opener.isConnected) opener.focus();
+    };
+  }, [open]);
+  React__namespace.useEffect(() => {
+    if (!open || chunkSCV7C55E_cjs.isStorybookDocsMode()) return;
+    (cautious && !hideCancel ? cancelRef : actionRef).current?.focus();
+  }, [open, cautious, hideCancel]);
+  const handleCancel = () => {
+    onCancel?.();
+    onOpenChange(false);
+  };
+  const actionGen = React__namespace.useRef(0);
+  React__namespace.useEffect(() => {
+    if (!open) {
+      actionGen.current += 1;
+      setBusy(false);
+    }
+  }, [open]);
+  const handleAction = async () => {
+    let result;
+    try {
+      result = onAction?.();
+    } catch {
+      requestAnimationFrame(() => actionRef.current?.focus());
+      return;
+    }
+    if (!isPromiseLike(result)) return;
+    const gen = ++actionGen.current;
+    setBusy(true);
+    try {
+      await result;
+      if (gen !== actionGen.current) return;
+      setBusy(false);
+      onOpenChange(false);
+    } catch {
+      if (gen !== actionGen.current) return;
+      setBusy(false);
+      requestAnimationFrame(() => actionRef.current?.focus());
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkT4L7Q5FA_cjs.Modal,
+    {
+      open,
+      onOpenChange,
+      size: "sm",
+      closeOnOverlayClick: false,
+      closeOnEscape: false,
+      className,
+      "aria-labelledby": titleId,
+      "aria-describedby": description ? descriptionId : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkT4L7Q5FA_cjs.ModalBody,
+          {
+            ref: bodyRef,
+            "data-variant": variant,
+            "aria-busy": busy || void 0,
+            className: "flex items-start gap-4 px-6 py-5",
+            children: [
+              Icon && iconVariant && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "data-slot": "alert-dialog-icon",
+                  className: iconVariants({ variant: iconVariant }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5", "aria-hidden": "true" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    id: titleId,
+                    "data-slot": "alert-dialog-title",
+                    className: "text-lg font-semibold tracking-tight",
+                    children: title
+                  }
+                ),
+                description && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    id: descriptionId,
+                    "data-slot": "alert-dialog-description",
+                    className: chunkS5RVSXDV_cjs.cn("text-muted-foreground mt-2 text-sm"),
+                    children: description
+                  }
+                ),
+                children
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalFooter, { children: [
+          !hideCancel && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkANMX7YDL_cjs.Button,
+            {
+              ref: cancelRef,
+              variant: "secondary",
+              onClick: handleCancel,
+              disabled: busy,
+              children: cancelLabel ?? text.cancel
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkANMX7YDL_cjs.Button,
+            {
+              ref: actionRef,
+              variant: variant === "destructive" ? "danger" : "primary",
+              onClick: handleAction,
+              disabled: actionDisabled,
+              isLoading: busy,
+              loadingText: text.busy,
+              children: actionLabel ?? text.action
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+AlertDialog.displayName = "AlertDialog";
+var ConfirmContext = React__namespace.createContext(null);
+function ConfirmDialogProvider({
+  children,
+  labels
+}) {
+  const [request, setRequest] = React__namespace.useState(null);
+  const [open, setOpen] = React__namespace.useState(false);
+  const resolveRef = React__namespace.useRef(null);
+  const settle = React__namespace.useCallback((confirmed) => {
+    resolveRef.current?.(confirmed);
+    resolveRef.current = null;
+    setOpen(false);
+  }, []);
+  React__namespace.useEffect(
+    () => () => {
+      resolveRef.current?.(false);
+      resolveRef.current = null;
+    },
+    []
+  );
+  const api = React__namespace.useMemo(() => {
+    const show = (next) => new Promise((resolve) => {
+      resolveRef.current?.(false);
+      resolveRef.current = resolve;
+      setRequest(next);
+      setOpen(true);
+    });
+    return {
+      confirm: (options) => show({ ...options, mode: "confirm" }),
+      alert: async (options) => {
+        await show({ variant: "info", ...options, mode: "alert" });
+      }
+    };
+  }, []);
+  const text = { ...defaultAlertDialogLabels, ...labels };
+  const isAlert = request?.mode === "alert";
+  return /* @__PURE__ */ jsxRuntime.jsxs(ConfirmContext.Provider, { value: api, children: [
+    children,
+    request && /* @__PURE__ */ jsxRuntime.jsx(
+      AlertDialog,
+      {
+        open,
+        onOpenChange: (next) => {
+          if (!next) settle(false);
+        },
+        title: request.title,
+        description: request.description,
+        variant: request.variant,
+        labels,
+        hideCancel: isAlert,
+        cancelLabel: request.cancelLabel,
+        actionLabel: request.actionLabel ?? (isAlert ? text.acknowledge : void 0),
+        onAction: () => settle(true)
+      }
+    )
+  ] });
+}
+function useConfirm() {
+  const api = React__namespace.useContext(ConfirmContext);
+  if (!api) {
+    throw new Error("useConfirm must be used within a <ConfirmDialogProvider>");
+  }
+  return api;
+}
+
+exports.AlertDialog = AlertDialog;
+exports.ConfirmDialogProvider = ConfirmDialogProvider;
+exports.defaultAlertDialogLabels = defaultAlertDialogLabels;
+exports.useConfirm = useConfirm;
+//# sourceMappingURL=chunk-GNOQFTLL.cjs.map
+//# sourceMappingURL=chunk-GNOQFTLL.cjs.map

package/dist/chunk-GNOQFTLL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/ConfirmDialogProvider.tsx"],"names":["cva","AlertTriangle","CheckCircle2","Info","React","isStorybookDocsMode","jsxs","Modal","ModalBody","jsx","cn","ModalFooter","Button","React2"],"mappings":"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","file":"chunk-GNOQFTLL.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { AlertTriangle, CheckCircle2, Info } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { isStorybookDocsMode } from '../../utils/environment';\nimport { Modal, ModalBody, ModalFooter, type ModalProps } from '../Modal';\nimport { Button } from '../Button';\n\nexport type AlertDialogVariant =\n  | 'default'\n  | 'destructive'\n  | 'warning'\n  | 'success'\n  | 'info';\n\nexport interface AlertDialogLabels {\n  /** Cancel button */\n  cancel: string;\n  /** Action button */\n  action: string;\n  /** Action button while an async `onAction` is pending */\n  busy: string;\n  /** Action button of `useConfirm().alert()` */\n  acknowledge: string;\n}\n\nexport const defaultAlertDialogLabels: AlertDialogLabels = {\n  cancel: 'Cancel',\n  action: 'Continue',\n  busy: 'Working…',\n  acknowledge: 'OK',\n};\n\nconst iconVariants = cva(\n  'flex h-10 w-10 shrink-0 items-center justify-center rounded-full',\n  {\n    variants: {\n      variant: {\n        destructive: 'bg-destructive/10 text-destructive',\n        warning: 'bg-warning/15 text-warning-700 dark:text-warning-400',\n        success: 'bg-success/10 text-success-700 dark:text-success-400',\n        info: 'bg-info/10 text-info-700 dark:text-info-400',\n      },\n    },\n  }\n);\n\nconst VARIANT_ICONS = {\n  destructive: AlertTriangle,\n  warning: AlertTriangle,\n  success: CheckCircle2,\n  info: Info,\n} as const;\n\nexport interface AlertDialogProps extends Pick<\n  ModalProps,\n  'open' | 'onOpenChange'\n> {\n  /** Dialog title */\n  title: React.ReactNode;\n  /** Optional descriptive body text */\n  description?: React.ReactNode;\n  /** Custom body content (rendered below the description) */\n  children?: React.ReactNode;\n  /** Label for the cancel button; overrides `labels.cancel` */\n  cancelLabel?: React.ReactNode;\n  /** Label for the confirm/action button; overrides `labels.action` */\n  actionLabel?: React.ReactNode;\n  /**\n   * Called when the action button is clicked. Return a Promise to show a busy\n   * state; the dialog closes when it resolves and stays open if it rejects.\n   */\n  onAction?: () => void | Promise<unknown>;\n  /** Called when the cancel button is clicked */\n  onCancel?: () => void;\n  /** Tone of the dialog: icon, action button colour and initial focus */\n  variant?: AlertDialogVariant;\n  /** Disables the action button */\n  actionDisabled?: boolean;\n  /** Hides the cancel button */\n  hideCancel?: boolean;\n  /** User-facing strings; English defaults in `defaultAlertDialogLabels` */\n  labels?: Partial<AlertDialogLabels>;\n  /** Additional class name for the dialog content */\n  className?: string;\n}\n\nfunction isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    typeof (value as PromiseLike<unknown>).then === 'function'\n  );\n}\n\n/**\n * A modal dialog (`role=\"alertdialog\"`) that interrupts the user with\n * important content and expects a response. Built on top of {@link Modal}.\n *\n * It does not close on overlay click or Escape — the user must explicitly\n * choose an action.\n *\n * @example\n * ```tsx\n * <AlertDialog\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Delete case?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   actionLabel=\"Delete\"\n *   onAction={() => deleteCase(id)}\n * />\n * ```\n */\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  cancelLabel,\n  actionLabel,\n  onAction,\n  onCancel,\n  variant = 'default',\n  actionDisabled,\n  hideCancel,\n  labels,\n  className,\n}: AlertDialogProps) {\n  const text = { ...defaultAlertDialogLabels, ...labels };\n  const id = React.useId();\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n  const [busy, setBusy] = React.useState(false);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n  const cancelRef = React.useRef<HTMLButtonElement>(null);\n  const actionRef = React.useRef<HTMLButtonElement>(null);\n  const cautious = variant === 'destructive' || variant === 'warning';\n  const iconVariant = variant === 'default' ? null : variant;\n  const Icon = iconVariant && VARIANT_ICONS[iconVariant];\n\n  // Modal has no role prop; upgrade its dialog element. React never resets it\n  // because the role Modal renders does not change.\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    bodyRef.current\n      ?.closest('[data-slot=\"modal\"]')\n      ?.setAttribute('role', 'alertdialog');\n  }, [open]);\n\n  // Layout effect so the opener is captured before Modal's trap moves focus.\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    const opener = document.activeElement;\n    return () => {\n      if (opener instanceof HTMLElement && opener.isConnected) opener.focus();\n    };\n  }, [open]);\n\n  // Parent effects run after Modal's, so this overrides its first-element focus.\n  React.useEffect(() => {\n    if (!open || isStorybookDocsMode()) return;\n    (cautious && !hideCancel ? cancelRef : actionRef).current?.focus();\n  }, [open, cautious, hideCancel]);\n\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  // Closing (or reusing) the dialog orphans any in-flight action: its\n  // continuation must not clear the busy state or close a newer dialog.\n  const actionGen = React.useRef(0);\n  React.useEffect(() => {\n    if (!open) {\n      actionGen.current += 1;\n      setBusy(false);\n    }\n  }, [open]);\n\n  const handleAction = async () => {\n    let result: unknown;\n    try {\n      result = onAction?.();\n    } catch {\n      requestAnimationFrame(() => actionRef.current?.focus());\n      return;\n    }\n    if (!isPromiseLike(result)) return;\n    const gen = ++actionGen.current;\n    setBusy(true);\n    try {\n      await result;\n      if (gen !== actionGen.current) return;\n      setBusy(false);\n      onOpenChange(false);\n    } catch {\n      if (gen !== actionGen.current) return;\n      setBusy(false);\n      // Disabling the button dropped focus; return it once re-enabled.\n      requestAnimationFrame(() => actionRef.current?.focus());\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      closeOnOverlayClick={false}\n      closeOnEscape={false}\n      className={className}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n    >\n      <ModalBody\n        ref={bodyRef}\n        data-variant={variant}\n        aria-busy={busy || undefined}\n        className=\"flex items-start gap-4 px-6 py-5\"\n      >\n        {Icon && iconVariant && (\n          <span\n            data-slot=\"alert-dialog-icon\"\n            className={iconVariants({ variant: iconVariant })}\n          >\n            <Icon className=\"h-5 w-5\" aria-hidden=\"true\" />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <h2\n            id={titleId}\n            data-slot=\"alert-dialog-title\"\n            className=\"text-lg font-semibold tracking-tight\"\n          >\n            {title}\n          </h2>\n          {description && (\n            <p\n              id={descriptionId}\n              data-slot=\"alert-dialog-description\"\n              className={cn('text-muted-foreground mt-2 text-sm')}\n            >\n              {description}\n            </p>\n          )}\n          {children}\n        </div>\n      </ModalBody>\n      <ModalFooter>\n        {!hideCancel && (\n          <Button\n            ref={cancelRef}\n            variant=\"secondary\"\n            onClick={handleCancel}\n            disabled={busy}\n          >\n            {cancelLabel ?? text.cancel}\n          </Button>\n        )}\n        <Button\n          ref={actionRef}\n          variant={variant === 'destructive' ? 'danger' : 'primary'}\n          onClick={handleAction}\n          disabled={actionDisabled}\n          isLoading={busy}\n          loadingText={text.busy}\n        >\n          {actionLabel ?? text.action}\n        </Button>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n\nexport { AlertDialog };\n","import * as React from 'react';\nimport {\n  AlertDialog,\n  defaultAlertDialogLabels,\n  type AlertDialogLabels,\n  type AlertDialogVariant,\n} from './AlertDialog';\n\nexport interface ConfirmOptions {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  actionLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  variant?: AlertDialogVariant;\n}\n\nexport type AlertOptions = Omit<ConfirmOptions, 'cancelLabel'>;\n\nexport interface ConfirmApi {\n  /** Resolves `true` when the user confirms, `false` when they cancel. */\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n  /** Shows a dialog with only an acknowledge button; resolves when dismissed. */\n  alert: (options: AlertOptions) => Promise<void>;\n}\n\nexport interface ConfirmDialogProviderProps {\n  children: React.ReactNode;\n  /** Default strings for every dialog the provider opens */\n  labels?: Partial<AlertDialogLabels>;\n}\n\ninterface PendingDialog extends ConfirmOptions {\n  mode: 'confirm' | 'alert';\n}\n\nconst ConfirmContext = React.createContext<ConfirmApi | null>(null);\n\n/**\n * Renders one {@link AlertDialog} and exposes it imperatively through\n * {@link useConfirm}. Mount once near the app root.\n */\nexport function ConfirmDialogProvider({\n  children,\n  labels,\n}: ConfirmDialogProviderProps) {\n  const [request, setRequest] = React.useState<PendingDialog | null>(null);\n  const [open, setOpen] = React.useState(false);\n  const resolveRef = React.useRef<((confirmed: boolean) => void) | null>(null);\n\n  const settle = React.useCallback((confirmed: boolean) => {\n    resolveRef.current?.(confirmed);\n    resolveRef.current = null;\n    setOpen(false);\n  }, []);\n\n  // If the provider unmounts with a dialog open, settle the promise as\n  // cancelled so callers awaiting confirm() aren't suspended forever.\n  React.useEffect(\n    () => () => {\n      resolveRef.current?.(false);\n      resolveRef.current = null;\n    },\n    []\n  );\n\n  const api = React.useMemo<ConfirmApi>(() => {\n    const show = (next: PendingDialog) =>\n      new Promise<boolean>((resolve) => {\n        // A newer request replaces an unanswered one, which counts as cancelled.\n        resolveRef.current?.(false);\n        resolveRef.current = resolve;\n        setRequest(next);\n        setOpen(true);\n      });\n    return {\n      confirm: (options) => show({ ...options, mode: 'confirm' }),\n      alert: async (options) => {\n        await show({ variant: 'info', ...options, mode: 'alert' });\n      },\n    };\n  }, []);\n\n  const text = { ...defaultAlertDialogLabels, ...labels };\n  const isAlert = request?.mode === 'alert';\n\n  return (\n    <ConfirmContext.Provider value={api}>\n      {children}\n      {request && (\n        <AlertDialog\n          open={open}\n          onOpenChange={(next) => {\n            if (!next) settle(false);\n          }}\n          title={request.title}\n          description={request.description}\n          variant={request.variant}\n          labels={labels}\n          hideCancel={isAlert}\n          cancelLabel={request.cancelLabel}\n          actionLabel={\n            request.actionLabel ?? (isAlert ? text.acknowledge : undefined)\n          }\n          onAction={() => settle(true)}\n        />\n      )}\n    </ConfirmContext.Provider>\n  );\n}\n\n/**\n * Promise-based confirm/alert dialogs. Requires a {@link ConfirmDialogProvider}\n * ancestor.\n *\n * @example\n * ```tsx\n * const { confirm } = useConfirm();\n * if (await confirm({ title: 'Delete case?', variant: 'destructive' })) remove();\n * ```\n */\nexport function useConfirm(): ConfirmApi {\n  const api = React.useContext(ConfirmContext);\n  if (!api) {\n    throw new Error('useConfirm must be used within a <ConfirmDialogProvider>');\n  }\n  return api;\n}\n"]}

package/dist/chunk-GY5SP4ST.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-GY5SP4ST.js.map
+//# sourceMappingURL=chunk-GY5SP4ST.js.map

package/dist/chunk-GY5SP4ST.js.map

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

package/dist/chunk-H2Y7HZV5.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-H2Y7HZV5.js.map
+//# sourceMappingURL=chunk-H2Y7HZV5.js.map

package/dist/chunk-H2Y7HZV5.js.map

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

package/dist/chunk-H3QPREIJ.js

@@ -0,0 +1,195 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-B4CKCNWD.js';
+import { Badge } from './chunk-BMSG4NBH.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var defaultRecordLayoutLabels = {
+  sidebar: "Record details",
+  aside: "Related records",
+  main: "Record content",
+  tabs: "Record sections",
+  sidebarToggle: "Details"
+};
+var bodyVariants = cva("grid grid-cols-1 items-start gap-6 p-4 sm:p-6", {
+  variants: {
+    sidebar: { true: "", false: "" },
+    aside: { true: "", false: "" }
+  },
+  compoundVariants: [
+    {
+      sidebar: true,
+      aside: false,
+      class: "md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]"
+    },
+    {
+      sidebar: true,
+      aside: true,
+      class: "md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]"
+    },
+    {
+      sidebar: false,
+      aside: true,
+      class: "xl:grid-cols-[minmax(0,1fr)_20rem]"
+    }
+  ]
+});
+function readOpen(key) {
+  try {
+    const raw = window.localStorage.getItem(key);
+    return raw === null ? void 0 : raw === "true";
+  } catch {
+    return void 0;
+  }
+}
+var RecordLayout = React.forwardRef(
+  ({
+    header,
+    sidebar,
+    aside,
+    tabs,
+    activeTab,
+    defaultTab,
+    onTabChange,
+    tabsUrlParam,
+    sidebarCollapsible = true,
+    defaultSidebarOpen = false,
+    sidebarStorageKey,
+    labels: labelsProp,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };
+    const sidebarId = React.useId();
+    const [open, setOpen] = React.useState(defaultSidebarOpen);
+    React.useEffect(() => {
+      if (!sidebarStorageKey) return;
+      const stored = readOpen(sidebarStorageKey);
+      if (stored !== void 0) setOpen(stored);
+    }, [sidebarStorageKey]);
+    const toggle = () => {
+      const next = !open;
+      setOpen(next);
+      if (!sidebarStorageKey) return;
+      try {
+        window.localStorage.setItem(sidebarStorageKey, String(next));
+      } catch {
+      }
+    };
+    const hasSidebar = sidebar != null;
+    const hasAside = aside != null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "record-layout",
+        className: cn("bg-background flex flex-col", className),
+        ...rest,
+        children: [
+          header,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "record-layout-body",
+              className: bodyVariants({ sidebar: hasSidebar, aside: hasAside }),
+              children: [
+                hasSidebar && /* @__PURE__ */ jsxs(
+                  "aside",
+                  {
+                    "data-slot": "record-layout-sidebar",
+                    "aria-label": labels.sidebar,
+                    className: cn(
+                      "min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto",
+                      hasAside && "md:row-span-2 xl:row-span-1"
+                    ),
+                    children: [
+                      sidebarCollapsible && /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-expanded": open,
+                          "aria-controls": sidebarId,
+                          onClick: toggle,
+                          className: "border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden",
+                          children: [
+                            labels.sidebarToggle,
+                            /* @__PURE__ */ jsx(
+                              ChevronDown,
+                              {
+                                "aria-hidden": "true",
+                                className: cn(
+                                  "h-4 w-4 transition-transform motion-reduce:transition-none",
+                                  open && "rotate-180"
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          id: sidebarId,
+                          className: cn(
+                            sidebarCollapsible && "mt-3 md:mt-0",
+                            sidebarCollapsible && !open && "hidden md:block"
+                          ),
+                          children: sidebar
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "section",
+                  {
+                    "data-slot": "record-layout-main",
+                    "aria-label": labels.main,
+                    className: "min-w-0",
+                    children: tabs && tabs.length > 0 ? /* @__PURE__ */ jsxs(
+                      Tabs,
+                      {
+                        value: activeTab,
+                        defaultValue: defaultTab ?? tabs[0].id,
+                        onValueChange: onTabChange,
+                        urlParam: tabsUrlParam,
+                        urlValues: tabs.map((t) => t.id),
+                        children: [
+                          /* @__PURE__ */ jsx(TabsList, { "aria-label": labels.tabs, className: "overflow-x-auto", children: tabs.map((t) => /* @__PURE__ */ jsxs(TabsTrigger, { value: t.id, children: [
+                            t.label,
+                            t.count != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+                              " ",
+                              /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "secondary", children: t.count })
+                            ] })
+                          ] }, t.id)) }),
+                          tabs.map((t) => /* @__PURE__ */ jsx(TabsContent, { value: t.id, children: t.content }, t.id))
+                        ]
+                      }
+                    ) : children
+                  }
+                ),
+                hasAside && /* @__PURE__ */ jsx(
+                  "aside",
+                  {
+                    "data-slot": "record-layout-aside",
+                    "aria-label": labels.aside,
+                    className: "flex min-w-0 flex-col gap-4",
+                    children: aside
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RecordLayout.displayName = "RecordLayout";
+
+export { RecordLayout, defaultRecordLayoutLabels };
+//# sourceMappingURL=chunk-H3QPREIJ.js.map
+//# sourceMappingURL=chunk-H3QPREIJ.js.map

package/dist/chunk-H3QPREIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RecordLayout/RecordLayout.tsx"],"names":[],"mappings":"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","file":"chunk-H3QPREIJ.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge/Badge';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../Tabs/Tabs';\n\nexport interface RecordLayoutTab {\n  id: string;\n  label: string;\n  count?: number;\n  content: React.ReactNode;\n}\n\nexport interface RecordLayoutLabels {\n  sidebar: string;\n  aside: string;\n  main: string;\n  tabs: string;\n  sidebarToggle: string;\n}\n\nexport const defaultRecordLayoutLabels: RecordLayoutLabels = {\n  sidebar: 'Record details',\n  aside: 'Related records',\n  main: 'Record content',\n  tabs: 'Record sections',\n  sidebarToggle: 'Details',\n};\n\nconst bodyVariants = cva('grid grid-cols-1 items-start gap-6 p-4 sm:p-6', {\n  variants: {\n    sidebar: { true: '', false: '' },\n    aside: { true: '', false: '' },\n  },\n  compoundVariants: [\n    {\n      sidebar: true,\n      aside: false,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]',\n    },\n    {\n      sidebar: true,\n      aside: true,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]',\n    },\n    {\n      sidebar: false,\n      aside: true,\n      class: 'xl:grid-cols-[minmax(0,1fr)_20rem]',\n    },\n  ],\n});\n\nexport interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Usually a `RecordHeader`. */\n  header?: React.ReactNode;\n  /** Start column: the record's fields. */\n  sidebar?: React.ReactNode;\n  /** End column from `xl`; below the main column on tablet and mobile. */\n  aside?: React.ReactNode;\n  /** Rendered with `Tabs` in the main column; replaces `children`. */\n  tabs?: RecordLayoutTab[];\n  activeTab?: string;\n  defaultTab?: string;\n  onTabChange?: (id: string) => void;\n  /** Query parameter that mirrors the active tab (uncontrolled only). */\n  tabsUrlParam?: string;\n  /** Below `md`, hide the sidebar behind a toggle. */\n  sidebarCollapsible?: boolean;\n  defaultSidebarOpen?: boolean;\n  /** Persists the mobile sidebar's open state in `localStorage`. */\n  sidebarStorageKey?: string;\n  labels?: Partial<RecordLayoutLabels>;\n}\n\nfunction readOpen(key: string): boolean | undefined {\n  try {\n    const raw = window.localStorage.getItem(key);\n    return raw === null ? undefined : raw === 'true';\n  } catch {\n    return undefined;\n  }\n}\n\nexport const RecordLayout = React.forwardRef<HTMLDivElement, RecordLayoutProps>(\n  (\n    {\n      header,\n      sidebar,\n      aside,\n      tabs,\n      activeTab,\n      defaultTab,\n      onTabChange,\n      tabsUrlParam,\n      sidebarCollapsible = true,\n      defaultSidebarOpen = false,\n      sidebarStorageKey,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };\n    const sidebarId = React.useId();\n    const [open, setOpen] = React.useState(defaultSidebarOpen);\n\n    React.useEffect(() => {\n      if (!sidebarStorageKey) return;\n      const stored = readOpen(sidebarStorageKey);\n      if (stored !== undefined) setOpen(stored);\n    }, [sidebarStorageKey]);\n\n    const toggle = () => {\n      const next = !open;\n      setOpen(next);\n      if (!sidebarStorageKey) return;\n      try {\n        window.localStorage.setItem(sidebarStorageKey, String(next));\n      } catch {\n        // Storage blocked: the preference just doesn't persist.\n      }\n    };\n\n    const hasSidebar = sidebar != null;\n    const hasAside = aside != null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"record-layout\"\n        className={cn('bg-background flex flex-col', className)}\n        {...rest}\n      >\n        {header}\n        <div\n          data-slot=\"record-layout-body\"\n          className={bodyVariants({ sidebar: hasSidebar, aside: hasAside })}\n        >\n          {hasSidebar && (\n            <aside\n              data-slot=\"record-layout-sidebar\"\n              aria-label={labels.sidebar}\n              className={cn(\n                'min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto',\n                hasAside && 'md:row-span-2 xl:row-span-1'\n              )}\n            >\n              {sidebarCollapsible && (\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  aria-controls={sidebarId}\n                  onClick={toggle}\n                  className=\"border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden\"\n                >\n                  {labels.sidebarToggle}\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'h-4 w-4 transition-transform motion-reduce:transition-none',\n                      open && 'rotate-180'\n                    )}\n                  />\n                </button>\n              )}\n              <div\n                id={sidebarId}\n                className={cn(\n                  sidebarCollapsible && 'mt-3 md:mt-0',\n                  sidebarCollapsible && !open && 'hidden md:block'\n                )}\n              >\n                {sidebar}\n              </div>\n            </aside>\n          )}\n          <section\n            data-slot=\"record-layout-main\"\n            aria-label={labels.main}\n            className=\"min-w-0\"\n          >\n            {tabs && tabs.length > 0 ? (\n              <Tabs\n                value={activeTab}\n                defaultValue={defaultTab ?? tabs[0].id}\n                onValueChange={onTabChange}\n                urlParam={tabsUrlParam}\n                urlValues={tabs.map((t) => t.id)}\n              >\n                <TabsList aria-label={labels.tabs} className=\"overflow-x-auto\">\n                  {tabs.map((t) => (\n                    <TabsTrigger key={t.id} value={t.id}>\n                      {t.label}\n                      {t.count != null && (\n                        <>\n                          {' '}\n                          <Badge size=\"sm\" variant=\"secondary\">\n                            {t.count}\n                          </Badge>\n                        </>\n                      )}\n                    </TabsTrigger>\n                  ))}\n                </TabsList>\n                {tabs.map((t) => (\n                  <TabsContent key={t.id} value={t.id}>\n                    {t.content}\n                  </TabsContent>\n                ))}\n              </Tabs>\n            ) : (\n              children\n            )}\n          </section>\n          {hasAside && (\n            <aside\n              data-slot=\"record-layout-aside\"\n              aria-label={labels.aside}\n              className=\"flex min-w-0 flex-col gap-4\"\n            >\n              {aside}\n            </aside>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nRecordLayout.displayName = 'RecordLayout';\n"]}

package/dist/{chunk-QOVJ6Z6R.js → chunk-HDY7YQFX.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-7YO7DNUV.js';
+import { Button } from './chunk-WFBUBT54.js';
 import { Eye, Code, Check, ClipboardCopy } from 'lucide-react';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -94,5 +94,5 @@ var FenceBlock = ({
 };
 
 export { FenceBlock };
-//# sourceMappingURL=chunk-QOVJ6Z6R.js.map
-//# sourceMappingURL=chunk-QOVJ6Z6R.js.map
+//# sourceMappingURL=chunk-HDY7YQFX.js.map
+//# sourceMappingURL=chunk-HDY7YQFX.js.map

package/dist/{chunk-QOVJ6Z6R.js.map → chunk-HDY7YQFX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/FenceBlock.tsx"],"names":[],"mappings":"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","file":"chunk-QOVJ6Z6R.js","sourcesContent":["/**\n * FenceBlock — Base wrapper for code blocks with copy, raw view toggle, and errors.\n */\nimport { Check, ClipboardCopy, Code, Eye } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\n\nexport interface FenceBlockProps {\n  code: string;\n  language?: string;\n  supportsRawView?: boolean;\n  error?: string;\n  children: React.ReactNode;\n  /** Extra buttons rendered in the header before the copy button */\n  headerActions?: React.ReactNode;\n}\n\ntype CopyState = 'idle' | 'copying' | 'success' | 'error';\n\nexport const FenceBlock: React.FC<FenceBlockProps> = ({\n  code,\n  language,\n  supportsRawView = false,\n  error,\n  children,\n  headerActions,\n}) => {\n  const [copyState, setCopyState] = useState<CopyState>('idle');\n  const [showRaw, setShowRaw] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(\n    () => () => {\n      if (timerRef.current) clearTimeout(timerRef.current);\n    },\n    []\n  );\n\n  const scheduleReset = useCallback(() => {\n    if (timerRef.current) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => setCopyState('idle'), 2000);\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    if (copyState === 'copying') return;\n    setCopyState('copying');\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopyState('success');\n      scheduleReset();\n    } catch {\n      try {\n        const textarea = document.createElement('textarea');\n        textarea.value = code;\n        textarea.style.position = 'fixed';\n        textarea.style.opacity = '0';\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n        setCopyState('success');\n      } catch {\n        setCopyState('error');\n      }\n      scheduleReset();\n    }\n  }, [code, copyState, scheduleReset]);\n\n  return (\n    <div className=\"group relative my-3 overflow-hidden rounded-lg border border-neutral-200 bg-neutral-50 dark:border-neutral-700 dark:bg-[#1a1d24]\">\n      <div className=\"flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-white/[0.08]\">\n        <span className=\"text-xs font-medium text-neutral-500 dark:text-neutral-400\">\n          {language\n            ? language.charAt(0).toUpperCase() + language.slice(1)\n            : 'Text'}\n        </span>\n        <div className=\"flex items-center gap-1\">\n          {headerActions}\n          {supportsRawView && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setShowRaw((v) => !v)}\n              aria-label={showRaw ? 'Show rendered view' : 'Show raw code'}\n              className=\"h-7 w-7 p-0\"\n            >\n              {showRaw ? (\n                <Eye className=\"h-3.5 w-3.5\" />\n              ) : (\n                <Code className=\"h-3.5 w-3.5\" />\n              )}\n            </Button>\n          )}\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleCopy}\n            aria-label=\"Copy code\"\n            className=\"h-7 w-7 p-0\"\n          >\n            {copyState === 'success' ? (\n              <Check className=\"h-3.5 w-3.5 text-green-500\" />\n            ) : (\n              <ClipboardCopy className=\"h-3.5 w-3.5\" />\n            )}\n          </Button>\n        </div>\n      </div>\n\n      {error ? (\n        <div className=\"p-3\">\n          <div className=\"rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-300\">\n            {error}\n          </div>\n          <pre className=\"mt-2 overflow-x-auto text-xs whitespace-pre-wrap text-neutral-600 dark:text-neutral-400\">\n            <code>{code}</code>\n          </pre>\n        </div>\n      ) : showRaw ? (\n        <pre\n          className=\"overflow-x-auto p-3 text-sm\"\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable code needs keyboard focus (axe: scrollable-region-focusable)\n          tabIndex={0}\n          role=\"region\"\n          aria-label=\"Raw code\"\n        >\n          <code>{code}</code>\n        </pre>\n      ) : (\n        <div className=\"overflow-x-auto\">{children}</div>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/FenceBlock.tsx"],"names":[],"mappings":"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","file":"chunk-HDY7YQFX.js","sourcesContent":["/**\n * FenceBlock — Base wrapper for code blocks with copy, raw view toggle, and errors.\n */\nimport { Check, ClipboardCopy, Code, Eye } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\n\nexport interface FenceBlockProps {\n  code: string;\n  language?: string;\n  supportsRawView?: boolean;\n  error?: string;\n  children: React.ReactNode;\n  /** Extra buttons rendered in the header before the copy button */\n  headerActions?: React.ReactNode;\n}\n\ntype CopyState = 'idle' | 'copying' | 'success' | 'error';\n\nexport const FenceBlock: React.FC<FenceBlockProps> = ({\n  code,\n  language,\n  supportsRawView = false,\n  error,\n  children,\n  headerActions,\n}) => {\n  const [copyState, setCopyState] = useState<CopyState>('idle');\n  const [showRaw, setShowRaw] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(\n    () => () => {\n      if (timerRef.current) clearTimeout(timerRef.current);\n    },\n    []\n  );\n\n  const scheduleReset = useCallback(() => {\n    if (timerRef.current) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => setCopyState('idle'), 2000);\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    if (copyState === 'copying') return;\n    setCopyState('copying');\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopyState('success');\n      scheduleReset();\n    } catch {\n      try {\n        const textarea = document.createElement('textarea');\n        textarea.value = code;\n        textarea.style.position = 'fixed';\n        textarea.style.opacity = '0';\n        document.body.appendChild(textarea);\n        textarea.select();\n        document.execCommand('copy');\n        document.body.removeChild(textarea);\n        setCopyState('success');\n      } catch {\n        setCopyState('error');\n      }\n      scheduleReset();\n    }\n  }, [code, copyState, scheduleReset]);\n\n  return (\n    <div className=\"group relative my-3 overflow-hidden rounded-lg border border-neutral-200 bg-neutral-50 dark:border-neutral-700 dark:bg-[#1a1d24]\">\n      <div className=\"flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-white/[0.08]\">\n        <span className=\"text-xs font-medium text-neutral-500 dark:text-neutral-400\">\n          {language\n            ? language.charAt(0).toUpperCase() + language.slice(1)\n            : 'Text'}\n        </span>\n        <div className=\"flex items-center gap-1\">\n          {headerActions}\n          {supportsRawView && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => setShowRaw((v) => !v)}\n              aria-label={showRaw ? 'Show rendered view' : 'Show raw code'}\n              className=\"h-7 w-7 p-0\"\n            >\n              {showRaw ? (\n                <Eye className=\"h-3.5 w-3.5\" />\n              ) : (\n                <Code className=\"h-3.5 w-3.5\" />\n              )}\n            </Button>\n          )}\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleCopy}\n            aria-label=\"Copy code\"\n            className=\"h-7 w-7 p-0\"\n          >\n            {copyState === 'success' ? (\n              <Check className=\"h-3.5 w-3.5 text-green-500\" />\n            ) : (\n              <ClipboardCopy className=\"h-3.5 w-3.5\" />\n            )}\n          </Button>\n        </div>\n      </div>\n\n      {error ? (\n        <div className=\"p-3\">\n          <div className=\"rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-300\">\n            {error}\n          </div>\n          <pre className=\"mt-2 overflow-x-auto text-xs whitespace-pre-wrap text-neutral-600 dark:text-neutral-400\">\n            <code>{code}</code>\n          </pre>\n        </div>\n      ) : showRaw ? (\n        <pre\n          className=\"overflow-x-auto p-3 text-sm\"\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable code needs keyboard focus (axe: scrollable-region-focusable)\n          tabIndex={0}\n          role=\"region\"\n          aria-label=\"Raw code\"\n        >\n          <code>{code}</code>\n        </pre>\n      ) : (\n        <div className=\"overflow-x-auto\">{children}</div>\n      )}\n    </div>\n  );\n};\n"]}