@smg-automotive/components 25.11.0-migrate-v3-header-full.4 → 25.11.0-migrate-use-toast.1

package/dist/cjs/components/alert/index.d.ts

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { RecipeVariantProps } from '@chakra-ui/react';
 import { alertRecipe } from 'src/themes/shared/slotRecipes/alert';
-export interface SharedProps extends RecipeVariantProps<typeof alertRecipe> {
+export type SharedProps = RecipeVariantProps<typeof alertRecipe> & {
     description: string;
     title?: string;
     link?: {
@@ -13,7 +13,7 @@ export interface SharedProps extends RecipeVariantProps<typeof alertRecipe> {
     };
     icon?: React.ReactNode;
     type?: 'error' | 'warning' | 'info' | 'success';
-}
+};
 export type DismissibleProps = SharedProps & {
     onDismiss?: () => void;
     dismissible?: true;

package/dist/cjs/components/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAGL,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAKlE,MAAM,WAAW,WAAY,SAAQ,kBAAkB,CAAC,OAAO,WAAW,CAAC;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC;QAC3C,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAEhE,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAmChC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAGL,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAKlE,MAAM,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,WAAW,CAAC,GAAG;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC;QAC3C,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAEhE,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAmChC,CAAC"}

package/dist/cjs/components/closeButton/index.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-interface CloseButtonProps {
+type CloseButtonProps = {
     disabled?: boolean;
     onClick?: () => void;
-}
+};
 export declare const CloseButton: FC<CloseButtonProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/closeButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/closeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAU5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/closeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAU5C,CAAC"}

package/dist/cjs/hooks/useToast/Toast.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { createToaster, RecipeVariantProps } from '@chakra-ui/react';
+import { alertRecipe } from 'src/themes/shared/slotRecipes/alert';
+export declare const toastConfig: {
+    pauseOnPageIdle: boolean;
+    max: number;
+};
+export type ToastProps = RecipeVariantProps<typeof alertRecipe> & {
+    toaster: ReturnType<typeof createToaster>;
+};
+export declare const Toast: FC<ToastProps>;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/cjs/hooks/useToast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useToast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAGL,aAAa,EAEb,kBAAkB,EAGnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAIlE,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,WAAW,CAAC,GAAG;IAChE,OAAO,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA+ChC,CAAC"}

package/dist/cjs/hooks/useToast/TopRightToast.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const topRightToaster: import("@zag-js/toast").Store<any>;
+export declare const TopRightToast: FC;
+//# sourceMappingURL=TopRightToast.d.ts.map

package/dist/cjs/hooks/useToast/TopRightToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopRightToast.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useToast/TopRightToast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,eAAe,oCAG1B,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,EAE3B,CAAC"}

package/dist/cjs/hooks/useToast/TopToaster.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const topToaster: import("@zag-js/toast").Store<any>;
+export declare const TopToast: FC;
+//# sourceMappingURL=TopToaster.d.ts.map

package/dist/cjs/hooks/useToast/TopToaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopToaster.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useToast/TopToaster.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,UAAU,oCAGrB,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,EAEtB,CAAC"}

package/dist/cjs/hooks/useToast/index.d.ts

@@ -0,0 +1,9 @@
+import { SharedProps } from 'src/components/alert';
+export type ToastOptions = {
+    position?: 'top' | 'top-right';
+    onClose?: () => void;
+} & SharedProps;
+export declare const useToast: () => (options: ToastOptions) => {
+    closeToast: () => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/useToast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useToast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,WAAW,CAAC;AAOhB,eAAO,MAAM,QAAQ,SACX,SAAS,YAAY;;CAgC9B,CAAC"}

package/dist/cjs/index.js

@@ -2649,6 +2649,25 @@ var alertRecipe = react$1.defineSlotRecipe({
                 },
             },
         },
+        variant: {
+            toast: {
+                root: {
+                    translate: 'var(--x) var(--y)',
+                    scale: 'var(--scale)',
+                    width: 'full',
+                    position: 'relative',
+                    zIndex: 'var(--z-index)',
+                    height: 'var(--height)',
+                    opacity: 'var(--opacity)',
+                    willChange: 'translate, opacity, scale',
+                    transitionProperty: 'common',
+                    transitionDuration: 'normal',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'toast',
     },
 });