@alfadocs/ui-kit-debug 1.95.0 → 1.95.1

package/dist/_chunks/{actions-cell-renderer-B1yaOfQM.js → actions-cell-renderer-BVn3vDTg.js}

@@ -2,8 +2,8 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { isValidElement as w, cloneElement as A, forwardRef as B } from "react";
 import { useTranslation as R } from "react-i18next";
 import { I as f } from "./icon-button-S8_weU3g.js";
-import { I as S } from "./icon-button-group-CRKFR48b.js";
-import { D as l } from "./dropdown-menu-D1we7oAY.js";
+import { I as S } from "./icon-button-group-mXvYDaba.js";
+import { D as l } from "./dropdown-menu-CqxBthww.js";
 import { E as T } from "./ellipsis-dRo9ouSU.js";
 function h(s) {
   if (!w(s)) return s;
@@ -134,4 +134,4 @@ export {
   V as A,
   G as a
 };
-//# sourceMappingURL=actions-cell-renderer-B1yaOfQM.js.map
+//# sourceMappingURL=actions-cell-renderer-BVn3vDTg.js.map

package/dist/_chunks/{actions-cell-renderer-B1yaOfQM.js.map → actions-cell-renderer-BVn3vDTg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actions-cell-renderer-B1yaOfQM.js","sources":["../../src/components/data-table/cell-renderers/actions-cell-renderer.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  forwardRef,\n  type ForwardedRef,\n} from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../../button/icon-button';\nimport { IconButtonGroup } from '../../icon-button-group';\nimport { DropdownMenu } from '../../dropdown-menu';\n\n// Lucide icons render at their intrinsic 24×24 unless given a `size` prop or\n// `size-*` class. The IconButton's wrapping span is only `size-4` (16px), so a\n// bare `<Trash2 />` overflows and, inside AG Grid's `overflow: hidden` cells,\n// gets clipped into horizontal slivers. Coerce icon nodes to the expected size.\nfunction sizeIcon(node: ReactNode): ReactNode {\n  if (!isValidElement(node)) return node;\n  const element = node as React.ReactElement<{\n    className?: string;\n    size?: number;\n  }>;\n  const existingClass = element.props.className ?? '';\n  const className = /\\bsize-|\\bw-|\\bh-/.test(existingClass)\n    ? existingClass\n    : `${existingClass} size-4`.trim();\n  return cloneElement(element, { className, size: element.props.size ?? 16 });\n}\n\nexport interface ActionDef<TData = unknown> {\n  /** Lucide-style icon node. */\n  icon: ReactNode;\n  /** Accessible label — also used as the tooltip. */\n  label: string;\n  /** Invoked with the row data. */\n  onClick: (data: TData) => void;\n  /** Disable the action. Pass a predicate for per-row disablement. */\n  disabled?: boolean | ((data: TData) => boolean);\n  /** Human-readable reason shown in the tooltip when disabled. */\n  disabledReason?: string;\n  /** `destructive` swaps the button intent. */\n  variant?: 'default' | 'destructive';\n  /** Hide the action entirely. Pass a predicate for per-row hiding. */\n  hidden?: boolean | ((data: TData) => boolean);\n}\n\nexport interface ActionsCellRendererParams<TData = unknown> {\n  actions: ActionDef<TData>[];\n  /** Intent of the inline buttons / the collapsed trigger (default `ghost`). */\n  intent?: 'ghost' | 'outline';\n  /**\n   * Render the inline buttons as a connected `IconButtonGroup` (a segmented\n   * control) rather than a loose row. Requires `label` for the group name.\n   */\n  group?: boolean;\n  /** Accessible name for the group and the collapsed overflow trigger. */\n  label?: string;\n  /**\n   * Collapse the actions into a single \"…\" overflow menu instead of inline\n   * buttons. Pass a getter to flip it at runtime — call\n   * `api.refreshCells({ force: true })` after the underlying value changes so\n   * the cells re-read it (this preserves column state, unlike rebuilding defs).\n   */\n  collapsed?: boolean | (() => boolean);\n  /**\n   * Split button: keep the first `maxInline` visible actions as inline buttons\n   * and fold the rest into a trailing \"…\" menu at the end of the row. The\n   * column then needs `actionsColumnWidth(maxInline + 1)`. Ignored while\n   * `collapsed`; `0` is the same as `collapsed`.\n   */\n  maxInline?: number;\n}\n\n/**\n * Pixel width an actions column needs so `count` inline `sm` IconButtons (32px\n * each — whether segmented via `group` or loose) plus the data-table cell's\n * inline padding never clip. AG Grid gives a column ONE width for every row, so\n * pass the TOTAL number of actions (the worst case where a single row shows them\n * all) — not the per-row visible count, which varies with `hidden` predicates.\n *\n * Use it as the column `width` so a fully-actioned row can't overflow:\n *\n *   {\n *     colId: 'actions',\n *     cellRenderer: ActionsCellRenderer,\n *     cellRendererParams: { actions, group: true },\n *     width: actionsColumnWidth(actions.length),\n *     // minWidth stays at the collapsed footprint when `collapsed` is used.\n *   }\n */\nexport function actionsColumnWidth(count: number): number {\n  const SM_BUTTON = 32; // sm IconButton (`w-8`)\n  // Segmented-group chrome + the cell's inline padding:\n  //   12  segmented-group borders and seams around the buttons\n  // + 16  --spacing-sm each side, the reduced padding the theme gives\n  //       graphic-only cells (a text cell's 30px would clip the group).\n  const CELL_INSET = 28;\n  return Math.max(1, count) * SM_BUTTON + CELL_INSET;\n}\n\nfunction resolve<T>(\n  flag: boolean | ((data: T) => boolean) | undefined,\n  data: T,\n): boolean {\n  if (typeof flag === 'function') return flag(data);\n  return Boolean(flag);\n}\n\nconst destructiveInline =\n  'ds:text-[color:var(--destructive)] ds:hover:text-[color:var(--destructive-hover)]';\n\nexport function ActionsCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ActionsCellRendererParams<TData>,\n) {\n  const {\n    data,\n    actions,\n    intent = 'ghost',\n    group,\n    label,\n    collapsed,\n    maxInline,\n  } = props;\n  const { t } = useTranslation('ui');\n  if (!data) return null;\n\n  const visible = actions.filter((action) => !resolve(action.hidden, data));\n  const isCollapsed =\n    typeof collapsed === 'function' ? collapsed() : Boolean(collapsed);\n  const inline =\n    maxInline === undefined\n      ? visible\n      : visible.slice(0, Math.max(0, maxInline));\n  const overflow =\n    maxInline === undefined ? [] : visible.slice(Math.max(0, maxInline));\n\n  // Collapsed: one \"…\" trigger opening a DropdownMenu of the actions. Disabled\n  // actions stay in the menu but inert (the per-action `disabledReason` is an\n  // inline-only affordance — a menu row has no tooltip surface).\n  if (isCollapsed) {\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            size=\"sm\"\n            intent={intent}\n            icon={<Ellipsis aria-hidden />}\n            aria-label={label ?? t('dataTable.actions', 'Actions')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">\n          {visible.map((action, index) => (\n            <DropdownMenu.Item\n              // Action defs are referentially stable; index is safe as actions\n              // do not reorder within a row.\n              key={index}\n              startIcon={sizeIcon(action.icon)}\n              disabled={resolve(action.disabled, data)}\n              onSelect={() => action.onClick(data)}\n              className={\n                action.variant === 'destructive'\n                  ? 'ds:text-[color:var(--destructive)]'\n                  : undefined\n              }\n            >\n              {action.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    );\n  }\n\n  const buttons = inline.map((action, index) => {\n    const isDisabled = resolve(action.disabled, data);\n    const tooltip =\n      isDisabled && action.disabledReason\n        ? action.disabledReason\n        : action.label;\n    return (\n      <IconButton\n        // See note above on index keys.\n        key={index}\n        size=\"sm\"\n        intent={intent}\n        icon={sizeIcon(action.icon)}\n        tooltip={tooltip}\n        aria-label={action.label}\n        disabled={isDisabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          action.onClick(data);\n        }}\n        className={\n          action.variant === 'destructive' ? destructiveInline : undefined\n        }\n      />\n    );\n  });\n\n  const more =\n    overflow.length > 0 ? (\n      <OverflowActionsMenu\n        key=\"overflow\"\n        data={data}\n        actions={overflow}\n        intent={intent}\n        label={label ?? t('dataTable.actions', 'Actions')}\n      />\n    ) : null;\n\n  return group ? (\n    <IconButtonGroup\n      aria-label={label ?? t('dataTable.actions', 'Actions')}\n      size=\"sm\"\n    >\n      {buttons}\n      {more}\n    </IconButtonGroup>\n  ) : (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {buttons}\n      {more}\n    </span>\n  );\n}\n\ninterface OverflowActionsMenuProps<TData> extends Omit<\n  IconButtonProps,\n  'icon' | 'aria-label' | 'onClick'\n> {\n  data: TData;\n  actions: ActionDef<TData>[];\n  label: string;\n}\n\n/**\n * The \"…\" end of a split actions button. Forwards its ref and the rest of its\n * props to the trigger IconButton, so an IconButtonGroup can seat it as the\n * last segment exactly like a plain button (the same contract ExportMenu\n * follows in the toolbar).\n */\nconst OverflowActionsMenu = forwardRef(function OverflowActionsMenu<TData>(\n  {\n    data,\n    actions,\n    label,\n    intent = 'ghost',\n    ...rest\n  }: OverflowActionsMenuProps<TData>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          ref={ref}\n          type=\"button\"\n          size=\"sm\"\n          intent={intent}\n          icon={<Ellipsis aria-hidden />}\n          tooltip={label}\n          aria-label={label}\n          onClick={(event) => event.stopPropagation()}\n          {...rest}\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        {actions.map((action, index) => (\n          <DropdownMenu.Item\n            key={index}\n            startIcon={sizeIcon(action.icon)}\n            disabled={resolve(action.disabled, data)}\n            onSelect={() => action.onClick(data)}\n            className={\n              action.variant === 'destructive'\n                ? 'ds:text-[color:var(--destructive)]'\n                : undefined\n            }\n          >\n            {action.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}) as <TData>(\n  props: OverflowActionsMenuProps<TData> & {\n    ref?: ForwardedRef<HTMLButtonElement>;\n  },\n) => ReactElement;\n"],"names":["sizeIcon","node","isValidElement","element","existingClass","className","cloneElement","actionsColumnWidth","count","resolve","flag","data","destructiveInline","ActionsCellRenderer","props","actions","intent","group","label","collapsed","maxInline","t","useTranslation","visible","action","isCollapsed","inline","overflow","jsxs","DropdownMenu","jsx","IconButton","Ellipsis","index","buttons","isDisabled","tooltip","event","more","OverflowActionsMenu","IconButtonGroup","forwardRef","rest","ref"],"mappings":"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"}
+{"version":3,"file":"actions-cell-renderer-BVn3vDTg.js","sources":["../../src/components/data-table/cell-renderers/actions-cell-renderer.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  forwardRef,\n  type ForwardedRef,\n} from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../../button/icon-button';\nimport { IconButtonGroup } from '../../icon-button-group';\nimport { DropdownMenu } from '../../dropdown-menu';\n\n// Lucide icons render at their intrinsic 24×24 unless given a `size` prop or\n// `size-*` class. The IconButton's wrapping span is only `size-4` (16px), so a\n// bare `<Trash2 />` overflows and, inside AG Grid's `overflow: hidden` cells,\n// gets clipped into horizontal slivers. Coerce icon nodes to the expected size.\nfunction sizeIcon(node: ReactNode): ReactNode {\n  if (!isValidElement(node)) return node;\n  const element = node as React.ReactElement<{\n    className?: string;\n    size?: number;\n  }>;\n  const existingClass = element.props.className ?? '';\n  const className = /\\bsize-|\\bw-|\\bh-/.test(existingClass)\n    ? existingClass\n    : `${existingClass} size-4`.trim();\n  return cloneElement(element, { className, size: element.props.size ?? 16 });\n}\n\nexport interface ActionDef<TData = unknown> {\n  /** Lucide-style icon node. */\n  icon: ReactNode;\n  /** Accessible label — also used as the tooltip. */\n  label: string;\n  /** Invoked with the row data. */\n  onClick: (data: TData) => void;\n  /** Disable the action. Pass a predicate for per-row disablement. */\n  disabled?: boolean | ((data: TData) => boolean);\n  /** Human-readable reason shown in the tooltip when disabled. */\n  disabledReason?: string;\n  /** `destructive` swaps the button intent. */\n  variant?: 'default' | 'destructive';\n  /** Hide the action entirely. Pass a predicate for per-row hiding. */\n  hidden?: boolean | ((data: TData) => boolean);\n}\n\nexport interface ActionsCellRendererParams<TData = unknown> {\n  actions: ActionDef<TData>[];\n  /** Intent of the inline buttons / the collapsed trigger (default `ghost`). */\n  intent?: 'ghost' | 'outline';\n  /**\n   * Render the inline buttons as a connected `IconButtonGroup` (a segmented\n   * control) rather than a loose row. Requires `label` for the group name.\n   */\n  group?: boolean;\n  /** Accessible name for the group and the collapsed overflow trigger. */\n  label?: string;\n  /**\n   * Collapse the actions into a single \"…\" overflow menu instead of inline\n   * buttons. Pass a getter to flip it at runtime — call\n   * `api.refreshCells({ force: true })` after the underlying value changes so\n   * the cells re-read it (this preserves column state, unlike rebuilding defs).\n   */\n  collapsed?: boolean | (() => boolean);\n  /**\n   * Split button: keep the first `maxInline` visible actions as inline buttons\n   * and fold the rest into a trailing \"…\" menu at the end of the row. The\n   * column then needs `actionsColumnWidth(maxInline + 1)`. Ignored while\n   * `collapsed`; `0` is the same as `collapsed`.\n   */\n  maxInline?: number;\n}\n\n/**\n * Pixel width an actions column needs so `count` inline `sm` IconButtons (32px\n * each — whether segmented via `group` or loose) plus the data-table cell's\n * inline padding never clip. AG Grid gives a column ONE width for every row, so\n * pass the TOTAL number of actions (the worst case where a single row shows them\n * all) — not the per-row visible count, which varies with `hidden` predicates.\n *\n * Use it as the column `width` so a fully-actioned row can't overflow:\n *\n *   {\n *     colId: 'actions',\n *     cellRenderer: ActionsCellRenderer,\n *     cellRendererParams: { actions, group: true },\n *     width: actionsColumnWidth(actions.length),\n *     // minWidth stays at the collapsed footprint when `collapsed` is used.\n *   }\n */\nexport function actionsColumnWidth(count: number): number {\n  const SM_BUTTON = 32; // sm IconButton (`w-8`)\n  // Segmented-group chrome + the cell's inline padding:\n  //   12  segmented-group borders and seams around the buttons\n  // + 16  --spacing-sm each side, the reduced padding the theme gives\n  //       graphic-only cells (a text cell's 30px would clip the group).\n  const CELL_INSET = 28;\n  return Math.max(1, count) * SM_BUTTON + CELL_INSET;\n}\n\nfunction resolve<T>(\n  flag: boolean | ((data: T) => boolean) | undefined,\n  data: T,\n): boolean {\n  if (typeof flag === 'function') return flag(data);\n  return Boolean(flag);\n}\n\nconst destructiveInline =\n  'ds:text-[color:var(--destructive)] ds:hover:text-[color:var(--destructive-hover)]';\n\nexport function ActionsCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ActionsCellRendererParams<TData>,\n) {\n  const {\n    data,\n    actions,\n    intent = 'ghost',\n    group,\n    label,\n    collapsed,\n    maxInline,\n  } = props;\n  const { t } = useTranslation('ui');\n  if (!data) return null;\n\n  const visible = actions.filter((action) => !resolve(action.hidden, data));\n  const isCollapsed =\n    typeof collapsed === 'function' ? collapsed() : Boolean(collapsed);\n  const inline =\n    maxInline === undefined\n      ? visible\n      : visible.slice(0, Math.max(0, maxInline));\n  const overflow =\n    maxInline === undefined ? [] : visible.slice(Math.max(0, maxInline));\n\n  // Collapsed: one \"…\" trigger opening a DropdownMenu of the actions. Disabled\n  // actions stay in the menu but inert (the per-action `disabledReason` is an\n  // inline-only affordance — a menu row has no tooltip surface).\n  if (isCollapsed) {\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            size=\"sm\"\n            intent={intent}\n            icon={<Ellipsis aria-hidden />}\n            aria-label={label ?? t('dataTable.actions', 'Actions')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">\n          {visible.map((action, index) => (\n            <DropdownMenu.Item\n              // Action defs are referentially stable; index is safe as actions\n              // do not reorder within a row.\n              key={index}\n              startIcon={sizeIcon(action.icon)}\n              disabled={resolve(action.disabled, data)}\n              onSelect={() => action.onClick(data)}\n              className={\n                action.variant === 'destructive'\n                  ? 'ds:text-[color:var(--destructive)]'\n                  : undefined\n              }\n            >\n              {action.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    );\n  }\n\n  const buttons = inline.map((action, index) => {\n    const isDisabled = resolve(action.disabled, data);\n    const tooltip =\n      isDisabled && action.disabledReason\n        ? action.disabledReason\n        : action.label;\n    return (\n      <IconButton\n        // See note above on index keys.\n        key={index}\n        size=\"sm\"\n        intent={intent}\n        icon={sizeIcon(action.icon)}\n        tooltip={tooltip}\n        aria-label={action.label}\n        disabled={isDisabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          action.onClick(data);\n        }}\n        className={\n          action.variant === 'destructive' ? destructiveInline : undefined\n        }\n      />\n    );\n  });\n\n  const more =\n    overflow.length > 0 ? (\n      <OverflowActionsMenu\n        key=\"overflow\"\n        data={data}\n        actions={overflow}\n        intent={intent}\n        label={label ?? t('dataTable.actions', 'Actions')}\n      />\n    ) : null;\n\n  return group ? (\n    <IconButtonGroup\n      aria-label={label ?? t('dataTable.actions', 'Actions')}\n      size=\"sm\"\n    >\n      {buttons}\n      {more}\n    </IconButtonGroup>\n  ) : (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {buttons}\n      {more}\n    </span>\n  );\n}\n\ninterface OverflowActionsMenuProps<TData> extends Omit<\n  IconButtonProps,\n  'icon' | 'aria-label' | 'onClick'\n> {\n  data: TData;\n  actions: ActionDef<TData>[];\n  label: string;\n}\n\n/**\n * The \"…\" end of a split actions button. Forwards its ref and the rest of its\n * props to the trigger IconButton, so an IconButtonGroup can seat it as the\n * last segment exactly like a plain button (the same contract ExportMenu\n * follows in the toolbar).\n */\nconst OverflowActionsMenu = forwardRef(function OverflowActionsMenu<TData>(\n  {\n    data,\n    actions,\n    label,\n    intent = 'ghost',\n    ...rest\n  }: OverflowActionsMenuProps<TData>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          ref={ref}\n          type=\"button\"\n          size=\"sm\"\n          intent={intent}\n          icon={<Ellipsis aria-hidden />}\n          tooltip={label}\n          aria-label={label}\n          onClick={(event) => event.stopPropagation()}\n          {...rest}\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        {actions.map((action, index) => (\n          <DropdownMenu.Item\n            key={index}\n            startIcon={sizeIcon(action.icon)}\n            disabled={resolve(action.disabled, data)}\n            onSelect={() => action.onClick(data)}\n            className={\n              action.variant === 'destructive'\n                ? 'ds:text-[color:var(--destructive)]'\n                : undefined\n            }\n          >\n            {action.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}) as <TData>(\n  props: OverflowActionsMenuProps<TData> & {\n    ref?: ForwardedRef<HTMLButtonElement>;\n  },\n) => ReactElement;\n"],"names":["sizeIcon","node","isValidElement","element","existingClass","className","cloneElement","actionsColumnWidth","count","resolve","flag","data","destructiveInline","ActionsCellRenderer","props","actions","intent","group","label","collapsed","maxInline","t","useTranslation","visible","action","isCollapsed","inline","overflow","jsxs","DropdownMenu","jsx","IconButton","Ellipsis","index","buttons","isDisabled","tooltip","event","more","OverflowActionsMenu","IconButtonGroup","forwardRef","rest","ref"],"mappings":"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"}

package/dist/_chunks/{anamnesis-summary-rows-DTZ3per6.js → anamnesis-summary-rows-krsCC-F4.js}

@@ -12,7 +12,7 @@ import { N as ga } from "./number-input-CVwI1ltI.js";
 import { R as ze } from "./radio-BZQs6_36.js";
 import { R as ma } from "./radio-group-ChIKyeSJ.js";
 import { S as Me } from "./select-BBDRYxJl.js";
-import { T as Q } from "./tabs-BmxQu-TJ.js";
+import { T as Q } from "./tabs-DYHgRVSJ.js";
 import { T as na } from "./text-area-COMVJ1yE.js";
 import { S as te } from "./state-backed-text-input-Cgh4ms3p.js";
 import { T as Ze } from "./timestamp-DPLDWdxA.js";
@@ -25,7 +25,7 @@ import { A as ei, a as ai } from "./arrow-up-BYvcvTkB.js";
 import { M as cn } from "./minus-BQDHq1c1.js";
 import { U as un } from "./user-B12p7bVF.js";
 import { C as Pa } from "./chevron-down-DWE7GSq9.js";
-import { D as X } from "./dropdown-menu-D1we7oAY.js";
+import { D as X } from "./dropdown-menu-CqxBthww.js";
 import { A as mn } from "./annotation-marker-D-M7y4R1.js";
 import { D as ee } from "./dialog-C7RWaH08.js";
 import { n as pn, c as gn } from "./intl-locale-FWh-Y5_3.js";
@@ -47,7 +47,7 @@ import { T as Cn } from "./trash-2-uumy3fy1.js";
 import { A as Sn, b as _n, c as Dn, a as jn } from "./accordion-Ch3xp0mX.js";
 import { P as Pn } from "./progress-D_g_Sl2g.js";
 import { c as ot } from "./createLucideIcon-DhHxpK9K.js";
-import { I as xa } from "./icon-button-group-CRKFR48b.js";
+import { I as xa } from "./icon-button-group-mXvYDaba.js";
 import { L as aa } from "./list-CNnn7DOD.js";
 import { S as rt } from "./switch-D--x7n6h.js";
 import { G as En } from "./grip-vertical-onSb1JXO.js";
@@ -20936,4 +20936,4 @@ export {
   Vi as t,
   od as u
 };
-//# sourceMappingURL=anamnesis-summary-rows-DTZ3per6.js.map
+//# sourceMappingURL=anamnesis-summary-rows-krsCC-F4.js.map