@choco-vanille/ui 1.1.2 → 1.3.0

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/styles/Skeleton.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const SKELETON_STYLES: {
     recipe: RuntimeFn<{
         variant: {
@@ -17,4 +17,3 @@ export declare const SKELETON_STYLES: {
         };
     }>;
 };
-export type SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof SKELETON_STYLES.recipe>>;

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

@@ -1,7 +1,9 @@
-import { SkeletonRecipeVariants } from '../styles/Skeleton.css.ts';
+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> & SkeletonRecipeVariants & {
+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. */

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"});;/* 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 @@
+/* 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/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/index.d.ts

@@ -1,5 +1,6 @@
-export * from './toast-icon';
-export * from './toast-title';
-export * from './toast-description';
-export * from './toast-actions';
-export * from './toast-close';
+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-close/ToastClose.cjs

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

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

@@ -1 +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"}
+{"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={'tertiary'}\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,WACP,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"}

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

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
-import s from "../../../../actions/icon-button/IconButton.js";
+import e from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
-import { TOAST_CLOSE_STYLES as e } from "./styles/ToastClose.css.js";
-import { IconRegistry as l } from "../../../../../constants/icons.js";
+import { TOAST_CLOSE_STYLES as s } from "./styles/ToastClose.css.js";
+import { IconRegistry as i } from "../../../../../constants/icons.js";
 import { vars as o } from "../../../../../theme/contract.css.js";
-import { cn as i } from "../../../../../utils/cn.js";
+import { cn as l } from "../../../../../utils/cn.js";
 import { memo as c } from "react";
 const n = c(({
   "aria-label": r,
@@ -12,14 +12,14 @@ const n = c(({
   className: t,
   ...a
 }) => /* @__PURE__ */ m(
-  s,
+  e,
   {
     variant: "ghost",
-    color: "secondary",
+    color: "tertiary",
     size: "xs",
-    icon: l.close,
+    icon: i.close,
     "aria-label": r,
-    className: i(e.close, t),
+    className: l(s.close, t),
     style: { marginInlineStart: o.space.xs, color: o.color.mutedForeground },
     ...a
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ToastClose.js","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":";;;;;;;;AAQA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,cAAcC;AAAA,EACd,OAAOC;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,EAAa;AAAA,IACnB,cAAYN;AAAA,IACZ,WAAWO,EAAGC,EAAmB,OAAON,CAAS;AAAA,IACjD,OAAO,EAAE,mBAAmBO,EAAK,MAAM,IAAI,OAAOA,EAAK,MAAM,gBAAA;AAAA,IAC5D,GAAGN;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAW,cAAc;"}
+{"version":3,"file":"ToastClose.js","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={'tertiary'}\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":";;;;;;;;AAQA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,cAAcC;AAAA,EACd,OAAOC;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,EAAa;AAAA,IACnB,cAAYN;AAAA,IACZ,WAAWO,EAAGC,EAAmB,OAAON,CAAS;AAAA,IACjD,OAAO,EAAE,mBAAmBO,EAAK,MAAM,IAAI,OAAOA,EAAK,MAAM,gBAAA;AAAA,IAC5D,GAAGN;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAW,cAAc;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../src/components/feedback/toast/constants/index.ts"],"sourcesContent":["import type { ToastVariant } from '@components/feedback/toast/types/Toast.types.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport const VARIANT_TO_ICON: Record<ToastVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":"mIAIaA,EAAgD,CACzD,KAAMC,EAAAA,aAAa,KACnB,QAASA,EAAAA,aAAa,QACtB,QAASA,EAAAA,aAAa,QACtB,MAAOA,EAAAA,aAAa,KACxB,EAEaC,EAAqD,CAC9D,KAAM,OACN,QAAS,UACT,QAAS,UACT,MAAO,aACX"}
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/feedback/toast/constants/index.ts"],"sourcesContent":["import type { ToastVariant } from '@components/feedback/toast/types/Toast.types.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport { TOAST_VARIANTS } from '@components/feedback/toast/constants/toastVariants.const.ts'\r\nexport { TOAST_CHANNELS } from '@components/feedback/toast/constants/toastChannels.const.ts'\r\nexport { TOAST_WIDTH } from '@components/feedback/toast/constants/toastDimensions.const.ts'\r\n\r\nexport const VARIANT_TO_ICON: Record<ToastVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":"mIAQaA,EAAgD,CACzD,KAAMC,EAAAA,aAAa,KACnB,QAASA,EAAAA,aAAa,QACtB,QAASA,EAAAA,aAAa,QACtB,MAAOA,EAAAA,aAAa,KACxB,EAEaC,EAAqD,CAC9D,KAAM,OACN,QAAS,UACT,QAAS,UACT,MAAO,aACX"}

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

@@ -1,4 +1,7 @@
 import { ToastVariant } from '../types/Toast.types.ts';
 import { ThemeColor } from '../../../../theme';
+export { TOAST_VARIANTS } from './toastVariants.const.ts';
+export { TOAST_CHANNELS } from './toastChannels.const.ts';
+export { TOAST_WIDTH } from './toastDimensions.const.ts';
 export declare const VARIANT_TO_ICON: Record<ToastVariant, string>;
 export declare const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/feedback/toast/constants/index.ts"],"sourcesContent":["import type { ToastVariant } from '@components/feedback/toast/types/Toast.types.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport const VARIANT_TO_ICON: Record<ToastVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":";AAIO,MAAMA,IAAgD;AAAA,EACzD,MAAMC,EAAa;AAAA,EACnB,SAASA,EAAa;AAAA,EACtB,SAASA,EAAa;AAAA,EACtB,OAAOA,EAAa;AACxB,GAEaC,IAAqD;AAAA,EAC9D,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/feedback/toast/constants/index.ts"],"sourcesContent":["import type { ToastVariant } from '@components/feedback/toast/types/Toast.types.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport type { ThemeColor } from '@theme'\r\n\r\nexport { TOAST_VARIANTS } from '@components/feedback/toast/constants/toastVariants.const.ts'\r\nexport { TOAST_CHANNELS } from '@components/feedback/toast/constants/toastChannels.const.ts'\r\nexport { TOAST_WIDTH } from '@components/feedback/toast/constants/toastDimensions.const.ts'\r\n\r\nexport const VARIANT_TO_ICON: Record<ToastVariant, string> = {\r\n    info: IconRegistry.info,\r\n    success: IconRegistry.success,\r\n    warning: IconRegistry.warning,\r\n    error: IconRegistry.error,\r\n}\r\n\r\nexport const VARIANT_TO_COLOR: Record<ToastVariant, ThemeColor> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'destructive',\r\n}\r\n"],"names":["VARIANT_TO_ICON","IconRegistry","VARIANT_TO_COLOR"],"mappings":";AAQO,MAAMA,IAAgD;AAAA,EACzD,MAAMC,EAAa;AAAA,EACnB,SAASA,EAAa;AAAA,EACtB,SAASA,EAAa;AAAA,EACtB,OAAOA,EAAa;AACxB,GAEaC,IAAqD;AAAA,EAC9D,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX;"}

package/dist/components/feedback/toast/constants/toastChannels.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={notifications:"notifications",toasts:"toasts"};exports.TOAST_CHANNELS=t;
+//# sourceMappingURL=toastChannels.const.cjs.map

package/dist/components/feedback/toast/constants/toastChannels.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastChannels.const.cjs","sources":["../../../../../src/components/feedback/toast/constants/toastChannels.const.ts"],"sourcesContent":["export const TOAST_CHANNELS = {\r\n    notifications: 'notifications',\r\n    toasts: 'toasts',\r\n} as const\r\n"],"names":["TOAST_CHANNELS"],"mappings":"gFAAO,MAAMA,EAAiB,CAC1B,cAAe,gBACf,OAAQ,QACZ"}

package/dist/components/feedback/toast/constants/toastChannels.const.d.ts

@@ -0,0 +1,4 @@
+export declare const TOAST_CHANNELS: {
+    readonly notifications: "notifications";
+    readonly toasts: "toasts";
+};

package/dist/components/feedback/toast/constants/toastChannels.const.js

@@ -0,0 +1,8 @@
+const t = {
+  notifications: "notifications",
+  toasts: "toasts"
+};
+export {
+  t as TOAST_CHANNELS
+};
+//# sourceMappingURL=toastChannels.const.js.map

package/dist/components/feedback/toast/constants/toastChannels.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastChannels.const.js","sources":["../../../../../src/components/feedback/toast/constants/toastChannels.const.ts"],"sourcesContent":["export const TOAST_CHANNELS = {\r\n    notifications: 'notifications',\r\n    toasts: 'toasts',\r\n} as const\r\n"],"names":["TOAST_CHANNELS"],"mappings":"AAAO,MAAMA,IAAiB;AAAA,EAC1B,eAAe;AAAA,EACf,QAAQ;AACZ;"}

package/dist/components/feedback/toast/constants/toastDimensions.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="20rem";exports.TOAST_WIDTH=e;
+//# sourceMappingURL=toastDimensions.const.cjs.map

package/dist/components/feedback/toast/constants/toastDimensions.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastDimensions.const.cjs","sources":["../../../../../src/components/feedback/toast/constants/toastDimensions.const.ts"],"sourcesContent":["export const TOAST_WIDTH = '20rem'\r\n"],"names":["TOAST_WIDTH"],"mappings":"gFAAO,MAAMA,EAAc"}

package/dist/components/feedback/toast/constants/toastDimensions.const.d.ts

@@ -0,0 +1 @@
+export declare const TOAST_WIDTH = "20rem";

package/dist/components/feedback/toast/constants/toastDimensions.const.js

@@ -0,0 +1,5 @@
+const T = "20rem";
+export {
+  T as TOAST_WIDTH
+};
+//# sourceMappingURL=toastDimensions.const.js.map

package/dist/components/feedback/toast/constants/toastDimensions.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastDimensions.const.js","sources":["../../../../../src/components/feedback/toast/constants/toastDimensions.const.ts"],"sourcesContent":["export const TOAST_WIDTH = '20rem'\r\n"],"names":["TOAST_WIDTH"],"mappings":"AAAO,MAAMA,IAAc;"}

package/dist/components/feedback/toast/constants/toastVariants.const.d.ts

@@ -0,0 +1,6 @@
+export declare const TOAST_VARIANTS: {
+    readonly info: "info";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly error: "error";
+};

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

@@ -1,6 +1,8 @@
 export { default as Toast } from './Toast.tsx';
+export { default as ToastProvider } from './ToastProvider.tsx';
 export { TOAST_STYLES } from './styles/Toast.css.ts';
 export type { ToastProps } from './types/Toast.props.ts';
+export type { ToastProviderProps } from './types/ToastProvider.props.ts';
 export type { ToastVariant, ToastRole, } from './types/Toast.types.ts';
 export type { ToastCompound } from './types';
 export * from './components';

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

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const TOAST_STYLES: {
     recipe: RuntimeFn<{
         variant: {
@@ -9,4 +9,3 @@ export declare const TOAST_STYLES: {
         };
     }>;
 };
-export type ToastRecipeVariants = NonNullable<RecipeVariants<typeof TOAST_STYLES.recipe>>;

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

@@ -1,8 +1,9 @@
-import { ToastRecipeVariants } from '../styles/Toast.css.ts';
-import { ToastRole } from './Toast.types.ts';
 import { RefAttributes } from 'react';
+import { ToastRole, ToastVariant } from './Toast.types.ts';
 import type * as React from 'react';
-export type ToastProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'role'> & RefAttributes<HTMLDivElement> & ToastRecipeVariants & {
+export type ToastProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'role'> & RefAttributes<HTMLDivElement> & {
+    /** Visual intent of the toast. Defaults to `info`. */
+    variant?: ToastVariant;
     /** Optional title rendered in bold above the description. */
     title?: React.ReactNode;
     /** Main message content of the toast. */

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

@@ -1,5 +1,5 @@
-import { ToastRecipeVariants } from '../styles/Toast.css.ts';
+import { TOAST_VARIANTS } from '../constants/toastVariants.const.ts';
 /** Visual intent variants for the Toast component. */
-export type ToastVariant = NonNullable<ToastRecipeVariants['variant']>;
+export type ToastVariant = (typeof TOAST_VARIANTS)[keyof typeof TOAST_VARIANTS];
 /** ARIA live-region role for the Toast component. */
 export type ToastRole = 'alert' | 'status' | 'none';

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

@@ -0,0 +1,2 @@
+import type * as React from 'react';
+export type ToastProviderProps = React.PropsWithChildren;

package/dist/components/forms/autocomplete/Autocomplete.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("@base-ui/react/autocomplete"),u=require("./components/autocomplete-input/AutocompleteInput.cjs"),i=require("./components/autocomplete-input/styles/AutocompleteInput.css.cjs"),c=require("./components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                           */;/* empty css                                                                                */const n=require("./components/autocomplete-input-group/AutocompleteInputGroup.cjs"),p=require("./components/autocomplete-icon/AutocompleteIcon.cjs"),q=require("./components/autocomplete-clear/AutocompleteClear.cjs"),l=require("./components/autocomplete-content/AutocompleteContent.cjs");;/* 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 s=require("./components/autocomplete-list/AutocompleteList.cjs"),m=require("./components/autocomplete-group/AutocompleteGroup.cjs"),A=require("./components/autocomplete-label/AutocompleteLabel.cjs"),a=require("./components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                          */const I=require("./components/autocomplete-empty/AutocompleteEmpty.cjs"),T=require("./components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                    */const S=require("./components/autocomplete-status/AutocompleteStatus.cjs"),C=require("./components/autocomplete-collection/AutocompleteCollection.cjs");require("./components/autocomplete-field/AutocompleteField.cjs");const E=require("react"),e=E.memo(t=>r.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...t}));e.displayName="Autocomplete";e.Input=u;e.Trigger=c;e.InputGroup=n;e.Icon=p;e.Clear=q;e.Content=l;e.List=s;e.Group=m;e.Label=A;e.Item=a;e.Empty=I;e.Separator=T;e.Status=S;e.Collection=C;exports.AUTOCOMPLETE_INPUT_STYLES=i.AUTOCOMPLETE_INPUT_STYLES;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("@base-ui/react/autocomplete"),u=require("./components/autocomplete-input/AutocompleteInput.cjs"),i=require("./components/autocomplete-input/styles/AutocompleteInput.css.cjs"),c=require("./components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                           */;/* empty css                                                                                */const n=require("./components/autocomplete-input-group/AutocompleteInputGroup.cjs"),p=require("./components/autocomplete-icon/AutocompleteIcon.cjs"),q=require("./components/autocomplete-clear/AutocompleteClear.cjs"),l=require("./components/autocomplete-content/AutocompleteContent.cjs");;/* 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 s=require("./components/autocomplete-list/AutocompleteList.cjs"),m=require("./components/autocomplete-group/AutocompleteGroup.cjs"),A=require("./components/autocomplete-label/AutocompleteLabel.cjs"),a=require("./components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                          */const I=require("./components/autocomplete-empty/AutocompleteEmpty.cjs"),T=require("./components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                    */const S=require("./components/autocomplete-status/AutocompleteStatus.cjs"),C=require("./components/autocomplete-collection/AutocompleteCollection.cjs");require("./components/autocomplete-field/AutocompleteField.cjs");const E=require("react"),e=E.memo(r=>t.jsx(o.Autocomplete.Root,{openOnInputClick:!0,...r}));e.displayName="Autocomplete";e.Input=u;e.Trigger=c;e.InputGroup=n;e.Icon=p;e.Clear=q;e.Content=l;e.List=s;e.Group=m;e.Label=A;e.Item=a;e.Empty=I;e.Separator=T;e.Status=S;e.Collection=C;exports.AUTOCOMPLETE_INPUT_STYLES=i.AUTOCOMPLETE_INPUT_STYLES;exports.default=e;
 //# sourceMappingURL=Autocomplete.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("@base-ui/react/autocomplete"),c=require("react"),e=c.memo(t=>o.jsx(r.Autocomplete.Clear,{...t}));e.displayName="Autocomplete.Clear";module.exports=e;
+"use strict";const r=require("react/jsx-runtime"),c=require("@base-ui/react/autocomplete"),s=require("react"),e=s.memo(({keepMounted:t=!0,...o})=>r.jsx(c.Autocomplete.Clear,{keepMounted:t,...o}));e.displayName="Autocomplete.Clear";module.exports=e;
 //# sourceMappingURL=AutocompleteClear.cjs.map

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteClear.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Clears the autocomplete input value when clicked.\r\n */\r\nconst AutocompleteClear: FC<BaseAutocomplete.Clear.Props> = memo((props) => (\r\n    <BaseAutocomplete.Clear {...props} />\r\n))\r\n\r\nAutocompleteClear.displayName = 'Autocomplete.Clear'\r\n\r\nexport default AutocompleteClear\r\n"],"names":["AutocompleteClear","memo","props","jsx","BaseAutocomplete"],"mappings":"8GAMMA,EAAsDC,EAAAA,KAAMC,GAC9DC,EAAAA,IAACC,EAAAA,aAAiB,MAAjB,CAAwB,GAAGF,EAAO,CACtC,EAEDF,EAAkB,YAAc"}
+{"version":3,"file":"AutocompleteClear.cjs","sources":["../../../../../../src/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Clears the autocomplete input value when clicked.\r\n */\r\nconst AutocompleteClear: FC<BaseAutocomplete.Clear.Props> = memo(({\r\n    keepMounted = true,\r\n    ...props\r\n}) => (\r\n    <BaseAutocomplete.Clear\r\n        keepMounted={keepMounted}\r\n        {...props}\r\n    />\r\n))\r\n\r\nAutocompleteClear.displayName = 'Autocomplete.Clear'\r\n\r\nexport default AutocompleteClear\r\n"],"names":["AutocompleteClear","memo","keepMounted","props","jsx","BaseAutocomplete"],"mappings":"8GAMMA,EAAsDC,EAAAA,KAAK,CAAC,CAC9D,YAAAC,EAAc,GACd,GAAGC,CACP,IACIC,EAAAA,IAACC,EAAAA,aAAiB,MAAjB,CACG,YAAAH,EACC,GAAGC,CAAA,CACR,CACH,EAEDH,EAAkB,YAAc"}

package/dist/components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.js

@@ -1,9 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { Autocomplete as m } from "@base-ui/react/autocomplete";
-import { memo as t } from "react";
-const r = t((o) => /* @__PURE__ */ e(m.Clear, { ...o }));
-r.displayName = "Autocomplete.Clear";
+import { memo as r } from "react";
+const l = r(({
+  keepMounted: o = !0,
+  ...e
+}) => /* @__PURE__ */ t(
+  m.Clear,
+  {
+    keepMounted: o,
+    ...e
+  }
+));
+l.displayName = "Autocomplete.Clear";
 export {
-  r as default
+  l as default
 };
 //# sourceMappingURL=AutocompleteClear.js.map