@choco-vanille/ui 1.4.0 → 1.5.1

package/dist/components/data-display/table/components/table-head/TableHead.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.cjs","sources":["../../../../../../src/components/data-display/table/components/table-head/TableHead.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { TABLE_HEAD_STYLES } from '@components/data-display/table/components/table-head/styles/TableHead.css.ts'\r\nimport type {\r\n    TableHeadProps,\r\n    TableSortDirection,\r\n} from '@components/data-display/table/components/table-head/types/TableHead.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst SORT_ICONS: Record<TableSortDirection, string> = {\r\n    none: IconRegistry.sort,\r\n    asc: IconRegistry.sortAsc,\r\n    desc: IconRegistry.sortDesc,\r\n}\r\n\r\nconst ariaSortMap = {\r\n    asc: 'ascending',\r\n    desc: 'descending',\r\n    none: 'none',\r\n} as const\r\n\r\nconst TableHead: FC<TableHeadProps> = memo(({\r\n    align,\r\n    sortable,\r\n    sortDirection,\r\n    children,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const isActiveSort = sortDirection === 'asc' || sortDirection === 'desc'\r\n\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableCellElement>) => {\r\n        if (sortable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [sortable, onKeyDown])\r\n\r\n    return (\r\n        <th\r\n            // `scope=\"col\"` is overridable — pass `scope=\"row\"` for row-header cells\r\n            scope={'col'}\r\n            tabIndex={sortable ? 0 : undefined}\r\n            {...props}\r\n            ref={ref}\r\n            aria-sort={sortDirection ? ariaSortMap[sortDirection] : undefined}\r\n            onKeyDown={sortable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(\r\n                TABLE_HEAD_STYLES.recipe({ align }),\r\n                sortable && TABLE_HEAD_STYLES.sortable,\r\n                className,\r\n            )}\r\n        >\r\n            {sortDirection !== undefined ? (\r\n                <span className={TABLE_HEAD_STYLES.sortWrapper}>\r\n                    {children}\r\n                    <Icon\r\n                        icon={SORT_ICONS[sortDirection]}\r\n                        size={'xs'}\r\n                        className={cn(\r\n                            TABLE_HEAD_STYLES.sortIcon,\r\n                            isActiveSort && TABLE_HEAD_STYLES.sortIconActive,\r\n                        )}\r\n                    />\r\n                </span>\r\n            ) : (\r\n                children\r\n            )}\r\n        </th>\r\n    )\r\n})\r\n\r\nTableHead.displayName = 'Table.Head'\r\n\r\nexport default TableHead\r\n"],"names":["SORT_ICONS","IconRegistry","ariaSortMap","TableHead","memo","align","sortable","sortDirection","children","className","ref","onKeyDown","props","isActiveSort","handleKeyDown","useCallback","e","jsx","cn","TABLE_HEAD_STYLES","jsxs","Icon"],"mappings":"yTAWMA,EAAiD,CACnD,KAAMC,EAAAA,aAAa,KACnB,IAAKA,EAAAA,aAAa,QAClB,KAAMA,EAAAA,aAAa,QACvB,EAEMC,EAAc,CAChB,IAAK,YACL,KAAM,aACN,KAAM,MACV,EAEMC,EAAgCC,EAAAA,KAAK,CAAC,CACxC,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeN,IAAkB,OAASA,IAAkB,OAE5DO,EAAgBC,cAAaC,GAA2C,CACtEV,IAAaU,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAC5CA,EAAE,eAAA,EACFA,EAAE,cAAc,MAAA,GAEpBL,IAAYK,CAAC,CACjB,EAAG,CAACV,EAAUK,CAAS,CAAC,EAExB,OACIM,EAAAA,IAAC,KAAA,CAEG,MAAO,MACP,SAAUX,EAAW,EAAI,OACxB,GAAGM,EACJ,IAAAF,EACA,YAAWH,EAAgBL,EAAYK,CAAa,EAAI,OACxD,UAAWD,GAAYK,EAAYG,EAAgB,OACnD,UAAWI,EAAAA,GACPC,oBAAkB,OAAO,CAAE,MAAAd,EAAO,EAClCC,GAAYa,EAAAA,kBAAkB,SAC9BV,CAAA,EAGH,aAAkB,OACfW,OAAC,OAAA,CAAK,UAAWD,EAAAA,kBAAkB,YAC9B,SAAA,CAAAX,EACDS,EAAAA,IAACI,EAAA,CACG,KAAMrB,EAAWO,CAAa,EAC9B,KAAM,KACN,UAAWW,EAAAA,GACPC,EAAAA,kBAAkB,SAClBN,GAAgBM,EAAAA,kBAAkB,cAAA,CACtC,CAAA,CACJ,CAAA,CACJ,EAEAX,CAAA,CAAA,CAIhB,CAAC,EAEDL,EAAU,YAAc"}
+{"version":3,"file":"TableHead.cjs","sources":["../../../../../../src/components/data-display/table/components/table-head/TableHead.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { TABLE_HEAD_STYLES } from '@components/data-display/table/components/table-head/styles/TableHead.css.ts'\r\nimport type {\r\n    TableHeadProps,\r\n    TableSortDirection,\r\n} from '@components/data-display/table/components/table-head/types/TableHead.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst SORT_ICONS: Record<TableSortDirection, string> = {\r\n    none: IconRegistry.sort,\r\n    asc: IconRegistry.sortAsc,\r\n    desc: IconRegistry.sortDesc,\r\n}\r\n\r\nconst ariaSortMap = {\r\n    asc: 'ascending',\r\n    desc: 'descending',\r\n    none: 'none',\r\n} as const\r\n\r\n/**\r\n * `<th>` slot for `Table`. Supports `align`, `sortable`, and `sortDirection`\r\n * (asc|desc|none). When sortable, the header is keyboard-focusable and sets\r\n * `aria-sort` and `scope=\"col\"` automatically.\r\n */\r\nconst TableHead: FC<TableHeadProps> = memo(({\r\n    align,\r\n    sortable,\r\n    sortDirection,\r\n    children,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const isActiveSort = sortDirection === 'asc' || sortDirection === 'desc'\r\n\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableCellElement>) => {\r\n        if (sortable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [sortable, onKeyDown])\r\n\r\n    return (\r\n        <th\r\n            // `scope=\"col\"` is overridable — pass `scope=\"row\"` for row-header cells\r\n            scope={'col'}\r\n            tabIndex={sortable ? 0 : undefined}\r\n            {...props}\r\n            ref={ref}\r\n            aria-sort={sortDirection ? ariaSortMap[sortDirection] : undefined}\r\n            onKeyDown={sortable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(\r\n                TABLE_HEAD_STYLES.recipe({ align }),\r\n                sortable && TABLE_HEAD_STYLES.sortable,\r\n                className,\r\n            )}\r\n        >\r\n            {sortDirection !== undefined ? (\r\n                <span className={TABLE_HEAD_STYLES.sortWrapper}>\r\n                    {children}\r\n                    <Icon\r\n                        icon={SORT_ICONS[sortDirection]}\r\n                        size={'xs'}\r\n                        className={cn(\r\n                            TABLE_HEAD_STYLES.sortIcon,\r\n                            isActiveSort && TABLE_HEAD_STYLES.sortIconActive,\r\n                        )}\r\n                    />\r\n                </span>\r\n            ) : (\r\n                children\r\n            )}\r\n        </th>\r\n    )\r\n})\r\n\r\nTableHead.displayName = 'Table.Head'\r\n\r\nexport default TableHead\r\n"],"names":["SORT_ICONS","IconRegistry","ariaSortMap","TableHead","memo","align","sortable","sortDirection","children","className","ref","onKeyDown","props","isActiveSort","handleKeyDown","useCallback","e","jsx","cn","TABLE_HEAD_STYLES","jsxs","Icon"],"mappings":"yTAWMA,EAAiD,CACnD,KAAMC,EAAAA,aAAa,KACnB,IAAKA,EAAAA,aAAa,QAClB,KAAMA,EAAAA,aAAa,QACvB,EAEMC,EAAc,CAChB,IAAK,YACL,KAAM,aACN,KAAM,MACV,EAOMC,EAAgCC,EAAAA,KAAK,CAAC,CACxC,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeN,IAAkB,OAASA,IAAkB,OAE5DO,EAAgBC,cAAaC,GAA2C,CACtEV,IAAaU,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAC5CA,EAAE,eAAA,EACFA,EAAE,cAAc,MAAA,GAEpBL,IAAYK,CAAC,CACjB,EAAG,CAACV,EAAUK,CAAS,CAAC,EAExB,OACIM,EAAAA,IAAC,KAAA,CAEG,MAAO,MACP,SAAUX,EAAW,EAAI,OACxB,GAAGM,EACJ,IAAAF,EACA,YAAWH,EAAgBL,EAAYK,CAAa,EAAI,OACxD,UAAWD,GAAYK,EAAYG,EAAgB,OACnD,UAAWI,EAAAA,GACPC,oBAAkB,OAAO,CAAE,MAAAd,EAAO,EAClCC,GAAYa,EAAAA,kBAAkB,SAC9BV,CAAA,EAGH,aAAkB,OACfW,OAAC,OAAA,CAAK,UAAWD,EAAAA,kBAAkB,YAC9B,SAAA,CAAAX,EACDS,EAAAA,IAACI,EAAA,CACG,KAAMrB,EAAWO,CAAa,EAC9B,KAAM,KACN,UAAWW,EAAAA,GACPC,EAAAA,kBAAkB,SAClBN,GAAgBM,EAAAA,kBAAkB,cAAA,CACtC,CAAA,CACJ,CAAA,CACJ,EAEAX,CAAA,CAAA,CAIhB,CAAC,EAEDL,EAAU,YAAc"}

package/dist/components/data-display/table/components/table-head/TableHead.d.ts

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { TableHeadProps } from './types/TableHead.props.ts';
+/**
+ * `<th>` slot for `Table`. Supports `align`, `sortable`, and `sortDirection`
+ * (asc|desc|none). When sortable, the header is keyboard-focusable and sets
+ * `aria-sort` and `scope="col"` automatically.
+ */
 declare const TableHead: FC<TableHeadProps>;
 export default TableHead;

package/dist/components/data-display/table/components/table-head/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sources":["../../../../../../src/components/data-display/table/components/table-head/TableHead.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { TABLE_HEAD_STYLES } from '@components/data-display/table/components/table-head/styles/TableHead.css.ts'\r\nimport type {\r\n    TableHeadProps,\r\n    TableSortDirection,\r\n} from '@components/data-display/table/components/table-head/types/TableHead.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst SORT_ICONS: Record<TableSortDirection, string> = {\r\n    none: IconRegistry.sort,\r\n    asc: IconRegistry.sortAsc,\r\n    desc: IconRegistry.sortDesc,\r\n}\r\n\r\nconst ariaSortMap = {\r\n    asc: 'ascending',\r\n    desc: 'descending',\r\n    none: 'none',\r\n} as const\r\n\r\nconst TableHead: FC<TableHeadProps> = memo(({\r\n    align,\r\n    sortable,\r\n    sortDirection,\r\n    children,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const isActiveSort = sortDirection === 'asc' || sortDirection === 'desc'\r\n\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableCellElement>) => {\r\n        if (sortable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [sortable, onKeyDown])\r\n\r\n    return (\r\n        <th\r\n            // `scope=\"col\"` is overridable — pass `scope=\"row\"` for row-header cells\r\n            scope={'col'}\r\n            tabIndex={sortable ? 0 : undefined}\r\n            {...props}\r\n            ref={ref}\r\n            aria-sort={sortDirection ? ariaSortMap[sortDirection] : undefined}\r\n            onKeyDown={sortable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(\r\n                TABLE_HEAD_STYLES.recipe({ align }),\r\n                sortable && TABLE_HEAD_STYLES.sortable,\r\n                className,\r\n            )}\r\n        >\r\n            {sortDirection !== undefined ? (\r\n                <span className={TABLE_HEAD_STYLES.sortWrapper}>\r\n                    {children}\r\n                    <Icon\r\n                        icon={SORT_ICONS[sortDirection]}\r\n                        size={'xs'}\r\n                        className={cn(\r\n                            TABLE_HEAD_STYLES.sortIcon,\r\n                            isActiveSort && TABLE_HEAD_STYLES.sortIconActive,\r\n                        )}\r\n                    />\r\n                </span>\r\n            ) : (\r\n                children\r\n            )}\r\n        </th>\r\n    )\r\n})\r\n\r\nTableHead.displayName = 'Table.Head'\r\n\r\nexport default TableHead\r\n"],"names":["SORT_ICONS","IconRegistry","ariaSortMap","TableHead","memo","align","sortable","sortDirection","children","className","ref","onKeyDown","props","isActiveSort","handleKeyDown","useCallback","e","jsx","cn","TABLE_HEAD_STYLES","jsxs","Icon"],"mappings":";;;;;;;AAWA,MAAMA,IAAiD;AAAA,EACnD,MAAMC,EAAa;AAAA,EACnB,KAAKA,EAAa;AAAA,EAClB,MAAMA,EAAa;AACvB,GAEMC,IAAc;AAAA,EAChB,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACV,GAEMC,IAAgCC,EAAK,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeN,MAAkB,SAASA,MAAkB,QAE5DO,IAAgBC,EAAY,CAACC,MAA2C;AAC1E,IAAIV,MAAaU,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC5CA,EAAE,eAAA,GACFA,EAAE,cAAc,MAAA,IAEpBL,IAAYK,CAAC;AAAA,EACjB,GAAG,CAACV,GAAUK,CAAS,CAAC;AAExB,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,OAAO;AAAA,MACP,UAAUX,IAAW,IAAI;AAAA,MACxB,GAAGM;AAAA,MACJ,KAAAF;AAAA,MACA,aAAWH,IAAgBL,EAAYK,CAAa,IAAI;AAAA,MACxD,WAAWD,KAAYK,IAAYG,IAAgB;AAAA,MACnD,WAAWI;AAAA,QACPC,EAAkB,OAAO,EAAE,OAAAd,GAAO;AAAA,QAClCC,KAAYa,EAAkB;AAAA,QAC9BV;AAAA,MAAA;AAAA,MAGH,gBAAkB,SACf,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAkB,aAC9B,UAAA;AAAA,QAAAX;AAAA,QACD,gBAAAS;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMrB,EAAWO,CAAa;AAAA,YAC9B,MAAM;AAAA,YACN,WAAWW;AAAA,cACPC,EAAkB;AAAA,cAClBN,KAAgBM,EAAkB;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAEAX;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDL,EAAU,cAAc;"}
+{"version":3,"file":"TableHead.js","sources":["../../../../../../src/components/data-display/table/components/table-head/TableHead.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { TABLE_HEAD_STYLES } from '@components/data-display/table/components/table-head/styles/TableHead.css.ts'\r\nimport type {\r\n    TableHeadProps,\r\n    TableSortDirection,\r\n} from '@components/data-display/table/components/table-head/types/TableHead.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst SORT_ICONS: Record<TableSortDirection, string> = {\r\n    none: IconRegistry.sort,\r\n    asc: IconRegistry.sortAsc,\r\n    desc: IconRegistry.sortDesc,\r\n}\r\n\r\nconst ariaSortMap = {\r\n    asc: 'ascending',\r\n    desc: 'descending',\r\n    none: 'none',\r\n} as const\r\n\r\n/**\r\n * `<th>` slot for `Table`. Supports `align`, `sortable`, and `sortDirection`\r\n * (asc|desc|none). When sortable, the header is keyboard-focusable and sets\r\n * `aria-sort` and `scope=\"col\"` automatically.\r\n */\r\nconst TableHead: FC<TableHeadProps> = memo(({\r\n    align,\r\n    sortable,\r\n    sortDirection,\r\n    children,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const isActiveSort = sortDirection === 'asc' || sortDirection === 'desc'\r\n\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableCellElement>) => {\r\n        if (sortable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [sortable, onKeyDown])\r\n\r\n    return (\r\n        <th\r\n            // `scope=\"col\"` is overridable — pass `scope=\"row\"` for row-header cells\r\n            scope={'col'}\r\n            tabIndex={sortable ? 0 : undefined}\r\n            {...props}\r\n            ref={ref}\r\n            aria-sort={sortDirection ? ariaSortMap[sortDirection] : undefined}\r\n            onKeyDown={sortable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(\r\n                TABLE_HEAD_STYLES.recipe({ align }),\r\n                sortable && TABLE_HEAD_STYLES.sortable,\r\n                className,\r\n            )}\r\n        >\r\n            {sortDirection !== undefined ? (\r\n                <span className={TABLE_HEAD_STYLES.sortWrapper}>\r\n                    {children}\r\n                    <Icon\r\n                        icon={SORT_ICONS[sortDirection]}\r\n                        size={'xs'}\r\n                        className={cn(\r\n                            TABLE_HEAD_STYLES.sortIcon,\r\n                            isActiveSort && TABLE_HEAD_STYLES.sortIconActive,\r\n                        )}\r\n                    />\r\n                </span>\r\n            ) : (\r\n                children\r\n            )}\r\n        </th>\r\n    )\r\n})\r\n\r\nTableHead.displayName = 'Table.Head'\r\n\r\nexport default TableHead\r\n"],"names":["SORT_ICONS","IconRegistry","ariaSortMap","TableHead","memo","align","sortable","sortDirection","children","className","ref","onKeyDown","props","isActiveSort","handleKeyDown","useCallback","e","jsx","cn","TABLE_HEAD_STYLES","jsxs","Icon"],"mappings":";;;;;;;AAWA,MAAMA,IAAiD;AAAA,EACnD,MAAMC,EAAa;AAAA,EACnB,KAAKA,EAAa;AAAA,EAClB,MAAMA,EAAa;AACvB,GAEMC,IAAc;AAAA,EAChB,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACV,GAOMC,IAAgCC,EAAK,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeN,MAAkB,SAASA,MAAkB,QAE5DO,IAAgBC,EAAY,CAACC,MAA2C;AAC1E,IAAIV,MAAaU,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC5CA,EAAE,eAAA,GACFA,EAAE,cAAc,MAAA,IAEpBL,IAAYK,CAAC;AAAA,EACjB,GAAG,CAACV,GAAUK,CAAS,CAAC;AAExB,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,OAAO;AAAA,MACP,UAAUX,IAAW,IAAI;AAAA,MACxB,GAAGM;AAAA,MACJ,KAAAF;AAAA,MACA,aAAWH,IAAgBL,EAAYK,CAAa,IAAI;AAAA,MACxD,WAAWD,KAAYK,IAAYG,IAAgB;AAAA,MACnD,WAAWI;AAAA,QACPC,EAAkB,OAAO,EAAE,OAAAd,GAAO;AAAA,QAClCC,KAAYa,EAAkB;AAAA,QAC9BV;AAAA,MAAA;AAAA,MAGH,gBAAkB,SACf,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAkB,aAC9B,UAAA;AAAA,QAAAX;AAAA,QACD,gBAAAS;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMrB,EAAWO,CAAa;AAAA,YAC9B,MAAM;AAAA,YACN,WAAWW;AAAA,cACPC,EAAkB;AAAA,cAClBN,KAAgBM,EAAkB;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAEAX;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDL,EAAU,cAAc;"}

package/dist/components/data-display/table/components/table-head/styles/TableHead.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit72.css');require('../../../../../../ui-kit50.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"v46kfd0",variantClassNames:{align:{left:"v46kfd1",center:"v46kfd2",right:"v46kfd3"}},defaultVariants:{align:"left"},compoundVariants:[]}),sortable:"v46kfd4",sortWrapper:"v46kfd5",sortIcon:"v46kfd6",sortIconActive:"v46kfd7"};exports.TABLE_HEAD_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit67.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"v46kfd0",variantClassNames:{align:{left:"v46kfd1",center:"v46kfd2",right:"v46kfd3"}},defaultVariants:{align:"left"},compoundVariants:[]}),sortable:"v46kfd4",sortWrapper:"v46kfd5",sortIcon:"v46kfd6",sortIconActive:"v46kfd7"};exports.TABLE_HEAD_STYLES=r;
 //# sourceMappingURL=TableHead.css.cjs.map

package/dist/components/data-display/table/components/table-head/styles/TableHead.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit72.css';import '../../../../../../ui-kit50.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit67.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                       */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/data-display/table/components/table-header/TableHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs","sources":["../../../../../../src/components/data-display/table/components/table-header/TableHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { TABLE_HEADER_STYLES } from '@components/data-display/table/components/table-header/styles/TableHeader.css.ts'\r\nimport type { TableHeaderProps } from '@components/data-display/table/components/table-header/types/TableHeader.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst TableHeader: FC<TableHeaderProps> = memo(({ className, ref, ...props }) => (\r\n    <thead\r\n        ref={ref}\r\n        className={cn(TABLE_HEADER_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nTableHeader.displayName = 'Table.Header'\r\n\r\nexport default TableHeader\r\n"],"names":["TableHeader","memo","className","ref","props","jsx","cn","TABLE_HEADER_STYLES"],"mappings":"wJAMMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,KACjEC,EAAAA,IAAC,QAAA,CACG,IAAAF,EACA,UAAWG,EAAAA,GAAGC,sBAAoB,KAAML,CAAS,EAChD,GAAGE,CAAA,CACR,CACH,EAEDJ,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.cjs","sources":["../../../../../../src/components/data-display/table/components/table-header/TableHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { TABLE_HEADER_STYLES } from '@components/data-display/table/components/table-header/styles/TableHeader.css.ts'\r\nimport type { TableHeaderProps } from '@components/data-display/table/components/table-header/types/TableHeader.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * `<thead>` slot for `Table`. Applies header base styles and forwards all\r\n * native `<thead>` attributes.\r\n */\r\nconst TableHeader: FC<TableHeaderProps> = memo(({ className, ref, ...props }) => (\r\n    <thead\r\n        ref={ref}\r\n        className={cn(TABLE_HEADER_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nTableHeader.displayName = 'Table.Header'\r\n\r\nexport default TableHeader\r\n"],"names":["TableHeader","memo","className","ref","props","jsx","cn","TABLE_HEADER_STYLES"],"mappings":"wJAUMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,KACjEC,EAAAA,IAAC,QAAA,CACG,IAAAF,EACA,UAAWG,EAAAA,GAAGC,sBAAoB,KAAML,CAAS,EAChD,GAAGE,CAAA,CACR,CACH,EAEDJ,EAAY,YAAc"}

package/dist/components/data-display/table/components/table-header/TableHeader.d.ts

@@ -1,4 +1,8 @@
 import { FC } from 'react';
 import { TableHeaderProps } from './types/TableHeader.props.ts';
+/**
+ * `<thead>` slot for `Table`. Applies header base styles and forwards all
+ * native `<thead>` attributes.
+ */
 declare const TableHeader: FC<TableHeaderProps>;
 export default TableHeader;

package/dist/components/data-display/table/components/table-header/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/data-display/table/components/table-header/TableHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { TABLE_HEADER_STYLES } from '@components/data-display/table/components/table-header/styles/TableHeader.css.ts'\r\nimport type { TableHeaderProps } from '@components/data-display/table/components/table-header/types/TableHeader.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst TableHeader: FC<TableHeaderProps> = memo(({ className, ref, ...props }) => (\r\n    <thead\r\n        ref={ref}\r\n        className={cn(TABLE_HEADER_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nTableHeader.displayName = 'Table.Header'\r\n\r\nexport default TableHeader\r\n"],"names":["TableHeader","memo","className","ref","props","jsx","cn","TABLE_HEADER_STYLES"],"mappings":";;;;AAMA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QACjE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAAF;AAAA,IACA,WAAWG,EAAGC,EAAoB,MAAML,CAAS;AAAA,IAChD,GAAGE;AAAA,EAAA;AACR,CACH;AAEDJ,EAAY,cAAc;"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/data-display/table/components/table-header/TableHeader.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { TABLE_HEADER_STYLES } from '@components/data-display/table/components/table-header/styles/TableHeader.css.ts'\r\nimport type { TableHeaderProps } from '@components/data-display/table/components/table-header/types/TableHeader.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * `<thead>` slot for `Table`. Applies header base styles and forwards all\r\n * native `<thead>` attributes.\r\n */\r\nconst TableHeader: FC<TableHeaderProps> = memo(({ className, ref, ...props }) => (\r\n    <thead\r\n        ref={ref}\r\n        className={cn(TABLE_HEADER_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nTableHeader.displayName = 'Table.Header'\r\n\r\nexport default TableHeader\r\n"],"names":["TableHeader","memo","className","ref","props","jsx","cn","TABLE_HEADER_STYLES"],"mappings":";;;;AAUA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,GAAW,KAAAC,GAAK,GAAGC,QACjE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAAF;AAAA,IACA,WAAWG,EAAGC,EAAoB,MAAML,CAAS;AAAA,IAChD,GAAGE;AAAA,EAAA;AACR,CACH;AAEDJ,EAAY,cAAc;"}

package/dist/components/data-display/table/components/table-header/styles/TableHeader.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1g39mrf0"};exports.TABLE_HEADER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit87.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1g39mrf0"};exports.TABLE_HEADER_STYLES=e;
 //# sourceMappingURL=TableHeader.css.cjs.map

package/dist/components/data-display/table/components/table-header/styles/TableHeader.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit79.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit87.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 var t = { root: "_1g39mrf0" };
 export {

package/dist/components/data-display/table/components/table-row/TableRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs","sources":["../../../../../../src/components/data-display/table/components/table-row/TableRow.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { TABLE_ROW_STYLES } from '@components/data-display/table/components/table-row/styles/TableRow.css.ts'\r\nimport type { TableRowProps } from '@components/data-display/table/components/table-row/types/TableRow.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst TableRow: FC<TableRowProps> = memo(({\r\n    hoverable,\r\n    selectable,\r\n    selected,\r\n    intent,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableRowElement>) => {\r\n        if (selectable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [selectable, onKeyDown])\r\n\r\n    return (\r\n        <tr\r\n            ref={ref}\r\n            data-intent={intent}\r\n            aria-selected={selectable ? selected ?? false : undefined}\r\n            tabIndex={selectable ? 0 : undefined}\r\n            onKeyDown={selectable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(TABLE_ROW_STYLES.recipe({ hoverable, selectable, selected, intent }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTableRow.displayName = 'Table.Row'\r\n\r\nexport default TableRow\r\n"],"names":["TableRow","memo","hoverable","selectable","selected","intent","className","ref","onKeyDown","props","handleKeyDown","useCallback","e","jsx","cn","TABLE_ROW_STYLES"],"mappings":"qJAMMA,EAA8BC,EAAAA,KAAK,CAAC,CACtC,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,IAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAgBC,cAAaC,GAA0C,CACrET,IAAeS,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAC9CA,EAAE,eAAA,EACFA,EAAE,cAAc,MAAA,GAEpBJ,IAAYI,CAAC,CACjB,EAAG,CAACT,EAAYK,CAAS,CAAC,EAE1B,OACIK,EAAAA,IAAC,KAAA,CACG,IAAAN,EACA,cAAaF,EACb,gBAAeF,EAAaC,GAAY,GAAQ,OAChD,SAAUD,EAAa,EAAI,OAC3B,UAAWA,GAAcK,EAAYE,EAAgB,OACrD,UAAWI,EAAAA,GAAGC,mBAAiB,OAAO,CAAE,UAAAb,EAAW,WAAAC,EAAY,SAAAC,EAAU,OAAAC,EAAQ,EAAGC,CAAS,EAC5F,GAAGG,CAAA,CAAA,CAGhB,CAAC,EAEDT,EAAS,YAAc"}
+{"version":3,"file":"TableRow.cjs","sources":["../../../../../../src/components/data-display/table/components/table-row/TableRow.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { TABLE_ROW_STYLES } from '@components/data-display/table/components/table-row/styles/TableRow.css.ts'\r\nimport type { TableRowProps } from '@components/data-display/table/components/table-row/types/TableRow.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * `<tr>` slot for `Table`. Supports `hoverable`, `selectable`, `selected`,\r\n * and `intent` variants. When selectable, the row is keyboard-focusable and\r\n * sets `aria-selected`.\r\n */\r\nconst TableRow: FC<TableRowProps> = memo(({\r\n    hoverable,\r\n    selectable,\r\n    selected,\r\n    intent,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableRowElement>) => {\r\n        if (selectable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [selectable, onKeyDown])\r\n\r\n    return (\r\n        <tr\r\n            ref={ref}\r\n            data-intent={intent}\r\n            aria-selected={selectable ? selected ?? false : undefined}\r\n            tabIndex={selectable ? 0 : undefined}\r\n            onKeyDown={selectable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(TABLE_ROW_STYLES.recipe({ hoverable, selectable, selected, intent }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTableRow.displayName = 'Table.Row'\r\n\r\nexport default TableRow\r\n"],"names":["TableRow","memo","hoverable","selectable","selected","intent","className","ref","onKeyDown","props","handleKeyDown","useCallback","e","jsx","cn","TABLE_ROW_STYLES"],"mappings":"qJAWMA,EAA8BC,EAAAA,KAAK,CAAC,CACtC,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,IAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAgBC,cAAaC,GAA0C,CACrET,IAAeS,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAC9CA,EAAE,eAAA,EACFA,EAAE,cAAc,MAAA,GAEpBJ,IAAYI,CAAC,CACjB,EAAG,CAACT,EAAYK,CAAS,CAAC,EAE1B,OACIK,EAAAA,IAAC,KAAA,CACG,IAAAN,EACA,cAAaF,EACb,gBAAeF,EAAaC,GAAY,GAAQ,OAChD,SAAUD,EAAa,EAAI,OAC3B,UAAWA,GAAcK,EAAYE,EAAgB,OACrD,UAAWI,EAAAA,GAAGC,mBAAiB,OAAO,CAAE,UAAAb,EAAW,WAAAC,EAAY,SAAAC,EAAU,OAAAC,EAAQ,EAAGC,CAAS,EAC5F,GAAGG,CAAA,CAAA,CAGhB,CAAC,EAEDT,EAAS,YAAc"}

package/dist/components/data-display/table/components/table-row/TableRow.d.ts

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { TableRowProps } from './types/TableRow.props.ts';
+/**
+ * `<tr>` slot for `Table`. Supports `hoverable`, `selectable`, `selected`,
+ * and `intent` variants. When selectable, the row is keyboard-focusable and
+ * sets `aria-selected`.
+ */
 declare const TableRow: FC<TableRowProps>;
 export default TableRow;

package/dist/components/data-display/table/components/table-row/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../../../../src/components/data-display/table/components/table-row/TableRow.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { TABLE_ROW_STYLES } from '@components/data-display/table/components/table-row/styles/TableRow.css.ts'\r\nimport type { TableRowProps } from '@components/data-display/table/components/table-row/types/TableRow.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst TableRow: FC<TableRowProps> = memo(({\r\n    hoverable,\r\n    selectable,\r\n    selected,\r\n    intent,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableRowElement>) => {\r\n        if (selectable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [selectable, onKeyDown])\r\n\r\n    return (\r\n        <tr\r\n            ref={ref}\r\n            data-intent={intent}\r\n            aria-selected={selectable ? selected ?? false : undefined}\r\n            tabIndex={selectable ? 0 : undefined}\r\n            onKeyDown={selectable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(TABLE_ROW_STYLES.recipe({ hoverable, selectable, selected, intent }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTableRow.displayName = 'Table.Row'\r\n\r\nexport default TableRow\r\n"],"names":["TableRow","memo","hoverable","selectable","selected","intent","className","ref","onKeyDown","props","handleKeyDown","useCallback","e","jsx","cn","TABLE_ROW_STYLES"],"mappings":";;;;AAMA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAY,CAACC,MAA0C;AACzE,IAAIT,MAAeS,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC9CA,EAAE,eAAA,GACFA,EAAE,cAAc,MAAA,IAEpBJ,IAAYI,CAAC;AAAA,EACjB,GAAG,CAACT,GAAYK,CAAS,CAAC;AAE1B,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,eAAaF;AAAA,MACb,iBAAeF,IAAaC,KAAY,KAAQ;AAAA,MAChD,UAAUD,IAAa,IAAI;AAAA,MAC3B,WAAWA,KAAcK,IAAYE,IAAgB;AAAA,MACrD,WAAWI,EAAGC,EAAiB,OAAO,EAAE,WAAAb,GAAW,YAAAC,GAAY,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,CAAS;AAAA,MAC5F,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDT,EAAS,cAAc;"}
+{"version":3,"file":"TableRow.js","sources":["../../../../../../src/components/data-display/table/components/table-row/TableRow.tsx"],"sourcesContent":["import { memo, useCallback, type FC, type KeyboardEvent } from 'react'\r\n\r\nimport { TABLE_ROW_STYLES } from '@components/data-display/table/components/table-row/styles/TableRow.css.ts'\r\nimport type { TableRowProps } from '@components/data-display/table/components/table-row/types/TableRow.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * `<tr>` slot for `Table`. Supports `hoverable`, `selectable`, `selected`,\r\n * and `intent` variants. When selectable, the row is keyboard-focusable and\r\n * sets `aria-selected`.\r\n */\r\nconst TableRow: FC<TableRowProps> = memo(({\r\n    hoverable,\r\n    selectable,\r\n    selected,\r\n    intent,\r\n    className,\r\n    ref,\r\n    onKeyDown,\r\n    ...props\r\n}) => {\r\n    const handleKeyDown = useCallback((e: KeyboardEvent<HTMLTableRowElement>) => {\r\n        if (selectable && (e.key === 'Enter' || e.key === ' ')) {\r\n            e.preventDefault()\r\n            e.currentTarget.click()\r\n        }\r\n        onKeyDown?.(e)\r\n    }, [selectable, onKeyDown])\r\n\r\n    return (\r\n        <tr\r\n            ref={ref}\r\n            data-intent={intent}\r\n            aria-selected={selectable ? selected ?? false : undefined}\r\n            tabIndex={selectable ? 0 : undefined}\r\n            onKeyDown={selectable || onKeyDown ? handleKeyDown : undefined}\r\n            className={cn(TABLE_ROW_STYLES.recipe({ hoverable, selectable, selected, intent }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nTableRow.displayName = 'Table.Row'\r\n\r\nexport default TableRow\r\n"],"names":["TableRow","memo","hoverable","selectable","selected","intent","className","ref","onKeyDown","props","handleKeyDown","useCallback","e","jsx","cn","TABLE_ROW_STYLES"],"mappings":";;;;AAWA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAY,CAACC,MAA0C;AACzE,IAAIT,MAAeS,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SAC9CA,EAAE,eAAA,GACFA,EAAE,cAAc,MAAA,IAEpBJ,IAAYI,CAAC;AAAA,EACjB,GAAG,CAACT,GAAYK,CAAS,CAAC;AAE1B,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,eAAaF;AAAA,MACb,iBAAeF,IAAaC,KAAY,KAAQ;AAAA,MAChD,UAAUD,IAAa,IAAI;AAAA,MAC3B,WAAWA,KAAcK,IAAYE,IAAgB;AAAA,MACrD,WAAWI,EAAGC,EAAiB,OAAO,EAAE,WAAAb,GAAW,YAAAC,GAAY,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,CAAS;AAAA,MAC5F,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDT,EAAS,cAAc;"}

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit97.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                              */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_15q5a7b0",variantClassNames:{hoverable:{true:"_15q5a7b1"},selectable:{true:"_15q5a7b2"},selected:{true:"_15q5a7b3"},intent:{success:"_15q5a7b4",warning:"_15q5a7b5",destructive:"_15q5a7b6",info:"_15q5a7b7"}},defaultVariants:{hoverable:!1,selected:!1},compoundVariants:[[{hoverable:!0,intent:"success"},"_15q5a7b8"],[{hoverable:!0,intent:"warning"},"_15q5a7b9"],[{hoverable:!0,intent:"destructive"},"_15q5a7ba"],[{hoverable:!0,intent:"info"},"_15q5a7bb"],[{selectable:!0,intent:"success"},"_15q5a7bc"],[{selectable:!0,intent:"warning"},"_15q5a7bd"],[{selectable:!0,intent:"destructive"},"_15q5a7be"],[{selectable:!0,intent:"info"},"_15q5a7bf"]]})};exports.TABLE_ROW_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit90.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                              */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_15q5a7b0",variantClassNames:{hoverable:{true:"_15q5a7b1"},selectable:{true:"_15q5a7b2"},selected:{true:"_15q5a7b3"},intent:{success:"_15q5a7b4",warning:"_15q5a7b5",destructive:"_15q5a7b6",info:"_15q5a7b7"}},defaultVariants:{hoverable:!1,selected:!1},compoundVariants:[[{hoverable:!0,intent:"success"},"_15q5a7b8"],[{hoverable:!0,intent:"warning"},"_15q5a7b9"],[{hoverable:!0,intent:"destructive"},"_15q5a7ba"],[{hoverable:!0,intent:"info"},"_15q5a7bb"],[{selectable:!0,intent:"success"},"_15q5a7bc"],[{selectable:!0,intent:"warning"},"_15q5a7bd"],[{selectable:!0,intent:"destructive"},"_15q5a7be"],[{selectable:!0,intent:"info"},"_15q5a7bf"]]})};exports.TABLE_ROW_STYLES=t;
 //# sourceMappingURL=TableRow.css.cjs.map

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit97.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit90.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                            */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 var n = { recipe: e({ defaultClassName: "_15q5a7b0", variantClassNames: { hoverable: { true: "_15q5a7b1" }, selectable: { true: "_15q5a7b2" }, selected: { true: "_15q5a7b3" }, intent: { success: "_15q5a7b4", warning: "_15q5a7b5", destructive: "_15q5a7b6", info: "_15q5a7b7" } }, defaultVariants: { hoverable: !1, selected: !1 }, compoundVariants: [[{ hoverable: !0, intent: "success" }, "_15q5a7b8"], [{ hoverable: !0, intent: "warning" }, "_15q5a7b9"], [{ hoverable: !0, intent: "destructive" }, "_15q5a7ba"], [{ hoverable: !0, intent: "info" }, "_15q5a7bb"], [{ selectable: !0, intent: "success" }, "_15q5a7bc"], [{ selectable: !0, intent: "warning" }, "_15q5a7bd"], [{ selectable: !0, intent: "destructive" }, "_15q5a7be"], [{ selectable: !0, intent: "info" }, "_15q5a7bf"]] }) };

package/dist/components/data-display/table/styles/Table.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit50.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={cellPaddingBlockVar:"var(--nr91va0)",wrapper:"nr91va2",recipe:r.createRuntimeFn({defaultClassName:"nr91va3 nr91va1",variantClassNames:{size:{sm:"nr91va4",md:"nr91va5",lg:"nr91va6"},striped:{true:"nr91va7"},bordered:{true:"nr91va8"},fixed:{true:"nr91va9"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.TABLE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit67.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={cellPaddingBlockVar:"var(--nr91va0)",wrapper:"nr91va2",recipe:r.createRuntimeFn({defaultClassName:"nr91va3 nr91va1",variantClassNames:{size:{sm:"nr91va4",md:"nr91va5",lg:"nr91va6"},striped:{true:"nr91va7"},bordered:{true:"nr91va8"},fixed:{true:"nr91va9"}},defaultVariants:{size:"md"},compoundVariants:[]})};exports.TABLE_STYLES=e;
 //# sourceMappingURL=Table.css.cjs.map

package/dist/components/data-display/table/styles/Table.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit50.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit67.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { cellPaddingBlockVar: "var(--nr91va0)", wrapper: "nr91va2", recipe: r({ defaultClassName: "nr91va3 nr91va1", variantClassNames: { size: { sm: "nr91va4", md: "nr91va5", lg: "nr91va6" }, striped: { true: "nr91va7" }, bordered: { true: "nr91va8" }, fixed: { true: "nr91va9" } }, defaultVariants: { size: "md" }, compoundVariants: [] }) };

package/dist/components/feedback/callout/Callout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.cjs","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":"kgBAaM,CAAE,aAAAA,EAAc,iBAAAC,GAAqBC,EAAAA,qBAAqBC,CAAW,EAErEC,EAAUC,EAAAA,KAAoBC,GAAiB,CACjD,KAAM,CACF,QAAAC,EAAU,OACV,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,EACHR,EACES,EAAO,SAAUT,EAAeA,EAAa,KAAO,SAEpDU,EAAkB,CAAChB,EAAaW,CAAQ,EACxCM,EAAYhB,EAAiBU,CAAQ,EACrCO,EAAoBD,EAAU,UAEpC,aACKE,EAAAA,eAAe,SAAf,CAAwB,MAAO,CAAE,QAAAZ,GAC9B,SAAAa,EAAAA,KAACC,EAAA,CACG,IAAAR,EACA,WAAY,QACZ,IAAK,KACL,UAAWS,EAAAA,GAAGC,iBAAe,OAAO,CAAE,QAAAhB,CAAA,CAAS,EAAGK,CAAS,EAC1D,GAAGE,EACJ,KAAAC,EAEC,SAAA,CAAAC,EACGQ,EAAAA,IAACrB,EAAA,CAAY,KAAAK,CAAA,CAAY,EAEzBS,EAAU,KAEdG,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,SAAU,EAET,SAAA,CAAAZ,GAASe,EAAAA,IAACC,GAAc,SAAAhB,CAAA,CAAM,EAC9BC,GACGc,EAAAA,IAACE,EAAA,CAAoB,SAAAhB,CAAA,CAAY,EAEpCQ,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,EAER,CAER,CAAC,EAEDd,EAAQ,YAAc,UACtBA,EAAQ,KAAOD,EACfC,EAAQ,MAAQqB,EAChBrB,EAAQ,YAAcsB"}
+{"version":3,"file":"Callout.cjs","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\n/**\r\n * Informational callout with `variant` (info|success|warning|error), an\r\n * optional `icon`, `title`, and `description`. Renders with `role=\"status\"`\r\n * by default; pass `role=\"alert\"` for urgent feedback. Supports compound\r\n * children via `Callout.Icon`, `.Title`, and `.Description` slots.\r\n *\r\n * Compound slots: `Callout.Icon`, `Callout.Title`, `Callout.Description`.\r\n */\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":"kgBAaM,CAAE,aAAAA,EAAc,iBAAAC,GAAqBC,EAAAA,qBAAqBC,CAAW,EAUrEC,EAAUC,EAAAA,KAAoBC,GAAiB,CACjD,KAAM,CACF,QAAAC,EAAU,OACV,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,EACHR,EACES,EAAO,SAAUT,EAAeA,EAAa,KAAO,SAEpDU,EAAkB,CAAChB,EAAaW,CAAQ,EACxCM,EAAYhB,EAAiBU,CAAQ,EACrCO,EAAoBD,EAAU,UAEpC,aACKE,EAAAA,eAAe,SAAf,CAAwB,MAAO,CAAE,QAAAZ,GAC9B,SAAAa,EAAAA,KAACC,EAAA,CACG,IAAAR,EACA,WAAY,QACZ,IAAK,KACL,UAAWS,EAAAA,GAAGC,iBAAe,OAAO,CAAE,QAAAhB,CAAA,CAAS,EAAGK,CAAS,EAC1D,GAAGE,EACJ,KAAAC,EAEC,SAAA,CAAAC,EACGQ,EAAAA,IAACrB,EAAA,CAAY,KAAAK,CAAA,CAAY,EAEzBS,EAAU,KAEdG,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,SAAU,EAET,SAAA,CAAAZ,GAASe,EAAAA,IAACC,GAAc,SAAAhB,CAAA,CAAM,EAC9BC,GACGc,EAAAA,IAACE,EAAA,CAAoB,SAAAhB,CAAA,CAAY,EAEpCQ,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,EAER,CAER,CAAC,EAEDd,EAAQ,YAAc,UACtBA,EAAQ,KAAOD,EACfC,EAAQ,MAAQqB,EAChBrB,EAAQ,YAAcsB"}

package/dist/components/feedback/callout/Callout.d.ts

@@ -1,3 +1,11 @@
 import { CalloutCompound } from './types';
+/**
+ * Informational callout with `variant` (info|success|warning|error), an
+ * optional `icon`, `title`, and `description`. Renders with `role="status"`
+ * by default; pass `role="alert"` for urgent feedback. Supports compound
+ * children via `Callout.Icon`, `.Title`, and `.Description` slots.
+ *
+ * Compound slots: `Callout.Icon`, `Callout.Title`, `Callout.Description`.
+ */
 declare const Callout: CalloutCompound;
 export default Callout;

package/dist/components/feedback/callout/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAErEC,IAAUC,EAAmB,CAACC,MAAiB;AACjD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GACES,IAAO,UAAUT,IAAeA,EAAa,OAAO,UAEpDU,IAAkB,CAAChB,EAAaW,CAAQ,GACxCM,IAAYhB,EAAiBU,CAAQ,GACrCO,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWS,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGK,CAAS;AAAA,MAC1D,GAAGE;AAAA,MACJ,MAAAC;AAAA,MAEC,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACrB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBS,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAZ,KAAS,gBAAAe,EAACC,KAAc,UAAAhB,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAc,EAACE,GAAA,EAAoB,UAAAhB,EAAA,CAAY;AAAA,cAEpCQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDd,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQqB;AAChBrB,EAAQ,cAAcsB;"}
+{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\n/**\r\n * Informational callout with `variant` (info|success|warning|error), an\r\n * optional `icon`, `title`, and `description`. Renders with `role=\"status\"`\r\n * by default; pass `role=\"alert\"` for urgent feedback. Supports compound\r\n * children via `Callout.Icon`, `.Title`, and `.Description` slots.\r\n *\r\n * Compound slots: `Callout.Icon`, `Callout.Title`, `Callout.Description`.\r\n */\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAUrEC,IAAUC,EAAmB,CAACC,MAAiB;AACjD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GACES,IAAO,UAAUT,IAAeA,EAAa,OAAO,UAEpDU,IAAkB,CAAChB,EAAaW,CAAQ,GACxCM,IAAYhB,EAAiBU,CAAQ,GACrCO,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWS,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGK,CAAS;AAAA,MAC1D,GAAGE;AAAA,MACJ,MAAAC;AAAA,MAEC,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACrB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBS,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAZ,KAAS,gBAAAe,EAACC,KAAc,UAAAhB,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAc,EAACE,GAAA,EAAoB,UAAAhB,EAAA,CAAY;AAAA,cAEpCQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDd,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQqB;AAChBrB,EAAQ,cAAcsB;"}

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutDescription.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-description/CalloutDescription.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutDescriptionProps } from '@components/feedback/callout/components/callout-description/types/CalloutDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutDescription: FC<CalloutDescriptionProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            color={'textSecondary'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutDescription.displayName = 'Callout.Description'\r\n\r\nexport default CalloutDescription\r\n"],"names":["CalloutDescription","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":"yPAKMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBACP,UAAWI,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAmB,YAAc"}
+{"version":3,"file":"CalloutDescription.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-description/CalloutDescription.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutDescriptionProps } from '@components/feedback/callout/components/callout-description/types/CalloutDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Description text slot for `Callout`. Renders secondary-colored small\r\n * typography and forwards all `Typography` props.\r\n */\r\nconst CalloutDescription: FC<CalloutDescriptionProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            color={'textSecondary'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutDescription.displayName = 'Callout.Description'\r\n\r\nexport default CalloutDescription\r\n"],"names":["CalloutDescription","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":"yPASMA,EAAkDC,EAAAA,KAAK,CAAC,CAC1D,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBACP,UAAWI,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAmB,YAAc"}

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.d.ts

@@ -1,4 +1,8 @@
 import { CalloutDescriptionProps } from './types/CalloutDescription.props.ts';
 import { FC } from 'react';
+/**
+ * Description text slot for `Callout`. Renders secondary-colored small
+ * typography and forwards all `Typography` props.
+ */
 declare const CalloutDescription: FC<CalloutDescriptionProps>;
 export default CalloutDescription;

package/dist/components/feedback/callout/components/callout-description/CalloutDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutDescription.js","sources":["../../../../../../src/components/feedback/callout/components/callout-description/CalloutDescription.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutDescriptionProps } from '@components/feedback/callout/components/callout-description/types/CalloutDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutDescription: FC<CalloutDescriptionProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            color={'textSecondary'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutDescription.displayName = 'Callout.Description'\r\n\r\nexport default CalloutDescription\r\n"],"names":["CalloutDescription","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":";;;;;AAKA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAmB,cAAc;"}
+{"version":3,"file":"CalloutDescription.js","sources":["../../../../../../src/components/feedback/callout/components/callout-description/CalloutDescription.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutDescriptionProps } from '@components/feedback/callout/components/callout-description/types/CalloutDescription.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Description text slot for `Callout`. Renders secondary-colored small\r\n * typography and forwards all `Typography` props.\r\n */\r\nconst CalloutDescription: FC<CalloutDescriptionProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            color={'textSecondary'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutDescription.displayName = 'Callout.Description'\r\n\r\nexport default CalloutDescription\r\n"],"names":["CalloutDescription","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":";;;;;AASA,MAAMA,IAAkDC,EAAK,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAmB,cAAc;"}

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutIcon.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-icon/CalloutIcon.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { CALLOUT_ICON_STYLES } from '@components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.ts'\r\nimport type { CalloutIconProps } from '@components/feedback/callout/components/callout-icon/types/CalloutIcon.props.ts'\r\nimport { VARIANT_TO_COLOR, VARIANT_TO_ICON } from '@components/feedback/callout/constants'\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nconst CalloutIcon: FC<CalloutIconProps> = memo(({\r\n    icon,\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const { variant } = useContext(CalloutContext)\r\n\r\n    return (\r\n        <Icon\r\n            icon={icon ?? VARIANT_TO_ICON[variant]}\r\n            color={color ?? VARIANT_TO_COLOR[variant]}\r\n            className={cn(CALLOUT_ICON_STYLES.icon, className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nCalloutIcon.displayName = 'Callout.Icon'\r\n\r\nexport default CalloutIcon\r\n"],"names":["CalloutIcon","memo","icon","color","className","props","variant","useContext","CalloutContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","CALLOUT_ICON_STYLES"],"mappings":"iWAQMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAAA,WAAWC,gBAAc,EAE7C,OACIC,EAAAA,IAACC,EAAA,CACG,KAAMR,GAAQS,EAAAA,gBAAgBL,CAAO,EACrC,MAAOH,GAASS,EAAAA,iBAAiBN,CAAO,EACxC,UAAWO,EAAAA,GAAGC,sBAAoB,KAAMV,CAAS,EAChD,GAAGC,CAAA,CAAA,CAGhB,CAAC,EAEDL,EAAY,YAAc"}
+{"version":3,"file":"CalloutIcon.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-icon/CalloutIcon.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { CALLOUT_ICON_STYLES } from '@components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.ts'\r\nimport type { CalloutIconProps } from '@components/feedback/callout/components/callout-icon/types/CalloutIcon.props.ts'\r\nimport { VARIANT_TO_COLOR, VARIANT_TO_ICON } from '@components/feedback/callout/constants'\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\n/**\r\n * Icon slot for `Callout`. Reads `variant` from context to resolve the\r\n * default icon and color. Override both with explicit `icon` and `color`\r\n * props.\r\n */\r\nconst CalloutIcon: FC<CalloutIconProps> = memo(({\r\n    icon,\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const { variant } = useContext(CalloutContext)\r\n\r\n    return (\r\n        <Icon\r\n            icon={icon ?? VARIANT_TO_ICON[variant]}\r\n            color={color ?? VARIANT_TO_COLOR[variant]}\r\n            className={cn(CALLOUT_ICON_STYLES.icon, className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nCalloutIcon.displayName = 'Callout.Icon'\r\n\r\nexport default CalloutIcon\r\n"],"names":["CalloutIcon","memo","icon","color","className","props","variant","useContext","CalloutContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","CALLOUT_ICON_STYLES"],"mappings":"iWAaMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAAA,WAAWC,gBAAc,EAE7C,OACIC,EAAAA,IAACC,EAAA,CACG,KAAMR,GAAQS,EAAAA,gBAAgBL,CAAO,EACrC,MAAOH,GAASS,EAAAA,iBAAiBN,CAAO,EACxC,UAAWO,EAAAA,GAAGC,sBAAoB,KAAMV,CAAS,EAChD,GAAGC,CAAA,CAAA,CAGhB,CAAC,EAEDL,EAAY,YAAc"}

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.d.ts

@@ -1,4 +1,9 @@
 import { CalloutIconProps } from './types/CalloutIcon.props.ts';
 import { FC } from 'react';
+/**
+ * Icon slot for `Callout`. Reads `variant` from context to resolve the
+ * default icon and color. Override both with explicit `icon` and `color`
+ * props.
+ */
 declare const CalloutIcon: FC<CalloutIconProps>;
 export default CalloutIcon;

package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutIcon.js","sources":["../../../../../../src/components/feedback/callout/components/callout-icon/CalloutIcon.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { CALLOUT_ICON_STYLES } from '@components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.ts'\r\nimport type { CalloutIconProps } from '@components/feedback/callout/components/callout-icon/types/CalloutIcon.props.ts'\r\nimport { VARIANT_TO_COLOR, VARIANT_TO_ICON } from '@components/feedback/callout/constants'\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nconst CalloutIcon: FC<CalloutIconProps> = memo(({\r\n    icon,\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const { variant } = useContext(CalloutContext)\r\n\r\n    return (\r\n        <Icon\r\n            icon={icon ?? VARIANT_TO_ICON[variant]}\r\n            color={color ?? VARIANT_TO_COLOR[variant]}\r\n            className={cn(CALLOUT_ICON_STYLES.icon, className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nCalloutIcon.displayName = 'Callout.Icon'\r\n\r\nexport default CalloutIcon\r\n"],"names":["CalloutIcon","memo","icon","color","className","props","variant","useContext","CalloutContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","CALLOUT_ICON_STYLES"],"mappings":";;;;;;;;AAQA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAWC,CAAc;AAE7C,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMR,KAAQS,EAAgBL,CAAO;AAAA,MACrC,OAAOH,KAASS,EAAiBN,CAAO;AAAA,MACxC,WAAWO,EAAGC,EAAoB,MAAMV,CAAS;AAAA,MAChD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDL,EAAY,cAAc;"}
+{"version":3,"file":"CalloutIcon.js","sources":["../../../../../../src/components/feedback/callout/components/callout-icon/CalloutIcon.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { CALLOUT_ICON_STYLES } from '@components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.ts'\r\nimport type { CalloutIconProps } from '@components/feedback/callout/components/callout-icon/types/CalloutIcon.props.ts'\r\nimport { VARIANT_TO_COLOR, VARIANT_TO_ICON } from '@components/feedback/callout/constants'\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\n/**\r\n * Icon slot for `Callout`. Reads `variant` from context to resolve the\r\n * default icon and color. Override both with explicit `icon` and `color`\r\n * props.\r\n */\r\nconst CalloutIcon: FC<CalloutIconProps> = memo(({\r\n    icon,\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    const { variant } = useContext(CalloutContext)\r\n\r\n    return (\r\n        <Icon\r\n            icon={icon ?? VARIANT_TO_ICON[variant]}\r\n            color={color ?? VARIANT_TO_COLOR[variant]}\r\n            className={cn(CALLOUT_ICON_STYLES.icon, className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nCalloutIcon.displayName = 'Callout.Icon'\r\n\r\nexport default CalloutIcon\r\n"],"names":["CalloutIcon","memo","icon","color","className","props","variant","useContext","CalloutContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","CALLOUT_ICON_STYLES"],"mappings":";;;;;;;;AAaA,MAAMA,IAAoCC,EAAK,CAAC;AAAA,EAC5C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAWC,CAAc;AAE7C,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMR,KAAQS,EAAgBL,CAAO;AAAA,MACrC,OAAOH,KAASS,EAAiBN,CAAO;AAAA,MACxC,WAAWO,EAAGC,EAAoB,MAAMV,CAAS;AAAA,MAChD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDL,EAAY,cAAc;"}

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit123.css');;/* empty css                                 */var e={icon:"kygxdi0"};exports.CALLOUT_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit120.css');;/* empty css                                 */var e={icon:"kygxdi0"};exports.CALLOUT_ICON_STYLES=e;
 //# sourceMappingURL=CalloutIcon.css.cjs.map

package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit123.css';/* empty css                               */
+import '../../../../../../ui-kit120.css';/* empty css                               */
 var o = { icon: "kygxdi0" };
 export {
   o as CALLOUT_ICON_STYLES

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutTitle.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-title/CalloutTitle.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutTitleProps } from '@components/feedback/callout/components/callout-title/types/CalloutTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutTitle: FC<CalloutTitleProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            fontWeight={'semibold'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutTitle.displayName = 'Callout.Title'\r\n\r\nexport default CalloutTitle\r\n"],"names":["CalloutTitle","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":"yPAKMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWI,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAa,YAAc"}
+{"version":3,"file":"CalloutTitle.cjs","sources":["../../../../../../src/components/feedback/callout/components/callout-title/CalloutTitle.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutTitleProps } from '@components/feedback/callout/components/callout-title/types/CalloutTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Title text slot for `Callout`. Renders semibold small typography and\r\n * forwards all `Typography` props.\r\n */\r\nconst CalloutTitle: FC<CalloutTitleProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            fontWeight={'semibold'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutTitle.displayName = 'Callout.Title'\r\n\r\nexport default CalloutTitle\r\n"],"names":["CalloutTitle","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":"yPASMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,WAAY,WACZ,UAAWI,EAAAA,GAAGL,CAAS,EACtB,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAa,YAAc"}

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.d.ts

@@ -1,4 +1,8 @@
 import { CalloutTitleProps } from './types/CalloutTitle.props.ts';
 import { FC } from 'react';
+/**
+ * Title text slot for `Callout`. Renders semibold small typography and
+ * forwards all `Typography` props.
+ */
 declare const CalloutTitle: FC<CalloutTitleProps>;
 export default CalloutTitle;

package/dist/components/feedback/callout/components/callout-title/CalloutTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutTitle.js","sources":["../../../../../../src/components/feedback/callout/components/callout-title/CalloutTitle.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutTitleProps } from '@components/feedback/callout/components/callout-title/types/CalloutTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst CalloutTitle: FC<CalloutTitleProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            fontWeight={'semibold'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutTitle.displayName = 'Callout.Title'\r\n\r\nexport default CalloutTitle\r\n"],"names":["CalloutTitle","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":";;;;;AAKA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAa,cAAc;"}
+{"version":3,"file":"CalloutTitle.js","sources":["../../../../../../src/components/feedback/callout/components/callout-title/CalloutTitle.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport type { CalloutTitleProps } from '@components/feedback/callout/components/callout-title/types/CalloutTitle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Title text slot for `Callout`. Renders semibold small typography and\r\n * forwards all `Typography` props.\r\n */\r\nconst CalloutTitle: FC<CalloutTitleProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Typography\r\n            ref={ref}\r\n            as={'span'}\r\n            variant={'span'}\r\n            fontSize={'sm'}\r\n            fontWeight={'semibold'}\r\n            className={cn(className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    )\r\n})\r\n\r\nCalloutTitle.displayName = 'Callout.Title'\r\n\r\nexport default CalloutTitle\r\n"],"names":["CalloutTitle","memo","children","className","ref","props","jsx","Typography","cn"],"mappings":";;;;;AASA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAa,cAAc;"}

package/dist/components/feedback/callout/styles/Callout.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit17.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1ntoq5s0",variantClassNames:{variant:{info:"_1ntoq5s1",success:"_1ntoq5s2",warning:"_1ntoq5s3",error:"_1ntoq5s4"}},defaultVariants:{variant:"info"},compoundVariants:[]})};exports.CALLOUT_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit20.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                             */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1ntoq5s0",variantClassNames:{variant:{info:"_1ntoq5s1",success:"_1ntoq5s2",warning:"_1ntoq5s3",error:"_1ntoq5s4"}},defaultVariants:{variant:"info"},compoundVariants:[]})};exports.CALLOUT_STYLES=r;
 //# sourceMappingURL=Callout.css.cjs.map

package/dist/components/feedback/callout/styles/Callout.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit17.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit20.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                           */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var o = { recipe: a({ defaultClassName: "_1ntoq5s0", variantClassNames: { variant: { info: "_1ntoq5s1", success: "_1ntoq5s2", warning: "_1ntoq5s3", error: "_1ntoq5s4" } }, defaultVariants: { variant: "info" }, compoundVariants: [] }) };

package/dist/components/feedback/empty-state/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/feedback/empty-state/EmptyState.tsx"],"sourcesContent":["import { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { EMPTY_STATE_STYLES } from '@components/feedback/empty-state/styles/EmptyState.css.ts'\r\nimport type { EmptyStateProps } from '@components/feedback/empty-state/types/EmptyState.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst EmptyState: FC<EmptyStateProps> = memo(({\r\n    title,\r\n    description,\r\n    action,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        ref={ref}\r\n        flexDirection={'column'}\r\n        gap={'sm'}\r\n        className={cn(EMPTY_STATE_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'center'}\r\n            className={EMPTY_STATE_STYLES.content}\r\n        >\r\n            <Typography\r\n                as={'h2'}\r\n                variant={'h2'}\r\n                fontSize={'xl'}\r\n                fontWeight={'semibold'}\r\n            >\r\n                {title}\r\n            </Typography>\r\n            <Typography\r\n                as={'p'}\r\n                variant={'p'}\r\n                fontSize={'sm'}\r\n                color={'textSecondary'}\r\n            >\r\n                {description}\r\n            </Typography>\r\n        </Flex>\r\n        {action && (\r\n            <div className={EMPTY_STATE_STYLES.action}>\r\n                {action}\r\n            </div>\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\nexport default EmptyState\r\n"],"names":["EmptyState","memo","title","description","action","className","ref","props","jsxs","Flex","cn","EMPTY_STATE_STYLES","jsx","Typography"],"mappings":"+WAOMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,IAAAH,EACA,cAAe,SACf,IAAK,KACL,UAAWI,EAAAA,GAAGC,qBAAmB,KAAMN,CAAS,EAC/C,GAAGE,EAEJ,SAAA,CAAAC,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,WAAY,SACZ,UAAWE,EAAAA,mBAAmB,QAE9B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,GAAI,KACJ,QAAS,KACT,SAAU,KACV,WAAY,WAEX,SAAAX,CAAA,CAAA,EAELU,EAAAA,IAACC,EAAA,CACG,GAAI,IACJ,QAAS,IACT,SAAU,KACV,MAAO,gBAEN,SAAAV,CAAA,CAAA,CACL,CAAA,CAAA,EAEHC,GACGQ,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,mBAAmB,OAC9B,SAAAP,CAAA,CACL,CAAA,CAAA,CAER,CACH,EAEDJ,EAAW,YAAc"}
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/feedback/empty-state/EmptyState.tsx"],"sourcesContent":["import { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { EMPTY_STATE_STYLES } from '@components/feedback/empty-state/styles/EmptyState.css.ts'\r\nimport type { EmptyStateProps } from '@components/feedback/empty-state/types/EmptyState.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Centered placeholder for empty data states. Renders a heading `title`,\r\n * a descriptive paragraph, and an optional `action` slot for a call-to-action\r\n * button or link.\r\n */\r\nconst EmptyState: FC<EmptyStateProps> = memo(({\r\n    title,\r\n    description,\r\n    action,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        ref={ref}\r\n        flexDirection={'column'}\r\n        gap={'sm'}\r\n        className={cn(EMPTY_STATE_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'center'}\r\n            className={EMPTY_STATE_STYLES.content}\r\n        >\r\n            <Typography\r\n                as={'h2'}\r\n                variant={'h2'}\r\n                fontSize={'xl'}\r\n                fontWeight={'semibold'}\r\n            >\r\n                {title}\r\n            </Typography>\r\n            <Typography\r\n                as={'p'}\r\n                variant={'p'}\r\n                fontSize={'sm'}\r\n                color={'textSecondary'}\r\n            >\r\n                {description}\r\n            </Typography>\r\n        </Flex>\r\n        {action && (\r\n            <div className={EMPTY_STATE_STYLES.action}>\r\n                {action}\r\n            </div>\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\nexport default EmptyState\r\n"],"names":["EmptyState","memo","title","description","action","className","ref","props","jsxs","Flex","cn","EMPTY_STATE_STYLES","jsx","Typography"],"mappings":"+WAYMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,IAAAH,EACA,cAAe,SACf,IAAK,KACL,UAAWI,EAAAA,GAAGC,qBAAmB,KAAMN,CAAS,EAC/C,GAAGE,EAEJ,SAAA,CAAAC,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,WAAY,SACZ,UAAWE,EAAAA,mBAAmB,QAE9B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,GAAI,KACJ,QAAS,KACT,SAAU,KACV,WAAY,WAEX,SAAAX,CAAA,CAAA,EAELU,EAAAA,IAACC,EAAA,CACG,GAAI,IACJ,QAAS,IACT,SAAU,KACV,MAAO,gBAEN,SAAAV,CAAA,CAAA,CACL,CAAA,CAAA,EAEHC,GACGQ,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,mBAAmB,OAC9B,SAAAP,CAAA,CACL,CAAA,CAAA,CAER,CACH,EAEDJ,EAAW,YAAc"}

package/dist/components/feedback/empty-state/EmptyState.d.ts

@@ -1,4 +1,9 @@
 import { EmptyStateProps } from './types/EmptyState.props.ts';
 import { FC } from 'react';
+/**
+ * Centered placeholder for empty data states. Renders a heading `title`,
+ * a descriptive paragraph, and an optional `action` slot for a call-to-action
+ * button or link.
+ */
 declare const EmptyState: FC<EmptyStateProps>;
 export default EmptyState;

package/dist/components/feedback/empty-state/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/feedback/empty-state/EmptyState.tsx"],"sourcesContent":["import { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { EMPTY_STATE_STYLES } from '@components/feedback/empty-state/styles/EmptyState.css.ts'\r\nimport type { EmptyStateProps } from '@components/feedback/empty-state/types/EmptyState.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst EmptyState: FC<EmptyStateProps> = memo(({\r\n    title,\r\n    description,\r\n    action,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        ref={ref}\r\n        flexDirection={'column'}\r\n        gap={'sm'}\r\n        className={cn(EMPTY_STATE_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'center'}\r\n            className={EMPTY_STATE_STYLES.content}\r\n        >\r\n            <Typography\r\n                as={'h2'}\r\n                variant={'h2'}\r\n                fontSize={'xl'}\r\n                fontWeight={'semibold'}\r\n            >\r\n                {title}\r\n            </Typography>\r\n            <Typography\r\n                as={'p'}\r\n                variant={'p'}\r\n                fontSize={'sm'}\r\n                color={'textSecondary'}\r\n            >\r\n                {description}\r\n            </Typography>\r\n        </Flex>\r\n        {action && (\r\n            <div className={EMPTY_STATE_STYLES.action}>\r\n                {action}\r\n            </div>\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\nexport default EmptyState\r\n"],"names":["EmptyState","memo","title","description","action","className","ref","props","jsxs","Flex","cn","EMPTY_STATE_STYLES","jsx","Typography"],"mappings":";;;;;;;;AAOA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,eAAe;AAAA,IACf,KAAK;AAAA,IACL,WAAWI,EAAGC,EAAmB,MAAMN,CAAS;AAAA,IAC/C,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,KAAK;AAAA,UACL,YAAY;AAAA,UACZ,WAAWE,EAAmB;AAAA,UAE9B,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,YAAY;AAAA,gBAEX,UAAAX;AAAA,cAAA;AAAA,YAAA;AAAA,YAEL,gBAAAU;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,OAAO;AAAA,gBAEN,UAAAV;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHC,KACG,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAmB,QAC9B,UAAAP,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER,CACH;AAEDJ,EAAW,cAAc;"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/feedback/empty-state/EmptyState.tsx"],"sourcesContent":["import { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { EMPTY_STATE_STYLES } from '@components/feedback/empty-state/styles/EmptyState.css.ts'\r\nimport type { EmptyStateProps } from '@components/feedback/empty-state/types/EmptyState.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Centered placeholder for empty data states. Renders a heading `title`,\r\n * a descriptive paragraph, and an optional `action` slot for a call-to-action\r\n * button or link.\r\n */\r\nconst EmptyState: FC<EmptyStateProps> = memo(({\r\n    title,\r\n    description,\r\n    action,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        ref={ref}\r\n        flexDirection={'column'}\r\n        gap={'sm'}\r\n        className={cn(EMPTY_STATE_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'center'}\r\n            className={EMPTY_STATE_STYLES.content}\r\n        >\r\n            <Typography\r\n                as={'h2'}\r\n                variant={'h2'}\r\n                fontSize={'xl'}\r\n                fontWeight={'semibold'}\r\n            >\r\n                {title}\r\n            </Typography>\r\n            <Typography\r\n                as={'p'}\r\n                variant={'p'}\r\n                fontSize={'sm'}\r\n                color={'textSecondary'}\r\n            >\r\n                {description}\r\n            </Typography>\r\n        </Flex>\r\n        {action && (\r\n            <div className={EMPTY_STATE_STYLES.action}>\r\n                {action}\r\n            </div>\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\nexport default EmptyState\r\n"],"names":["EmptyState","memo","title","description","action","className","ref","props","jsxs","Flex","cn","EMPTY_STATE_STYLES","jsx","Typography"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,eAAe;AAAA,IACf,KAAK;AAAA,IACL,WAAWI,EAAGC,EAAmB,MAAMN,CAAS;AAAA,IAC/C,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,KAAK;AAAA,UACL,YAAY;AAAA,UACZ,WAAWE,EAAmB;AAAA,UAE9B,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,YAAY;AAAA,gBAEX,UAAAX;AAAA,cAAA;AAAA,YAAA;AAAA,YAEL,gBAAAU;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,OAAO;AAAA,gBAEN,UAAAV;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHC,KACG,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAmB,QAC9B,UAAAP,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER,CACH;AAEDJ,EAAW,cAAc;"}

package/dist/components/feedback/empty-state/styles/EmptyState.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit16.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */var e={root:"_16isg9l0",content:"_16isg9l1",action:"_16isg9l2"};exports.EMPTY_STATE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                */var e={root:"_16isg9l0",content:"_16isg9l1",action:"_16isg9l2"};exports.EMPTY_STATE_STYLES=e;
 //# sourceMappingURL=EmptyState.css.cjs.map

package/dist/components/feedback/empty-state/styles/EmptyState.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit16.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit55.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                              */
 var i = { root: "_16isg9l0", content: "_16isg9l1", action: "_16isg9l2" };
 export {

package/dist/components/feedback/progress/CircularProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.cjs","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport { clamp } from '@components/feedback/progress/utils/clamp.utils.ts'\r\n\r\nconst CircularProgress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label ?? ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["CircularProgress","memo","value","color","size","label","ariaLabel","ariaLabelledBy","quantityLabel","className","ref","props","clampedValue","clamp","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":"qfAYMA,EAA0CC,EAAAA,KAA0B,CAAC,CACvE,MAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,cAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeC,EAAAA,MAAMX,CAAK,EAC1BY,EACNN,IAAkB,GAAO,GAAG,KAAK,MAAMI,CAAY,CAAC,IAAMJ,EACpDO,EAAYD,GAAyB,GAAGF,CAAY,IAEpDI,EAAUC,EAAAA,+BAA+Bb,CAAI,EAC7Cc,EAAcC,EAAAA,8BAA8Bf,CAAI,EAChDgB,GAAUJ,EAAUE,GAAe,EACnCG,EAAgB,EAAI,KAAK,GAAKD,EAC9BE,EAAaD,GAAiB,EAAIT,EAAe,KAEvD,OACIW,EAAAA,KAACC,EAAA,CACG,IAAAd,EACA,QAAS,cACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,IAAK,KACL,UAAAD,EACC,GAAGE,EAEJ,SAAA,CAAAY,EAAAA,KAACC,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,cACT,WAAY,SACZ,eAAgB,SAEhB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CACG,KAAM,cACN,gBAAeX,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBG,EAChB,aAAYV,GAASC,EACrB,kBAAiBC,EACjB,QAAS,OAAOS,CAAO,IAAIA,CAAO,GAClC,UAAWS,EAAAA,GAAGC,EAAAA,gBAAgB,SAAS,CAAE,KAAAtB,CAAA,CAAM,CAAC,EAEhD,SAAA,CAAAuB,EAAAA,IAAC,SAAA,CACG,sBAAmB,GACnB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,EAAAA,gBAAgB,cAAc,CAAE,KAAAtB,EAAM,MAAAD,EAAO,CAAC,CAAA,CAAA,EAEhEwB,EAAAA,IAAC,SAAA,CACG,0BAAuB,GACvB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,kBAAgB,kBAAkB,CAAE,KAAAtB,EAAM,MAAAD,CAAA,CAAO,CAAC,EAChE,MAAO,CACH,gBAAiBkB,EACjB,iBAAkBC,CAAA,CACtB,CAAA,CACJ,CAAA,CAAA,EAEHR,GACGa,EAAAA,IAACH,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,CAAE,MAAO,CAAA,EAEhB,SAAAG,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUxB,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KACxD,WAAY,WACZ,MAAO,OAEN,SAAAU,CAAA,CAAA,CACL,CAAA,CACJ,CAAA,CAAA,EAGPT,GACGsB,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAAvB,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDL,EAAiB,YAAc"}
+{"version":3,"file":"CircularProgress.cjs","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport { clamp } from '@components/feedback/progress/utils/clamp.utils.ts'\r\n\r\n/**\r\n * Circular SVG `role=\"progressbar\"` with an optional center quantity label\r\n * and an outer text label. Shares `size` (xs|sm|md|lg|xl) and `color` tokens\r\n * with `Progress`. Requires an accessible name via `label`, `aria-label`, or\r\n * `aria-labelledby`.\r\n */\r\nconst CircularProgress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label ?? ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["CircularProgress","memo","value","color","size","label","ariaLabel","ariaLabelledBy","quantityLabel","className","ref","props","clampedValue","clamp","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":"qfAkBMA,EAA0CC,EAAAA,KAA0B,CAAC,CACvE,MAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,cAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAeC,EAAAA,MAAMX,CAAK,EAC1BY,EACNN,IAAkB,GAAO,GAAG,KAAK,MAAMI,CAAY,CAAC,IAAMJ,EACpDO,EAAYD,GAAyB,GAAGF,CAAY,IAEpDI,EAAUC,EAAAA,+BAA+Bb,CAAI,EAC7Cc,EAAcC,EAAAA,8BAA8Bf,CAAI,EAChDgB,GAAUJ,EAAUE,GAAe,EACnCG,EAAgB,EAAI,KAAK,GAAKD,EAC9BE,EAAaD,GAAiB,EAAIT,EAAe,KAEvD,OACIW,EAAAA,KAACC,EAAA,CACG,IAAAd,EACA,QAAS,cACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,IAAK,KACL,UAAAD,EACC,GAAGE,EAEJ,SAAA,CAAAY,EAAAA,KAACC,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,cACT,WAAY,SACZ,eAAgB,SAEhB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CACG,KAAM,cACN,gBAAeX,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBG,EAChB,aAAYV,GAASC,EACrB,kBAAiBC,EACjB,QAAS,OAAOS,CAAO,IAAIA,CAAO,GAClC,UAAWS,EAAAA,GAAGC,EAAAA,gBAAgB,SAAS,CAAE,KAAAtB,CAAA,CAAM,CAAC,EAEhD,SAAA,CAAAuB,EAAAA,IAAC,SAAA,CACG,sBAAmB,GACnB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,EAAAA,gBAAgB,cAAc,CAAE,KAAAtB,EAAM,MAAAD,EAAO,CAAC,CAAA,CAAA,EAEhEwB,EAAAA,IAAC,SAAA,CACG,0BAAuB,GACvB,GAAIX,EAAU,EACd,GAAIA,EAAU,EACd,EAAGI,EACH,UAAWK,EAAAA,GAAGC,kBAAgB,kBAAkB,CAAE,KAAAtB,EAAM,MAAAD,CAAA,CAAO,CAAC,EAChE,MAAO,CACH,gBAAiBkB,EACjB,iBAAkBC,CAAA,CACtB,CAAA,CACJ,CAAA,CAAA,EAEHR,GACGa,EAAAA,IAACH,EAAA,CACG,GAAI,MACJ,SAAU,WACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,CAAE,MAAO,CAAA,EAEhB,SAAAG,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAUxB,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KACxD,WAAY,WACZ,MAAO,OAEN,SAAAU,CAAA,CAAA,CACL,CAAA,CACJ,CAAA,CAAA,EAGPT,GACGsB,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAAvB,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB,CAAC,EAEDL,EAAiB,YAAc"}

package/dist/components/feedback/progress/CircularProgress.d.ts

@@ -1,4 +1,10 @@
 import { ProgressBaseProps } from './types/Progress.props.ts';
 import { FC } from 'react';
+/**
+ * Circular SVG `role="progressbar"` with an optional center quantity label
+ * and an outer text label. Shares `size` (xs|sm|md|lg|xl) and `color` tokens
+ * with `Progress`. Requires an accessible name via `label`, `aria-label`, or
+ * `aria-labelledby`.
+ */
 declare const CircularProgress: FC<ProgressBaseProps>;
 export default CircularProgress;

package/dist/components/feedback/progress/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport { clamp } from '@components/feedback/progress/utils/clamp.utils.ts'\r\n\r\nconst CircularProgress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label ?? ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["CircularProgress","memo","value","color","size","label","ariaLabel","ariaLabelledBy","quantityLabel","className","ref","props","clampedValue","clamp","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAA0CC,EAA0B,CAAC;AAAA,EACvE,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeC,EAAMX,CAAK,GAC1BY,IACNN,MAAkB,KAAO,GAAG,KAAK,MAAMI,CAAY,CAAC,MAAMJ,GACpDO,IAAYD,KAAyB,GAAGF,CAAY,KAEpDI,IAAUC,EAA+Bb,CAAI,GAC7Cc,IAAcC,EAA8Bf,CAAI,GAChDgB,KAAUJ,IAAUE,KAAe,GACnCG,IAAgB,IAAI,KAAK,KAAKD,GAC9BE,IAAaD,KAAiB,IAAIT,IAAe;AAEvD,SACI,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAd;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,UAAA;AAAA,cAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,iBAAeX;AAAA,kBACf,iBAAe;AAAA,kBACf,iBAAe;AAAA,kBACf,kBAAgBG;AAAA,kBAChB,cAAYV,KAASC;AAAA,kBACrB,mBAAiBC;AAAA,kBACjB,SAAS,OAAOS,CAAO,IAAIA,CAAO;AAAA,kBAClC,WAAWS,EAAGC,EAAgB,SAAS,EAAE,MAAAtB,EAAA,CAAM,CAAC;AAAA,kBAEhD,UAAA;AAAA,oBAAA,gBAAAuB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,uBAAmB;AAAA,wBACnB,IAAIX,IAAU;AAAA,wBACd,IAAIA,IAAU;AAAA,wBACd,GAAGI;AAAA,wBACH,WAAWK,EAAGC,EAAgB,cAAc,EAAE,MAAAtB,GAAM,OAAAD,GAAO,CAAC;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEhE,gBAAAwB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,2BAAuB;AAAA,wBACvB,IAAIX,IAAU;AAAA,wBACd,IAAIA,IAAU;AAAA,wBACd,GAAGI;AAAA,wBACH,WAAWK,EAAGC,EAAgB,kBAAkB,EAAE,MAAAtB,GAAM,OAAAD,EAAA,CAAO,CAAC;AAAA,wBAChE,OAAO;AAAA,0BACH,iBAAiBkB;AAAA,0BACjB,kBAAkBC;AAAA,wBAAA;AAAA,sBACtB;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHR,KACG,gBAAAa;AAAA,gBAACH;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,OAAO,EAAE,OAAO,EAAA;AAAA,kBAEhB,UAAA,gBAAAG;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACG,IAAI;AAAA,sBACJ,SAAS;AAAA,sBACT,UAAUxB,MAAS,OAAO,OAAOA,MAAS,OAAO,OAAO;AAAA,sBACxD,YAAY;AAAA,sBACZ,OAAO;AAAA,sBAEN,UAAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPT,KACG,gBAAAsB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YAEN,UAAAvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDL,EAAiB,cAAc;"}
+{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/feedback/progress/CircularProgress.tsx"],"sourcesContent":["import {\r\n    PROGRESS_SIZE_TO_CIRCULAR_SIZE,\r\n    PROGRESS_SIZE_TO_STROKE_WIDTH,\r\n} from '@components/feedback/progress/constants'\r\nimport { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\nimport { clamp } from '@components/feedback/progress/utils/clamp.utils.ts'\r\n\r\n/**\r\n * Circular SVG `role=\"progressbar\"` with an optional center quantity label\r\n * and an outer text label. Shares `size` (xs|sm|md|lg|xl) and `color` tokens\r\n * with `Progress`. Requires an accessible name via `label`, `aria-label`, or\r\n * `aria-labelledby`.\r\n */\r\nconst CircularProgress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n    value,\r\n    color,\r\n    size = 'sm',\r\n    label,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    quantityLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const clampedValue = clamp(value)\r\n    const resolvedQuantityLabel =\r\n    quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n    const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n    const svgSize = PROGRESS_SIZE_TO_CIRCULAR_SIZE[size]\r\n    const strokeWidth = PROGRESS_SIZE_TO_STROKE_WIDTH[size]\r\n    const radius = (svgSize - strokeWidth) / 2\r\n    const circumference = 2 * Math.PI * radius\r\n    const dashOffset = circumference * (1 - clampedValue / 100)\r\n\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            display={'inline-flex'}\r\n            flexDirection={'column'}\r\n            alignItems={'center'}\r\n            justifyContent={'center'}\r\n            gap={'xs'}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Box\r\n                as={'div'}\r\n                position={'relative'}\r\n                display={'inline-flex'}\r\n                alignItems={'center'}\r\n                justifyContent={'center'}\r\n            >\r\n                <svg\r\n                    role={'progressbar'}\r\n                    aria-valuenow={clampedValue}\r\n                    aria-valuemin={0}\r\n                    aria-valuemax={100}\r\n                    aria-valuetext={valueText}\r\n                    aria-label={label ?? ariaLabel}\r\n                    aria-labelledby={ariaLabelledBy}\r\n                    viewBox={`0 0 ${svgSize} ${svgSize}`}\r\n                    className={cn(PROGRESS_STYLES.circular({ size }))}\r\n                >\r\n                    <circle\r\n                        data-progress-track\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularTrack({ size, color }))}\r\n                    />\r\n                    <circle\r\n                        data-progress-indicator\r\n                        cx={svgSize / 2}\r\n                        cy={svgSize / 2}\r\n                        r={radius}\r\n                        className={cn(PROGRESS_STYLES.circularIndicator({ size, color }))}\r\n                        style={{\r\n                            strokeDasharray: circumference,\r\n                            strokeDashoffset: dashOffset,\r\n                        }}\r\n                    />\r\n                </svg>\r\n                {resolvedQuantityLabel && (\r\n                    <Box\r\n                        as={'div'}\r\n                        position={'absolute'}\r\n                        display={'flex'}\r\n                        alignItems={'center'}\r\n                        justifyContent={'center'}\r\n                        style={{ inset: 0 }}\r\n                    >\r\n                        <Typography\r\n                            as={'span'}\r\n                            variant={'span'}\r\n                            fontSize={size === 'sm' ? 'xs' : size === 'lg' ? 'lg' : 'sm'}\r\n                            fontWeight={'semibold'}\r\n                            color={'text'}\r\n                        >\r\n                            {resolvedQuantityLabel}\r\n                        </Typography>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={'sm'}\r\n                    color={'textSecondary'}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Box>\r\n    )\r\n})\r\n\r\nCircularProgress.displayName = 'CircularProgress'\r\n\r\nexport default CircularProgress\r\n"],"names":["CircularProgress","memo","value","color","size","label","ariaLabel","ariaLabelledBy","quantityLabel","className","ref","props","clampedValue","clamp","resolvedQuantityLabel","valueText","svgSize","PROGRESS_SIZE_TO_CIRCULAR_SIZE","strokeWidth","PROGRESS_SIZE_TO_STROKE_WIDTH","radius","circumference","dashOffset","jsxs","Box","cn","PROGRESS_STYLES","jsx","Typography"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,IAA0CC,EAA0B,CAAC;AAAA,EACvE,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAeC,EAAMX,CAAK,GAC1BY,IACNN,MAAkB,KAAO,GAAG,KAAK,MAAMI,CAAY,CAAC,MAAMJ,GACpDO,IAAYD,KAAyB,GAAGF,CAAY,KAEpDI,IAAUC,EAA+Bb,CAAI,GAC7Cc,IAAcC,EAA8Bf,CAAI,GAChDgB,KAAUJ,IAAUE,KAAe,GACnCG,IAAgB,IAAI,KAAK,KAAKD,GAC9BE,IAAaD,KAAiB,IAAIT,IAAe;AAEvD,SACI,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAd;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,MACL,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,UAAA;AAAA,cAAA,gBAAAD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,iBAAeX;AAAA,kBACf,iBAAe;AAAA,kBACf,iBAAe;AAAA,kBACf,kBAAgBG;AAAA,kBAChB,cAAYV,KAASC;AAAA,kBACrB,mBAAiBC;AAAA,kBACjB,SAAS,OAAOS,CAAO,IAAIA,CAAO;AAAA,kBAClC,WAAWS,EAAGC,EAAgB,SAAS,EAAE,MAAAtB,EAAA,CAAM,CAAC;AAAA,kBAEhD,UAAA;AAAA,oBAAA,gBAAAuB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,uBAAmB;AAAA,wBACnB,IAAIX,IAAU;AAAA,wBACd,IAAIA,IAAU;AAAA,wBACd,GAAGI;AAAA,wBACH,WAAWK,EAAGC,EAAgB,cAAc,EAAE,MAAAtB,GAAM,OAAAD,GAAO,CAAC;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAEhE,gBAAAwB;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACG,2BAAuB;AAAA,wBACvB,IAAIX,IAAU;AAAA,wBACd,IAAIA,IAAU;AAAA,wBACd,GAAGI;AAAA,wBACH,WAAWK,EAAGC,EAAgB,kBAAkB,EAAE,MAAAtB,GAAM,OAAAD,EAAA,CAAO,CAAC;AAAA,wBAChE,OAAO;AAAA,0BACH,iBAAiBkB;AAAA,0BACjB,kBAAkBC;AAAA,wBAAA;AAAA,sBACtB;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEHR,KACG,gBAAAa;AAAA,gBAACH;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,OAAO,EAAE,OAAO,EAAA;AAAA,kBAEhB,UAAA,gBAAAG;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACG,IAAI;AAAA,sBACJ,SAAS;AAAA,sBACT,UAAUxB,MAAS,OAAO,OAAOA,MAAS,OAAO,OAAO;AAAA,sBACxD,YAAY;AAAA,sBACZ,OAAO;AAAA,sBAEN,UAAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACL;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPT,KACG,gBAAAsB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAU;AAAA,YACV,OAAO;AAAA,YAEN,UAAAvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDL,EAAiB,cAAc;"}