@magiclabs/ui-components 1.15.1 → 1.16.0

package/dist/types/components/utils/animate.d.ts

@@ -1,21 +1,15 @@
-import { type FC, type PropsWithChildren } from 'react';
-type Props = PropsWithChildren<{
-    show?: boolean;
-} & AnimateProps>;
+import { type PropsWithChildren } from 'react';
 type AnimationType = 'fade' | 'slide' | 'scale';
-export type AnimateProps = Partial<{
-    type: AnimationType;
-    duration: number;
-    timingFunction: string;
-    delay: number;
+export interface AnimateProps extends PropsWithChildren {
+    type?: AnimationType;
+    duration?: number;
+    timingFunction?: string;
+    delay?: number;
     asChild?: boolean;
-}>;
-export declare const DEFAULT_TIMING_FUNCTION = "cubic-bezier(0.33, 1.33, 0.23, 1)";
-export declare const DEFAULT: {
-    readonly type: "fade";
-    readonly duration: 300;
-    readonly timingFunction: "cubic-bezier(0.33, 1.33, 0.23, 1)";
-};
-declare const Animate: FC<Props>;
+    show?: boolean;
+    onHidden?: () => void;
+    onShown?: () => void;
+}
+declare const Animate: (props: AnimateProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Animate;
 //# sourceMappingURL=animate.d.ts.map

package/dist/types/components/utils/animate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/animate.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEnG,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAAC,CAAC;AAElE,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,uBAAuB,sCAAsC,CAAC;AAE3E,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CA4DtB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/animate.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAE1F,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,QAAA,MAAM,OAAO,UAAW,YAAY,mDAqEnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useCustomVars } from './theme';
+export { useToast } from './useToast';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/hooks/useToast.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export interface ToastProps {
+    message: string;
+    dismissible?: boolean;
+    icon?: boolean;
+    lifespan?: number;
+    variant?: 'branded' | 'success' | 'error' | 'warning' | 'neutral';
+}
+export interface ToastDefinition extends ToastProps {
+    id: number;
+}
+export interface ToastContext {
+    createToast: (options: ToastProps) => number;
+    removeToast: (id: number) => void;
+}
+export declare const ToastContext: import("react").Context<ToastContext>;
+export declare function useToast(): ToastContext;
+//# sourceMappingURL=useToast.d.ts.map

package/dist/types/hooks/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CACnE;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,MAAM,CAAC;IAC7C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AASD,eAAO,MAAM,YAAY,uCAGvB,CAAC;AAEH,wBAAgB,QAAQ,iBAEvB"}

package/dist/types/recipes/toast.d.ts

@@ -0,0 +1,70 @@
+import { type RecipeVariantProps } from '@styled/css';
+export declare const toast: import("../../styled-system/types").SlotRecipeRuntimeFn<"container" | "portal" | "toast" | "icon" | "dismiss", {
+    variant: {
+        branded: {
+            toast: {
+                backgroundColor: "brand.base";
+            };
+        };
+        success: {
+            toast: {
+                backgroundColor: "positive.darker";
+            };
+        };
+        warning: {
+            toast: {
+                backgroundColor: "warning.darker";
+            };
+        };
+        error: {
+            toast: {
+                backgroundColor: "negative.darker";
+            };
+        };
+        neutral: {
+            toast: {
+                backgroundColor: "text.tertiary";
+            };
+        };
+    };
+    position: {
+        top: {
+            container: {
+                alignItems: "center";
+                justifyContent: "flex-start";
+            };
+        };
+        'top-left': {
+            container: {
+                alignItems: "flex-start";
+                justifyContent: "flex-start";
+            };
+        };
+        'top-right': {
+            container: {
+                alignItems: "flex-end";
+                justifyContent: "flex-start";
+            };
+        };
+        bottom: {
+            container: {
+                alignItems: "center";
+                justifyContent: "flex-end";
+            };
+        };
+        'bottom-left': {
+            container: {
+                alignItems: "flex-start";
+                justifyContent: "flex-end";
+            };
+        };
+        'bottom-right': {
+            container: {
+                alignItems: "flex-end";
+                justifyContent: "flex-end";
+            };
+        };
+    };
+}>;
+export type ToastVariants = RecipeVariantProps<typeof toast>;
+//# sourceMappingURL=toast.d.ts.map

package/dist/types/recipes/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/recipes/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magiclabs/ui-components",
-  "version": "1.15.1",
+  "version": "1.16.0",
   "description": "💅 A theme-able library of reusable UI components",
   "author": "Magic Labs <open-source@magic.link>",
   "repository": {