@choco-vanille/ui 1.6.0 → 1.7.1

package/dist/components/data-display/avatar/types/Avatar.props.d.ts

@@ -1,5 +1,6 @@
 import { Avatar } from '@base-ui/react/avatar';
 import { AvatarColor, AvatarShape, AvatarSize, AvatarStatus } from './Avatar.types.ts';
+import { IconComponent } from '../../../foundation/icon';
 import type * as React from 'react';
 export type AvatarProps = React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement> & {
     /** The URL of the image to display. */
@@ -8,8 +9,8 @@ export type AvatarProps = React.HTMLAttributes<HTMLSpanElement> & React.RefAttri
     alt?: string;
     /** Initials displayed when the image fails to load or is omitted. */
     initials?: string;
-    /** Iconify icon name displayed as a fallback when no initials are provided. */
-    icon?: string;
+    /** SVG component displayed as a fallback when no initials are provided. */
+    icon?: IconComponent;
     /** Size variant. Defaults to `md`. */
     size?: AvatarSize;
     /** Shape variant. Defaults to `circle`. */

package/dist/components/data-display/badge/Badge.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("./styles/Badge.css.cjs"),s=require("./constants/badgeSizes.const.cjs"),c=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const p=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const x=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const B=require("../../../utils/cn.cjs"),I=require("react"),o=I.memo(({label:t,variant:a,color:_,size:e="md",startIcon:i,endIcon:n,className:u,ref:q,display:E="inline-flex",borderRadius:S="sm",...m})=>r.jsxs(x,{as:"span",ref:q,display:E,borderRadius:S,className:B.cn(d.BADGE_STYLES.recipe({variant:a,color:_,size:e}),u),...m,children:[i&&r.jsx(c,{icon:i,size:s.BADGE_SIZE_TO_ICON_SIZE[e]}),r.jsx(p,{as:"span",variant:"span",fontSize:s.BADGE_SIZE_TO_FONT_SIZE[e],fontWeight:"medium",children:t}),n&&r.jsx(c,{icon:n,size:s.BADGE_SIZE_TO_ICON_SIZE[e]})]}));o.displayName="Badge";module.exports=o;
+"use strict";const s=require("react/jsx-runtime"),d=require("./styles/Badge.css.cjs"),r=require("./constants/badgeSizes.const.cjs"),c=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const p=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const x=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const B=require("../../../utils/cn.cjs"),I=require("react"),o=I.memo(({label:t,variant:a,color:_,size:e="md",startIcon:i,endIcon:n,className:u,ref:q,display:E="inline-flex",borderRadius:S="sm",...m})=>s.jsxs(x,{as:"span",ref:q,display:E,borderRadius:S,className:B.cn(d.BADGE_STYLES.recipe({variant:a,color:_,size:e}),u),...m,children:[i&&s.jsx(c,{icon:i,size:r.BADGE_SIZE_TO_ICON_SIZE[e]}),s.jsx(p,{as:"span",variant:"span",fontSize:r.BADGE_SIZE_TO_FONT_SIZE[e],fontWeight:"medium",children:t}),n&&s.jsx(c,{icon:n,size:r.BADGE_SIZE_TO_ICON_SIZE[e]})]}));o.displayName="Badge";module.exports=o;
 //# sourceMappingURL=Badge.cjs.map

package/dist/components/data-display/badge/styles/Badge.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit61.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var o={recipe:r.createRuntimeFn({defaultClassName:"mw901r0",variantClassNames:{size:{sm:"mw901r1",md:"mw901r2",lg:"mw901r3"},variant:{contained:"mw901r4",subtle:"mw901r5",outlined:"mw901r6",outlinedSubtle:"mw901r7"},color:{primary:"mw901r8",secondary:"mw901r9",tertiary:"mw901ra",destructive:"mw901rb",success:"mw901rc",warning:"mw901rd",info:"mw901re",purple:"mw901rf",pink:"mw901rg",orange:"mw901rh",teal:"mw901ri",cyan:"mw901rj",indigo:"mw901rk"}},defaultVariants:{variant:"outlinedSubtle",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"mw901rl"],[{variant:"contained",color:"secondary"},"mw901rm"],[{variant:"contained",color:"tertiary"},"mw901rn"],[{variant:"contained",color:"destructive"},"mw901ro"],[{variant:"contained",color:"success"},"mw901rp"],[{variant:"contained",color:"warning"},"mw901rq"],[{variant:"contained",color:"info"},"mw901rr"],[{variant:"contained",color:"purple"},"mw901rs"],[{variant:"contained",color:"pink"},"mw901rt"],[{variant:"contained",color:"orange"},"mw901ru"],[{variant:"contained",color:"teal"},"mw901rv"],[{variant:"contained",color:"cyan"},"mw901rw"],[{variant:"contained",color:"indigo"},"mw901rx"],[{variant:"subtle",color:"primary"},"mw901ry"],[{variant:"subtle",color:"secondary"},"mw901rz"],[{variant:"subtle",color:"tertiary"},"mw901r10"],[{variant:"subtle",color:"destructive"},"mw901r11"],[{variant:"subtle",color:"success"},"mw901r12"],[{variant:"subtle",color:"warning"},"mw901r13"],[{variant:"subtle",color:"info"},"mw901r14"],[{variant:"subtle",color:"purple"},"mw901r15"],[{variant:"subtle",color:"pink"},"mw901r16"],[{variant:"subtle",color:"orange"},"mw901r17"],[{variant:"subtle",color:"teal"},"mw901r18"],[{variant:"subtle",color:"cyan"},"mw901r19"],[{variant:"subtle",color:"indigo"},"mw901r1a"],[{variant:"outlined",color:"primary"},"mw901r1b"],[{variant:"outlined",color:"secondary"},"mw901r1c"],[{variant:"outlined",color:"tertiary"},"mw901r1d"],[{variant:"outlined",color:"destructive"},"mw901r1e"],[{variant:"outlined",color:"success"},"mw901r1f"],[{variant:"outlined",color:"warning"},"mw901r1g"],[{variant:"outlined",color:"info"},"mw901r1h"],[{variant:"outlined",color:"purple"},"mw901r1i"],[{variant:"outlined",color:"pink"},"mw901r1j"],[{variant:"outlined",color:"orange"},"mw901r1k"],[{variant:"outlined",color:"teal"},"mw901r1l"],[{variant:"outlined",color:"cyan"},"mw901r1m"],[{variant:"outlined",color:"indigo"},"mw901r1n"],[{variant:"outlinedSubtle",color:"primary"},"mw901r1o"],[{variant:"outlinedSubtle",color:"secondary"},"mw901r1p"],[{variant:"outlinedSubtle",color:"tertiary"},"mw901r1q"],[{variant:"outlinedSubtle",color:"destructive"},"mw901r1r"],[{variant:"outlinedSubtle",color:"success"},"mw901r1s"],[{variant:"outlinedSubtle",color:"warning"},"mw901r1t"],[{variant:"outlinedSubtle",color:"info"},"mw901r1u"],[{variant:"outlinedSubtle",color:"purple"},"mw901r1v"],[{variant:"outlinedSubtle",color:"pink"},"mw901r1w"],[{variant:"outlinedSubtle",color:"orange"},"mw901r1x"],[{variant:"outlinedSubtle",color:"teal"},"mw901r1y"],[{variant:"outlinedSubtle",color:"cyan"},"mw901r1z"],[{variant:"outlinedSubtle",color:"indigo"},"mw901r20"]]})};exports.BADGE_STYLES=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit56.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var o={recipe:r.createRuntimeFn({defaultClassName:"mw901r0",variantClassNames:{size:{sm:"mw901r1",md:"mw901r2",lg:"mw901r3"},variant:{contained:"mw901r4",subtle:"mw901r5",outlined:"mw901r6",outlinedSubtle:"mw901r7"},color:{primary:"mw901r8",secondary:"mw901r9",tertiary:"mw901ra",destructive:"mw901rb",success:"mw901rc",warning:"mw901rd",info:"mw901re",purple:"mw901rf",pink:"mw901rg",orange:"mw901rh",teal:"mw901ri",cyan:"mw901rj",indigo:"mw901rk"}},defaultVariants:{variant:"outlinedSubtle",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"mw901rl"],[{variant:"contained",color:"secondary"},"mw901rm"],[{variant:"contained",color:"tertiary"},"mw901rn"],[{variant:"contained",color:"destructive"},"mw901ro"],[{variant:"contained",color:"success"},"mw901rp"],[{variant:"contained",color:"warning"},"mw901rq"],[{variant:"contained",color:"info"},"mw901rr"],[{variant:"contained",color:"purple"},"mw901rs"],[{variant:"contained",color:"pink"},"mw901rt"],[{variant:"contained",color:"orange"},"mw901ru"],[{variant:"contained",color:"teal"},"mw901rv"],[{variant:"contained",color:"cyan"},"mw901rw"],[{variant:"contained",color:"indigo"},"mw901rx"],[{variant:"subtle",color:"primary"},"mw901ry"],[{variant:"subtle",color:"secondary"},"mw901rz"],[{variant:"subtle",color:"tertiary"},"mw901r10"],[{variant:"subtle",color:"destructive"},"mw901r11"],[{variant:"subtle",color:"success"},"mw901r12"],[{variant:"subtle",color:"warning"},"mw901r13"],[{variant:"subtle",color:"info"},"mw901r14"],[{variant:"subtle",color:"purple"},"mw901r15"],[{variant:"subtle",color:"pink"},"mw901r16"],[{variant:"subtle",color:"orange"},"mw901r17"],[{variant:"subtle",color:"teal"},"mw901r18"],[{variant:"subtle",color:"cyan"},"mw901r19"],[{variant:"subtle",color:"indigo"},"mw901r1a"],[{variant:"outlined",color:"primary"},"mw901r1b"],[{variant:"outlined",color:"secondary"},"mw901r1c"],[{variant:"outlined",color:"tertiary"},"mw901r1d"],[{variant:"outlined",color:"destructive"},"mw901r1e"],[{variant:"outlined",color:"success"},"mw901r1f"],[{variant:"outlined",color:"warning"},"mw901r1g"],[{variant:"outlined",color:"info"},"mw901r1h"],[{variant:"outlined",color:"purple"},"mw901r1i"],[{variant:"outlined",color:"pink"},"mw901r1j"],[{variant:"outlined",color:"orange"},"mw901r1k"],[{variant:"outlined",color:"teal"},"mw901r1l"],[{variant:"outlined",color:"cyan"},"mw901r1m"],[{variant:"outlined",color:"indigo"},"mw901r1n"],[{variant:"outlinedSubtle",color:"primary"},"mw901r1o"],[{variant:"outlinedSubtle",color:"secondary"},"mw901r1p"],[{variant:"outlinedSubtle",color:"tertiary"},"mw901r1q"],[{variant:"outlinedSubtle",color:"destructive"},"mw901r1r"],[{variant:"outlinedSubtle",color:"success"},"mw901r1s"],[{variant:"outlinedSubtle",color:"warning"},"mw901r1t"],[{variant:"outlinedSubtle",color:"info"},"mw901r1u"],[{variant:"outlinedSubtle",color:"purple"},"mw901r1v"],[{variant:"outlinedSubtle",color:"pink"},"mw901r1w"],[{variant:"outlinedSubtle",color:"orange"},"mw901r1x"],[{variant:"outlinedSubtle",color:"teal"},"mw901r1y"],[{variant:"outlinedSubtle",color:"cyan"},"mw901r1z"],[{variant:"outlinedSubtle",color:"indigo"},"mw901r20"]]})};exports.BADGE_STYLES=o;
 //# sourceMappingURL=Badge.css.cjs.map

package/dist/components/data-display/badge/styles/Badge.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit61.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit56.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var n = { recipe: r({ defaultClassName: "mw901r0", variantClassNames: { size: { sm: "mw901r1", md: "mw901r2", lg: "mw901r3" }, variant: { contained: "mw901r4", subtle: "mw901r5", outlined: "mw901r6", outlinedSubtle: "mw901r7" }, color: { primary: "mw901r8", secondary: "mw901r9", tertiary: "mw901ra", destructive: "mw901rb", success: "mw901rc", warning: "mw901rd", info: "mw901re", purple: "mw901rf", pink: "mw901rg", orange: "mw901rh", teal: "mw901ri", cyan: "mw901rj", indigo: "mw901rk" } }, defaultVariants: { variant: "outlinedSubtle", color: "primary", size: "md" }, compoundVariants: [[{ variant: "contained", color: "primary" }, "mw901rl"], [{ variant: "contained", color: "secondary" }, "mw901rm"], [{ variant: "contained", color: "tertiary" }, "mw901rn"], [{ variant: "contained", color: "destructive" }, "mw901ro"], [{ variant: "contained", color: "success" }, "mw901rp"], [{ variant: "contained", color: "warning" }, "mw901rq"], [{ variant: "contained", color: "info" }, "mw901rr"], [{ variant: "contained", color: "purple" }, "mw901rs"], [{ variant: "contained", color: "pink" }, "mw901rt"], [{ variant: "contained", color: "orange" }, "mw901ru"], [{ variant: "contained", color: "teal" }, "mw901rv"], [{ variant: "contained", color: "cyan" }, "mw901rw"], [{ variant: "contained", color: "indigo" }, "mw901rx"], [{ variant: "subtle", color: "primary" }, "mw901ry"], [{ variant: "subtle", color: "secondary" }, "mw901rz"], [{ variant: "subtle", color: "tertiary" }, "mw901r10"], [{ variant: "subtle", color: "destructive" }, "mw901r11"], [{ variant: "subtle", color: "success" }, "mw901r12"], [{ variant: "subtle", color: "warning" }, "mw901r13"], [{ variant: "subtle", color: "info" }, "mw901r14"], [{ variant: "subtle", color: "purple" }, "mw901r15"], [{ variant: "subtle", color: "pink" }, "mw901r16"], [{ variant: "subtle", color: "orange" }, "mw901r17"], [{ variant: "subtle", color: "teal" }, "mw901r18"], [{ variant: "subtle", color: "cyan" }, "mw901r19"], [{ variant: "subtle", color: "indigo" }, "mw901r1a"], [{ variant: "outlined", color: "primary" }, "mw901r1b"], [{ variant: "outlined", color: "secondary" }, "mw901r1c"], [{ variant: "outlined", color: "tertiary" }, "mw901r1d"], [{ variant: "outlined", color: "destructive" }, "mw901r1e"], [{ variant: "outlined", color: "success" }, "mw901r1f"], [{ variant: "outlined", color: "warning" }, "mw901r1g"], [{ variant: "outlined", color: "info" }, "mw901r1h"], [{ variant: "outlined", color: "purple" }, "mw901r1i"], [{ variant: "outlined", color: "pink" }, "mw901r1j"], [{ variant: "outlined", color: "orange" }, "mw901r1k"], [{ variant: "outlined", color: "teal" }, "mw901r1l"], [{ variant: "outlined", color: "cyan" }, "mw901r1m"], [{ variant: "outlined", color: "indigo" }, "mw901r1n"], [{ variant: "outlinedSubtle", color: "primary" }, "mw901r1o"], [{ variant: "outlinedSubtle", color: "secondary" }, "mw901r1p"], [{ variant: "outlinedSubtle", color: "tertiary" }, "mw901r1q"], [{ variant: "outlinedSubtle", color: "destructive" }, "mw901r1r"], [{ variant: "outlinedSubtle", color: "success" }, "mw901r1s"], [{ variant: "outlinedSubtle", color: "warning" }, "mw901r1t"], [{ variant: "outlinedSubtle", color: "info" }, "mw901r1u"], [{ variant: "outlinedSubtle", color: "purple" }, "mw901r1v"], [{ variant: "outlinedSubtle", color: "pink" }, "mw901r1w"], [{ variant: "outlinedSubtle", color: "orange" }, "mw901r1x"], [{ variant: "outlinedSubtle", color: "teal" }, "mw901r1y"], [{ variant: "outlinedSubtle", color: "cyan" }, "mw901r1z"], [{ variant: "outlinedSubtle", color: "indigo" }, "mw901r20"]] }) };

package/dist/components/data-display/badge/types/Badge.props.d.ts

@@ -1,5 +1,6 @@
 import { BoxProps } from '../../../layout/box';
 import { BadgeColor, BadgeSize, BadgeVariant } from './Badge.types.ts';
+import { IconComponent } from '../../../foundation/icon';
 import type * as React from 'react';
 export type BadgeProps = Omit<BoxProps, 'as' | 'children' | 'ref'> & {
     /** Ref forwarded to the underlying `<span>` element. */
@@ -12,8 +13,8 @@ export type BadgeProps = Omit<BoxProps, 'as' | 'children' | 'ref'> & {
     color?: BadgeColor;
     /** Size variant. Defaults to `md`. */
     size?: BadgeSize;
-    /** Iconify icon name rendered before the label. Size is derived from the Badge size. */
-    startIcon?: string;
-    /** Iconify icon name rendered after the label. Size is derived from the Badge size. */
-    endIcon?: string;
+    /** SVG component rendered before the label. */
+    startIcon?: IconComponent;
+    /** SVG component rendered after the label. */
+    endIcon?: IconComponent;
 };

package/dist/components/data-display/rich-text-renderer/RichTextRenderer.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),o=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const R=require("../../../utils/cn.cjs"),u=require("./styles/RichTextRenderer.css.cjs"),d=require("./utils/renderRichTextNodes.utils.cjs"),e=i.memo(({value:r,className:c,ref:s,...t})=>n.jsx(o,{ref:s,className:R.cn(u.RICH_TEXT_RENDERER_STYLES,c),...t,children:d.renderRichTextNodes(r.content)}));e.displayName="RichTextRenderer";module.exports=e;
+"use strict";const n=require("react/jsx-runtime"),i=require("react"),R=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const o=require("../../../utils/cn.cjs"),u=require("./styles/RichTextRenderer.css.cjs"),d=require("./utils/renderRichTextNodes.utils.cjs"),e=i.memo(({value:r,className:c,ref:s,...t})=>n.jsx(R,{ref:s,className:o.cn(u.RICH_TEXT_RENDERER_STYLES,c),...t,children:d.renderRichTextNodes(r.content)}));e.displayName="RichTextRenderer";module.exports=e;
 //# sourceMappingURL=RichTextRenderer.cjs.map

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.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="_14fy7o60";exports.RICH_TEXT_RENDERER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit62.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                      */var e="_14fy7o60";exports.RICH_TEXT_RENDERER_STYLES=e;
 //# sourceMappingURL=RichTextRenderer.css.cjs.map

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit16.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit62.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                    */
 var r = "_14fy7o60";
 export {

package/dist/components/data-display/table/components/table-body/TableBody.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),a=require("./styles/TableBody.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:o,...r})=>t.jsx("tbody",{ref:o,className:n.cn(a.TABLE_BODY_STYLES.root,s),...r}));e.displayName="Table.Body";module.exports=e;
+"use strict";const c=require("react/jsx-runtime"),r=require("react"),a=require("./styles/TableBody.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=r.memo(({className:s,ref:o,...t})=>c.jsx("tbody",{ref:o,className:n.cn(a.TABLE_BODY_STYLES.root,s),...t}));e.displayName="Table.Body";module.exports=e;
 //# sourceMappingURL=TableBody.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit76.css');;/* empty css                               */var e={root:"_16oss8w0"};exports.TABLE_BODY_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit88.css');;/* empty css                               */var e={root:"_16oss8w0"};exports.TABLE_BODY_STYLES=e;
 //# sourceMappingURL=TableBody.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit76.css';/* empty css                             */
+import '../../../../../../ui-kit88.css';/* empty css                             */
 var r = { root: "_16oss8w0" };
 export {
   r as TABLE_BODY_STYLES

package/dist/components/data-display/table/components/table-caption/TableCaption.cjs

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),c=require("react"),n=require("./styles/TableCaption.css.cjs"),r=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:t,...o})=>a.jsx("caption",{ref:t,className:r.cn(n.TABLE_CAPTION_STYLES.root,s),...o}));e.displayName="Table.Caption";module.exports=e;
+"use strict";const a=require("react/jsx-runtime"),c=require("react"),n=require("./styles/TableCaption.css.cjs"),i=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:t,...o})=>a.jsx("caption",{ref:t,className:i.cn(n.TABLE_CAPTION_STYLES.root,s),...o}));e.displayName="Table.Caption";module.exports=e;
 //# sourceMappingURL=TableCaption.cjs.map

package/dist/components/data-display/table/components/table-caption/styles/TableCaption.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                                  */var e={root:"_1950t4m0"};exports.TABLE_CAPTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit58.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1950t4m0"};exports.TABLE_CAPTION_STYLES=e;
 //# sourceMappingURL=TableCaption.css.cjs.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');require('../../../../../../ui-kit22.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1x19plz0",variantClassNames:{align:{left:"_1x19plz1",center:"_1x19plz2",right:"_1x19plz3"}},defaultVariants:{align:"left"},compoundVariants:[]}),truncate:"_1x19plz4",numeric:"_1x19plz5"};exports.TABLE_CELL_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit30.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1x19plz0",variantClassNames:{align:{left:"_1x19plz1",center:"_1x19plz2",right:"_1x19plz3"}},defaultVariants:{align:"left"},compoundVariants:[]}),truncate:"_1x19plz4",numeric:"_1x19plz5"};exports.TABLE_CELL_STYLES=r;
 //# sourceMappingURL=TableCell.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit79.css';import '../../../../../../ui-kit22.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit30.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-col/TableCol.cjs

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("react"),e=i.memo(({width:s,minWidth:t,maxWidth:o,style:l,ref:r,...c})=>a.jsx("col",{ref:r,style:{width:s,minWidth:t,maxWidth:o,...l},...c}));e.displayName="Table.Col";module.exports=e;
+"use strict";const a=require("react/jsx-runtime"),i=require("react"),e=i.memo(({width:s,minWidth:t,maxWidth:o,style:l,ref:c,...r})=>a.jsx("col",{ref:c,style:{width:s,minWidth:t,maxWidth:o,...l},...r}));e.displayName="Table.Col";module.exports=e;
 //# sourceMappingURL=TableCol.cjs.map

package/dist/components/data-display/table/components/table-footer/TableFooter.cjs

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("react"),a=require("./styles/TableFooter.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:o,ref:t,...r})=>s.jsx("tfoot",{ref:t,className:n.cn(a.TABLE_FOOTER_STYLES.root,o),...r}));e.displayName="Table.Footer";module.exports=e;
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),a=require("./styles/TableFooter.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:o,ref:t,...s})=>r.jsx("tfoot",{ref:t,className:n.cn(a.TABLE_FOOTER_STYLES.root,o),...s}));e.displayName="Table.Footer";module.exports=e;
 //# sourceMappingURL=TableFooter.cjs.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit95.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_48ilzc0"};exports.TABLE_FOOTER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit83.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_48ilzc0"};exports.TABLE_FOOTER_STYLES=e;
 //# sourceMappingURL=TableFooter.css.cjs.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("react"),L=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const o=require("../../../../../constants/icons.cjs"),n=require("./styles/TableHead.css.cjs"),d=require("../../../../../utils/cn.cjs"),p={none:o.IconRegistry.sort,asc:o.IconRegistry.sortAsc,desc:o.IconRegistry.sortDesc},H={asc:"ascending",desc:"descending",none:"none"},E=i.memo(({align:T,sortable:s,sortDirection:e,children:t,className:S,ref:u,onKeyDown:a,...A})=>{const _=e==="asc"||e==="desc",l=i.useCallback(c=>{s&&(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.currentTarget.click()),a?.(c)},[s,a]);return r.jsx("th",{scope:"col",tabIndex:s?0:void 0,...A,ref:u,"aria-sort":e?H[e]:void 0,onKeyDown:s||a?l:void 0,className:d.cn(n.TABLE_HEAD_STYLES.recipe({align:T}),s&&n.TABLE_HEAD_STYLES.sortable,S),children:e!==void 0?r.jsxs("span",{className:n.TABLE_HEAD_STYLES.sortWrapper,children:[t,r.jsx(L,{icon:p[e],size:"xs",className:d.cn(n.TABLE_HEAD_STYLES.sortIcon,_&&n.TABLE_HEAD_STYLES.sortIconActive)})]}):t})});E.displayName="Table.Head";module.exports=E;
+"use strict";const r=require("react/jsx-runtime"),t=require("react"),l=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const L=require("../../../../../resources/asset/SortAscIcon.svg.cjs"),p=require("../../../../../resources/asset/SortDescIcon.svg.cjs"),q=require("../../../../../resources/asset/SortIcon.svg.cjs"),n=require("./styles/TableHead.css.cjs"),i=require("../../../../../utils/cn.cjs"),H={none:q,asc:L,desc:p},I={asc:"ascending",desc:"descending",none:"none"},d=t.memo(({align:S,sortable:c,sortDirection:e,children:o,className:E,ref:u,onKeyDown:a,...T})=>{const A=e==="asc"||e==="desc",_=t.useCallback(s=>{c&&(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),s.currentTarget.click()),a?.(s)},[c,a]);return r.jsx("th",{scope:"col",tabIndex:c?0:void 0,...T,ref:u,"aria-sort":e?I[e]:void 0,onKeyDown:c||a?_:void 0,className:i.cn(n.TABLE_HEAD_STYLES.recipe({align:S}),c&&n.TABLE_HEAD_STYLES.sortable,E),children:e!==void 0?r.jsxs("span",{className:n.TABLE_HEAD_STYLES.sortWrapper,children:[o,r.jsx(l,{icon:H[e],size:"xs",className:i.cn(n.TABLE_HEAD_STYLES.sortIcon,A&&n.TABLE_HEAD_STYLES.sortIconActive)})]}):o})});d.displayName="Table.Head";module.exports=d;
 //# sourceMappingURL=TableHead.cjs.map

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\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"}
+{"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, type IconComponent } from '@components/foundation/icon'\r\nimport SortAscIcon from '@resources/asset/SortAscIcon.svg?react'\r\nimport SortDescIcon from '@resources/asset/SortDescIcon.svg?react'\r\nimport SortIcon from '@resources/asset/SortIcon.svg?react'\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, IconComponent> = {\r\n    none: SortIcon,\r\n    asc: SortAscIcon,\r\n    desc: SortDescIcon,\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","SortIcon","SortAscIcon","SortDescIcon","ariaSortMap","TableHead","memo","align","sortable","sortDirection","children","className","ref","onKeyDown","props","isActiveSort","handleKeyDown","useCallback","e","jsx","cn","TABLE_HEAD_STYLES","jsxs","Icon"],"mappings":"ucAaMA,EAAwD,CAC1D,KAAMC,EACN,IAAKC,EACL,KAAMC,CACV,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,KAAMvB,EAAWS,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.js

@@ -1,64 +1,66 @@
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-import { memo as S, useCallback as T } from "react";
-import u from "../../../../foundation/icon/Icon.js";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { memo as v, useCallback as I } from "react";
+import g from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as r } from "../../../../../constants/icons.js";
-import { TABLE_HEAD_STYLES as o } from "./styles/TableHead.css.js";
+import T from "../../../../../resources/asset/SortAscIcon.svg.js";
+import u from "../../../../../resources/asset/SortDescIcon.svg.js";
+import x from "../../../../../resources/asset/SortIcon.svg.js";
+import { TABLE_HEAD_STYLES as a } from "./styles/TableHead.css.js";
 import { cn as m } from "../../../../../utils/cn.js";
-const x = {
-  none: r.sort,
-  asc: r.sortAsc,
-  desc: r.sortDesc
-}, A = {
+const A = {
+  none: x,
+  asc: T,
+  desc: u
+}, N = {
   asc: "ascending",
   desc: "descending",
   none: "none"
-}, N = S(({
-  align: d,
-  sortable: e,
-  sortDirection: s,
-  children: n,
-  className: i,
-  ref: p,
-  onKeyDown: a,
-  ...l
+}, k = v(({
+  align: t,
+  sortable: c,
+  sortDirection: o,
+  children: r,
+  className: p,
+  ref: d,
+  onKeyDown: s,
+  ...i
 }) => {
-  const f = s === "asc" || s === "desc", v = T((c) => {
-    e && (c.key === "Enter" || c.key === " ") && (c.preventDefault(), c.currentTarget.click()), a?.(c);
-  }, [e, a]);
-  return /* @__PURE__ */ t(
+  const S = o === "asc" || o === "desc", f = I((e) => {
+    c && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click()), s?.(e);
+  }, [c, s]);
+  return /* @__PURE__ */ n(
     "th",
     {
       scope: "col",
-      tabIndex: e ? 0 : void 0,
-      ...l,
-      ref: p,
-      "aria-sort": s ? A[s] : void 0,
-      onKeyDown: e || a ? v : void 0,
+      tabIndex: c ? 0 : void 0,
+      ...i,
+      ref: d,
+      "aria-sort": o ? N[o] : void 0,
+      onKeyDown: c || s ? f : void 0,
       className: m(
-        o.recipe({ align: d }),
-        e && o.sortable,
-        i
+        a.recipe({ align: t }),
+        c && a.sortable,
+        p
       ),
-      children: s !== void 0 ? /* @__PURE__ */ I("span", { className: o.sortWrapper, children: [
-        n,
-        /* @__PURE__ */ t(
-          u,
+      children: o !== void 0 ? /* @__PURE__ */ l("span", { className: a.sortWrapper, children: [
+        r,
+        /* @__PURE__ */ n(
+          g,
           {
-            icon: x[s],
+            icon: A[o],
             size: "xs",
             className: m(
-              o.sortIcon,
-              f && o.sortIconActive
+              a.sortIcon,
+              S && a.sortIconActive
             )
           }
         )
-      ] }) : n
+      ] }) : r
     }
   );
 });
-N.displayName = "Table.Head";
+k.displayName = "Table.Head";
 export {
-  N as default
+  k as default
 };
 //# sourceMappingURL=TableHead.js.map

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\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;"}
+{"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, type IconComponent } from '@components/foundation/icon'\r\nimport SortAscIcon from '@resources/asset/SortAscIcon.svg?react'\r\nimport SortDescIcon from '@resources/asset/SortDescIcon.svg?react'\r\nimport SortIcon from '@resources/asset/SortIcon.svg?react'\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, IconComponent> = {\r\n    none: SortIcon,\r\n    asc: SortAscIcon,\r\n    desc: SortDescIcon,\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","SortIcon","SortAscIcon","SortDescIcon","ariaSortMap","TableHead","memo","align","sortable","sortDirection","children","className","ref","onKeyDown","props","isActiveSort","handleKeyDown","useCallback","jsx","cn","TABLE_HEAD_STYLES","jsxs","Icon"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAwD;AAAA,EAC1D,MAAMC;AAAAA,EACN,KAAKC;AAAAA,EACL,MAAMC;AACV,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,CAAC,MAA2C;AAC1E,IAAIT,MAAa,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC5C,EAAE,eAAA,GACF,EAAE,cAAc,MAAA,IAEpBK,IAAY,CAAC;AAAA,EACjB,GAAG,CAACL,GAAUK,CAAS,CAAC;AAExB,SACI,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,OAAO;AAAA,MACP,UAAUV,IAAW,IAAI;AAAA,MACxB,GAAGM;AAAA,MACJ,KAAAF;AAAA,MACA,aAAWH,IAAgBL,EAAYK,CAAa,IAAI;AAAA,MACxD,WAAWD,KAAYK,IAAYG,IAAgB;AAAA,MACnD,WAAWG;AAAA,QACPC,EAAkB,OAAO,EAAE,OAAAb,GAAO;AAAA,QAClCC,KAAYY,EAAkB;AAAA,QAC9BT;AAAA,MAAA;AAAA,MAGH,gBAAkB,SACf,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAkB,aAC9B,UAAA;AAAA,QAAAV;AAAA,QACD,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAMtB,EAAWS,CAAa;AAAA,YAC9B,MAAM;AAAA,YACN,WAAWU;AAAA,cACPC,EAAkB;AAAA,cAClBL,KAAgBK,EAAkB;AAAA,YAAA;AAAA,UACtC;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAEAV;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-kit73.css');require('../../../../../../ui-kit22.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-kit63.css');require('../../../../../../ui-kit30.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-kit73.css';import '../../../../../../ui-kit22.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit63.css';import '../../../../../../ui-kit30.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

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),o=require("./styles/TableHeader.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:r,ref:s,...a})=>t.jsx("thead",{ref:s,className:n.cn(o.TABLE_HEADER_STYLES.root,r),...a}));e.displayName="Table.Header";module.exports=e;
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),o=require("./styles/TableHeader.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:r,...a})=>t.jsx("thead",{ref:r,className:n.cn(o.TABLE_HEADER_STYLES.root,s),...a}));e.displayName="Table.Header";module.exports=e;
 //# sourceMappingURL=TableHeader.cjs.map

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-kit86.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-kit69.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-kit86.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit69.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

@@ -1,2 +1,2 @@
-"use strict";const m=require("react/jsx-runtime"),n=require("react"),R=require("./styles/TableRow.css.cjs"),k=require("../../../../../utils/cn.cjs"),o=n.memo(({hoverable:s,selectable:r,selected:e,intent:i,className:c,ref:u,onKeyDown:a,...d})=>{const T=n.useCallback(t=>{r&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click()),a?.(t)},[r,a]);return m.jsx("tr",{ref:u,"data-intent":i,"aria-selected":r?e??!1:void 0,tabIndex:r?0:void 0,onKeyDown:r||a?T:void 0,className:k.cn(R.TABLE_ROW_STYLES.recipe({hoverable:s,selectable:r,selected:e,intent:i}),c),...d})});o.displayName="Table.Row";module.exports=o;
+"use strict";const T=require("react/jsx-runtime"),n=require("react"),m=require("./styles/TableRow.css.cjs"),k=require("../../../../../utils/cn.cjs"),o=n.memo(({hoverable:s,selectable:r,selected:e,intent:i,className:c,ref:u,onKeyDown:a,...d})=>{const R=n.useCallback(t=>{r&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click()),a?.(t)},[r,a]);return T.jsx("tr",{ref:u,"data-intent":i,"aria-selected":r?e??!1:void 0,tabIndex:r?0:void 0,onKeyDown:r||a?R:void 0,className:k.cn(m.TABLE_ROW_STYLES.recipe({hoverable:s,selectable:r,selected:e,intent:i}),c),...d})});o.displayName="Table.Row";module.exports=o;
 //# sourceMappingURL=TableRow.cjs.map

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-kit75.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-kit92.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-kit75.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit92.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-kit22.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-kit30.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-kit22.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit30.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/components/callout-icon/styles/CalloutIcon.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit140.css');;/* empty css                                 */var e={icon:"kygxdi0"};exports.CALLOUT_ICON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit116.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-kit140.css';/* empty css                               */
+import '../../../../../../ui-kit116.css';/* empty css                               */
 var o = { icon: "kygxdi0" };
 export {
   o as CALLOUT_ICON_STYLES

package/dist/components/feedback/callout/constants/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../constants/icons.cjs"),s={info:r.IconRegistry.info,success:r.IconRegistry.success,warning:r.IconRegistry.warning,error:r.IconRegistry.error},e={info:"info",success:"success",warning:"warning",error:"destructive"};exports.VARIANT_TO_COLOR=e;exports.VARIANT_TO_ICON=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../resources/asset/CircleCheckIcon.svg.cjs"),e=require("../../../../resources/asset/CircleErrorIcon.svg.cjs"),n=require("../../../../resources/asset/InfoIcon.svg.cjs"),c=require("../../../../resources/asset/TriangleAlertIcon.svg.cjs"),o={info:n,success:r,warning:c,error:e},s={info:"info",success:"success",warning:"warning",error:"destructive"};exports.VARIANT_TO_COLOR=s;exports.VARIANT_TO_ICON=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/feedback/callout/constants/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/components/feedback/callout/constants/index.ts"],"sourcesContent":["import { IconRegistry } from '@constants/icons'\r\nimport type { CalloutVariant } from '@components/feedback/callout/types/Callout.types.ts'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport const VARIANT_TO_ICON: Record<CalloutVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<CalloutVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":"mIAIaA,EAAkD,CAC3D,KAAMC,EAAAA,aAAa,KACnB,QAASA,EAAAA,aAAa,QACtB,QAASA,EAAAA,aAAa,QACtB,MAAOA,EAAAA,aAAa,KACxB,EAEaC,EAAuD,CAChE,KAAM,OACN,QAAS,UACT,QAAS,UACT,MAAO,aACX"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/feedback/callout/constants/index.ts"],"sourcesContent":["import CircleCheckIcon from '@resources/asset/CircleCheckIcon.svg?react'\r\nimport CircleErrorIcon from '@resources/asset/CircleErrorIcon.svg?react'\r\nimport InfoIcon from '@resources/asset/InfoIcon.svg?react'\r\nimport TriangleAlertIcon from '@resources/asset/TriangleAlertIcon.svg?react'\r\nimport type { CalloutVariant } from '@components/feedback/callout/types/Callout.types.ts'\r\nimport type { ThemeColor } from '@theme'\r\nimport type { IconComponent } from '@components/foundation/icon'\r\n\r\nexport const VARIANT_TO_ICON: Record<CalloutVariant, IconComponent> = {\r\n    info: InfoIcon,\r\n    success: CircleCheckIcon,\r\n    warning: TriangleAlertIcon,\r\n    error: CircleErrorIcon,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<CalloutVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","InfoIcon","CircleCheckIcon","TriangleAlertIcon","CircleErrorIcon","VARIANT_TO_COLOR"],"mappings":"qVAQaA,EAAyD,CAClE,KAAMC,EACN,QAASC,EACT,QAASC,EACT,MAAOC,CACX,EAEaC,EAAuD,CAChE,KAAM,OACN,QAAS,UACT,QAAS,UACT,MAAO,aACX"}

package/dist/components/feedback/callout/constants/index.d.ts

@@ -1,4 +1,5 @@
 import { CalloutVariant } from '../types/Callout.types.ts';
 import { ThemeColor } from '../../../../theme';
-export declare const VARIANT_TO_ICON: Record<CalloutVariant, string>;
+import { IconComponent } from '../../../foundation/icon';
+export declare const VARIANT_TO_ICON: Record<CalloutVariant, IconComponent>;
 export declare const VARIANT_TO_COLOR: Record<CalloutVariant, ThemeColor>;

package/dist/components/feedback/callout/constants/index.js

@@ -1,17 +1,20 @@
-import { IconRegistry as r } from "../../../../constants/icons.js";
-const n = {
-  info: r.info,
-  success: r.success,
-  warning: r.warning,
-  error: r.error
-}, o = {
+import r from "../../../../resources/asset/CircleCheckIcon.svg.js";
+import o from "../../../../resources/asset/CircleErrorIcon.svg.js";
+import n from "../../../../resources/asset/InfoIcon.svg.js";
+import c from "../../../../resources/asset/TriangleAlertIcon.svg.js";
+const f = {
+  info: n,
+  success: r,
+  warning: c,
+  error: o
+}, g = {
   info: "info",
   success: "success",
   warning: "warning",
   error: "destructive"
 };
 export {
-  o as VARIANT_TO_COLOR,
-  n as VARIANT_TO_ICON
+  g as VARIANT_TO_COLOR,
+  f as VARIANT_TO_ICON
 };
 //# sourceMappingURL=index.js.map

package/dist/components/feedback/callout/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/feedback/callout/constants/index.ts"],"sourcesContent":["import { IconRegistry } from '@constants/icons'\r\nimport type { CalloutVariant } from '@components/feedback/callout/types/Callout.types.ts'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport const VARIANT_TO_ICON: Record<CalloutVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<CalloutVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":";AAIO,MAAMA,IAAkD;AAAA,EAC3D,MAAMC,EAAa;AAAA,EACnB,SAASA,EAAa;AAAA,EACtB,SAASA,EAAa;AAAA,EACtB,OAAOA,EAAa;AACxB,GAEaC,IAAuD;AAAA,EAChE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/feedback/callout/constants/index.ts"],"sourcesContent":["import CircleCheckIcon from '@resources/asset/CircleCheckIcon.svg?react'\r\nimport CircleErrorIcon from '@resources/asset/CircleErrorIcon.svg?react'\r\nimport InfoIcon from '@resources/asset/InfoIcon.svg?react'\r\nimport TriangleAlertIcon from '@resources/asset/TriangleAlertIcon.svg?react'\r\nimport type { CalloutVariant } from '@components/feedback/callout/types/Callout.types.ts'\r\nimport type { ThemeColor } from '@theme'\r\nimport type { IconComponent } from '@components/foundation/icon'\r\n\r\nexport const VARIANT_TO_ICON: Record<CalloutVariant, IconComponent> = {\r\n    info: InfoIcon,\r\n    success: CircleCheckIcon,\r\n    warning: TriangleAlertIcon,\r\n    error: CircleErrorIcon,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<CalloutVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","InfoIcon","CircleCheckIcon","TriangleAlertIcon","CircleErrorIcon","VARIANT_TO_COLOR"],"mappings":";;;;AAQO,MAAMA,IAAyD;AAAA,EAClE,MAAMC;AAAAA,EACN,SAASC;AAAAA,EACT,SAASC;AAAAA,EACT,OAAOC;AACX,GAEaC,IAAuD;AAAA,EAChE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.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-kit48.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-kit63.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit48.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/styles/EmptyState.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit20.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-kit41.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-kit20.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit41.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                              */
 var i = { root: "_16isg9l0", content: "_16isg9l1", action: "_16isg9l2" };
 export {