@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/feedback/progress/constants/progressSizes.const.d.ts

@@ -0,0 +1,4 @@
+import { ProgressSize } from '../types/Progress.types.ts';
+export declare const PROGRESS_SIZE_TO_HEIGHT: Record<ProgressSize, string>;
+export declare const PROGRESS_SIZE_TO_CIRCULAR_SIZE: Record<ProgressSize, number>;
+export declare const PROGRESS_SIZE_TO_STROKE_WIDTH: Record<ProgressSize, number>;

package/dist/components/feedback/progress/constants/progressSizes.const.js

@@ -0,0 +1,25 @@
+const m = {
+  xs: "0.25rem",
+  sm: "0.5rem",
+  md: "0.75rem",
+  lg: "1rem",
+  xl: "1.25rem"
+}, S = {
+  xs: 32,
+  sm: 48,
+  md: 64,
+  lg: 80,
+  xl: 96
+}, _ = {
+  xs: 3,
+  sm: 4,
+  md: 6,
+  lg: 8,
+  xl: 10
+};
+export {
+  S as PROGRESS_SIZE_TO_CIRCULAR_SIZE,
+  m as PROGRESS_SIZE_TO_HEIGHT,
+  _ as PROGRESS_SIZE_TO_STROKE_WIDTH
+};
+//# sourceMappingURL=progressSizes.const.js.map

package/dist/components/feedback/progress/constants/progressSizes.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressSizes.const.js","sources":["../../../../../src/components/feedback/progress/constants/progressSizes.const.ts"],"sourcesContent":["import type { ProgressSize } from '@components/feedback/progress/types/Progress.types.ts'\r\n\r\nexport const PROGRESS_SIZE_TO_HEIGHT: Record<ProgressSize, string> = {\r\n    xs: '0.25rem',\r\n    sm: '0.5rem',\r\n    md: '0.75rem',\r\n    lg: '1rem',\r\n    xl: '1.25rem',\r\n}\r\n\r\nexport const PROGRESS_SIZE_TO_CIRCULAR_SIZE: Record<ProgressSize, number> = {\r\n    xs: 32,\r\n    sm: 48,\r\n    md: 64,\r\n    lg: 80,\r\n    xl: 96,\r\n}\r\n\r\nexport const PROGRESS_SIZE_TO_STROKE_WIDTH: Record<ProgressSize, number> = {\r\n    xs: 3,\r\n    sm: 4,\r\n    md: 6,\r\n    lg: 8,\r\n    xl: 10,\r\n}\r\n"],"names":["PROGRESS_SIZE_TO_HEIGHT","PROGRESS_SIZE_TO_CIRCULAR_SIZE","PROGRESS_SIZE_TO_STROKE_WIDTH"],"mappings":"AAEO,MAAMA,IAAwD;AAAA,EACjE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GAEaC,IAA+D;AAAA,EACxE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GAEaC,IAA8D;AAAA,EACvE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;"}

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

@@ -0,0 +1,6 @@
+export { default as Progress } from './Progress.tsx';
+export { default as CircularProgress } from './CircularProgress.tsx';
+export { PROGRESS_STYLES } from './styles/Progress.css.ts';
+export { PROGRESS_COLORS, PROGRESS_COLORS_ARRAY, PROGRESS_SIZE_TO_HEIGHT, PROGRESS_SIZE_TO_CIRCULAR_SIZE, PROGRESS_SIZE_TO_STROKE_WIDTH, } from './constants';
+export type { ProgressBorderRadius, ProgressColor, ProgressSize, } from './types/Progress.types.ts';
+export type { ProgressBaseProps } from './types/Progress.props.ts';

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

@@ -0,0 +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;
+//# sourceMappingURL=Progress.css.cjs.map

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

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

package/dist/components/feedback/progress/styles/Progress.css.d.ts

@@ -0,0 +1,112 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { ProgressBorderRadius } from '../types/Progress.types.ts';
+export declare const PROGRESS_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            xs: {
+                height: string;
+            };
+            sm: {
+                height: string;
+            };
+            md: {
+                height: string;
+            };
+            lg: {
+                height: string;
+            };
+            xl: {
+                height: string;
+            };
+        };
+        borderRadius: Record<ProgressBorderRadius, {
+            borderRadius: string;
+        }>;
+        color: {
+            [k: string]: {};
+        };
+    }>;
+    fill: RuntimeFn<{
+        borderRadius: Record<ProgressBorderRadius, {
+            borderRadius: string;
+        }>;
+        color: {
+            [k: string]: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+    }>;
+    circular: RuntimeFn<{
+        size: {
+            xs: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            sm: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            md: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            lg: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+            xl: {
+                width: `${number}px`;
+                height: `${number}px`;
+            };
+        };
+    }>;
+    circularTrack: RuntimeFn<{
+        size: {
+            xs: {
+                strokeWidth: number;
+            };
+            sm: {
+                strokeWidth: number;
+            };
+            md: {
+                strokeWidth: number;
+            };
+            lg: {
+                strokeWidth: number;
+            };
+            xl: {
+                strokeWidth: number;
+            };
+        };
+        color: {
+            [k: string]: {
+                stroke: `var(--${string})`;
+            };
+        };
+    }>;
+    circularIndicator: RuntimeFn<{
+        size: {
+            xs: {
+                strokeWidth: number;
+            };
+            sm: {
+                strokeWidth: number;
+            };
+            md: {
+                strokeWidth: number;
+            };
+            lg: {
+                strokeWidth: number;
+            };
+            xl: {
+                strokeWidth: number;
+            };
+        };
+        color: {
+            [k: string]: {
+                stroke: `var(--${string})`;
+            };
+        };
+    }>;
+};
+export type ProgressRecipeVariants = NonNullable<RecipeVariants<typeof PROGRESS_STYLES.recipe>>;

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

@@ -0,0 +1,8 @@
+/* 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: [] }) };
+export {
+  v as PROGRESS_STYLES
+};
+//# sourceMappingURL=Progress.css.js.map

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

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

package/dist/components/feedback/progress/types/Progress.props.d.ts

@@ -0,0 +1,33 @@
+import { BoxProps } from '../../../layout/box';
+import { ProgressBorderRadius, ProgressColor, ProgressSize } from './Progress.types.ts';
+import type * as React from 'react';
+type ProgressAccessibleName = {
+    label: string;
+} | {
+    'aria-label': string;
+} | {
+    'aria-labelledby': string;
+};
+export type ProgressBaseProps = Omit<BoxProps, 'as' | 'children' | 'ref' | 'aria-label' | 'aria-labelledby'> & {
+    /** Ref forwarded to the outermost element. */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Current progress value between 0 and 100. */
+    value: number;
+    /** Semantic color intent. Defaults to `primary`. */
+    color?: ProgressColor;
+    /** Size variant. Defaults to `sm`. */
+    size?: ProgressSize;
+    /** Border radius of the linear track. Defaults to `sm`. */
+    borderRadius?: ProgressBorderRadius;
+    /**
+     * Text displayed alongside (linear) or inside (circular) the progress.
+     * Pass `true` to render the value as a percentage, or a custom string.
+     */
+    quantityLabel?: string | true;
+} & ProgressAccessibleName;
+export type ProgressRenderProps = ProgressBaseProps & {
+    label?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+};
+export {};

package/dist/components/feedback/progress/types/Progress.types.d.ts

@@ -0,0 +1,7 @@
+import { PROGRESS_COLORS } from '../constants';
+/** Semantic color intents for Progress, matching Badge. */
+export type ProgressColor = (typeof PROGRESS_COLORS)[keyof typeof PROGRESS_COLORS];
+/** Size variants for Progress. */
+export type ProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** Border radius variants for the linear Progress track. */
+export type ProgressBorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';

package/dist/components/feedback/progress/utils/clamp.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=t=>Math.min(100,Math.max(0,t));exports.clamp=a;
+//# sourceMappingURL=clamp.utils.cjs.map

package/dist/components/feedback/progress/utils/clamp.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.utils.cjs","sources":["../../../../../src/components/feedback/progress/utils/clamp.utils.ts"],"sourcesContent":["export const clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n"],"names":["clamp","value"],"mappings":"gFAAO,MAAMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC"}

package/dist/components/feedback/progress/utils/clamp.utils.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (value: number) => number;

package/dist/components/feedback/progress/utils/clamp.utils.js

@@ -0,0 +1,5 @@
+const t = (a) => Math.min(100, Math.max(0, a));
+export {
+  t as clamp
+};
+//# sourceMappingURL=clamp.utils.js.map

package/dist/components/feedback/progress/utils/clamp.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.utils.js","sources":["../../../../../src/components/feedback/progress/utils/clamp.utils.ts"],"sourcesContent":["export const clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n"],"names":["clamp","value"],"mappings":"AAAO,MAAMA,IAAQ,CAACC,MAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAK,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use strict";const u=require("react/jsx-runtime"),a=require("./styles/Skeleton.css.cjs"),l=require("../../layout/box/Box.cjs"),S=require("../../../utils/cn.cjs"),m=require("react"),e=m.memo(({variant:r,width:s,height:t,className:n,style:c,ref:o,...i})=>u.jsx(l,{ref:o,className:S.cn(a.SKELETON_STYLES.recipe({variant:r}),n),"aria-hidden":"true",style:{width:s,height:t,...c},...i}));e.displayName="Skeleton";module.exports=e;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/feedback/skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sources":["../../../../src/components/feedback/skeleton/Skeleton.tsx"],"sourcesContent":["import { SKELETON_STYLES } from '@components/feedback/skeleton/styles/Skeleton.css.ts'\r\nimport type { SkeletonProps } from '@components/feedback/skeleton/types/Skeleton.props.ts'\r\nimport Box from '@components/layout/box/Box.tsx'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Skeleton: FC<SkeletonProps> = memo(({\r\n    variant,\r\n    width,\r\n    height,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            className={cn(SKELETON_STYLES.recipe({ variant }), className)}\r\n            aria-hidden={'true'}\r\n            style={{ width, height, ...style }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n"],"names":["Skeleton","memo","variant","width","height","className","style","ref","props","jsx","Box","cn","SKELETON_STYLES"],"mappings":"qLAMMA,EAA8BC,EAAAA,KAAK,CAAC,CACtC,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,UAAWI,EAAAA,GAAGC,kBAAgB,OAAO,CAAE,QAAAV,CAAA,CAAS,EAAGG,CAAS,EAC5D,cAAa,OACb,MAAO,CAAE,MAAAF,EAAO,OAAAC,EAAQ,GAAGE,CAAA,EAC1B,GAAGE,CAAA,CAAA,CAGf,EAEDR,EAAS,YAAc"}

package/dist/components/feedback/skeleton/Skeleton.d.ts

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

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

@@ -0,0 +1,28 @@
+import { jsx as p } from "react/jsx-runtime";
+import { SKELETON_STYLES as s } from "./styles/Skeleton.css.js";
+import f from "../../layout/box/Box.js";
+import { cn as l } from "../../../utils/cn.js";
+import { memo as n } from "react";
+const S = n(({
+  variant: o,
+  width: r,
+  height: e,
+  className: m,
+  style: t,
+  ref: i,
+  ...a
+}) => /* @__PURE__ */ p(
+  f,
+  {
+    ref: i,
+    className: l(s.recipe({ variant: o }), m),
+    "aria-hidden": "true",
+    style: { width: r, height: e, ...t },
+    ...a
+  }
+));
+S.displayName = "Skeleton";
+export {
+  S as default
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/feedback/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/feedback/skeleton/Skeleton.tsx"],"sourcesContent":["import { SKELETON_STYLES } from '@components/feedback/skeleton/styles/Skeleton.css.ts'\r\nimport type { SkeletonProps } from '@components/feedback/skeleton/types/Skeleton.props.ts'\r\nimport Box from '@components/layout/box/Box.tsx'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Skeleton: FC<SkeletonProps> = memo(({\r\n    variant,\r\n    width,\r\n    height,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            ref={ref}\r\n            className={cn(SKELETON_STYLES.recipe({ variant }), className)}\r\n            aria-hidden={'true'}\r\n            style={{ width, height, ...style }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n"],"names":["Skeleton","memo","variant","width","height","className","style","ref","props","jsx","Box","cn","SKELETON_STYLES"],"mappings":";;;;;AAMA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,WAAWI,EAAGC,EAAgB,OAAO,EAAE,SAAAV,EAAA,CAAS,GAAGG,CAAS;AAAA,IAC5D,eAAa;AAAA,IACb,OAAO,EAAE,OAAAF,GAAO,QAAAC,GAAQ,GAAGE,EAAA;AAAA,IAC1B,GAAGE;AAAA,EAAA;AAAA,CAGf;AAEDR,EAAS,cAAc;"}

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

@@ -0,0 +1,4 @@
+export { default as Skeleton } from './Skeleton.tsx';
+export { SKELETON_STYLES } from './styles/Skeleton.css.ts';
+export type { SkeletonProps } from './types/Skeleton.props.ts';
+export type { SkeletonVariant } from './types/Skeleton.types.ts';

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

@@ -0,0 +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;
+//# sourceMappingURL=Skeleton.css.cjs.map

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

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

package/dist/components/feedback/skeleton/styles/Skeleton.css.d.ts

@@ -0,0 +1,19 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const SKELETON_STYLES: {
+    recipe: RuntimeFn<{
+        variant: {
+            circular: {
+                borderRadius: `var(--${string})`;
+                flexShrink: number;
+            };
+            rectangular: {
+                borderRadius: `var(--${string})`;
+                flexShrink: number;
+            };
+            rounded: {
+                borderRadius: `var(--${string})`;
+                flexShrink: number;
+            };
+        };
+    }>;
+};

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

@@ -0,0 +1,20 @@
+/* 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 f = { recipe: r({ defaultClassName: "uk2cim0", variantClassNames: { variant: { circular: "uk2cim1", rectangular: "uk2cim2", rounded: "uk2cim3" } }, defaultVariants: { variant: "rounded" }, compoundVariants: [] }) };
+export {
+  f as SKELETON_STYLES
+};
+//# sourceMappingURL=Skeleton.css.js.map

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

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

package/dist/components/feedback/skeleton/types/Skeleton.props.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonVariant } from './Skeleton.types.ts';
+import { RefAttributes } from 'react';
+import type * as React from 'react';
+export type SkeletonProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & RefAttributes<HTMLDivElement> & {
+    /** Shape variant of the placeholder. Defaults to `rounded`. */
+    variant?: SkeletonVariant;
+    /** Explicit width for the placeholder. */
+    width?: React.CSSProperties['width'];
+    /** Explicit height for the placeholder. */
+    height?: React.CSSProperties['height'];
+};

package/dist/components/feedback/skeleton/types/Skeleton.types.d.ts

@@ -0,0 +1,2 @@
+/** Shape variants for the Skeleton placeholder. */
+export type SkeletonVariant = 'circular' | 'rectangular' | 'rounded';

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

@@ -0,0 +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;
+//# sourceMappingURL=Toast.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/feedback/toast/Toast.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { TOAST_STYLES } from '@components/feedback/toast/styles/Toast.css.ts'\r\nimport { ToastActions } from '@components/feedback/toast/components/toast-actions'\r\nimport { ToastClose } from '@components/feedback/toast/components/toast-close'\r\nimport { ToastDescription } from '@components/feedback/toast/components/toast-description'\r\nimport { ToastIcon } from '@components/feedback/toast/components/toast-icon'\r\nimport { ToastTitle } from '@components/feedback/toast/components/toast-title'\r\nimport { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport type { ToastCompound } from '@components/feedback/toast/types'\r\nimport type { ToastProps } from '@components/feedback/toast/types/Toast.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild } = createIconChildUtils(ToastIcon)\r\n\r\nconst Toast = memo<ToastProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    closeLabel = 'Close notification',\r\n    onClose,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const isCompound = children !== undefined\r\n    const showDefaultIcon = isCompound && !hasIconChild(children)\r\n\r\n    const handleClose = useCallback(() => {\r\n        onClose?.()\r\n    }, [onClose])\r\n\r\n    return (\r\n        <ToastContext.Provider value={{ variant }}>\r\n            <Box\r\n                as={'div'}\r\n                ref={ref}\r\n                className={cn(TOAST_STYLES.recipe({ variant }), className)}\r\n                role={role === 'none' ? undefined : role}\r\n                {...props}\r\n            >\r\n                {isCompound ? (\r\n                    <>\r\n                        {showDefaultIcon && <ToastIcon icon={icon} />}\r\n                        {children}\r\n                    </>\r\n                ) : (\r\n                    <>\r\n                        <ToastIcon icon={icon} />\r\n                        {title && <ToastTitle>{title}</ToastTitle>}\r\n                        {description && (\r\n                            <ToastDescription>{description}</ToastDescription>\r\n                        )}\r\n                        {onClose && (\r\n                            <ToastClose\r\n                                aria-label={closeLabel}\r\n                                onClick={handleClose}\r\n                            />\r\n                        )}\r\n                    </>\r\n                )}\r\n            </Box>\r\n        </ToastContext.Provider>\r\n    )\r\n}) as unknown as ToastCompound\r\n\r\nToast.displayName = 'Toast'\r\nToast.Icon = ToastIcon\r\nToast.Title = ToastTitle\r\nToast.Description = ToastDescription\r\nToast.Actions = ToastActions\r\nToast.Close = ToastClose\r\n\r\nexport default Toast\r\n"],"names":["hasIconChild","createIconChildUtils","ToastIcon","Toast","memo","variant","role","icon","title","description","closeLabel","onClose","children","className","ref","props","isCompound","showDefaultIcon","handleClose","useCallback","ToastContext","jsx","Box","cn","TOAST_STYLES","jsxs","Fragment","ToastTitle","ToastDescription","ToastClose","ToastActions"],"mappings":"6qBAeM,CAAE,aAAAA,CAAA,EAAiBC,EAAAA,qBAAqBC,CAAS,EAEjDC,EAAQC,EAAAA,KAAiB,CAAC,CAC5B,QAAAC,EAAU,OACV,KAAAC,EAAO,SACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,WAAAC,EAAa,qBACb,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaJ,IAAa,OAC1BK,EAAkBD,GAAc,CAAChB,EAAaY,CAAQ,EAEtDM,EAAcC,EAAAA,YAAY,IAAM,CAClCR,IAAA,CACJ,EAAG,CAACA,CAAO,CAAC,EAEZ,aACKS,EAAAA,aAAa,SAAb,CAAsB,MAAO,CAAE,QAAAf,GAC5B,SAAAgB,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,IAAAR,EACA,UAAWS,EAAAA,GAAGC,eAAa,OAAO,CAAE,QAAAnB,CAAA,CAAS,EAAGQ,CAAS,EACzD,KAAMP,IAAS,OAAS,OAAYA,EACnC,GAAGS,EAEH,WACGU,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAT,GAAmBI,EAAAA,IAACnB,GAAU,KAAAK,CAAA,CAAY,EAC1CK,CAAA,CAAA,CACL,EAEAa,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAL,MAACnB,GAAU,KAAAK,EAAY,EACtBC,GAASa,EAAAA,IAACM,EAAA,CAAY,SAAAnB,CAAA,CAAM,EAC5BC,GACGY,EAAAA,IAACO,EAAA,CAAkB,SAAAnB,CAAA,CAAY,EAElCE,GACGU,EAAAA,IAACQ,EAAA,CACG,aAAYnB,EACZ,QAASQ,CAAA,CAAA,CACb,CAAA,CAER,CAAA,CAAA,EAGZ,CAER,CAAC,EAEDf,EAAM,YAAc,QACpBA,EAAM,KAAOD,EACbC,EAAM,MAAQwB,EACdxB,EAAM,YAAcyB,EACpBzB,EAAM,QAAU2B,EAChB3B,EAAM,MAAQ0B"}

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

@@ -0,0 +1,3 @@
+import { ToastCompound } from './types';
+declare const Toast: ToastCompound;
+export default Toast;

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

@@ -0,0 +1,66 @@
+import { jsx as o, jsxs as p, Fragment as f } from "react/jsx-runtime";
+import { memo as D, useCallback as S } from "react";
+import { TOAST_STYLES as b } from "./styles/Toast.css.js";
+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 h from "./components/toast-title/ToastTitle.js";
+import { ToastContext as k } from "./context/Toast.context.js";
+import N from "../../layout/box/Box.js";
+import "../../layout/box/styles/Box.css.js";
+import { createIconChildUtils as g } from "../../../utils/createIconChildUtils.js";
+import { cn as w } from "../../../utils/cn.js";
+const { hasIconChild: y } = g(r), t = D(({
+  variant: m = "info",
+  role: e = "status",
+  icon: a,
+  title: n,
+  description: c,
+  closeLabel: C = "Close notification",
+  onClose: i,
+  children: s,
+  className: u,
+  ref: x,
+  ...I
+}) => {
+  const l = s !== void 0, v = l && !y(s), A = S(() => {
+    i?.();
+  }, [i]);
+  return /* @__PURE__ */ o(k.Provider, { value: { variant: m }, children: /* @__PURE__ */ o(
+    N,
+    {
+      as: "div",
+      ref: x,
+      className: w(b.recipe({ variant: m }), u),
+      role: e === "none" ? void 0 : e,
+      ...I,
+      children: l ? /* @__PURE__ */ p(f, { children: [
+        v && /* @__PURE__ */ o(r, { icon: a }),
+        s
+      ] }) : /* @__PURE__ */ p(f, { children: [
+        /* @__PURE__ */ o(r, { icon: a }),
+        n && /* @__PURE__ */ o(h, { children: n }),
+        c && /* @__PURE__ */ o(T, { children: c }),
+        i && /* @__PURE__ */ o(
+          d,
+          {
+            "aria-label": C,
+            onClick: A
+          }
+        )
+      ] })
+    }
+  ) });
+});
+t.displayName = "Toast";
+t.Icon = r;
+t.Title = h;
+t.Description = T;
+t.Actions = j;
+t.Close = d;
+export {
+  t as default
+};
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/feedback/toast/Toast.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { TOAST_STYLES } from '@components/feedback/toast/styles/Toast.css.ts'\r\nimport { ToastActions } from '@components/feedback/toast/components/toast-actions'\r\nimport { ToastClose } from '@components/feedback/toast/components/toast-close'\r\nimport { ToastDescription } from '@components/feedback/toast/components/toast-description'\r\nimport { ToastIcon } from '@components/feedback/toast/components/toast-icon'\r\nimport { ToastTitle } from '@components/feedback/toast/components/toast-title'\r\nimport { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport type { ToastCompound } from '@components/feedback/toast/types'\r\nimport type { ToastProps } from '@components/feedback/toast/types/Toast.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild } = createIconChildUtils(ToastIcon)\r\n\r\nconst Toast = memo<ToastProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    closeLabel = 'Close notification',\r\n    onClose,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const isCompound = children !== undefined\r\n    const showDefaultIcon = isCompound && !hasIconChild(children)\r\n\r\n    const handleClose = useCallback(() => {\r\n        onClose?.()\r\n    }, [onClose])\r\n\r\n    return (\r\n        <ToastContext.Provider value={{ variant }}>\r\n            <Box\r\n                as={'div'}\r\n                ref={ref}\r\n                className={cn(TOAST_STYLES.recipe({ variant }), className)}\r\n                role={role === 'none' ? undefined : role}\r\n                {...props}\r\n            >\r\n                {isCompound ? (\r\n                    <>\r\n                        {showDefaultIcon && <ToastIcon icon={icon} />}\r\n                        {children}\r\n                    </>\r\n                ) : (\r\n                    <>\r\n                        <ToastIcon icon={icon} />\r\n                        {title && <ToastTitle>{title}</ToastTitle>}\r\n                        {description && (\r\n                            <ToastDescription>{description}</ToastDescription>\r\n                        )}\r\n                        {onClose && (\r\n                            <ToastClose\r\n                                aria-label={closeLabel}\r\n                                onClick={handleClose}\r\n                            />\r\n                        )}\r\n                    </>\r\n                )}\r\n            </Box>\r\n        </ToastContext.Provider>\r\n    )\r\n}) as unknown as ToastCompound\r\n\r\nToast.displayName = 'Toast'\r\nToast.Icon = ToastIcon\r\nToast.Title = ToastTitle\r\nToast.Description = ToastDescription\r\nToast.Actions = ToastActions\r\nToast.Close = ToastClose\r\n\r\nexport default Toast\r\n"],"names":["hasIconChild","createIconChildUtils","ToastIcon","Toast","memo","variant","role","icon","title","description","closeLabel","onClose","children","className","ref","props","isCompound","showDefaultIcon","handleClose","useCallback","ToastContext","jsx","Box","cn","TOAST_STYLES","jsxs","Fragment","ToastTitle","ToastDescription","ToastClose","ToastActions"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,EAAE,cAAAA,EAAA,IAAiBC,EAAqBC,CAAS,GAEjDC,IAAQC,EAAiB,CAAC;AAAA,EAC5B,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaJ,MAAa,QAC1BK,IAAkBD,KAAc,CAAChB,EAAaY,CAAQ,GAEtDM,IAAcC,EAAY,MAAM;AAClC,IAAAR,IAAA;AAAA,EACJ,GAAG,CAACA,CAAO,CAAC;AAEZ,2BACKS,EAAa,UAAb,EAAsB,OAAO,EAAE,SAAAf,KAC5B,UAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,KAAAR;AAAA,MACA,WAAWS,EAAGC,EAAa,OAAO,EAAE,SAAAnB,EAAA,CAAS,GAAGQ,CAAS;AAAA,MACzD,MAAMP,MAAS,SAAS,SAAYA;AAAA,MACnC,GAAGS;AAAA,MAEH,cACG,gBAAAU,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAT,KAAmB,gBAAAI,EAACnB,KAAU,MAAAK,EAAA,CAAY;AAAA,QAC1CK;AAAA,MAAA,EAAA,CACL,IAEA,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL,EAACnB,KAAU,MAAAK,GAAY;AAAA,QACtBC,KAAS,gBAAAa,EAACM,GAAA,EAAY,UAAAnB,EAAA,CAAM;AAAA,QAC5BC,KACG,gBAAAY,EAACO,GAAA,EAAkB,UAAAnB,EAAA,CAAY;AAAA,QAElCE,KACG,gBAAAU;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,cAAYnB;AAAA,YACZ,SAASQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER,CAAC;AAEDf,EAAM,cAAc;AACpBA,EAAM,OAAOD;AACbC,EAAM,QAAQwB;AACdxB,EAAM,cAAcyB;AACpBzB,EAAM,UAAU2B;AAChB3B,EAAM,QAAQ0B;"}

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

@@ -0,0 +1,6 @@
+export { TOAST_ICON_STYLES } from './toast-icon/styles/ToastIcon.css.ts';
+export type { ToastIconProps } from './toast-icon/types/ToastIcon.props.ts';
+export type { ToastTitleProps } from './toast-title/types/ToastTitle.props.ts';
+export type { ToastDescriptionProps } from './toast-description/types/ToastDescription.props.ts';
+export type { ToastActionsProps } from './toast-actions/types/ToastActions.props.ts';
+export type { ToastCloseProps } from './toast-close/types/ToastClose.props.ts';

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

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),i=require("./styles/ToastActions.css.cjs"),o=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const a=require("../../../../../utils/cn.cjs"),u=require("react"),e=u.memo(({children:s,className:t,ref:n,...r})=>c.jsx(o,{ref:n,flexDirection:"row",alignItems:"center",gap:"sm",justifyContent:"end",className:a.cn(i.TOAST_ACTIONS_STYLES.actions,t),width:"100%",...r,children:s}));e.displayName="Toast.Actions";module.exports=e;
+//# sourceMappingURL=ToastActions.cjs.map

package/dist/components/feedback/toast/components/toast-actions/ToastActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActions.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-actions/ToastActions.tsx"],"sourcesContent":["import type { ToastActionsProps } from '@components/feedback/toast/components/toast-actions/types/ToastActions.props.ts'\r\nimport { TOAST_ACTIONS_STYLES } from '@components/feedback/toast/components/toast-actions/styles/ToastActions.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastActions: FC<ToastActionsProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Flex\r\n            ref={ref}\r\n            flexDirection={'row'}\r\n            alignItems={'center'}\r\n            gap={'sm'}\r\n            justifyContent={'end'}\r\n            className={cn(TOAST_ACTIONS_STYLES.actions, className)}\r\n            width={'100%'}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nToastActions.displayName = 'Toast.Actions'\r\n\r\nexport default ToastActions\r\n"],"names":["ToastActions","memo","children","className","ref","props","jsx","Flex","cn","TOAST_ACTIONS_STYLES"],"mappings":"oQAMMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,cAAe,MACf,WAAY,SACZ,IAAK,KACL,eAAgB,MAChB,UAAWI,EAAAA,GAAGC,uBAAqB,QAASN,CAAS,EACrD,MAAO,OACN,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAa,YAAc"}

package/dist/components/feedback/toast/components/toast-actions/ToastActions.d.ts

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

package/dist/components/feedback/toast/components/toast-actions/ToastActions.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import { TOAST_ACTIONS_STYLES as e } from "./styles/ToastActions.css.js";
+import s from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+import { cn as n } from "../../../../../utils/cn.js";
+import { memo as a } from "react";
+const p = a(({
+  children: o,
+  className: t,
+  ref: m,
+  ...r
+}) => /* @__PURE__ */ i(
+  s,
+  {
+    ref: m,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: "sm",
+    justifyContent: "end",
+    className: n(e.actions, t),
+    width: "100%",
+    ...r,
+    children: o
+  }
+));
+p.displayName = "Toast.Actions";
+export {
+  p as default
+};
+//# sourceMappingURL=ToastActions.js.map

package/dist/components/feedback/toast/components/toast-actions/ToastActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActions.js","sources":["../../../../../../src/components/feedback/toast/components/toast-actions/ToastActions.tsx"],"sourcesContent":["import type { ToastActionsProps } from '@components/feedback/toast/components/toast-actions/types/ToastActions.props.ts'\r\nimport { TOAST_ACTIONS_STYLES } from '@components/feedback/toast/components/toast-actions/styles/ToastActions.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastActions: FC<ToastActionsProps> = memo(({\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Flex\r\n            ref={ref}\r\n            flexDirection={'row'}\r\n            alignItems={'center'}\r\n            gap={'sm'}\r\n            justifyContent={'end'}\r\n            className={cn(TOAST_ACTIONS_STYLES.actions, className)}\r\n            width={'100%'}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nToastActions.displayName = 'Toast.Actions'\r\n\r\nexport default ToastActions\r\n"],"names":["ToastActions","memo","children","className","ref","props","jsx","Flex","cn","TOAST_ACTIONS_STYLES"],"mappings":";;;;;;AAMA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,WAAWI,EAAGC,EAAqB,SAASN,CAAS;AAAA,IACrD,OAAO;AAAA,IACN,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAa,cAAc;"}

package/dist/components/feedback/toast/components/toast-actions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToastActions } from './ToastActions.tsx';
+export type { ToastActionsProps } from './types/ToastActions.props.ts';

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

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const TOAST_ACTIONS_STYLES: {
+    actions: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                */
+var o = { actions: "_7tr6810" };
+export {
+  o as TOAST_ACTIONS_STYLES
+};
+//# sourceMappingURL=ToastActions.css.js.map

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

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

package/dist/components/feedback/toast/components/toast-actions/types/ToastActions.props.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+/** Props for the Toast.Actions sub-component. */
+export type ToastActionsProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & React.RefAttributes<HTMLDivElement> & {
+    /** Action elements, typically buttons or links. */
+    children: React.ReactNode;
+};

package/dist/components/feedback/toast/components/toast-close/ToastClose.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),n=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const a=require("./styles/ToastClose.css.cjs"),i=require("../../../../../constants/icons.cjs"),e=require("../../../../../theme/contract.css.cjs"),l=require("../../../../../utils/cn.cjs"),u=require("react"),s=u.memo(({"aria-label":o,color:q,className:r,...c})=>t.jsx(n,{variant:"ghost",color:"secondary",size:"xs",icon:i.IconRegistry.close,"aria-label":o,className:l.cn(a.TOAST_CLOSE_STYLES.close,r),style:{marginInlineStart:e.vars.space.xs,color:e.vars.color.mutedForeground},...c}));s.displayName="Toast.Close";module.exports=s;
+//# sourceMappingURL=ToastClose.cjs.map

package/dist/components/feedback/toast/components/toast-close/ToastClose.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastClose.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-close/ToastClose.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ToastCloseProps } from '@components/feedback/toast/components/toast-close/types/ToastClose.props.ts'\r\nimport { TOAST_CLOSE_STYLES } from '@components/feedback/toast/components/toast-close/styles/ToastClose.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastClose: FC<ToastCloseProps> = memo(({\r\n    'aria-label': ariaLabel,\r\n    color: _color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <IconButton\r\n            variant={'ghost'}\r\n            color={'secondary'}\r\n            size={'xs'}\r\n            icon={IconRegistry.close}\r\n            aria-label={ariaLabel}\r\n            className={cn(TOAST_CLOSE_STYLES.close, className)}\r\n            style={{ marginInlineStart: vars.space.xs, color: vars.color.mutedForeground }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nToastClose.displayName = 'Toast.Close'\r\n\r\nexport default ToastClose\r\n"],"names":["ToastClose","memo","ariaLabel","_color","className","props","jsx","IconButton","IconRegistry","cn","TOAST_CLOSE_STYLES","vars"],"mappings":"iYAQMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,aAAcC,EACd,MAAOC,EACP,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,QAAS,QACT,MAAO,YACP,KAAM,KACN,KAAMC,EAAAA,aAAa,MACnB,aAAYN,EACZ,UAAWO,EAAAA,GAAGC,qBAAmB,MAAON,CAAS,EACjD,MAAO,CAAE,kBAAmBO,EAAAA,KAAK,MAAM,GAAI,MAAOA,EAAAA,KAAK,MAAM,eAAA,EAC5D,GAAGN,CAAA,CAAA,CAGf,EAEDL,EAAW,YAAc"}