@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/chunk-DO2YN46R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PropertyList/PropertyList.tsx"],"names":["cva","React","jsxs","Fragment","jsx","InlineEdit","CopyButton","PropertyList","cn","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent"],"mappings":"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","file":"chunk-DO2YN46R.cjs","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-DVDT7TX7.js

@@ -0,0 +1,151 @@
+import { Avatar, avatarVariants } from './chunk-TI3TQQ7F.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { Pencil, Eye } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var defaultAvatarGroupLabels = {
+  list: "People",
+  presence: (name, presence) => `${name} is ${presence}`,
+  overflow: (names) => `${names.length} more: ${names.join(", ")}`
+};
+var PRESENCE_RING = {
+  viewing: "ring-primary-500",
+  editing: "ring-warning-500"
+};
+var PRESENCE_BADGE = {
+  viewing: "bg-primary-500 text-primary-foreground",
+  editing: "bg-warning-500 text-warning-foreground"
+};
+var BADGE_SIZE = {
+  xs: "h-3 w-3 [&>svg]:h-2 [&>svg]:w-2",
+  sm: "h-3.5 w-3.5 [&>svg]:h-2 [&>svg]:w-2",
+  md: "h-4 w-4 [&>svg]:h-2.5 [&>svg]:w-2.5",
+  lg: "h-5 w-5 [&>svg]:h-3 [&>svg]:w-3",
+  xl: "h-6 w-6 [&>svg]:h-3.5 [&>svg]:w-3.5"
+};
+var ITEM = "-ms-2 first:ms-0 relative";
+var FOCUS = "rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+var AvatarGroup = React.forwardRef(
+  function AvatarGroup2({
+    items,
+    max,
+    size = "md",
+    onItemClick,
+    labels: labelOverrides,
+    children,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultAvatarGroupLabels, ...labelOverrides };
+    const legacy = items ? [] : React.Children.toArray(children).filter(
+      React.isValidElement
+    );
+    const people = items ? [
+      ...items.filter((i) => i.presence === "editing"),
+      ...items.filter((i) => i.presence !== "editing")
+    ] : legacy.map((child, index) => ({
+      id: String(child.key ?? index),
+      name: child.props.name ?? child.props.alt ?? ""
+    }));
+    const visibleCount = max ? Math.min(max, people.length) : people.length;
+    const hidden = people.slice(visibleCount);
+    const overflowLabel = labels.overflow(hidden.map((h) => h.label ?? h.name));
+    return /* @__PURE__ */ jsxs(
+      "ul",
+      {
+        ref,
+        "aria-label": labels.list,
+        "data-slot": "avatar-group",
+        className: cn("flex items-center", className),
+        ...props,
+        children: [
+          people.slice(0, visibleCount).map((item, index) => {
+            if (!items) {
+              const child = legacy[index];
+              return /* @__PURE__ */ jsx("li", { className: ITEM, children: React.cloneElement(child, {
+                size,
+                className: cn(
+                  "ring-background ring-2",
+                  child.props.className
+                )
+              }) }, item.id);
+            }
+            const name = item.label ?? item.name;
+            const label = item.presence ? labels.presence(name, item.presence) : name;
+            const avatar = /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                Avatar,
+                {
+                  name: item.name,
+                  src: item.src,
+                  alt: "",
+                  size,
+                  className: cn(
+                    "ring-2",
+                    item.presence ? PRESENCE_RING[item.presence] : "ring-background"
+                  ),
+                  style: item.color ? { backgroundColor: item.color } : void 0
+                }
+              ),
+              item.presence && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "avatar-group-presence",
+                  className: cn(
+                    "ring-background absolute -end-0.5 -bottom-0.5 flex items-center justify-center rounded-full ring-2",
+                    PRESENCE_BADGE[item.presence],
+                    BADGE_SIZE[size]
+                  ),
+                  children: item.presence === "editing" ? /* @__PURE__ */ jsx(Pencil, {}) : /* @__PURE__ */ jsx(Eye, {})
+                }
+              )
+            ] });
+            return /* @__PURE__ */ jsx("li", { className: ITEM, children: onItemClick ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": label,
+                title: label,
+                onClick: () => onItemClick(item.id),
+                className: cn("flex", FOCUS),
+                children: avatar
+              }
+            ) : /* @__PURE__ */ jsx(
+              "span",
+              {
+                role: "img",
+                "aria-label": label,
+                title: label,
+                className: "flex",
+                children: avatar
+              }
+            ) }, item.id);
+          }),
+          hidden.length > 0 && /* @__PURE__ */ jsx("li", { className: ITEM, children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              role: "img",
+              "aria-label": overflowLabel,
+              title: overflowLabel,
+              "data-slot": "avatar-group-overflow",
+              className: cn(
+                avatarVariants({ size }),
+                "bg-muted text-foreground ring-background ring-2"
+              ),
+              children: [
+                "+",
+                hidden.length
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+
+export { AvatarGroup, defaultAvatarGroupLabels };
+//# sourceMappingURL=chunk-DVDT7TX7.js.map
+//# sourceMappingURL=chunk-DVDT7TX7.js.map

package/dist/chunk-DVDT7TX7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.tsx"],"names":["AvatarGroup"],"mappings":"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","file":"chunk-DVDT7TX7.js","sourcesContent":["import * as React from 'react';\nimport { Eye, Pencil } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar, avatarVariants, type AvatarProps } from '../Avatar/Avatar';\n\nexport type AvatarPresence = 'viewing' | 'editing';\n\nexport interface AvatarGroupItem {\n  /** Stable key, passed back to `onItemClick`. */\n  id: string;\n  /** Person's name — drives the initials fallback and the accessible name. */\n  name: string;\n  /** Avatar image URL. */\n  src?: string | null;\n  /** What the person is doing on the record; adds a ring, badge and label. */\n  presence?: AvatarPresence;\n  /** Accessible name / tooltip override, e.g. `Bo (2 windows)`. Defaults to `name`. */\n  label?: string;\n  /** CSS colour for the initials disc, e.g. a collaborator's cursor colour. */\n  color?: string;\n}\n\nexport interface AvatarGroupLabels {\n  /** Accessible name of the list. */\n  list: string;\n  /** Accessible name of a person with a presence state. */\n  presence: (name: string, presence: AvatarPresence) => string;\n  /** Accessible name / tooltip of the \"+N\" chip. */\n  overflow: (hiddenNames: string[]) => string;\n}\n\nexport const defaultAvatarGroupLabels: AvatarGroupLabels = {\n  list: 'People',\n  presence: (name, presence) => `${name} is ${presence}`,\n  overflow: (names) => `${names.length} more: ${names.join(', ')}`,\n};\n\ntype AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface AvatarGroupProps extends Omit<\n  React.HTMLAttributes<HTMLUListElement>,\n  'children'\n> {\n  /** People to show, in order (editors are moved to the front). */\n  items?: AvatarGroupItem[];\n  /** Avatars shown before the rest collapse into a \"+N\" chip. */\n  max?: number;\n  /** Size applied to every avatar. */\n  size?: AvatarSize;\n  /** Makes each avatar a button that reports its item `id`. */\n  onItemClick?: (id: string) => void;\n  /** Overrides for any user-facing string. */\n  labels?: Partial<AvatarGroupLabels>;\n  /** Legacy API: `<Avatar>` children instead of `items`. */\n  children?: React.ReactNode;\n}\n\nconst PRESENCE_RING: Record<AvatarPresence, string> = {\n  viewing: 'ring-primary-500',\n  editing: 'ring-warning-500',\n};\n\nconst PRESENCE_BADGE: Record<AvatarPresence, string> = {\n  viewing: 'bg-primary-500 text-primary-foreground',\n  editing: 'bg-warning-500 text-warning-foreground',\n};\n\nconst BADGE_SIZE: Record<AvatarSize, string> = {\n  xs: 'h-3 w-3 [&>svg]:h-2 [&>svg]:w-2',\n  sm: 'h-3.5 w-3.5 [&>svg]:h-2 [&>svg]:w-2',\n  md: 'h-4 w-4 [&>svg]:h-2.5 [&>svg]:w-2.5',\n  lg: 'h-5 w-5 [&>svg]:h-3 [&>svg]:w-3',\n  xl: 'h-6 w-6 [&>svg]:h-3.5 [&>svg]:w-3.5',\n};\n\nconst ITEM = '-ms-2 first:ms-0 relative';\nconst FOCUS =\n  'rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring';\n\n/**\n * Overlapping stack of {@link Avatar}s with an optional viewing / editing\n * presence ring per person and a \"+N\" chip that names everyone it hides.\n *\n * @example\n * ```tsx\n * <AvatarGroup\n *   max={3}\n *   items={[{ id: '1', name: 'Ann Lee', presence: 'editing' }]}\n *   onItemClick={openProfile}\n * />\n * ```\n */\nexport const AvatarGroup = React.forwardRef<HTMLUListElement, AvatarGroupProps>(\n  function AvatarGroup(\n    {\n      items,\n      max,\n      size = 'md',\n      onItemClick,\n      labels: labelOverrides,\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultAvatarGroupLabels, ...labelOverrides };\n\n    const legacy = items\n      ? []\n      : React.Children.toArray(children).filter(\n          React.isValidElement<AvatarProps>\n        );\n    const people: AvatarGroupItem[] = items\n      ? [\n          ...items.filter((i) => i.presence === 'editing'),\n          ...items.filter((i) => i.presence !== 'editing'),\n        ]\n      : legacy.map((child, index) => ({\n          id: String(child.key ?? index),\n          name: child.props.name ?? child.props.alt ?? '',\n        }));\n\n    const visibleCount = max ? Math.min(max, people.length) : people.length;\n    const hidden = people.slice(visibleCount);\n    const overflowLabel = labels.overflow(hidden.map((h) => h.label ?? h.name));\n\n    return (\n      <ul\n        ref={ref}\n        aria-label={labels.list}\n        data-slot=\"avatar-group\"\n        className={cn('flex items-center', className)}\n        {...props}\n      >\n        {people.slice(0, visibleCount).map((item, index) => {\n          if (!items) {\n            const child = legacy[index];\n            return (\n              <li key={item.id} className={ITEM}>\n                {React.cloneElement(child, {\n                  size,\n                  className: cn(\n                    'ring-background ring-2',\n                    child.props.className\n                  ),\n                })}\n              </li>\n            );\n          }\n          const name = item.label ?? item.name;\n          const label = item.presence\n            ? labels.presence(name, item.presence)\n            : name;\n          const avatar = (\n            <>\n              <Avatar\n                name={item.name}\n                src={item.src}\n                alt=\"\"\n                size={size}\n                className={cn(\n                  'ring-2',\n                  item.presence\n                    ? PRESENCE_RING[item.presence]\n                    : 'ring-background'\n                )}\n                style={item.color ? { backgroundColor: item.color } : undefined}\n              />\n              {item.presence && (\n                <span\n                  aria-hidden=\"true\"\n                  data-slot=\"avatar-group-presence\"\n                  className={cn(\n                    'ring-background absolute -end-0.5 -bottom-0.5 flex items-center justify-center rounded-full ring-2',\n                    PRESENCE_BADGE[item.presence],\n                    BADGE_SIZE[size]\n                  )}\n                >\n                  {item.presence === 'editing' ? <Pencil /> : <Eye />}\n                </span>\n              )}\n            </>\n          );\n          return (\n            <li key={item.id} className={ITEM}>\n              {onItemClick ? (\n                <button\n                  type=\"button\"\n                  aria-label={label}\n                  title={label}\n                  onClick={() => onItemClick(item.id)}\n                  className={cn('flex', FOCUS)}\n                >\n                  {avatar}\n                </button>\n              ) : (\n                <span\n                  role=\"img\"\n                  aria-label={label}\n                  title={label}\n                  className=\"flex\"\n                >\n                  {avatar}\n                </span>\n              )}\n            </li>\n          );\n        })}\n        {hidden.length > 0 && (\n          <li className={ITEM}>\n            <span\n              role=\"img\"\n              aria-label={overflowLabel}\n              title={overflowLabel}\n              data-slot=\"avatar-group-overflow\"\n              className={cn(\n                avatarVariants({ size }),\n                'bg-muted text-foreground ring-background ring-2'\n              )}\n            >\n              +{hidden.length}\n            </span>\n          </li>\n        )}\n      </ul>\n    );\n  }\n);\n"]}

package/dist/chunk-DXEPYK3I.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+
+// src/components/Button/button-variants.ts
+var buttonVariants = classVarianceAuthority.cva(
+  // Base styles
+  [
+    "inline-flex items-center justify-center gap-2",
+    "min-w-0 whitespace-nowrap",
+    "font-semibold transition-all duration-200",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "active:scale-[0.98]"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-primary-800 text-white",
+          "hover:bg-primary-900",
+          "active:bg-primary-950"
+        ],
+        secondary: [
+          "bg-neutral-200 text-neutral-900",
+          "hover:bg-neutral-300",
+          "active:bg-neutral-400",
+          "dark:bg-neutral-700 dark:text-neutral-100",
+          "dark:hover:bg-neutral-600",
+          "dark:active:bg-neutral-500"
+        ],
+        ghost: [
+          "bg-transparent text-neutral-600",
+          "hover:bg-neutral-100",
+          "active:bg-neutral-200",
+          "dark:text-neutral-400",
+          "dark:hover:bg-neutral-800",
+          "dark:active:bg-neutral-700"
+        ],
+        outline: [
+          "border-2 border-primary-800 text-primary-800 bg-transparent",
+          "hover:bg-primary-50 hover:text-primary-900",
+          "active:bg-primary-100",
+          "dark:border-primary-400 dark:text-primary-400",
+          // Lighten the label as the hover/active fill darkens: primary-400
+          // on primary-950 is only ~3.3:1 in the BlueHive palette (WCAG AA
+          // needs 4.5:1); primary-200/950 and primary-100/900 clear it in
+          // every brand palette. See issue #511.
+          "dark:hover:bg-primary-950 dark:hover:text-primary-200",
+          "dark:active:bg-primary-900 dark:active:text-primary-100"
+        ],
+        danger: [
+          "bg-red-600 text-white",
+          "hover:bg-red-700",
+          "active:bg-red-800"
+        ],
+        link: [
+          "text-primary-800 underline-offset-4",
+          "hover:underline hover:text-primary-900",
+          "active:text-primary-950",
+          "dark:text-primary-400"
+        ]
+      },
+      size: {
+        sm: "h-8 px-3 text-sm rounded-md",
+        md: "h-10 px-4 text-base rounded-lg",
+        lg: "h-12 px-6 text-lg rounded-xl",
+        icon: "h-10 w-10 rounded-lg"
+      },
+      fullWidth: {
+        true: "w-full",
+        false: ""
+      },
+      /** Opt-in hover motion (see src/styles/effects.css). */
+      effect: {
+        none: "",
+        sheen: "mie-fx-sheen hover:-translate-y-0.5",
+        orbit: "mie-fx-orbit hover:-translate-y-0.5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      fullWidth: false,
+      effect: "none"
+    }
+  }
+);
+
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-DXEPYK3I.cjs.map
+//# sourceMappingURL=chunk-DXEPYK3I.cjs.map

package/dist/chunk-DXEPYK3I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/button-variants.ts"],"names":["cva"],"mappings":";;;;;AAIO,IAAM,cAAA,GAAiBA,0BAAA;AAAA;AAAA,EAE5B;AAAA,IACE,+CAAA;AAAA,IACA,2BAAA;AAAA,IACA,2CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,2BAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAA,EAAW;AAAA,UACT,iCAAA;AAAA,UACA,sBAAA;AAAA,UACA,uBAAA;AAAA,UACA,2CAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL,iCAAA;AAAA,UACA,sBAAA;AAAA,UACA,uBAAA;AAAA,UACA,uBAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS;AAAA,UACP,6DAAA;AAAA,UACA,4CAAA;AAAA,UACA,uBAAA;AAAA,UACA,+CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAKA,uDAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,uBAAA;AAAA,UACA,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,qCAAA;AAAA,UACA,wCAAA;AAAA,UACA,yBAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,8BAAA;AAAA,QACJ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA;AAAA,MAEA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW,KAAA;AAAA,MACX,MAAA,EAAQ;AAAA;AACV;AAEJ","file":"chunk-DXEPYK3I.cjs","sourcesContent":["import { cva } from 'class-variance-authority';\n\n// Kept apart from Button.tsx so hook-free consumers (the Templates tier) can\n// style anchors without importing the Button component module.\nexport const buttonVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2',\n    'min-w-0 whitespace-nowrap',\n    'font-semibold transition-all duration-200',\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    'active:scale-[0.98]',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-950',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-900',\n          'hover:bg-neutral-300',\n          'active:bg-neutral-400',\n          'dark:bg-neutral-700 dark:text-neutral-100',\n          'dark:hover:bg-neutral-600',\n          'dark:active:bg-neutral-500',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'active:bg-neutral-200',\n          'dark:text-neutral-400',\n          'dark:hover:bg-neutral-800',\n          'dark:active:bg-neutral-700',\n        ],\n        outline: [\n          'border-2 border-primary-800 text-primary-800 bg-transparent',\n          'hover:bg-primary-50 hover:text-primary-900',\n          'active:bg-primary-100',\n          'dark:border-primary-400 dark:text-primary-400',\n          // Lighten the label as the hover/active fill darkens: primary-400\n          // on primary-950 is only ~3.3:1 in the BlueHive palette (WCAG AA\n          // needs 4.5:1); primary-200/950 and primary-100/900 clear it in\n          // every brand palette. See issue #511.\n          'dark:hover:bg-primary-950 dark:hover:text-primary-200',\n          'dark:active:bg-primary-900 dark:active:text-primary-100',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        link: [\n          'text-primary-800 underline-offset-4',\n          'hover:underline hover:text-primary-900',\n          'active:text-primary-950',\n          'dark:text-primary-400',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm rounded-md',\n        md: 'h-10 px-4 text-base rounded-lg',\n        lg: 'h-12 px-6 text-lg rounded-xl',\n        icon: 'h-10 w-10 rounded-lg',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      /** Opt-in hover motion (see src/styles/effects.css). */\n      effect: {\n        none: '',\n        sheen: 'mie-fx-sheen hover:-translate-y-0.5',\n        orbit: 'mie-fx-orbit hover:-translate-y-0.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n      effect: 'none',\n    },\n  }\n);\n"]}

package/dist/chunk-DXFP53KF.js

@@ -0,0 +1,283 @@
+import { Dropdown, DropdownItem } from './chunk-OYUIEJPN.js';
+import { Avatar } from './chunk-TI3TQQ7F.js';
+import { Badge } from './chunk-522WJIVI.js';
+import { Button } from './chunk-WFBUBT54.js';
+import { buttonVariants } from './chunk-GVM6DTR5.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { MoreHorizontal, ArrowLeft } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var defaultRecordHeaderLabels = {
+  back: "Back",
+  moreActions: "More actions",
+  meta: "Details"
+};
+var recordHeaderVariants = cva(
+  "border-border bg-background flex flex-col gap-3 border-b px-4 py-4 sm:px-6",
+  {
+    variants: {
+      sticky: {
+        true: "sticky top-0 z-20",
+        false: ""
+      }
+    },
+    defaultVariants: { sticky: false }
+  }
+);
+var menuLinkClass = "text-foreground hover:bg-muted focus-visible:bg-muted flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm font-medium focus:outline-none";
+var RecordHeader = React.forwardRef(
+  ({
+    title,
+    headingLevel: Heading = "h1",
+    subtitle,
+    avatar,
+    icon: Icon,
+    media,
+    badges,
+    meta,
+    actions = [],
+    maxVisibleActions = 2,
+    presence,
+    breadcrumbs,
+    onBack,
+    backHref,
+    sticky,
+    labels: labelsProp,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const labels = { ...defaultRecordHeaderLabels, ...labelsProp };
+    const [menuOpen, setMenuOpen] = React.useState(false);
+    const hasOverflow = actions.length > maxVisibleActions;
+    const variantOf = (a, i) => a.variant ?? (i === 0 ? "primary" : "outline");
+    const leading = media ? /* @__PURE__ */ jsx("div", { "data-slot": "record-header-media", className: "shrink-0", children: media }) : avatar ? /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        "data-slot": "record-header-media",
+        size: "lg",
+        src: avatar.src,
+        name: avatar.name,
+        alt: "",
+        className: "shrink-0"
+      }
+    ) : Icon ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "record-header-media",
+        className: "bg-muted text-muted-foreground flex h-12 w-12 shrink-0 items-center justify-center rounded-lg",
+        children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6", "aria-hidden": "true" })
+      }
+    ) : null;
+    const backClass = cn(
+      buttonVariants({ variant: "ghost", size: "icon" }),
+      "shrink-0 rtl:[&_svg]:-scale-x-100"
+    );
+    const back = backHref ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: backHref,
+        onClick: onBack,
+        "aria-label": labels.back,
+        className: backClass,
+        children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5", "aria-hidden": "true" })
+      }
+    ) : onBack ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        "aria-label": labels.back,
+        className: backClass,
+        children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-5 w-5", "aria-hidden": "true" })
+      }
+    ) : null;
+    const renderButton = (a, i) => {
+      const ActionIcon = a.icon;
+      const iconEl = ActionIcon ? /* @__PURE__ */ jsx(ActionIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : void 0;
+      const hiddenOnMobile = "hidden sm:inline-flex";
+      if (a.href && !a.disabled) {
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: a.href,
+            onClick: a.onClick,
+            className: cn(
+              buttonVariants({ variant: variantOf(a, i), size: "sm" }),
+              "gap-2",
+              hiddenOnMobile
+            ),
+            children: [
+              iconEl,
+              a.label
+            ]
+          },
+          a.id
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant: variantOf(a, i),
+          leftIcon: iconEl,
+          onClick: a.onClick,
+          disabled: a.disabled,
+          className: hiddenOnMobile,
+          children: a.label
+        },
+        a.id
+      );
+    };
+    const renderMenuItem = (a, i) => {
+      const ActionIcon = a.icon;
+      const iconEl = ActionIcon ? /* @__PURE__ */ jsx(ActionIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : void 0;
+      const mobileOnly = i < maxVisibleActions && "sm:hidden";
+      const select = (event) => {
+        setMenuOpen(false);
+        a.onClick?.(event);
+      };
+      if (a.href && !a.disabled) {
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            role: "menuitem",
+            "data-slot": "dropdown-item",
+            href: a.href,
+            onClick: select,
+            className: cn(menuLinkClass, mobileOnly),
+            children: [
+              iconEl && /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0", children: iconEl }),
+              a.label
+            ]
+          },
+          a.id
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        DropdownItem,
+        {
+          icon: iconEl,
+          variant: variantOf(a, i) === "danger" ? "danger" : "default",
+          disabled: a.disabled,
+          onClick: select,
+          className: cn(mobileOnly),
+          children: a.label
+        },
+        a.id
+      );
+    };
+    return /* @__PURE__ */ jsxs(
+      "header",
+      {
+        ref,
+        "data-slot": "record-header",
+        className: cn(recordHeaderVariants({ sticky }), className),
+        ...rest,
+        children: [
+          breadcrumbs && /* @__PURE__ */ jsx("div", { "data-slot": "record-header-breadcrumbs", children: breadcrumbs }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "record-header-row",
+              className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3 sm:gap-4", children: [
+                  back,
+                  leading,
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                      /* @__PURE__ */ jsx(
+                        Heading,
+                        {
+                          "data-slot": "record-header-title",
+                          className: "text-foreground min-w-0 text-xl font-semibold break-words",
+                          children: title
+                        }
+                      ),
+                      badges?.map((b) => /* @__PURE__ */ jsx(Badge, { size: "sm", variant: b.variant, children: b.label }, b.id))
+                    ] }),
+                    subtitle && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        "data-slot": "record-header-subtitle",
+                        className: "text-muted-foreground mt-0.5 text-sm",
+                        children: subtitle
+                      }
+                    ),
+                    meta && meta.length > 0 && /* @__PURE__ */ jsx(
+                      "ul",
+                      {
+                        "data-slot": "record-header-meta",
+                        "aria-label": labels.meta,
+                        className: "text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm",
+                        children: meta.map(({ id, label, icon: MetaIcon, href }) => {
+                          const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+                            MetaIcon && /* @__PURE__ */ jsx(
+                              MetaIcon,
+                              {
+                                className: "h-4 w-4 shrink-0",
+                                "aria-hidden": "true"
+                              }
+                            ),
+                            label
+                          ] });
+                          return /* @__PURE__ */ jsx("li", { className: "inline-flex items-center gap-1.5", children: href ? /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href,
+                              className: "hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-sm underline-offset-2 hover:underline focus-visible:ring-2 focus-visible:outline-none",
+                              children: content
+                            }
+                          ) : content }, id);
+                        })
+                      }
+                    )
+                  ] })
+                ] }),
+                (presence || actions.length > 0) && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    "data-slot": "record-header-actions",
+                    className: "flex shrink-0 items-center gap-2 sm:justify-end",
+                    children: [
+                      presence,
+                      actions.slice(0, maxVisibleActions).map(renderButton),
+                      actions.length > 0 && /* @__PURE__ */ jsx(
+                        Dropdown,
+                        {
+                          open: menuOpen,
+                          onOpenChange: setMenuOpen,
+                          placement: "bottom-end",
+                          trigger: /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "outline",
+                              size: "sm",
+                              "aria-label": labels.moreActions,
+                              className: cn(!hasOverflow && "sm:hidden"),
+                              children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4", "aria-hidden": "true" })
+                            }
+                          ),
+                          children: actions.map(renderMenuItem)
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+RecordHeader.displayName = "RecordHeader";
+
+export { RecordHeader, defaultRecordHeaderLabels };
+//# sourceMappingURL=chunk-DXFP53KF.js.map
+//# sourceMappingURL=chunk-DXFP53KF.js.map

package/dist/chunk-DXFP53KF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RecordHeader/RecordHeader.tsx"],"names":[],"mappings":"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","file":"chunk-DXFP53KF.js","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ArrowLeft, MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar/Avatar';\nimport { Badge, type BadgeProps } from '../Badge/Badge';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { buttonVariants } from '../Button/button-variants';\nimport { Dropdown, DropdownItem } from '../Dropdown/Dropdown';\n\nexport interface RecordHeaderBadge {\n  id: string;\n  label: string;\n  variant?: BadgeProps['variant'];\n}\n\nexport interface RecordHeaderMetaItem {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  href?: string;\n}\n\nexport interface RecordHeaderAction {\n  id: string;\n  label: string;\n  icon?: LucideIcon;\n  /** With `href`, call `event.preventDefault()` to route client-side. */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  href?: string;\n  /** Defaults to `primary` for the first action and `outline` for the rest. */\n  variant?: ButtonProps['variant'];\n  disabled?: boolean;\n}\n\nexport interface RecordHeaderLabels {\n  back: string;\n  moreActions: string;\n  meta: string;\n}\n\nexport const defaultRecordHeaderLabels: RecordHeaderLabels = {\n  back: 'Back',\n  moreActions: 'More actions',\n  meta: 'Details',\n};\n\nconst recordHeaderVariants = cva(\n  'border-border bg-background flex flex-col gap-3 border-b px-4 py-4 sm:px-6',\n  {\n    variants: {\n      sticky: {\n        true: 'sticky top-0 z-20',\n        false: '',\n      },\n    },\n    defaultVariants: { sticky: false },\n  }\n);\n\nexport interface RecordHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  title: React.ReactNode;\n  headingLevel?: 'h1' | 'h2' | 'h3';\n  subtitle?: React.ReactNode;\n  avatar?: { src?: string | null; name: string };\n  icon?: LucideIcon;\n  /** Replaces avatar/icon, e.g. a company logo. */\n  media?: React.ReactNode;\n  badges?: RecordHeaderBadge[];\n  meta?: RecordHeaderMetaItem[];\n  actions?: RecordHeaderAction[];\n  /** Actions shown as buttons from `sm` up; the rest go to the overflow menu. */\n  maxVisibleActions?: number;\n  presence?: React.ReactNode;\n  breadcrumbs?: React.ReactNode;\n  onBack?: (event: React.MouseEvent<HTMLElement>) => void;\n  backHref?: string;\n  sticky?: boolean;\n  labels?: Partial<RecordHeaderLabels>;\n}\n\nconst menuLinkClass =\n  'text-foreground hover:bg-muted focus-visible:bg-muted flex w-full items-center gap-3 rounded-lg px-3 py-2 text-start text-sm font-medium focus:outline-none';\n\nexport const RecordHeader = React.forwardRef<HTMLElement, RecordHeaderProps>(\n  (\n    {\n      title,\n      headingLevel: Heading = 'h1',\n      subtitle,\n      avatar,\n      icon: Icon,\n      media,\n      badges,\n      meta,\n      actions = [],\n      maxVisibleActions = 2,\n      presence,\n      breadcrumbs,\n      onBack,\n      backHref,\n      sticky,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordHeaderLabels, ...labelsProp };\n    const [menuOpen, setMenuOpen] = React.useState(false);\n    const hasOverflow = actions.length > maxVisibleActions;\n    const variantOf = (a: RecordHeaderAction, i: number) =>\n      a.variant ?? (i === 0 ? 'primary' : 'outline');\n\n    const leading = media ? (\n      <div data-slot=\"record-header-media\" className=\"shrink-0\">\n        {media}\n      </div>\n    ) : avatar ? (\n      <Avatar\n        data-slot=\"record-header-media\"\n        size=\"lg\"\n        src={avatar.src}\n        name={avatar.name}\n        // The title already names the record; don't announce it twice.\n        alt=\"\"\n        className=\"shrink-0\"\n      />\n    ) : Icon ? (\n      <div\n        data-slot=\"record-header-media\"\n        className=\"bg-muted text-muted-foreground flex h-12 w-12 shrink-0 items-center justify-center rounded-lg\"\n      >\n        <Icon className=\"h-6 w-6\" aria-hidden=\"true\" />\n      </div>\n    ) : null;\n\n    const backClass = cn(\n      buttonVariants({ variant: 'ghost', size: 'icon' }),\n      'shrink-0 rtl:[&_svg]:-scale-x-100'\n    );\n    const back = backHref ? (\n      <a\n        href={backHref}\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </a>\n    ) : onBack ? (\n      <button\n        type=\"button\"\n        onClick={onBack}\n        aria-label={labels.back}\n        className={backClass}\n      >\n        <ArrowLeft className=\"h-5 w-5\" aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const renderButton = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      const hiddenOnMobile = 'hidden sm:inline-flex';\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            href={a.href}\n            onClick={a.onClick}\n            className={cn(\n              buttonVariants({ variant: variantOf(a, i), size: 'sm' }),\n              'gap-2',\n              hiddenOnMobile\n            )}\n          >\n            {iconEl}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <Button\n          key={a.id}\n          size=\"sm\"\n          variant={variantOf(a, i)}\n          leftIcon={iconEl}\n          onClick={a.onClick}\n          disabled={a.disabled}\n          className={hiddenOnMobile}\n        >\n          {a.label}\n        </Button>\n      );\n    };\n\n    const renderMenuItem = (a: RecordHeaderAction, i: number) => {\n      const ActionIcon = a.icon;\n      const iconEl = ActionIcon ? (\n        <ActionIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n      ) : undefined;\n      // Items that are also buttons only appear in the menu below `sm`.\n      const mobileOnly = i < maxVisibleActions && 'sm:hidden';\n      const select = (event: React.MouseEvent<HTMLElement>) => {\n        setMenuOpen(false);\n        a.onClick?.(event);\n      };\n      if (a.href && !a.disabled) {\n        return (\n          <a\n            key={a.id}\n            role=\"menuitem\"\n            data-slot=\"dropdown-item\"\n            href={a.href}\n            onClick={select}\n            className={cn(menuLinkClass, mobileOnly)}\n          >\n            {iconEl && <span className=\"h-4 w-4 shrink-0\">{iconEl}</span>}\n            {a.label}\n          </a>\n        );\n      }\n      return (\n        <DropdownItem\n          key={a.id}\n          icon={iconEl}\n          variant={variantOf(a, i) === 'danger' ? 'danger' : 'default'}\n          disabled={a.disabled}\n          onClick={select}\n          className={cn(mobileOnly)}\n        >\n          {a.label}\n        </DropdownItem>\n      );\n    };\n\n    return (\n      <header\n        ref={ref}\n        data-slot=\"record-header\"\n        className={cn(recordHeaderVariants({ sticky }), className)}\n        {...rest}\n      >\n        {breadcrumbs && (\n          <div data-slot=\"record-header-breadcrumbs\">{breadcrumbs}</div>\n        )}\n        <div\n          data-slot=\"record-header-row\"\n          className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\"\n        >\n          <div className=\"flex min-w-0 flex-1 items-start gap-3 sm:gap-4\">\n            {back}\n            {leading}\n            <div className=\"min-w-0 flex-1\">\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <Heading\n                  data-slot=\"record-header-title\"\n                  className=\"text-foreground min-w-0 text-xl font-semibold break-words\"\n                >\n                  {title}\n                </Heading>\n                {badges?.map((b) => (\n                  <Badge key={b.id} size=\"sm\" variant={b.variant}>\n                    {b.label}\n                  </Badge>\n                ))}\n              </div>\n              {subtitle && (\n                <p\n                  data-slot=\"record-header-subtitle\"\n                  className=\"text-muted-foreground mt-0.5 text-sm\"\n                >\n                  {subtitle}\n                </p>\n              )}\n              {meta && meta.length > 0 && (\n                <ul\n                  data-slot=\"record-header-meta\"\n                  aria-label={labels.meta}\n                  className=\"text-muted-foreground mt-1.5 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm\"\n                >\n                  {meta.map(({ id, label, icon: MetaIcon, href }) => {\n                    const content = (\n                      <>\n                        {MetaIcon && (\n                          <MetaIcon\n                            className=\"h-4 w-4 shrink-0\"\n                            aria-hidden=\"true\"\n                          />\n                        )}\n                        {label}\n                      </>\n                    );\n                    return (\n                      <li key={id} className=\"inline-flex items-center gap-1.5\">\n                        {href ? (\n                          <a\n                            href={href}\n                            className=\"hover:text-foreground focus-visible:ring-ring inline-flex items-center gap-1.5 rounded-sm underline-offset-2 hover:underline focus-visible:ring-2 focus-visible:outline-none\"\n                          >\n                            {content}\n                          </a>\n                        ) : (\n                          content\n                        )}\n                      </li>\n                    );\n                  })}\n                </ul>\n              )}\n            </div>\n          </div>\n          {(presence || actions.length > 0) && (\n            <div\n              data-slot=\"record-header-actions\"\n              className=\"flex shrink-0 items-center gap-2 sm:justify-end\"\n            >\n              {presence}\n              {actions.slice(0, maxVisibleActions).map(renderButton)}\n              {actions.length > 0 && (\n                <Dropdown\n                  open={menuOpen}\n                  onOpenChange={setMenuOpen}\n                  placement=\"bottom-end\"\n                  trigger={\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      aria-label={labels.moreActions}\n                      className={cn(!hasOverflow && 'sm:hidden')}\n                    >\n                      <MoreHorizontal className=\"h-4 w-4\" aria-hidden=\"true\" />\n                    </Button>\n                  }\n                >\n                  {actions.map(renderMenuItem)}\n                </Dropdown>\n              )}\n            </div>\n          )}\n        </div>\n        {children}\n      </header>\n    );\n  }\n);\n\nRecordHeader.displayName = 'RecordHeader';\n"]}

package/dist/chunk-EACNRR3C.cjs

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

package/dist/chunk-EACNRR3C.cjs.map

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