@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

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

@@ -1,4 +1,4 @@
-/* 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/styles/TableRow.css.cjs

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

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

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const n=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const t=require("./styles/EmptyState.css.cjs"),S=require("../../../utils/cn.cjs"),x=require("react"),c=x.memo(({title:i,description:o,action:s,className:a,ref:l,...m})=>e.jsxs(r,{ref:l,flexDirection:"column",gap:"sm",className:S.cn(t.EMPTY_STATE_STYLES.root,a),...m,children:[e.jsxs(r,{flexDirection:"column",gap:"xs",alignItems:"center",className:t.EMPTY_STATE_STYLES.content,children:[e.jsx(n,{as:"h2",variant:"h2",fontSize:"xl",fontWeight:"semibold",children:i}),e.jsx(n,{as:"p",variant:"p",fontSize:"sm",color:"textSecondary",children:o})]}),s&&e.jsx("div",{className:t.EMPTY_STATE_STYLES.action,children:s})]}));c.displayName="EmptyState";module.exports=c;
+//# sourceMappingURL=EmptyState.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+import { EmptyStateProps } from './types/EmptyState.props.ts';
+import { FC } from 'react';
+declare const EmptyState: FC<EmptyStateProps>;
+export default EmptyState;

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

@@ -0,0 +1,64 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import m from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+import i from "../../foundation/typography/Typography.js";
+import "../../foundation/typography/styles/Typography.css.js";
+import { EMPTY_STATE_STYLES as t } from "./styles/EmptyState.css.js";
+import { cn as p } from "../../../utils/cn.js";
+import { memo as f } from "react";
+const d = f(({
+  title: a,
+  description: n,
+  action: e,
+  className: l,
+  ref: s,
+  ...c
+}) => /* @__PURE__ */ r(
+  m,
+  {
+    ref: s,
+    flexDirection: "column",
+    gap: "sm",
+    className: p(t.root, l),
+    ...c,
+    children: [
+      /* @__PURE__ */ r(
+        m,
+        {
+          flexDirection: "column",
+          gap: "xs",
+          alignItems: "center",
+          className: t.content,
+          children: [
+            /* @__PURE__ */ o(
+              i,
+              {
+                as: "h2",
+                variant: "h2",
+                fontSize: "xl",
+                fontWeight: "semibold",
+                children: a
+              }
+            ),
+            /* @__PURE__ */ o(
+              i,
+              {
+                as: "p",
+                variant: "p",
+                fontSize: "sm",
+                color: "textSecondary",
+                children: n
+              }
+            )
+          ]
+        }
+      ),
+      e && /* @__PURE__ */ o("div", { className: t.action, children: e })
+    ]
+  }
+));
+d.displayName = "EmptyState";
+export {
+  d as default
+};
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,3 @@
+export { default as EmptyState } from './EmptyState.tsx';
+export { EMPTY_STATE_STYLES } from './styles/EmptyState.css.ts';
+export type { EmptyStateProps } from './types';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+export declare const EMPTY_STATE_STYLES: {
+    root: string;
+    content: string;
+    action: string;
+};

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

@@ -0,0 +1,7 @@
+import '../../../../ui-kit63.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                              */
+var i = { root: "_16isg9l0", content: "_16isg9l1", action: "_16isg9l2" };
+export {
+  i as EMPTY_STATE_STYLES
+};
+//# sourceMappingURL=EmptyState.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+/** Props for an empty result state displayed in a list or table. */
+export type EmptyStateProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & React.RefAttributes<HTMLDivElement> & {
+    /** Heading displayed for the empty state. */
+    title: React.ReactNode;
+    /** Supporting explanation displayed below the heading. */
+    description: React.ReactNode;
+    /** Optional action, such as a Button or Link. */
+    action?: React.ReactNode;
+};

package/dist/components/feedback/empty-state/types/index.d.ts

@@ -0,0 +1 @@
+export type { EmptyStateProps } from './EmptyState.props.ts';

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

@@ -2,3 +2,5 @@ export * from './skeleton';
 export * from './callout';
 export * from './toast';
 export * from './progress';
+export * from './empty-state';
+export * from './spinner';

package/dist/components/feedback/progress/styles/Progress.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                              */const o=require("@vanilla-extract/recipes/createRuntimeFn");var s={recipe:o.createRuntimeFn({defaultClassName:"_1vsnoou0",variantClassNames:{size:{xs:"_1vsnoou1",sm:"_1vsnoou2",md:"_1vsnoou3",lg:"_1vsnoou4",xl:"_1vsnoou5"},borderRadius:{none:"_1vsnoou6",xs:"_1vsnoou7",sm:"_1vsnoou8",md:"_1vsnoou9",lg:"_1vsnooua",xl:"_1vsnooub","2xl":"_1vsnoouc",full:"_1vsnooud"},color:{primary:"_1vsnooue",secondary:"_1vsnoouf",tertiary:"_1vsnooug",destructive:"_1vsnoouh",success:"_1vsnooui",warning:"_1vsnoouj",info:"_1vsnoouk",purple:"_1vsnooul",pink:"_1vsnooum",orange:"_1vsnooun",teal:"_1vsnoouo",cyan:"_1vsnooup",indigo:"_1vsnoouq"}},defaultVariants:{size:"sm",borderRadius:"sm",color:"primary"},compoundVariants:[[{color:"primary"},"_1vsnoour"],[{color:"secondary"},"_1vsnoous"],[{color:"tertiary"},"_1vsnoout"],[{color:"destructive"},"_1vsnoouu"],[{color:"success"},"_1vsnoouv"],[{color:"warning"},"_1vsnoouw"],[{color:"info"},"_1vsnooux"],[{color:"purple"},"_1vsnoouy"],[{color:"pink"},"_1vsnoouz"],[{color:"orange"},"_1vsnoou10"],[{color:"teal"},"_1vsnoou11"],[{color:"cyan"},"_1vsnoou12"],[{color:"indigo"},"_1vsnoou13"]]}),fill:o.createRuntimeFn({defaultClassName:"_1vsnoou14",variantClassNames:{borderRadius:{none:"_1vsnoou15",xs:"_1vsnoou16",sm:"_1vsnoou17",md:"_1vsnoou18",lg:"_1vsnoou19",xl:"_1vsnoou1a","2xl":"_1vsnoou1b",full:"_1vsnoou1c"},color:{primary:"_1vsnoou1d",secondary:"_1vsnoou1e",tertiary:"_1vsnoou1f",destructive:"_1vsnoou1g",success:"_1vsnoou1h",warning:"_1vsnoou1i",info:"_1vsnoou1j",purple:"_1vsnoou1k",pink:"_1vsnoou1l",orange:"_1vsnoou1m",teal:"_1vsnoou1n",cyan:"_1vsnoou1o",indigo:"_1vsnoou1p"}},defaultVariants:{borderRadius:"sm",color:"primary"},compoundVariants:[]}),circular:o.createRuntimeFn({defaultClassName:"_1vsnoou1q",variantClassNames:{size:{xs:"_1vsnoou1r",sm:"_1vsnoou1s",md:"_1vsnoou1t",lg:"_1vsnoou1u",xl:"_1vsnoou1v"}},defaultVariants:{size:"sm"},compoundVariants:[]}),circularTrack:o.createRuntimeFn({defaultClassName:"_1vsnoou1w",variantClassNames:{size:{xs:"_1vsnoou1x",sm:"_1vsnoou1y",md:"_1vsnoou1z",lg:"_1vsnoou20",xl:"_1vsnoou21"},color:{primary:"_1vsnoou22",secondary:"_1vsnoou23",tertiary:"_1vsnoou24",destructive:"_1vsnoou25",success:"_1vsnoou26",warning:"_1vsnoou27",info:"_1vsnoou28",purple:"_1vsnoou29",pink:"_1vsnoou2a",orange:"_1vsnoou2b",teal:"_1vsnoou2c",cyan:"_1vsnoou2d",indigo:"_1vsnoou2e"}},defaultVariants:{size:"sm",color:"primary"},compoundVariants:[]}),circularIndicator:o.createRuntimeFn({defaultClassName:"_1vsnoou2f",variantClassNames:{size:{xs:"_1vsnoou2g",sm:"_1vsnoou2h",md:"_1vsnoou2i",lg:"_1vsnoou2j",xl:"_1vsnoou2k"},color:{primary:"_1vsnoou2l",secondary:"_1vsnoou2m",tertiary:"_1vsnoou2n",destructive:"_1vsnoou2o",success:"_1vsnoou2p",warning:"_1vsnoou2q",info:"_1vsnoou2r",purple:"_1vsnoou2s",pink:"_1vsnoou2t",orange:"_1vsnoou2u",teal:"_1vsnoou2v",cyan:"_1vsnoou2w",indigo:"_1vsnoou2x"}},defaultVariants:{size:"sm",color:"primary"},compoundVariants:[]})};exports.PROGRESS_STYLES=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit58.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */const o=require("@vanilla-extract/recipes/createRuntimeFn");var s={recipe:o.createRuntimeFn({defaultClassName:"_1vsnoou0",variantClassNames:{size:{xs:"_1vsnoou1",sm:"_1vsnoou2",md:"_1vsnoou3",lg:"_1vsnoou4",xl:"_1vsnoou5"},borderRadius:{none:"_1vsnoou6",xs:"_1vsnoou7",sm:"_1vsnoou8",md:"_1vsnoou9",lg:"_1vsnooua",xl:"_1vsnooub","2xl":"_1vsnoouc",full:"_1vsnooud"},color:{primary:"_1vsnooue",secondary:"_1vsnoouf",tertiary:"_1vsnooug",destructive:"_1vsnoouh",success:"_1vsnooui",warning:"_1vsnoouj",info:"_1vsnoouk",purple:"_1vsnooul",pink:"_1vsnooum",orange:"_1vsnooun",teal:"_1vsnoouo",cyan:"_1vsnooup",indigo:"_1vsnoouq"}},defaultVariants:{size:"sm",borderRadius:"sm",color:"primary"},compoundVariants:[[{color:"primary"},"_1vsnoour"],[{color:"secondary"},"_1vsnoous"],[{color:"tertiary"},"_1vsnoout"],[{color:"destructive"},"_1vsnoouu"],[{color:"success"},"_1vsnoouv"],[{color:"warning"},"_1vsnoouw"],[{color:"info"},"_1vsnooux"],[{color:"purple"},"_1vsnoouy"],[{color:"pink"},"_1vsnoouz"],[{color:"orange"},"_1vsnoou10"],[{color:"teal"},"_1vsnoou11"],[{color:"cyan"},"_1vsnoou12"],[{color:"indigo"},"_1vsnoou13"]]}),fill:o.createRuntimeFn({defaultClassName:"_1vsnoou14",variantClassNames:{borderRadius:{none:"_1vsnoou15",xs:"_1vsnoou16",sm:"_1vsnoou17",md:"_1vsnoou18",lg:"_1vsnoou19",xl:"_1vsnoou1a","2xl":"_1vsnoou1b",full:"_1vsnoou1c"},color:{primary:"_1vsnoou1d",secondary:"_1vsnoou1e",tertiary:"_1vsnoou1f",destructive:"_1vsnoou1g",success:"_1vsnoou1h",warning:"_1vsnoou1i",info:"_1vsnoou1j",purple:"_1vsnoou1k",pink:"_1vsnoou1l",orange:"_1vsnoou1m",teal:"_1vsnoou1n",cyan:"_1vsnoou1o",indigo:"_1vsnoou1p"}},defaultVariants:{borderRadius:"sm",color:"primary"},compoundVariants:[]}),circular:o.createRuntimeFn({defaultClassName:"_1vsnoou1q",variantClassNames:{size:{xs:"_1vsnoou1r",sm:"_1vsnoou1s",md:"_1vsnoou1t",lg:"_1vsnoou1u",xl:"_1vsnoou1v"}},defaultVariants:{size:"sm"},compoundVariants:[]}),circularTrack:o.createRuntimeFn({defaultClassName:"_1vsnoou1w",variantClassNames:{size:{xs:"_1vsnoou1x",sm:"_1vsnoou1y",md:"_1vsnoou1z",lg:"_1vsnoou20",xl:"_1vsnoou21"},color:{primary:"_1vsnoou22",secondary:"_1vsnoou23",tertiary:"_1vsnoou24",destructive:"_1vsnoou25",success:"_1vsnoou26",warning:"_1vsnoou27",info:"_1vsnoou28",purple:"_1vsnoou29",pink:"_1vsnoou2a",orange:"_1vsnoou2b",teal:"_1vsnoou2c",cyan:"_1vsnoou2d",indigo:"_1vsnoou2e"}},defaultVariants:{size:"sm",color:"primary"},compoundVariants:[]}),circularIndicator:o.createRuntimeFn({defaultClassName:"_1vsnoou2f",variantClassNames:{size:{xs:"_1vsnoou2g",sm:"_1vsnoou2h",md:"_1vsnoou2i",lg:"_1vsnoou2j",xl:"_1vsnoou2k"},color:{primary:"_1vsnoou2l",secondary:"_1vsnoou2m",tertiary:"_1vsnoou2n",destructive:"_1vsnoou2o",success:"_1vsnoou2p",warning:"_1vsnoou2q",info:"_1vsnoou2r",purple:"_1vsnoou2s",pink:"_1vsnoou2t",orange:"_1vsnoou2u",teal:"_1vsnoou2v",cyan:"_1vsnoou2w",indigo:"_1vsnoou2x"}},defaultVariants:{size:"sm",color:"primary"},compoundVariants:[]})};exports.PROGRESS_STYLES=s;
 //# sourceMappingURL=Progress.css.cjs.map

package/dist/components/feedback/progress/styles/Progress.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit58.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                            */
 import { createRuntimeFn as o } from "@vanilla-extract/recipes/createRuntimeFn";
 var v = { recipe: o({ defaultClassName: "_1vsnoou0", variantClassNames: { size: { xs: "_1vsnoou1", sm: "_1vsnoou2", md: "_1vsnoou3", lg: "_1vsnoou4", xl: "_1vsnoou5" }, borderRadius: { none: "_1vsnoou6", xs: "_1vsnoou7", sm: "_1vsnoou8", md: "_1vsnoou9", lg: "_1vsnooua", xl: "_1vsnooub", "2xl": "_1vsnoouc", full: "_1vsnooud" }, color: { primary: "_1vsnooue", secondary: "_1vsnoouf", tertiary: "_1vsnooug", destructive: "_1vsnoouh", success: "_1vsnooui", warning: "_1vsnoouj", info: "_1vsnoouk", purple: "_1vsnooul", pink: "_1vsnooum", orange: "_1vsnooun", teal: "_1vsnoouo", cyan: "_1vsnooup", indigo: "_1vsnoouq" } }, defaultVariants: { size: "sm", borderRadius: "sm", color: "primary" }, compoundVariants: [[{ color: "primary" }, "_1vsnoour"], [{ color: "secondary" }, "_1vsnoous"], [{ color: "tertiary" }, "_1vsnoout"], [{ color: "destructive" }, "_1vsnoouu"], [{ color: "success" }, "_1vsnoouv"], [{ color: "warning" }, "_1vsnoouw"], [{ color: "info" }, "_1vsnooux"], [{ color: "purple" }, "_1vsnoouy"], [{ color: "pink" }, "_1vsnoouz"], [{ color: "orange" }, "_1vsnoou10"], [{ color: "teal" }, "_1vsnoou11"], [{ color: "cyan" }, "_1vsnoou12"], [{ color: "indigo" }, "_1vsnoou13"]] }), fill: o({ defaultClassName: "_1vsnoou14", variantClassNames: { borderRadius: { none: "_1vsnoou15", xs: "_1vsnoou16", sm: "_1vsnoou17", md: "_1vsnoou18", lg: "_1vsnoou19", xl: "_1vsnoou1a", "2xl": "_1vsnoou1b", full: "_1vsnoou1c" }, color: { primary: "_1vsnoou1d", secondary: "_1vsnoou1e", tertiary: "_1vsnoou1f", destructive: "_1vsnoou1g", success: "_1vsnoou1h", warning: "_1vsnoou1i", info: "_1vsnoou1j", purple: "_1vsnoou1k", pink: "_1vsnoou1l", orange: "_1vsnoou1m", teal: "_1vsnoou1n", cyan: "_1vsnoou1o", indigo: "_1vsnoou1p" } }, defaultVariants: { borderRadius: "sm", color: "primary" }, compoundVariants: [] }), circular: o({ defaultClassName: "_1vsnoou1q", variantClassNames: { size: { xs: "_1vsnoou1r", sm: "_1vsnoou1s", md: "_1vsnoou1t", lg: "_1vsnoou1u", xl: "_1vsnoou1v" } }, defaultVariants: { size: "sm" }, compoundVariants: [] }), circularTrack: o({ defaultClassName: "_1vsnoou1w", variantClassNames: { size: { xs: "_1vsnoou1x", sm: "_1vsnoou1y", md: "_1vsnoou1z", lg: "_1vsnoou20", xl: "_1vsnoou21" }, color: { primary: "_1vsnoou22", secondary: "_1vsnoou23", tertiary: "_1vsnoou24", destructive: "_1vsnoou25", success: "_1vsnoou26", warning: "_1vsnoou27", info: "_1vsnoou28", purple: "_1vsnoou29", pink: "_1vsnoou2a", orange: "_1vsnoou2b", teal: "_1vsnoou2c", cyan: "_1vsnoou2d", indigo: "_1vsnoou2e" } }, defaultVariants: { size: "sm", color: "primary" }, compoundVariants: [] }), circularIndicator: o({ defaultClassName: "_1vsnoou2f", variantClassNames: { size: { xs: "_1vsnoou2g", sm: "_1vsnoou2h", md: "_1vsnoou2i", lg: "_1vsnoou2j", xl: "_1vsnoou2k" }, color: { primary: "_1vsnoou2l", secondary: "_1vsnoou2m", tertiary: "_1vsnoou2n", destructive: "_1vsnoou2o", success: "_1vsnoou2p", warning: "_1vsnoou2q", info: "_1vsnoou2r", purple: "_1vsnoou2s", pink: "_1vsnoou2t", orange: "_1vsnoou2u", teal: "_1vsnoou2v", cyan: "_1vsnoou2w", indigo: "_1vsnoou2x" } }, defaultVariants: { size: "sm", color: "primary" }, compoundVariants: [] }) };

package/dist/components/feedback/skeleton/styles/Skeleton.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                              */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"uk2cim0",variantClassNames:{variant:{circular:"uk2cim1",rectangular:"uk2cim2",rounded:"uk2cim3"}},defaultVariants:{variant:"rounded"},compoundVariants:[]})};exports.SKELETON_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit50.css');require('../../../../ui-kit.css');require('../../../../ui-kit4.css');require('../../../../ui-kit6.css');require('../../../../ui-kit3.css');require('../../../../ui-kit8.css');require('../../../../ui-kit13.css');require('../../../../ui-kit14.css');require('../../../../ui-kit12.css');require('../../../../ui-kit10.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit11.css');require('../../../../ui-kit9.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                              */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"uk2cim0",variantClassNames:{variant:{circular:"uk2cim1",rectangular:"uk2cim2",rounded:"uk2cim3"}},defaultVariants:{variant:"rounded"},compoundVariants:[]})};exports.SKELETON_STYLES=r;
 //# sourceMappingURL=Skeleton.css.cjs.map

package/dist/components/feedback/skeleton/styles/Skeleton.css.js

@@ -1,4 +1,4 @@
-/* empty css                                                              */
+import '../../../../ui-kit50.css';import '../../../../ui-kit.css';import '../../../../ui-kit4.css';import '../../../../ui-kit6.css';import '../../../../ui-kit3.css';import '../../../../ui-kit8.css';import '../../../../ui-kit13.css';import '../../../../ui-kit14.css';import '../../../../ui-kit12.css';import '../../../../ui-kit10.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit11.css';import '../../../../ui-kit9.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/feedback/spinner/Spinner.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),a=require("./styles/Spinner.css.cjs"),p=require("../../../utils/cn.cjs"),u=require("react"),e=u.memo(({size:s,color:r,className:n,role:c,ref:t,...i})=>o.jsx("span",{ref:t,role:c??"status",className:p.cn(a.SPINNER_STYLES.recipe({size:s,color:r}),n),...i}));e.displayName="Spinner";module.exports=e;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/feedback/spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n    size,\r\n    color,\r\n    className,\r\n    role,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <span\r\n        ref={ref}\r\n        role={role ?? 'status'}\r\n        className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":"8IAKMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAAC,OAAA,CACG,IAAAF,EACA,KAAMD,GAAQ,SACd,UAAWI,EAAAA,GAAGC,EAAAA,eAAe,OAAO,CAAE,KAAAR,EAAM,MAAAC,CAAA,CAAO,EAAGC,CAAS,EAC9D,GAAGG,CAAA,CACR,CACH,EAEDP,EAAQ,YAAc"}

package/dist/components/feedback/spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import { SpinnerProps } from './types/Spinner.props.ts';
+import { FC } from 'react';
+declare const Spinner: FC<SpinnerProps>;
+export default Spinner;

package/dist/components/feedback/spinner/Spinner.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { SPINNER_STYLES as a } from "./styles/Spinner.css.js";
+import { cn as i } from "../../../utils/cn.js";
+import { memo as n } from "react";
+const f = n(({
+  size: r,
+  color: m,
+  className: o,
+  role: e,
+  ref: p,
+  ...s
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    ref: p,
+    role: e ?? "status",
+    className: i(a.recipe({ size: r, color: m }), o),
+    ...s
+  }
+));
+f.displayName = "Spinner";
+export {
+  f as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/feedback/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n    size,\r\n    color,\r\n    className,\r\n    role,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <span\r\n        ref={ref}\r\n        role={role ?? 'status'}\r\n        className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":";;;;AAKA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAAF;AAAA,IACA,MAAMD,KAAQ;AAAA,IACd,WAAWI,EAAGC,EAAe,OAAO,EAAE,MAAAR,GAAM,OAAAC,EAAA,CAAO,GAAGC,CAAS;AAAA,IAC9D,GAAGG;AAAA,EAAA;AACR,CACH;AAEDP,EAAQ,cAAc;"}

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

@@ -0,0 +1 @@
+export { SPINNER_COLORS, SPINNER_COLORS_ARRAY, } from './spinnerColors.const.ts';

package/dist/components/feedback/spinner/constants/spinnerColors.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={primary:"primary",secondary:"secondary",tertiary:"tertiary",destructive:"destructive",success:"success",warning:"warning",info:"info"},r=Object.values(e);exports.SPINNER_COLORS=e;exports.SPINNER_COLORS_ARRAY=r;
+//# sourceMappingURL=spinnerColors.const.cjs.map

package/dist/components/feedback/spinner/constants/spinnerColors.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinnerColors.const.cjs","sources":["../../../../../src/components/feedback/spinner/constants/spinnerColors.const.ts"],"sourcesContent":["export const SPINNER_COLORS = {\r\n    primary: 'primary',\r\n    secondary: 'secondary',\r\n    tertiary: 'tertiary',\r\n    destructive: 'destructive',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    info: 'info',\r\n} as const\r\n\r\nexport const SPINNER_COLORS_ARRAY = Object.values(SPINNER_COLORS)\r\n"],"names":["SPINNER_COLORS","SPINNER_COLORS_ARRAY"],"mappings":"gFAAO,MAAMA,EAAiB,CAC1B,QAAS,UACT,UAAW,YACX,SAAU,WACV,YAAa,cACb,QAAS,UACT,QAAS,UACT,KAAM,MACV,EAEaC,EAAuB,OAAO,OAAOD,CAAc"}

package/dist/components/feedback/spinner/constants/spinnerColors.const.d.ts

@@ -0,0 +1,10 @@
+export declare const SPINNER_COLORS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+    readonly destructive: "destructive";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly info: "info";
+};
+export declare const SPINNER_COLORS_ARRAY: ("primary" | "secondary" | "tertiary" | "success" | "warning" | "info" | "destructive")[];

package/dist/components/feedback/spinner/constants/spinnerColors.const.js

@@ -0,0 +1,14 @@
+const r = {
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary",
+  destructive: "destructive",
+  success: "success",
+  warning: "warning",
+  info: "info"
+}, e = Object.values(r);
+export {
+  r as SPINNER_COLORS,
+  e as SPINNER_COLORS_ARRAY
+};
+//# sourceMappingURL=spinnerColors.const.js.map

package/dist/components/feedback/spinner/constants/spinnerColors.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinnerColors.const.js","sources":["../../../../../src/components/feedback/spinner/constants/spinnerColors.const.ts"],"sourcesContent":["export const SPINNER_COLORS = {\r\n    primary: 'primary',\r\n    secondary: 'secondary',\r\n    tertiary: 'tertiary',\r\n    destructive: 'destructive',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    info: 'info',\r\n} as const\r\n\r\nexport const SPINNER_COLORS_ARRAY = Object.values(SPINNER_COLORS)\r\n"],"names":["SPINNER_COLORS","SPINNER_COLORS_ARRAY"],"mappings":"AAAO,MAAMA,IAAiB;AAAA,EAC1B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACV,GAEaC,IAAuB,OAAO,OAAOD,CAAc;"}

package/dist/components/feedback/spinner/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Spinner } from './Spinner.tsx';
+export { SPINNER_STYLES } from './styles/Spinner.css.ts';
+export { SPINNER_COLORS, SPINNER_COLORS_ARRAY, } from './constants';
+export type { SpinnerProps } from './types/Spinner.props.ts';
+export type { SpinnerColor, SpinnerSize, } from './types/Spinner.types.ts';

package/dist/components/feedback/spinner/styles/Spinner.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');require('../../../../ui-kit.css');require('../../../../ui-kit4.css');require('../../../../ui-kit6.css');require('../../../../ui-kit3.css');require('../../../../ui-kit8.css');require('../../../../ui-kit13.css');require('../../../../ui-kit14.css');require('../../../../ui-kit12.css');require('../../../../ui-kit10.css');require('../../../../ui-kit5.css');require('../../../../ui-kit7.css');require('../../../../ui-kit11.css');require('../../../../ui-kit9.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                             */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1201nhk0",variantClassNames:{size:{xs:"_1201nhk1",sm:"_1201nhk2",md:"_1201nhk3",lg:"_1201nhk4",xl:"_1201nhk5"},color:{primary:"_1201nhk6",secondary:"_1201nhk7",tertiary:"_1201nhk8",destructive:"_1201nhk9",success:"_1201nhka",warning:"_1201nhkb",info:"_1201nhkc"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SPINNER_STYLES=r;
+//# sourceMappingURL=Spinner.css.cjs.map

package/dist/components/feedback/spinner/styles/Spinner.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/feedback/spinner/styles/Spinner.css.d.ts

@@ -0,0 +1,32 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const SPINNER_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            xs: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            sm: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            md: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            lg: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            xl: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+        };
+        color: {
+            [k: string]: {
+                color: `var(--${string})`;
+            };
+        };
+    }>;
+};

package/dist/components/feedback/spinner/styles/Spinner.css.js

@@ -0,0 +1,20 @@
+import '../../../../ui-kit55.css';import '../../../../ui-kit.css';import '../../../../ui-kit4.css';import '../../../../ui-kit6.css';import '../../../../ui-kit3.css';import '../../../../ui-kit8.css';import '../../../../ui-kit13.css';import '../../../../ui-kit14.css';import '../../../../ui-kit12.css';import '../../../../ui-kit10.css';import '../../../../ui-kit5.css';import '../../../../ui-kit7.css';import '../../../../ui-kit11.css';import '../../../../ui-kit9.css';/* empty css                                                              */
+/* empty css                                                               */
+/* empty css                                                                       */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                     */
+/* empty css                                                                      */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                     */
+/* empty css                                            */
+/* empty css                           */
+import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
+var u = { recipe: r({ defaultClassName: "_1201nhk0", variantClassNames: { size: { xs: "_1201nhk1", sm: "_1201nhk2", md: "_1201nhk3", lg: "_1201nhk4", xl: "_1201nhk5" }, color: { primary: "_1201nhk6", secondary: "_1201nhk7", tertiary: "_1201nhk8", destructive: "_1201nhk9", success: "_1201nhka", warning: "_1201nhkb", info: "_1201nhkc" } }, defaultVariants: { size: "md", color: "primary" }, compoundVariants: [] }) };
+export {
+  u as SPINNER_STYLES
+};
+//# sourceMappingURL=Spinner.css.js.map

package/dist/components/feedback/spinner/styles/Spinner.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/components/feedback/spinner/types/Spinner.props.d.ts

@@ -0,0 +1,8 @@
+import { SpinnerColor, SpinnerSize } from './Spinner.types.ts';
+import type * as React from 'react';
+export type SpinnerProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & React.RefAttributes<HTMLSpanElement> & {
+    /** Size variant. Defaults to `md`. */
+    size?: SpinnerSize;
+    /** Semantic color intent. Defaults to `primary`. */
+    color?: SpinnerColor;
+};

package/dist/components/feedback/spinner/types/Spinner.types.d.ts

@@ -0,0 +1,5 @@
+import { SPINNER_COLORS } from '../constants';
+/** Semantic color intents for Spinner. */
+export type SpinnerColor = (typeof SPINNER_COLORS)[keyof typeof SPINNER_COLORS];
+/** Size variants for Spinner. Defaults to `md`. */
+export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/components/feedback/spinner/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { SpinnerProps } from './Spinner.props.ts';
+export type { SpinnerColor, SpinnerSize, } from './Spinner.types.ts';

package/dist/components/feedback/toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),T=require("react"),v=require("./styles/Toast.css.cjs"),f=require("./components/toast-actions/ToastActions.cjs"),q=require("./components/toast-close/ToastClose.cjs"),x=require("./components/toast-description/ToastDescription.cjs"),o=require("./components/toast-icon/ToastIcon.cjs");;/* empty css                                                            */const d=require("./components/toast-title/ToastTitle.cjs"),A=require("./context/Toast.context.cjs"),D=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const S=require("../../../utils/createIconChildUtils.cjs"),_=require("../../../utils/cn.cjs"),{hasIconChild:b}=S.createIconChildUtils(o),s=T.memo(({variant:c="info",role:n="status",icon:i,title:a,description:l,closeLabel:h="Close notification",onClose:t,children:r,className:j,ref:C,...m})=>{const u=r!==void 0,I=u&&!b(r),p=T.useCallback(()=>{t?.()},[t]);return e.jsx(A.ToastContext.Provider,{value:{variant:c},children:e.jsx(D,{as:"div",ref:C,className:_.cn(v.TOAST_STYLES.recipe({variant:c}),j),role:n==="none"?void 0:n,...m,children:u?e.jsxs(e.Fragment,{children:[I&&e.jsx(o,{icon:i}),r]}):e.jsxs(e.Fragment,{children:[e.jsx(o,{icon:i}),a&&e.jsx(d,{children:a}),l&&e.jsx(x,{children:l}),t&&e.jsx(q,{"aria-label":h,onClick:p})]})})})});s.displayName="Toast";s.Icon=o;s.Title=d;s.Description=x;s.Actions=f;s.Close=q;module.exports=s;
+"use strict";require('../../../ui-kit115.css');const e=require("react/jsx-runtime"),T=require("react"),v=require("./styles/Toast.css.cjs"),f=require("./components/toast-actions/ToastActions.cjs"),q=require("./components/toast-close/ToastClose.cjs"),x=require("./components/toast-description/ToastDescription.cjs"),o=require("./components/toast-icon/ToastIcon.cjs");;/* empty css                                                            */const d=require("./components/toast-title/ToastTitle.cjs"),A=require("./context/Toast.context.cjs"),D=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const S=require("../../../utils/createIconChildUtils.cjs"),_=require("../../../utils/cn.cjs"),{hasIconChild:b}=S.createIconChildUtils(o),s=T.memo(({variant:c="info",role:n="status",icon:i,title:a,description:l,closeLabel:h="Close notification",onClose:t,children:r,className:j,ref:C,...m})=>{const u=r!==void 0,I=u&&!b(r),p=T.useCallback(()=>{t?.()},[t]);return e.jsx(A.ToastContext.Provider,{value:{variant:c},children:e.jsx(D,{as:"div",ref:C,className:_.cn(v.TOAST_STYLES.recipe({variant:c}),j),role:n==="none"?void 0:n,...m,children:u?e.jsxs(e.Fragment,{children:[I&&e.jsx(o,{icon:i}),r]}):e.jsxs(e.Fragment,{children:[e.jsx(o,{icon:i}),a&&e.jsx(d,{children:a}),l&&e.jsx(x,{children:l}),t&&e.jsx(q,{"aria-label":h,onClick:p})]})})})});s.displayName="Toast";s.Icon=o;s.Title=d;s.Description=x;s.Actions=f;s.Close=q;module.exports=s;
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/feedback/toast/Toast.js

@@ -5,7 +5,7 @@ import j from "./components/toast-actions/ToastActions.js";
 import d from "./components/toast-close/ToastClose.js";
 import T from "./components/toast-description/ToastDescription.js";
 import r from "./components/toast-icon/ToastIcon.js";
-/* empty css                                                          */
+import '../../../ui-kit115.css';/* empty css                                                          */
 import h from "./components/toast-title/ToastTitle.js";
 import { ToastContext as k } from "./context/Toast.context.js";
 import N from "../../layout/box/Box.js";

package/dist/components/feedback/toast/ToastProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),e=require("react"),u=require("react-dom"),s=require("sonner");require("./constants/index.cjs");const T=require("./constants/toastDimensions.const.cjs"),r=require("./constants/toastChannels.const.cjs"),i={closeButton:!0,style:{width:T.TOAST_WIDTH,maxWidth:"calc(100vw - 2rem)"}},n=({children:a})=>{const[o,c]=e.useState(null);return e.useEffect(()=>{c(document.body)},[]),t.jsxs(t.Fragment,{children:[a,o&&u.createPortal(t.jsxs(t.Fragment,{children:[t.jsx(s.Toaster,{id:r.TOAST_CHANNELS.toasts,position:"top-right",toastOptions:i,containerAriaLabel:"Toasts"}),t.jsx(s.Toaster,{id:r.TOAST_CHANNELS.notifications,position:"bottom-right",expand:!0,toastOptions:i,containerAriaLabel:"Notifications"})]}),o)]})};n.displayName="ToastProvider";module.exports=n;
+//# sourceMappingURL=ToastProvider.cjs.map

package/dist/components/feedback/toast/ToastProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.cjs","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n    TOAST_CHANNELS,\r\n    TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n    closeButton: true,\r\n    style: {\r\n        width: TOAST_WIDTH,\r\n        maxWidth: 'calc(100vw - 2rem)',\r\n    },\r\n} as const\r\n\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n    const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n    useEffect(() => {\r\n        setPortalRoot(document.body)\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            {children}\r\n            {portalRoot && createPortal(\r\n                <>\r\n                    <Toaster\r\n                        id={TOAST_CHANNELS.toasts}\r\n                        position={'top-right'}\r\n                        toastOptions={TOASTER_OPTIONS}\r\n                        containerAriaLabel={'Toasts'}\r\n                    />\r\n                    <Toaster\r\n                        id={TOAST_CHANNELS.notifications}\r\n                        position={'bottom-right'}\r\n                        expand={true}\r\n                        toastOptions={TOASTER_OPTIONS}\r\n                        containerAriaLabel={'Notifications'}\r\n                    />\r\n                </>,\r\n                portalRoot,\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":"2PAUMA,EAAkB,CACpB,YAAa,GACb,MAAO,CACH,MAAOC,EAAAA,YACP,SAAU,oBAAA,CAElB,EAEMC,EAAgB,CAAC,CAAE,SAAAC,KAAmC,CACxD,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6B,IAAI,EAErEC,OAAAA,EAAAA,UAAU,IAAM,CACZF,EAAc,SAAS,IAAI,CAC/B,EAAG,CAAA,CAAE,EAGDG,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAN,EACAC,GAAcM,EAAAA,aACXF,OAAAC,EAAAA,SAAA,CACI,SAAA,CAAAE,EAAAA,IAACC,EAAAA,QAAA,CACG,GAAIC,EAAAA,eAAe,OACnB,SAAU,YACV,aAAcb,EACd,mBAAoB,QAAA,CAAA,EAExBW,EAAAA,IAACC,EAAAA,QAAA,CACG,GAAIC,EAAAA,eAAe,cACnB,SAAU,eACV,OAAQ,GACR,aAAcb,EACd,mBAAoB,eAAA,CAAA,CACxB,EACJ,EACAI,CAAA,CACJ,EACJ,CAER,EAEAF,EAAc,YAAc"}

package/dist/components/feedback/toast/ToastProvider.d.ts

@@ -0,0 +1,6 @@
+import { ToastProviderProps } from './types/ToastProvider.props.ts';
+declare const ToastProvider: {
+    ({ children }: ToastProviderProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default ToastProvider;

package/dist/components/feedback/toast/ToastProvider.js

@@ -0,0 +1,50 @@
+import { jsxs as o, Fragment as r, jsx as i } from "react/jsx-runtime";
+import { useState as p, useEffect as c } from "react";
+import { createPortal as l } from "react-dom";
+import { Toaster as a } from "sonner";
+import "./constants/index.js";
+import { TOAST_WIDTH as d } from "./constants/toastDimensions.const.js";
+import { TOAST_CHANNELS as e } from "./constants/toastChannels.const.js";
+const s = {
+  closeButton: !0,
+  style: {
+    width: d,
+    maxWidth: "calc(100vw - 2rem)"
+  }
+}, T = ({ children: n }) => {
+  const [t, m] = p(null);
+  return c(() => {
+    m(document.body);
+  }, []), /* @__PURE__ */ o(r, { children: [
+    n,
+    t && l(
+      /* @__PURE__ */ o(r, { children: [
+        /* @__PURE__ */ i(
+          a,
+          {
+            id: e.toasts,
+            position: "top-right",
+            toastOptions: s,
+            containerAriaLabel: "Toasts"
+          }
+        ),
+        /* @__PURE__ */ i(
+          a,
+          {
+            id: e.notifications,
+            position: "bottom-right",
+            expand: !0,
+            toastOptions: s,
+            containerAriaLabel: "Notifications"
+          }
+        )
+      ] }),
+      t
+    )
+  ] });
+};
+T.displayName = "ToastProvider";
+export {
+  T as default
+};
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/feedback/toast/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n    TOAST_CHANNELS,\r\n    TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n    closeButton: true,\r\n    style: {\r\n        width: TOAST_WIDTH,\r\n        maxWidth: 'calc(100vw - 2rem)',\r\n    },\r\n} as const\r\n\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n    const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n    useEffect(() => {\r\n        setPortalRoot(document.body)\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            {children}\r\n            {portalRoot && createPortal(\r\n                <>\r\n                    <Toaster\r\n                        id={TOAST_CHANNELS.toasts}\r\n                        position={'top-right'}\r\n                        toastOptions={TOASTER_OPTIONS}\r\n                        containerAriaLabel={'Toasts'}\r\n                    />\r\n                    <Toaster\r\n                        id={TOAST_CHANNELS.notifications}\r\n                        position={'bottom-right'}\r\n                        expand={true}\r\n                        toastOptions={TOASTER_OPTIONS}\r\n                        containerAriaLabel={'Notifications'}\r\n                    />\r\n                </>,\r\n                portalRoot,\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB;AAAA,EACpB,aAAa;AAAA,EACb,OAAO;AAAA,IACH,OAAOC;AAAA,IACP,UAAU;AAAA,EAAA;AAElB,GAEMC,IAAgB,CAAC,EAAE,UAAAC,QAAmC;AACxD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAA6B,IAAI;AAErE,SAAAC,EAAU,MAAM;AACZ,IAAAF,EAAc,SAAS,IAAI;AAAA,EAC/B,GAAG,CAAA,CAAE,GAGD,gBAAAG,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAN;AAAA,IACAC,KAAcM;AAAA,MACX,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAIC,EAAe;AAAA,YACnB,UAAU;AAAA,YACV,cAAcb;AAAA,YACd,oBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAExB,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAIC,EAAe;AAAA,YACnB,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,cAAcb;AAAA,YACd,oBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB,GACJ;AAAA,MACAI;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEAF,EAAc,cAAc;"}

package/dist/components/feedback/toast/components/toast-actions/styles/ToastActions.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                  */var e={actions:"_7tr6810"};exports.TOAST_ACTIONS_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit152.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={actions:"_7tr6810"};exports.TOAST_ACTIONS_STYLES=e;
 //# sourceMappingURL=ToastActions.css.cjs.map