@alfadocs/ui-kit-debug 0.25.1 → 0.25.2

package/dist/_chunks/description-list-Bsga4IW8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"description-list-Bsga4IW8.js","sources":["../../src/components/description-list/description-list.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type CSSProperties,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* labelWidth → label / value track resolver                            */\n/*                                                                      */\n/* The `inline` / `responsive` layouts render a two- or three-column    */\n/* grid (icon? · label · value · copy?). The label column's width is    */\n/* parameterised so consumers can pick the right behaviour for the      */\n/* surrounding container:                                                */\n/*                                                                      */\n/*  - `auto` (default): label sizes to its intrinsic content; the       */\n/*    value column takes the remainder. Long labels wrap word-by-word   */\n/*    in narrow contexts instead of being squeezed into a 1fr column    */\n/*    that can collapse below the longest word.                          */\n/*  - `fixed`: legacy ⅓ / ⅔ ratio (label `minmax(0,1fr)`, value          */\n/*    `minmax(0,2fr)`). Use for wide forms where consistent alignment    */\n/*    across rows is more important than fitting the longest label.     */\n/*  - any CSS length / track size (`'8rem'`, `'min-content'`, …):       */\n/*    forces the label column to that width.                            */\n/*                                                                      */\n/* The resolved values are surfaced as `--description-list-label-track` */\n/* and `--description-list-value-track` on the root `<dl>` so each Row  */\n/* can compose them with the icon / copy auto columns it needs.         */\n/* ------------------------------------------------------------------ */\n\ntype LabelWidthPreset = 'auto' | 'fixed';\nexport type DescriptionListLabelWidth = LabelWidthPreset | (string & {});\n\nfunction resolveLabelTrack(labelWidth: DescriptionListLabelWidth): string {\n  // `auto` uses `fit-content(50%)` rather than the bare `auto` keyword.\n  // CSS `auto` resolves to `minmax(min-content, max-content)`, which can't\n  // shrink the term column below the dt's max-content in a narrow container\n  // (the failure mode booking-website hit with long Italian medical labels\n  // in a 320 px Carousel slide). `fit-content(50%)` clamps to\n  // `max(min-content, min(50%-of-container, max-content))`:\n  //   - in narrow containers it caps at 50 % of the row width, leaving the\n  //     other half for the detail column; the dt wraps at word boundaries\n  //     via `overflow-wrap: break-word`.\n  //   - in wide containers it expands to the dt's max-content, so short\n  //     labels don't stretch unnecessarily.\n  if (labelWidth === 'auto') return 'fit-content(50%)';\n  if (labelWidth === 'fixed') return 'minmax(0,1fr)';\n  return labelWidth;\n}\n\nfunction resolveValueTrack(labelWidth: DescriptionListLabelWidth): string {\n  return labelWidth === 'fixed' ? 'minmax(0,2fr)' : 'minmax(0,1fr)';\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface DescriptionListContextShape {\n  layout: 'inline' | 'stacked' | 'responsive';\n  density: 'default' | 'compact';\n  divider: 'none' | 'between' | 'bordered';\n  /**\n   * True when at least one direct child Row was rendered with a\n   * non-null `icon` prop. Every Row in the list then reserves a\n   * leading icon column (rendering a `size-4` empty placeholder\n   * when this row has no icon) so the grid's `auto` column resolves\n   * to the same width across all rows and sibling Rows align.\n   */\n  hasIcons: boolean;\n}\n\nconst DescriptionListContext = createContext<DescriptionListContextShape>({\n  layout: 'inline',\n  density: 'default',\n  divider: 'none',\n  hasIcons: false,\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root <dl>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    density: {\n      default: 'ds:gap-[var(--spacing-md)]',\n      compact: 'ds:gap-[var(--spacing-sm)]',\n    },\n    divider: {\n      none: '',\n      between: '',\n      bordered: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'inline',\n    density: 'default',\n    divider: 'none',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — row <div>                                                      */\n/*                                                                      */\n/* The grid template is selected per (layout × hasIcons × copyable).    */\n/* Inline / responsive (above sm) layouts use a 2-, 3-, or 4-column     */\n/* grid. Stacked layouts use flex-col when there are no icons, and a    */\n/* 2- or 3-column grid when icons are present (so the icon can sit at   */\n/* the leading edge of the dt/dd stack without breaking the dl/dt/dd    */\n/* parent-child relationship the HTML5 spec requires).                  */\n/*                                                                      */\n/* The icon column is `auto` — it resolves to the icon wrapper's        */\n/* intrinsic box (`size-4` = 1rem), which matches the empty placeholder */\n/* rendered on rows without an icon. That keeps sibling rows aligned    */\n/* even when only some rows carry an icon.                              */\n/*                                                                      */\n/* The copy IconButton is pinned to the trailing column via             */\n/* `[&>button]:col-start-N` so it does not wrap to an unrelated cell    */\n/* when the row also contains multiple `<dd>` siblings.                 */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListRowVariants = cva('', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    divider: {\n      none: '',\n      between:\n        'ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]',\n    },\n    copyable: {\n      true: '',\n      false: '',\n    },\n    hasIcons: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    /* ----- inline / no icons ----- */\n    {\n      layout: 'inline',\n      hasIcons: false,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start',\n    },\n    {\n      layout: 'inline',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-3',\n    },\n    /* ----- inline / with icons ----- */\n    {\n      layout: 'inline',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start',\n    },\n    {\n      layout: 'inline',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-4',\n    },\n    /* ----- stacked / no icons / no copyable ----- */\n    {\n      layout: 'stacked',\n      hasIcons: false,\n      copyable: false,\n      className: 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /* ----- stacked / no icons / copyable — 2-col grid so the copy\n            button sits in a trailing column instead of below dd ----- */\n    {\n      layout: 'stacked',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>button]:col-start-2 ds:[&>button]:row-span-full',\n    },\n    /* ----- stacked / with icons — explicit grid so dt/dd remain\n            direct children of the row div while the icon sits at the\n            leading edge of the column-2 stack. `labelWidth` does not\n            apply here (single content column). ----- */\n    {\n      layout: 'stacked',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full',\n    },\n    {\n      layout: 'stacked',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full ds:[&>button]:col-start-3 ds:[&>button]:row-span-full',\n    },\n    /* ----- responsive / no icons (inline above sm, stacked below) ----- */\n    {\n      layout: 'responsive',\n      hasIcons: false,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    {\n      layout: 'responsive',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-3 ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    /* ----- responsive / with icons ----- */\n    {\n      layout: 'responsive',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full',\n    },\n    {\n      layout: 'responsive',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-4 ds:max-sm:grid-cols-[auto_minmax(0,1fr)_auto] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full ds:max-sm:[&>button]:col-start-3 ds:max-sm:[&>button]:row-span-full',\n    },\n  ],\n  defaultVariants: {\n    layout: 'inline',\n    divider: 'none',\n    copyable: false,\n    hasIcons: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {\n  layout?: 'inline' | 'stacked' | 'responsive';\n  density?: 'default' | 'compact';\n  divider?: 'none' | 'between' | 'bordered';\n  /**\n   * Width of the term column in `inline` and `responsive` layouts.\n   *\n   * - `'auto'` (default): the term column sizes to its intrinsic content\n   *   per row, so labels wrap at word boundaries in narrow contexts (carousel\n   *   cards, sidebar panels) and the detail column takes the remaining inline\n   *   space. **Sibling rows do NOT share column widths under this preset** —\n   *   each row's columns size to its own content. Use this when intrinsic\n   *   per-row sizing matters more than vertical alignment of values.\n   * - `'fixed'`: ⅓ / ⅔ split — term column is `minmax(0, 1fr)` and detail\n   *   column is `minmax(0, 2fr)`. Sibling rows share the same proportional\n   *   widths, so values align vertically across rows. Use this when shared\n   *   value-column alignment matters (the typical use case for a list of\n   *   contact rows, profile fields, or any tabular-feeling metadata).\n   * - any CSS track size (`'8rem'`, `'min-content'`, `'40%'`, …): pins the\n   *   term column to that width and lets the detail column take the rest.\n   *\n   * Ignored when `layout=\"stacked\"` (single content column).\n   */\n  labelWidth?: DescriptionListLabelWidth;\n}\n\nexport interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** When true, shows a copy-to-clipboard button using KeyValuePair's established mechanism */\n  copyable?: boolean;\n  /** Text written to the clipboard when copyable=true */\n  copyText?: string;\n  /** Label used in the copy button's aria-label: \"Copy {copyLabel}\". Falls back to copyText. */\n  copyLabel?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the row.\n   * Pass a `lucide-react` icon (or any single React element) for visual\n   * consistency. The wrapper applies `aria-hidden=\"true\"` and paints\n   * the icon with `var(--description-list-icon-color)` (defaults to\n   * `--muted-foreground`); consumers can recolour the slot via that\n   * token without forking the component.\n   *\n   * When any row in the list passes an `icon`, every row reserves a\n   * leading icon column so values align across siblings — including\n   * rows that did not pass an icon.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the intent\n   * is clear at the call site: this slot is for a single SVG/icon,\n   * not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\nexport type DescriptionListTermProps = React.HTMLAttributes<HTMLElement>;\n\nexport interface DescriptionListDetailProps extends React.HTMLAttributes<HTMLElement> {\n  /** Right-aligns numeric values via text-end */\n  numeric?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root — <dl>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRoot = forwardRef<HTMLDListElement, DescriptionListProps>(\n  (\n    {\n      layout = 'inline',\n      density = 'default',\n      divider = 'none',\n      labelWidth = 'auto',\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Detect whether any direct child Row carries a non-null `icon` prop.\n    // `Children.toArray` flattens nested arrays from `.map()` calls; fragments\n    // (`<>…</>`) and deeper wrappers (HOCs, custom containers) are NOT\n    // unwrapped. Consumers who hit that edge case can force the icon column\n    // by passing `icon={<></>}` on at least one direct-child Row.\n    const hasIcons = useMemo(\n      () =>\n        Children.toArray(children).some(\n          (child) =>\n            isValidElement(child) &&\n            (child.props as { icon?: unknown }).icon != null,\n        ),\n      [children],\n    );\n\n    // Inline style — permitted per 23-constraints §Runtime-computed dimensions\n    //   (CSS custom property setter; the grid-template-columns rule that\n    //   consumes these variables lives in CVA on each Row).\n    const gridStyle = useMemo<CSSProperties>(\n      () =>\n        ({\n          ...style,\n          '--description-list-label-track': resolveLabelTrack(labelWidth),\n          '--description-list-value-track': resolveValueTrack(labelWidth),\n        }) as CSSProperties,\n      [style, labelWidth],\n    );\n\n    return (\n      <DescriptionListContext.Provider\n        value={{ layout, density, divider, hasIcons }}\n      >\n        <dl\n          ref={ref}\n          className={descriptionListVariants({\n            layout,\n            density,\n            divider,\n            className,\n          })}\n          data-component=\"description-list\"\n          data-label-width={\n            labelWidth === 'auto' || labelWidth === 'fixed'\n              ? labelWidth\n              : 'custom'\n          }\n          // eslint-disable-next-line react/forbid-dom-props -- 23-constraints §Runtime-computed dimensions: labelWidth resolves to a CSS track size set on `--description-list-label-track`. The grid-template-columns rule that consumes the variable lives in CVA on each Row.\n          style={gridStyle}\n          {...props}\n        >\n          {children}\n        </dl>\n      </DescriptionListContext.Provider>\n    );\n  },\n);\nDescriptionListRoot.displayName = 'DescriptionList';\n\n/* ------------------------------------------------------------------ */\n/* Row — <div> that groups a <dt> with its <dd>(s)                     */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRow = forwardRef<HTMLDivElement, DescriptionListRowProps>(\n  (\n    {\n      copyable = false,\n      copyText,\n      copyLabel,\n      icon,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { layout, divider, hasIcons } = useContext(DescriptionListContext);\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const handleCopy = useCallback(async () => {\n      if (!copyText) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'DescriptionList.Row: copyable=true but no copyText provided. Copy is a no-op.',\n          );\n        }\n        return;\n      }\n      try {\n        await navigator.clipboard.writeText(copyText);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [copyText, t]);\n\n    const ariaLabel = t('keyValuePair.copy', {\n      label: copyLabel ?? copyText ?? '',\n    });\n\n    return (\n      <div\n        ref={ref}\n        className={descriptionListRowVariants({\n          layout,\n          divider,\n          copyable,\n          hasIcons,\n          className,\n        })}\n        {...props}\n      >\n        {/* Icon slot — rendered on every row when the list has any icons\n            so column-1 width is consistent across siblings. The wrapper\n            is `size-4` regardless of whether it contains an SVG, so the\n            grid's `auto` column resolves to the same 1rem width for\n            both icon-bearing and icon-less rows. `aria-hidden` keeps SR\n            announcements as \"term: definition\" without an interstitial\n            icon role. */}\n        {hasIcons && (\n          <span\n            data-dl-icon-slot\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:mt-0.5 ds:items-center ds:justify-center ds:[&_svg]:size-4 ds:text-[color:var(--description-list-icon-color)]\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={ariaLabel}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className=\"ds:self-start\"\n          />\n        )}\n        {copyable && (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {announcement}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nDescriptionListRow.displayName = 'DescriptionList.Row';\n\n/* ------------------------------------------------------------------ */\n/* CVA — term <dt>                                                      */\n/* ------------------------------------------------------------------ */\n\n// Term / Detail use `overflow-wrap: break-word` (not `anywhere`) so natural-\n// language content wraps at word boundaries first. `anywhere` introduces a\n// soft-wrap opportunity at every character boundary, which combines with\n// `minmax(0, …)` grid tracks to break Italian / German labels mid-word in\n// narrow contexts (carousel cards, sidebar panels). `break-word` still breaks\n// genuinely unbreakable strings — URLs, hashes, long IDs — at the column\n// edge, so transaction IDs and email addresses don't push the layout wider.\nconst descriptionListTermVariants = cva(\n  'type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:break-word] ds:[word-break:normal]',\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — detail <dd>                                                    */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListDetailVariants = cva(\n  'type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:break-word] ds:[word-break:normal]',\n  {\n    variants: {\n      numeric: {\n        true: 'ds:text-end',\n        false: 'ds:text-start',\n      },\n    },\n    defaultVariants: {\n      numeric: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Term — <dt>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListTerm = forwardRef<HTMLElement, DescriptionListTermProps>(\n  ({ className, ...props }, ref) => (\n    <dt\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListTermVariants({ className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListTerm.displayName = 'DescriptionList.Term';\n\n/* ------------------------------------------------------------------ */\n/* Detail — <dd>                                                        */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListDetail = forwardRef<\n  HTMLElement,\n  DescriptionListDetailProps\n>(({ numeric = false, className, ...props }, ref) => (\n  <dd\n    ref={ref as React.Ref<HTMLElement>}\n    className={descriptionListDetailVariants({ numeric, className })}\n    {...props}\n  />\n));\nDescriptionListDetail.displayName = 'DescriptionList.Detail';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n  Row: DescriptionListRow,\n  Term: DescriptionListTerm,\n  Detail: DescriptionListDetail,\n});\n"],"names":["resolveLabelTrack","labelWidth","resolveValueTrack","DescriptionListContext","createContext","descriptionListVariants","cva","descriptionListRowVariants","DescriptionListRoot","forwardRef","layout","density","divider","className","children","style","props","ref","hasIcons","useMemo","Children","child","isValidElement","gridStyle","jsx","DescriptionListRow","copyable","copyText","copyLabel","icon","useContext","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","handleCopy","useCallback","ariaLabel","jsxs","IconButton","Check","Copy","descriptionListTermVariants","descriptionListDetailVariants","DescriptionListTerm","DescriptionListDetail","numeric","DescriptionList"],"mappings":";;;;;;;AA0CA,SAASA,EAAkBC,GAA+C;AAYxE,SAAIA,MAAe,SAAe,qBAC9BA,MAAe,UAAgB,kBAC5BA;AACT;AAEA,SAASC,EAAkBD,GAA+C;AACxE,SAAOA,MAAe,UAAU,kBAAkB;AACpD;AAoBA,MAAME,IAAyBC,EAA2C;AAAA,EACxE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ,CAAC,GAMKC,IAA0BC,EAAI,uBAAuB;AAAA,EACzD,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,CAAC,GAsBKC,IAA6BD,EAAI,IAAI;AAAA,EACzC,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAEd,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SACE;AAAA,MACF,UACE;AAAA,IAAA;AAAA,IAEJ,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA;AAAA,IAGJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA;AAAA,IAGJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA;AAAA;AAAA,IAIb;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA;AAAA,IAGJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA;AAAA,IAGJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA,IAEJ;AAAA,MACE,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WACE;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,EAAA;AAEd,CAAC,GAqEKE,IAAsBC;AAAA,EAC1B,CACE;AAAA,IACE,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,YAAAX,IAAa;AAAA,IACb,WAAAY;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AAMH,UAAMC,IAAWC;AAAA,MACf,MACEC,EAAS,QAAQN,CAAQ,EAAE;AAAA,QACzB,CAACO,MACCC,EAAeD,CAAK,KACnBA,EAAM,MAA6B,QAAQ;AAAA,MAAA;AAAA,MAElD,CAACP,CAAQ;AAAA,IAAA,GAMLS,IAAYJ;AAAA,MAChB,OACG;AAAA,QACC,GAAGJ;AAAA,QACH,kCAAkCf,EAAkBC,CAAU;AAAA,QAC9D,kCAAkCC,EAAkBD,CAAU;AAAA,MAAA;AAAA,MAElE,CAACc,GAAOd,CAAU;AAAA,IAAA;AAGpB,WACE,gBAAAuB;AAAA,MAACrB,EAAuB;AAAA,MAAvB;AAAA,QACC,OAAO,EAAE,QAAAO,GAAQ,SAAAC,GAAS,SAAAC,GAAS,UAAAM,EAAA;AAAA,QAEnC,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAP;AAAA,YACA,WAAWZ,EAAwB;AAAA,cACjC,QAAAK;AAAA,cACA,SAAAC;AAAA,cACA,SAAAC;AAAA,cACA,WAAAC;AAAA,YAAA,CACD;AAAA,YACD,kBAAe;AAAA,YACf,oBACEZ,MAAe,UAAUA,MAAe,UACpCA,IACA;AAAA,YAGN,OAAOsB;AAAA,YACN,GAAGP;AAAA,YAEH,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;AACAN,EAAoB,cAAc;AAMlC,MAAMiB,IAAqBhB;AAAA,EACzB,CACE;AAAA,IACE,UAAAiB,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAhB;AAAA,IACA,UAAAC;AAAA,IACA,GAAGE;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,QAAAP,GAAQ,SAAAE,GAAS,UAAAM,EAAA,IAAaY,EAAW3B,CAAsB,GACjE,EAAE,GAAA4B,EAAA,IAAMC,EAAA,GACR,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAE,GAE7CG,IAAaC,EAAY,YAAY;AACzC,UAAKZ;AAQL,YAAI;AACF,gBAAM,UAAU,UAAU,UAAUA,CAAQ,GAC5CO,EAAU,EAAI,GACdG,EAAgBN,EAAE,qBAAqB,CAAC,GACxC,WAAW,MAAM;AACf,YAAAG,EAAU,EAAK,GACfG,EAAgB,EAAE;AAAA,UACpB,GAAG,GAAI;AAAA,QACT,QAAQ;AACN,UAAAA,EAAgBN,EAAE,2BAA2B,CAAC,GAC9C,WAAW,MAAMM,EAAgB,EAAE,GAAG,GAAI;AAAA,QAC5C;AAAA,IACF,GAAG,CAACV,GAAUI,CAAC,CAAC,GAEVS,IAAYT,EAAE,qBAAqB;AAAA,MACvC,OAAOH,KAAaD,KAAY;AAAA,IAAA,CACjC;AAED,WACE,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAxB;AAAA,QACA,WAAWV,EAA2B;AAAA,UACpC,QAAAG;AAAA,UACA,SAAAE;AAAA,UACA,UAAAc;AAAA,UACA,UAAAR;AAAA,UACA,WAAAL;AAAA,QAAA,CACD;AAAA,QACA,GAAGG;AAAA,QASH,UAAA;AAAA,UAAAE,KACC,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,qBAAiB;AAAA,cACjB,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJf;AAAA,UACAY,KACC,gBAAAF;AAAA,YAACkB;AAAA,YAAA;AAAA,cACC,MAAMT,IAAS,gBAAAT,EAACmB,GAAA,CAAA,CAAM,sBAAMC,GAAA,EAAK;AAAA,cACjC,MAAK;AAAA,cACL,cAAYJ;AAAA,cACZ,SAASF;AAAA,cACT,QAAO;AAAA,cACP,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGbZ,KACC,gBAAAF,EAAC,QAAA,EAAK,MAAK,UAAS,WAAU,cAC3B,UAAAY,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AACAX,EAAmB,cAAc;AAajC,MAAMoB,IAA8BvC;AAAA,EAClC;AACF,GAMMwC,IAAgCxC;AAAA,EACpC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAMMyC,IAAsBtC;AAAA,EAC1B,CAAC,EAAE,WAAAI,GAAW,GAAGG,EAAA,GAASC,MACxB,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAW4B,EAA4B,EAAE,WAAAhC,GAAW;AAAA,MACnD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA+B,EAAoB,cAAc;AAMlC,MAAMC,IAAwBvC,EAG5B,CAAC,EAAE,SAAAwC,IAAU,IAAO,WAAApC,GAAW,GAAGG,KAASC,MAC3C,gBAAAO;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAP;AAAA,IACA,WAAW6B,EAA8B,EAAE,SAAAG,GAAS,WAAApC,GAAW;AAAA,IAC9D,GAAGG;AAAA,EAAA;AACN,CACD;AACDgC,EAAsB,cAAc;AAM7B,MAAME,IAAkB,OAAO,OAAO1C,GAAqB;AAAA,EAChE,KAAKiB;AAAA,EACL,MAAMsB;AAAA,EACN,QAAQC;AACV,CAAC;"}

package/dist/_chunks/empty-state-3CLJIXSj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state-3CLJIXSj.js","sources":["../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Ref helper                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction setRef<T>(ref: Ref<T>, value: T | null) {\n  if (!ref) return;\n  if (typeof ref === 'function') ref(value);\n  else (ref as { current: T | null }).current = value;\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface EmptyStateContextValue {\n  size: 'sm' | 'md' | 'lg';\n  variant: 'first-use' | 'no-results' | 'error';\n  titleId: string;\n  registerTitle: () => void;\n}\n\nconst EmptyStateContext = createContext<EmptyStateContextValue>({\n  size: 'md',\n  variant: 'first-use',\n  titleId: '',\n  registerTitle: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst emptyStateVariants = cva(\n  'ds:flex ds:flex-col ds:items-center ds:text-center ds:max-w-md ds:ms-auto ds:me-auto ds:w-full',\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-md)] ds:gap-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n        lg: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst illustrationVariants = cva(\n  'ds:flex ds:items-center ds:justify-center ds:flex-shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-[80px] ds:h-[80px]',\n        md: 'ds:w-[160px] ds:h-[160px]',\n        lg: 'ds:w-[240px] ds:h-[240px]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst titleVariants = cva('type-title-card ds:text-[var(--foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-title-card-size:var(--font-size-sm)]',\n      md: '',\n      lg: 'ds:[--type-title-card-size:var(--font-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst descriptionVariants = cva(\n  'type-body-sm ds:text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'ds:[--type-body-sm-size:var(--font-size-xs)]',\n        md: '',\n        lg: 'ds:[--type-body-sm-size:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Built-in illustrations                                              */\n/* ------------------------------------------------------------------ */\n\nfunction FirstUseIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle\n        cx=\"60\"\n        cy=\"60\"\n        r=\"50\"\n        fill=\"var(--color-violet-50)\"\n        stroke=\"var(--color-violet-200)\"\n        strokeWidth=\"2\"\n      />\n      <rect\n        x=\"55\"\n        y=\"30\"\n        width=\"10\"\n        height=\"60\"\n        rx=\"5\"\n        fill=\"var(--color-violet-400)\"\n      />\n      <rect\n        x=\"30\"\n        y=\"55\"\n        width=\"60\"\n        height=\"10\"\n        rx=\"5\"\n        fill=\"var(--color-purple-400)\"\n      />\n    </svg>\n  );\n}\n\nfunction NoResultsIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle cx=\"52\" cy=\"52\" r=\"28\" stroke=\"var(--muted)\" strokeWidth=\"6\" />\n      <line\n        x1=\"72\"\n        y1=\"72\"\n        x2=\"92\"\n        y2=\"92\"\n        stroke=\"var(--muted)\"\n        strokeWidth=\"6\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"42\"\n        y1=\"52\"\n        x2=\"62\"\n        y2=\"52\"\n        stroke=\"var(--muted-foreground)\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction ErrorIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <path\n        d=\"M60 15 L110 95 H10 Z\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.1\"\n        stroke=\"var(--destructive)\"\n        strokeOpacity=\"0.4\"\n        strokeWidth=\"3\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        x=\"56\"\n        y=\"45\"\n        width=\"8\"\n        height=\"26\"\n        rx=\"4\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.6\"\n      />\n      <circle\n        cx=\"60\"\n        cy=\"82\"\n        r=\"5\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.6\"\n      />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Subcomponents                                                       */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateIllustration = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n  const { size } = useContext(EmptyStateContext);\n  return (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      className={illustrationVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\nEmptyStateIllustration.displayName = 'EmptyState.Illustration';\n\nconst EmptyStateTitle = forwardRef<\n  HTMLHeadingElement,\n  HTMLAttributes<HTMLHeadingElement>\n>(({ children, className, ...props }, ref) => {\n  const { size, titleId, registerTitle } = useContext(EmptyStateContext);\n  const callbackRef = useCallback(\n    (node: HTMLHeadingElement | null) => {\n      if (node) registerTitle();\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as { current: HTMLHeadingElement | null }).current = node;\n    },\n    [ref, registerTitle],\n  );\n  return (\n    <h3\n      ref={callbackRef}\n      id={titleId}\n      className={titleVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n});\nEmptyStateTitle.displayName = 'EmptyState.Title';\n\nconst EmptyStateDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ children, className, ...props }, ref) => {\n  const { size } = useContext(EmptyStateContext);\n  return (\n    <p\n      ref={ref}\n      className={descriptionVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n});\nEmptyStateDescription.displayName = 'EmptyState.Description';\n\nconst actionsVariants = cva(\n  'ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]',\n);\n\nconst EmptyStateActions = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => (\n  <div ref={ref} className={actionsVariants({ className })} {...props}>\n    {children}\n  </div>\n));\nEmptyStateActions.displayName = 'EmptyState.Actions';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface EmptyStateProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'title'>,\n    VariantProps<typeof emptyStateVariants> {\n  variant: 'first-use' | 'no-results' | 'error';\n  size?: 'sm' | 'md' | 'lg';\n  title?: string;\n  description?: string;\n  primaryAction?: { label: string; onClick: () => void };\n  secondaryAction?: { label: string; onClick: () => void; href?: string };\n  autoFocus?: boolean;\n  children?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateRoot = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      variant,\n      size = 'md',\n      title,\n      description,\n      primaryAction,\n      secondaryAction,\n      autoFocus = false,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const titleId = useId();\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [hasTitle, setHasTitle] = useState(false);\n    const registerTitle = useCallback(() => setHasTitle(true), []);\n\n    useEffect(() => {\n      if (!autoFocus) return;\n      const firstBtn = containerRef.current?.querySelector<HTMLElement>(\n        'button:not([disabled]), a[href]',\n      );\n      firstBtn?.focus();\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const roleProps =\n      variant === 'no-results'\n        ? { role: 'status' as const, 'aria-live': 'polite' as const }\n        : { role: 'region' as const };\n\n    const defaultTitle =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.title')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.title')\n          : t('emptyState.error.title');\n\n    const defaultDescription =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.description')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.description')\n          : t('emptyState.error.description');\n\n    const defaultCtaLabel =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.cta')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.cta')\n          : t('emptyState.error.cta');\n\n    const buttonSize = size === 'sm' ? ('sm' as const) : ('md' as const);\n\n    const safeHref = (href: string) =>\n      /^(https?:\\/\\/|\\/|#)/.test(href) ? href : '#';\n\n    return (\n      <EmptyStateContext.Provider\n        value={{ size, variant, titleId, registerTitle }}\n      >\n        <div\n          ref={(node) => {\n            containerRef.current = node;\n            setRef(ref, node);\n          }}\n          aria-labelledby={hasTitle || !children ? titleId : undefined}\n          {...roleProps}\n          className={emptyStateVariants({ size, className })}\n          data-component=\"empty-state\"\n          {...props}\n        >\n          {children ?? (\n            <>\n              <EmptyStateIllustration>\n                {variant === 'first-use' && <FirstUseIllustration />}\n                {variant === 'no-results' && <NoResultsIllustration />}\n                {variant === 'error' && <ErrorIllustration />}\n              </EmptyStateIllustration>\n              <EmptyStateTitle>{title ?? defaultTitle}</EmptyStateTitle>\n              <EmptyStateDescription>\n                {description ?? defaultDescription}\n              </EmptyStateDescription>\n              {(primaryAction || secondaryAction) && (\n                <EmptyStateActions>\n                  {primaryAction && (\n                    <Button\n                      intent=\"primary\"\n                      size={buttonSize}\n                      onClick={primaryAction.onClick}\n                    >\n                      {primaryAction.label ?? defaultCtaLabel}\n                    </Button>\n                  )}\n                  {secondaryAction &&\n                    (secondaryAction.href ? (\n                      <Button intent=\"ghost\" size={buttonSize} asChild>\n                        <a\n                          href={safeHref(secondaryAction.href!)}\n                          onClick={secondaryAction.onClick}\n                        >\n                          {secondaryAction.label}\n                        </a>\n                      </Button>\n                    ) : (\n                      <Button\n                        intent=\"ghost\"\n                        size={buttonSize}\n                        onClick={secondaryAction.onClick}\n                      >\n                        {secondaryAction.label}\n                      </Button>\n                    ))}\n                </EmptyStateActions>\n              )}\n            </>\n          )}\n        </div>\n      </EmptyStateContext.Provider>\n    );\n  },\n);\nEmptyStateRoot.displayName = 'EmptyState';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const EmptyState = Object.assign(EmptyStateRoot, {\n  Illustration: EmptyStateIllustration,\n  Title: EmptyStateTitle,\n  Description: EmptyStateDescription,\n  Actions: EmptyStateActions,\n});\n"],"names":["setRef","ref","value","EmptyStateContext","createContext","emptyStateVariants","cva","illustrationVariants","titleVariants","descriptionVariants","FirstUseIllustration","jsxs","jsx","NoResultsIllustration","ErrorIllustration","EmptyStateIllustration","forwardRef","children","className","props","size","useContext","EmptyStateTitle","titleId","registerTitle","callbackRef","useCallback","node","EmptyStateDescription","actionsVariants","EmptyStateActions","EmptyStateRoot","variant","title","description","primaryAction","secondaryAction","autoFocus","t","useTranslation","useId","containerRef","useRef","hasTitle","setHasTitle","useState","useEffect","firstBtn","_a","roleProps","defaultTitle","defaultDescription","defaultCtaLabel","buttonSize","safeHref","href","Fragment","Button","EmptyState"],"mappings":"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"}

package/dist/_chunks/icon-button-C4CGcYuz.js

@@ -1,54 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { B as p } from "./button-DD_0Xdmr.js";
-import { c as h } from "./index-D2ZczOXr.js";
-import { T as b } from "./tooltip-DHik5yRI.js";
-const B = h("ds:p-0", {
-  variants: {
-    size: {
-      sm: "ds:w-8 ds:h-8",
-      md: "ds:w-10 ds:h-10",
-      lg: "ds:w-12 ds:h-12"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), w = u(
-  ({
-    icon: e,
-    size: s,
-    intent: i = "outline",
-    className: o,
-    tooltip: t,
-    flipIconInRtl: d = !1,
-    ...n
-  }, l) => {
-    const c = n["aria-label"] || t, m = s === "sm" ? "ds:size-4" : s === "lg" ? "ds:size-5" : "ds:size-[18px]", f = d ? "ds:rtl:rotate-180" : "", r = /* @__PURE__ */ a(
-      p,
-      {
-        ref: l,
-        size: s,
-        intent: i,
-        className: B({ size: s, className: o }),
-        "aria-label": c,
-        "data-component": "icon-button",
-        ...n,
-        children: /* @__PURE__ */ a(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: `ds:inline-flex ds:items-center ds:justify-center ${m} ${f}`.trim(),
-            children: e
-          }
-        )
-      }
-    );
-    return t ? /* @__PURE__ */ a(b, { label: t, children: r }) : r;
-  }
-);
-w.displayName = "IconButton";
-export {
-  w as I
-};
-//# sourceMappingURL=icon-button-C4CGcYuz.js.map

package/dist/_chunks/icon-button-C4CGcYuz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-C4CGcYuz.js","sources":["../../src/components/button/icon-button.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Button, type ButtonProps } from './button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Tooltip } from '../tooltip';\n\nconst iconButtonVariants = cva('ds:p-0', {\n  variants: {\n    size: {\n      sm: 'ds:w-8 ds:h-8',\n      md: 'ds:w-10 ds:h-10',\n      lg: 'ds:w-12 ds:h-12',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type IconButtonProps = Omit<\n  ButtonProps,\n  'startIcon' | 'endIcon' | 'children' | 'size' | 'flipIconInRtl'\n> &\n  VariantProps<typeof iconButtonVariants> & {\n    icon: React.ReactNode;\n    tooltip?: string;\n    'aria-label'?: string;\n    /**\n     * Mirror the icon horizontally in RTL. Default `false` — only enable\n     * for directional glyphs (arrows, chevrons). See Button.flipIconInRtl.\n     */\n    flipIconInRtl?: boolean;\n  };\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      icon,\n      size,\n      intent = 'outline',\n      className,\n      tooltip,\n      flipIconInRtl = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const ariaLabel = props['aria-label'] || tooltip;\n\n    if (import.meta.env.DEV && !ariaLabel) {\n      console.warn(\n        'IconButton: aria-label or tooltip prop is required for accessibility.',\n      );\n    }\n\n    const iconSizeClass =\n      size === 'sm'\n        ? 'ds:size-4'\n        : size === 'lg'\n          ? 'ds:size-5'\n          : 'ds:size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'ds:rtl:rotate-180' : '';\n\n    const button = (\n      <Button\n        ref={ref}\n        size={size}\n        intent={intent}\n        className={iconButtonVariants({ size, className })}\n        aria-label={ariaLabel}\n        data-component=\"icon-button\"\n        {...props}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={`ds:inline-flex ds:items-center ds:justify-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n        >\n          {icon}\n        </span>\n      </Button>\n    );\n\n    if (tooltip) {\n      return <Tooltip label={tooltip}>{button}</Tooltip>;\n    }\n\n    return button;\n  },\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["iconButtonVariants","cva","IconButton","forwardRef","icon","size","intent","className","tooltip","flipIconInRtl","props","ref","ariaLabel","iconSizeClass","iconFlipClass","button","jsx","Button","Tooltip"],"mappings":";;;;;AAKA,MAAMA,IAAqBC,EAAI,UAAU;AAAA,EACvC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAiBYC,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYF,EAAM,YAAY,KAAKF,GAQnCK,IACJR,MAAS,OACL,cACAA,MAAS,OACP,cACA,kBACFS,IAAgBL,IAAgB,sBAAsB,IAEtDM,IACJ,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,MAAAN;AAAA,QACA,QAAAC;AAAA,QACA,WAAWN,EAAmB,EAAE,MAAAK,GAAM,WAAAE,GAAW;AAAA,QACjD,cAAYK;AAAA,QACZ,kBAAe;AAAA,QACd,GAAGF;AAAA,QAEJ,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,oDAAoDH,CAAa,IAAIC,CAAa,GAAG,KAAA;AAAA,YAE/F,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAIJ,WAAII,sBACMU,GAAA,EAAQ,OAAOV,GAAU,UAAAO,GAAO,IAGnCA;AAAA,EACT;AACF;AAEAb,EAAW,cAAc;"}