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

package/dist/{chunk-P55LNEDH.cjs → chunk-ZSNFL736.cjs}

@@ -2,7 +2,7 @@
 
 var chunkC77FAR3F_cjs = require('./chunk-C77FAR3F.cjs');
 var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
-var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
+var chunk7E46YDOT_cjs = require('./chunk-7E46YDOT.cjs');
 var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var chunkDXEPYK3I_cjs = require('./chunk-DXEPYK3I.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
@@ -219,7 +219,7 @@ var RecordHeader = React__namespace.forwardRef(
                           children: title
                         }
                       ),
-                      badges?.map((b) => /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { size: "sm", variant: b.variant, children: b.label }, b.id))
+                      badges?.map((b) => /* @__PURE__ */ jsxRuntime.jsx(chunk7E46YDOT_cjs.Badge, { size: "sm", variant: b.variant, children: b.label }, b.id))
                     ] }),
                     subtitle && /* @__PURE__ */ jsxRuntime.jsx(
                       "p",
@@ -302,5 +302,5 @@ RecordHeader.displayName = "RecordHeader";
 
 exports.RecordHeader = RecordHeader;
 exports.defaultRecordHeaderLabels = defaultRecordHeaderLabels;
-//# sourceMappingURL=chunk-P55LNEDH.cjs.map
-//# sourceMappingURL=chunk-P55LNEDH.cjs.map
+//# sourceMappingURL=chunk-ZSNFL736.cjs.map
+//# sourceMappingURL=chunk-ZSNFL736.cjs.map

package/dist/{chunk-P55LNEDH.cjs.map → chunk-ZSNFL736.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RecordHeader/RecordHeader.tsx"],"names":["cva","React","jsx","Avatar","cn","buttonVariants","ArrowLeft","jsxs","Button","DropdownItem","Badge","Fragment","Dropdown","MoreHorizontal"],"mappings":"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","file":"chunk-P55LNEDH.cjs","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"]}
+{"version":3,"sources":["../src/components/RecordHeader/RecordHeader.tsx"],"names":["cva","React","jsx","Avatar","cn","buttonVariants","ArrowLeft","jsxs","Button","DropdownItem","Badge","Fragment","Dropdown","MoreHorizontal"],"mappings":"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","file":"chunk-ZSNFL736.cjs","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/components/ActionPlan/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkISUIKUX7_cjs = require('../../chunk-ISUIKUX7.cjs');
+var chunkH3P7POFC_cjs = require('../../chunk-H3P7POFC.cjs');
 require('../../chunk-47P5QLX4.cjs');
 require('../../chunk-IWRBJHO3.cjs');
 require('../../chunk-7IRTD4JT.cjs');
 require('../../chunk-YGA35Z2P.cjs');
-require('../../chunk-VPIYTQCV.cjs');
+require('../../chunk-2I4IRQQG.cjs');
 require('../../chunk-7AECNMYV.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-P22YCUVM.cjs');
@@ -13,7 +13,7 @@ require('../../chunk-Q3YVLO52.cjs');
 require('../../chunk-GKDHMNUA.cjs');
 require('../../chunk-4NCDU5IG.cjs');
 require('../../chunk-Z5S5JEJD.cjs');
-require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
@@ -24,11 +24,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "ActionPlan", {
   enumerable: true,
-  get: function () { return chunkISUIKUX7_cjs.ActionPlan; }
+  get: function () { return chunkH3P7POFC_cjs.ActionPlan; }
 });
 Object.defineProperty(exports, "defaultActionPlanLabels", {
   enumerable: true,
-  get: function () { return chunkISUIKUX7_cjs.defaultActionPlanLabels; }
+  get: function () { return chunkH3P7POFC_cjs.defaultActionPlanLabels; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/ActionPlan/index.js

@@ -1,9 +1,9 @@
-export { ActionPlan, defaultActionPlanLabels } from '../../chunk-FKGFOBC2.js';
+export { ActionPlan, defaultActionPlanLabels } from '../../chunk-434L5RYF.js';
 import '../../chunk-YGS2TRMP.js';
 import '../../chunk-FTEZNCRI.js';
 import '../../chunk-Y424YL55.js';
 import '../../chunk-ZIUADGAR.js';
-import '../../chunk-CEQJGUAS.js';
+import '../../chunk-P4E3K3ND.js';
 import '../../chunk-753Z3NXL.js';
 import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-H2Y7HZV5.js';
@@ -11,7 +11,7 @@ import '../../chunk-DVDT7TX7.js';
 import '../../chunk-TI3TQQ7F.js';
 import '../../chunk-3YBS4WUQ.js';
 import '../../chunk-3IMM2PM4.js';
-import '../../chunk-BMSG4NBH.js';
+import '../../chunk-522WJIVI.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';

package/dist/components/AssociationList/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVOYLX32A_cjs = require('../../chunk-VOYLX32A.cjs');
+var chunkCLQW724U_cjs = require('../../chunk-CLQW724U.cjs');
 require('../../chunk-IWRBJHO3.cjs');
 require('../../chunk-7IRTD4JT.cjs');
 require('../../chunk-YGA35Z2P.cjs');
@@ -8,7 +8,7 @@ require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-P22YCUVM.cjs');
 require('../../chunk-Q3YVLO52.cjs');
 require('../../chunk-GKDHMNUA.cjs');
-require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
@@ -19,11 +19,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "AssociationList", {
   enumerable: true,
-  get: function () { return chunkVOYLX32A_cjs.AssociationList; }
+  get: function () { return chunkCLQW724U_cjs.AssociationList; }
 });
 Object.defineProperty(exports, "defaultAssociationListLabels", {
   enumerable: true,
-  get: function () { return chunkVOYLX32A_cjs.defaultAssociationListLabels; }
+  get: function () { return chunkCLQW724U_cjs.defaultAssociationListLabels; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/AssociationList/index.js

@@ -1,4 +1,4 @@
-export { AssociationList, defaultAssociationListLabels } from '../../chunk-LRRSD7LR.js';
+export { AssociationList, defaultAssociationListLabels } from '../../chunk-5HKZR6UG.js';
 import '../../chunk-FTEZNCRI.js';
 import '../../chunk-Y424YL55.js';
 import '../../chunk-ZIUADGAR.js';
@@ -6,7 +6,7 @@ import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-H2Y7HZV5.js';
 import '../../chunk-DVDT7TX7.js';
 import '../../chunk-TI3TQQ7F.js';
-import '../../chunk-BMSG4NBH.js';
+import '../../chunk-522WJIVI.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';

package/dist/components/Badge/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 require('../../chunk-VBWRH4UW.cjs');
-var chunkYVL3XATO_cjs = require('../../chunk-YVL3XATO.cjs');
+var chunk7E46YDOT_cjs = require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -9,11 +9,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkYVL3XATO_cjs.Badge; }
+  get: function () { return chunk7E46YDOT_cjs.Badge; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkYVL3XATO_cjs.badgeVariants; }
+  get: function () { return chunk7E46YDOT_cjs.badgeVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Badge/index.d.cts

@@ -5,19 +5,33 @@ import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    removable?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof badgeVariants>, 'removable'> {
     /** Optional icon before the text */
     icon?: React.ReactNode;
+    /** Renders a remove button after the text; the badge becomes a chip. */
+    onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible name of the remove button. Always pass a translated string;
+     * the English default only guards against a missing label.
+     */
+    removeLabel?: string;
+    /** Disables the remove button. */
+    removeDisabled?: boolean;
 }
 /**
  * A badge component for displaying status, labels, or counts.
+ * With `onRemove` it becomes a removable chip.
  *
  * @example
  * ```tsx
  * <Badge variant="success">Active</Badge>
  * <Badge variant="warning" size="sm">Pending</Badge>
  * <Badge variant="danger" icon={<AlertIcon />}>Error</Badge>
+ * <Badge onRemove={() => clear(tag)} removeLabel={t('removeTag', { tag })}>
+ *   {tag}
+ * </Badge>
  * ```
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Badge/index.d.ts

@@ -5,19 +5,33 @@ import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    removable?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof badgeVariants>, 'removable'> {
     /** Optional icon before the text */
     icon?: React.ReactNode;
+    /** Renders a remove button after the text; the badge becomes a chip. */
+    onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible name of the remove button. Always pass a translated string;
+     * the English default only guards against a missing label.
+     */
+    removeLabel?: string;
+    /** Disables the remove button. */
+    removeDisabled?: boolean;
 }
 /**
  * A badge component for displaying status, labels, or counts.
+ * With `onRemove` it becomes a removable chip.
  *
  * @example
  * ```tsx
  * <Badge variant="success">Active</Badge>
  * <Badge variant="warning" size="sm">Pending</Badge>
  * <Badge variant="danger" icon={<AlertIcon />}>Error</Badge>
+ * <Badge onRemove={() => clear(tag)} removeLabel={t('removeTag', { tag })}>
+ *   {tag}
+ * </Badge>
  * ```
  */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Badge/index.js

@@ -1,5 +1,5 @@
 import '../../chunk-IQ4KQJAO.js';
-export { Badge, badgeVariants } from '../../chunk-BMSG4NBH.js';
+export { Badge, badgeVariants } from '../../chunk-522WJIVI.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/CompletenessMeter/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkI2MMUFCN_cjs = require('../../chunk-I2MMUFCN.cjs');
+var chunkARIJ5OHW_cjs = require('../../chunk-ARIJ5OHW.cjs');
+require('../../chunk-2I4IRQQG.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,15 +9,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CompletenessMeter", {
   enumerable: true,
-  get: function () { return chunkI2MMUFCN_cjs.CompletenessMeter; }
+  get: function () { return chunkARIJ5OHW_cjs.CompletenessMeter; }
 });
 Object.defineProperty(exports, "defaultCompletenessMeterLabels", {
   enumerable: true,
-  get: function () { return chunkI2MMUFCN_cjs.defaultCompletenessMeterLabels; }
+  get: function () { return chunkARIJ5OHW_cjs.defaultCompletenessMeterLabels; }
 });
 Object.defineProperty(exports, "getCompleteness", {
   enumerable: true,
-  get: function () { return chunkI2MMUFCN_cjs.getCompleteness; }
+  get: function () { return chunkARIJ5OHW_cjs.getCompleteness; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/CompletenessMeter/index.js

@@ -1,4 +1,5 @@
-export { CompletenessMeter, defaultCompletenessMeterLabels, getCompleteness } from '../../chunk-6JSFT2J5.js';
+export { CompletenessMeter, defaultCompletenessMeterLabels, getCompleteness } from '../../chunk-RLVYWUXG.js';
+import '../../chunk-P4E3K3ND.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Progress/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVPIYTQCV_cjs = require('../../chunk-VPIYTQCV.cjs');
+var chunk2I4IRQQG_cjs = require('../../chunk-2I4IRQQG.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -8,23 +8,23 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "CircularProgress", {
   enumerable: true,
-  get: function () { return chunkVPIYTQCV_cjs.CircularProgress; }
+  get: function () { return chunk2I4IRQQG_cjs.CircularProgress; }
 });
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkVPIYTQCV_cjs.Progress; }
+  get: function () { return chunk2I4IRQQG_cjs.Progress; }
 });
 Object.defineProperty(exports, "circularProgressVariants", {
   enumerable: true,
-  get: function () { return chunkVPIYTQCV_cjs.circularProgressVariants; }
+  get: function () { return chunk2I4IRQQG_cjs.circularProgressVariants; }
 });
 Object.defineProperty(exports, "progressBarFillVariants", {
   enumerable: true,
-  get: function () { return chunkVPIYTQCV_cjs.progressBarFillVariants; }
+  get: function () { return chunk2I4IRQQG_cjs.progressBarFillVariants; }
 });
 Object.defineProperty(exports, "progressBarTrackVariants", {
   enumerable: true,
-  get: function () { return chunkVPIYTQCV_cjs.progressBarTrackVariants; }
+  get: function () { return chunk2I4IRQQG_cjs.progressBarTrackVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Progress/index.d.cts

@@ -17,12 +17,18 @@ interface ProgressProps extends VariantProps<typeof progressBarTrackVariants>, V
     max?: number;
     /** Label for the progress bar */
     label?: string;
+    /** Accessible name when no visible `label` is rendered. */
+    srLabel?: string;
+    /** Human-readable `aria-valuetext` announced instead of the raw value. */
+    valueText?: string;
     /** Show the percentage value */
     showValue?: boolean;
     /** Format the displayed value */
     formatValue?: (value: number, max: number) => string;
     /** Additional class name */
     className?: string;
+    /** Class for the fill, e.g. to tone its colour by value. */
+    fillClassName?: string;
     /** Whether the progress is indeterminate */
     indeterminate?: boolean;
 }
@@ -36,7 +42,7 @@ interface ProgressProps extends VariantProps<typeof progressBarTrackVariants>, V
  * <Progress value={30} variant="success" striped />
  * ```
  */
-declare function Progress({ value, max, label, showValue, formatValue, size, variant, animated, striped, className, indeterminate, }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function Progress({ value, max, label, srLabel, valueText, showValue, formatValue, size, variant, animated, striped, className, fillClassName, indeterminate, }: ProgressProps): react_jsx_runtime.JSX.Element;
 declare namespace Progress {
     var displayName: string;
 }

package/dist/components/Progress/index.d.ts

@@ -17,12 +17,18 @@ interface ProgressProps extends VariantProps<typeof progressBarTrackVariants>, V
     max?: number;
     /** Label for the progress bar */
     label?: string;
+    /** Accessible name when no visible `label` is rendered. */
+    srLabel?: string;
+    /** Human-readable `aria-valuetext` announced instead of the raw value. */
+    valueText?: string;
     /** Show the percentage value */
     showValue?: boolean;
     /** Format the displayed value */
     formatValue?: (value: number, max: number) => string;
     /** Additional class name */
     className?: string;
+    /** Class for the fill, e.g. to tone its colour by value. */
+    fillClassName?: string;
     /** Whether the progress is indeterminate */
     indeterminate?: boolean;
 }
@@ -36,7 +42,7 @@ interface ProgressProps extends VariantProps<typeof progressBarTrackVariants>, V
  * <Progress value={30} variant="success" striped />
  * ```
  */
-declare function Progress({ value, max, label, showValue, formatValue, size, variant, animated, striped, className, indeterminate, }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function Progress({ value, max, label, srLabel, valueText, showValue, formatValue, size, variant, animated, striped, className, fillClassName, indeterminate, }: ProgressProps): react_jsx_runtime.JSX.Element;
 declare namespace Progress {
     var displayName: string;
 }

package/dist/components/Progress/index.js

@@ -1,4 +1,4 @@
-export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from '../../chunk-CEQJGUAS.js';
+export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from '../../chunk-P4E3K3ND.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/RadialExplorer/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkYRHBSSQ3_cjs = require('../../chunk-YRHBSSQ3.cjs');
+var chunkRV45J2ZT_cjs = require('../../chunk-RV45J2ZT.cjs');
 require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-YW2AKBLS.cjs');
-require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-EACNRR3C.cjs');
 require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
@@ -14,7 +14,7 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RadialExplorer", {
   enumerable: true,
-  get: function () { return chunkYRHBSSQ3_cjs.RadialExplorer; }
+  get: function () { return chunkRV45J2ZT_cjs.RadialExplorer; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RadialExplorer/index.js

@@ -1,7 +1,7 @@
-export { RadialExplorer } from '../../chunk-3RXZWHCU.js';
+export { RadialExplorer } from '../../chunk-LDBNUJB7.js';
 import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-XDU65GLW.js';
-import '../../chunk-BMSG4NBH.js';
+import '../../chunk-522WJIVI.js';
 import '../../chunk-N5JDL4VE.js';
 import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';

package/dist/components/RecordHeader/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkP55LNEDH_cjs = require('../../chunk-P55LNEDH.cjs');
+var chunkZSNFL736_cjs = require('../../chunk-ZSNFL736.cjs');
 require('../../chunk-C77FAR3F.cjs');
 require('../../chunk-GKDHMNUA.cjs');
 require('../../chunk-I44YNYI6.cjs');
@@ -8,7 +8,7 @@ require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-AOHJILLU.cjs');
-require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-IEY3ZJIT.cjs');
@@ -19,11 +19,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RecordHeader", {
   enumerable: true,
-  get: function () { return chunkP55LNEDH_cjs.RecordHeader; }
+  get: function () { return chunkZSNFL736_cjs.RecordHeader; }
 });
 Object.defineProperty(exports, "defaultRecordHeaderLabels", {
   enumerable: true,
-  get: function () { return chunkP55LNEDH_cjs.defaultRecordHeaderLabels; }
+  get: function () { return chunkZSNFL736_cjs.defaultRecordHeaderLabels; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/RecordHeader/index.d.cts

@@ -6,10 +6,20 @@ import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    removable?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof badgeVariants>, 'removable'> {
     /** Optional icon before the text */
     icon?: React.ReactNode;
+    /** Renders a remove button after the text; the badge becomes a chip. */
+    onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible name of the remove button. Always pass a translated string;
+     * the English default only guards against a missing label.
+     */
+    removeLabel?: string;
+    /** Disables the remove button. */
+    removeDisabled?: boolean;
 }
 
 declare const buttonVariants: (props?: ({

package/dist/components/RecordHeader/index.d.ts

@@ -6,10 +6,20 @@ import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "success" | "warning" | "danger" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
+    removable?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof badgeVariants>, 'removable'> {
     /** Optional icon before the text */
     icon?: React.ReactNode;
+    /** Renders a remove button after the text; the badge becomes a chip. */
+    onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Accessible name of the remove button. Always pass a translated string;
+     * the English default only guards against a missing label.
+     */
+    removeLabel?: string;
+    /** Disables the remove button. */
+    removeDisabled?: boolean;
 }
 
 declare const buttonVariants: (props?: ({

package/dist/components/RecordHeader/index.js

@@ -1,4 +1,4 @@
-export { RecordHeader, defaultRecordHeaderLabels } from '../../chunk-EPTP3VKT.js';
+export { RecordHeader, defaultRecordHeaderLabels } from '../../chunk-WFL4N5PC.js';
 import '../../chunk-EEOGIGIA.js';
 import '../../chunk-TI3TQQ7F.js';
 import '../../chunk-6NZXWKUE.js';
@@ -6,7 +6,7 @@ import '../../chunk-3IMM2PM4.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
-import '../../chunk-BMSG4NBH.js';
+import '../../chunk-522WJIVI.js';
 import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';
 import '../../chunk-F4N67NAF.js';

package/dist/components/RecordLayout/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkORCCJ5VY_cjs = require('../../chunk-ORCCJ5VY.cjs');
+var chunkOIMXMPH2_cjs = require('../../chunk-OIMXMPH2.cjs');
 require('../../chunk-LC7PVBXH.cjs');
 require('../../chunk-7WJ6MBF5.cjs');
-require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-7E46YDOT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -11,11 +11,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "RecordLayout", {
   enumerable: true,
-  get: function () { return chunkORCCJ5VY_cjs.RecordLayout; }
+  get: function () { return chunkOIMXMPH2_cjs.RecordLayout; }
 });
 Object.defineProperty(exports, "defaultRecordLayoutLabels", {
   enumerable: true,
-  get: function () { return chunkORCCJ5VY_cjs.defaultRecordLayoutLabels; }
+  get: function () { return chunkOIMXMPH2_cjs.defaultRecordLayoutLabels; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map