@jeromefitz/design-system 3.2.2-canary.2 → 3.2.2

package/custom/Select/index.d.ts

@@ -0,0 +1,601 @@
+import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
+import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
+import * as _stitches_react_types_config from '@stitches/react/types/config';
+import * as React from 'react';
+import { CSS } from '../../stitches.config.js';
+import '@stitches/react/types/theme';
+import '@stitches/react/types/css';
+import '@stitches/react/types/util';
+import '@stitches/react/types/stitches';
+import '@stitches/react';
+
+declare const StyledSelect: _stitches_react_types_styled_component.StyledComponent<"select", {}, {
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, _stitches_react_types_css_util.CSS<{
+    bp1: "(min-width: 520px)";
+    bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
+    bp4: "(min-width: 1800px)";
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+}, {
+    colors: {
+        hiContrast: string;
+        loContrast: string;
+        canvas: string;
+        gradient: string;
+        panel: string;
+        transparentPanel: string;
+        shadowLight: string;
+        shadowDark: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        violetA1: string;
+        violetA2: string;
+        violetA3: string;
+        violetA4: string;
+        violetA5: string;
+        violetA6: string;
+        violetA7: string;
+        violetA8: string;
+        violetA9: string;
+        violetA10: string;
+        violetA11: string;
+        violetA12: string;
+        violet1: string;
+        violet2: string;
+        violet3: string;
+        violet4: string;
+        violet5: string;
+        violet6: string;
+        violet7: string;
+        violet8: string;
+        violet9: string;
+        violet10: string;
+        violet11: string;
+        violet12: string;
+        slateA1: string;
+        slateA2: string;
+        slateA3: string;
+        slateA4: string;
+        slateA5: string;
+        slateA6: string;
+        slateA7: string;
+        slateA8: string;
+        slateA9: string;
+        slateA10: string;
+        slateA11: string;
+        slateA12: string;
+        slate1: string;
+        slate2: string;
+        slate3: string;
+        slate4: string;
+        slate5: string;
+        slate6: string;
+        slate7: string;
+        slate8: string;
+        slate9: string;
+        slate10: string;
+        slate11: string;
+        slate12: string;
+        redA1: string;
+        redA2: string;
+        redA3: string;
+        redA4: string;
+        redA5: string;
+        redA6: string;
+        redA7: string;
+        redA8: string;
+        redA9: string;
+        redA10: string;
+        redA11: string;
+        redA12: string;
+        red1: string;
+        red2: string;
+        red3: string;
+        red4: string;
+        red5: string;
+        red6: string;
+        red7: string;
+        red8: string;
+        red9: string;
+        red10: string;
+        red11: string;
+        red12: string;
+        orangeA1: string;
+        orangeA2: string;
+        orangeA3: string;
+        orangeA4: string;
+        orangeA5: string;
+        orangeA6: string;
+        orangeA7: string;
+        orangeA8: string;
+        orangeA9: string;
+        orangeA10: string;
+        orangeA11: string;
+        orangeA12: string;
+        orange1: string;
+        orange2: string;
+        orange3: string;
+        orange4: string;
+        orange5: string;
+        orange6: string;
+        orange7: string;
+        orange8: string;
+        orange9: string;
+        orange10: string;
+        orange11: string;
+        orange12: string;
+        greenA1: string;
+        greenA2: string;
+        greenA3: string;
+        greenA4: string;
+        greenA5: string;
+        greenA6: string;
+        greenA7: string;
+        greenA8: string;
+        greenA9: string;
+        greenA10: string;
+        greenA11: string;
+        greenA12: string;
+        green1: string;
+        green2: string;
+        green3: string;
+        green4: string;
+        green5: string;
+        green6: string;
+        green7: string;
+        green8: string;
+        green9: string;
+        green10: string;
+        green11: string;
+        green12: string;
+        grayA1: string;
+        grayA2: string;
+        grayA3: string;
+        grayA4: string;
+        grayA5: string;
+        grayA6: string;
+        grayA7: string;
+        grayA8: string;
+        grayA9: string;
+        grayA10: string;
+        grayA11: string;
+        grayA12: string;
+        gray1: string;
+        gray2: string;
+        gray3: string;
+        gray4: string;
+        gray5: string;
+        gray6: string;
+        gray7: string;
+        gray8: string;
+        gray9: string;
+        gray10: string;
+        gray11: string;
+        gray12: string;
+        blueA1: string;
+        blueA2: string;
+        blueA3: string;
+        blueA4: string;
+        blueA5: string;
+        blueA6: string;
+        blueA7: string;
+        blueA8: string;
+        blueA9: string;
+        blueA10: string;
+        blueA11: string;
+        blueA12: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        blue4: string;
+        blue5: string;
+        blue6: string;
+        blue7: string;
+        blue8: string;
+        blue9: string;
+        blue10: string;
+        blue11: string;
+        blue12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+    };
+    fonts: {
+        mono: string;
+        sans: string;
+        serif: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        round: string;
+        pill: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        max: string;
+        toast: string;
+    };
+}, _stitches_react_types_config.DefaultThemeMap, {
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "padding";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "padding";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingRight";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingRight";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingBottom";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingBottom";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingLeft";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "paddingLeft";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "paddingTop";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "paddingTop";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "margin";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "margin";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "marginRight";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginRight";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "marginBottom";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginBottom";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "marginLeft";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "marginLeft";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "marginTop";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "marginTop";
+        };
+    };
+    ta: (value: string | number | {
+        readonly [$$ScaleValue]: "textAlign";
+    }) => {
+        textAlign: string | number | {
+            readonly [$$ScaleValue]: "textAlign";
+        };
+    };
+    fd: (value: string | number | {
+        readonly [$$ScaleValue]: "flexDirection";
+    }) => {
+        flexDirection: string | number | {
+            readonly [$$ScaleValue]: "flexDirection";
+        };
+    };
+    fw: (value: string | number | {
+        readonly [$$ScaleValue]: "flexWrap";
+    }) => {
+        flexWrap: string | number | {
+            readonly [$$ScaleValue]: "flexWrap";
+        };
+    };
+    ai: (value: string | number | {
+        readonly [$$ScaleValue]: "alignItems";
+    }) => {
+        alignItems: string | number | {
+            readonly [$$ScaleValue]: "alignItems";
+        };
+    };
+    ac: (value: string | number | {
+        readonly [$$ScaleValue]: "alignContent";
+    }) => {
+        alignContent: string | number | {
+            readonly [$$ScaleValue]: "alignContent";
+        };
+    };
+    jc: (value: string | number | {
+        readonly [$$ScaleValue]: "justifyContent";
+    }) => {
+        justifyContent: string | number | {
+            readonly [$$ScaleValue]: "justifyContent";
+        };
+    };
+    as: (value: string | number | {
+        readonly [$$ScaleValue]: "alignSelf";
+    }) => {
+        alignSelf: string | number | {
+            readonly [$$ScaleValue]: "alignSelf";
+        };
+    };
+    fg: (value: string | number | {
+        readonly [$$ScaleValue]: "flexGrow";
+    }) => {
+        flexGrow: string | number | {
+            readonly [$$ScaleValue]: "flexGrow";
+        };
+    };
+    fs: (value: string | number | {
+        readonly [$$ScaleValue]: "flexShrink";
+    }) => {
+        flexShrink: string | number | {
+            readonly [$$ScaleValue]: "flexShrink";
+        };
+    };
+    fb: (value: string | number | {
+        readonly [$$ScaleValue]: "flexBasis";
+    }) => {
+        flexBasis: string | number | {
+            readonly [$$ScaleValue]: "flexBasis";
+        };
+    };
+    bc: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundColor";
+    }) => {
+        backgroundColor: string | number | {
+            readonly [$$ScaleValue]: "backgroundColor";
+        };
+    };
+    br: (value: string | number | {
+        readonly [$$ScaleValue]: "borderRadius";
+    }) => {
+        borderRadius: string | number | {
+            readonly [$$ScaleValue]: "borderRadius";
+        };
+    };
+    btrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: string | number | {
+        readonly [$$ScaleValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: string | number | {
+            readonly [$$ScaleValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: string | number | {
+        readonly [$$ScaleValue]: "boxShadow";
+    }) => {
+        boxShadow: string | number | {
+            readonly [$$ScaleValue]: "boxShadow";
+        };
+    };
+    lh: (value: string | number | {
+        readonly [$$ScaleValue]: "lineHeight";
+    }) => {
+        lineHeight: string | number | {
+            readonly [$$ScaleValue]: "lineHeight";
+        };
+    };
+    ox: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowX";
+    }) => {
+        overflowX: string | number | {
+            readonly [$$ScaleValue]: "overflowX";
+        };
+    };
+    oy: (value: string | number | {
+        readonly [$$ScaleValue]: "overflowY";
+    }) => {
+        overflowY: string | number | {
+            readonly [$$ScaleValue]: "overflowY";
+        };
+    };
+    pe: (value: string | number | {
+        readonly [$$ScaleValue]: "pointerEvents";
+    }) => {
+        pointerEvents: string | number | {
+            readonly [$$ScaleValue]: "pointerEvents";
+        };
+    };
+    us: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    userSelect: (value: string | number | {
+        readonly [$$ScaleValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+        userSelect: string | number | {
+            readonly [$$ScaleValue]: "userSelect";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "width";
+    }) => {
+        width: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+        height: string | number | {
+            readonly [$$ScaleValue]: "width";
+        };
+    };
+    appearance: (value: string | number | {
+        readonly [$$ScaleValue]: "appearance";
+    }) => {
+        WebkitAppearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+        appearance: string | number | {
+            readonly [$$ScaleValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: string | number | {
+        readonly [$$ScaleValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
+        };
+        backgroundClip: string | number | {
+            readonly [$$ScaleValue]: "backgroundClip";
+        };
+    };
+}>>;
+declare type SelectProps = React.ComponentProps<typeof StyledSelect> & {
+    css?: CSS;
+};
+declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "key" | "css" | keyof React.SelectHTMLAttributes<HTMLSelectElement>> & React.RefAttributes<HTMLSelectElement>>;
+
+export { Select };

package/custom/Select/index.js

@@ -0,0 +1 @@
+import{h as t}from"../../chunk-56M4APOO.js";import{a as r,c as n}from"../../chunk-E7TLDN4Q.js";import{CaretSortIcon as d}from"@radix-ui/react-icons";import*as e from"react";var i=t("div",{backgroundColor:"$loContrast",borderRadius:"$2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast",fontFamily:"$untitled",fontSize:"$1",fontVariantNumeric:"tabular-nums",fontWeight:400,height:"$5",flexShrink:0,"&:focus-within":{zIndex:1,boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8"}}),f=t("select",{appearance:"none",backgroundColor:"transparent",border:"none",borderRadius:"inherit",color:"inherit",font:"inherit",outline:"none",width:"100%",height:"100%",pl:"$1",pr:"$3",lineHeight:"25px"}),x=t(d,{position:"absolute",pointerEvents:"none",display:"inline",marginTop:5,marginLeft:-16}),l=e.forwardRef((h,c)=>{var o=h,{css:a}=o,p=n(o,["css"]);return e.createElement(i,{css:a},e.createElement(f,r({ref:c},p)),e.createElement(x,null))});l.toString=()=>`.${i.className}`;export{l as Select};

package/custom/Toast/index.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }require('../../chunk-MBMZPTDF.cjs');require('../../chunk-YTDUBA6S.cjs');require('../../chunk-MH4A7ANW.cjs');require('../../chunk-DT2FX5IX.cjs');require('../../chunk-TVH3HHWB.cjs');require('../../chunk-PL63B3GX.cjs');require('../../chunk-RHULHWUX.cjs');require('../../chunk-E56QF4G7.cjs');require('../../chunk-JWAY25B4.cjs');require('../../chunk-K5RHCZG7.cjs');require('../../chunk-PEFV7H2D.cjs');require('../../chunk-O3XHQV26.cjs');require('../../chunk-N5YRVH3Y.cjs');require('../../chunk-ATT3LVBX.cjs');require('../../chunk-57F754JY.cjs');require('../../chunk-S2UVGGBI.cjs');require('../../chunk-KFADYPXP.cjs');require('../../chunk-RDKM5TK6.cjs');require('../../chunk-WQXVO42J.cjs');require('../../chunk-YMTV7YBH.cjs');require('../../chunk-NULGCA2Z.cjs');require('../../chunk-2ZU3FXKY.cjs');require('../../chunk-AV3JERMD.cjs');require('../../chunk-NJFWVMZC.cjs');require('../../chunk-CW7WLVQN.cjs');require('../../chunk-DK2ZG5U4.cjs');require('../../chunk-PDT5IJF4.cjs');require('../../chunk-EMWYYCQJ.cjs');require('../../chunk-R5Z5JYG4.cjs');require('../../chunk-KTAYSVRX.cjs');require('../../chunk-FKGT72TX.cjs');require('../../chunk-4PBJDSZA.cjs');require('../../chunk-YNIA3FPQ.cjs');require('../../chunk-IB3YK3LA.cjs');require('../../chunk-RE4NZKFC.cjs');require('../../chunk-SMOMYAZ2.cjs');require('../../chunk-CRX3JQYY.cjs');require('../../chunk-BVIHW4VK.cjs');require('../../chunk-RYYS65RX.cjs');require('../../chunk-SAHS2YHV.cjs');require('../../chunk-QCUBDP2Y.cjs');require('../../chunk-R7DHM7KB.cjs');require('../../chunk-ZBD5N2K7.cjs');require('../../chunk-W7UAY4QM.cjs');require('../../chunk-GOC7MGI3.cjs');require('../../chunk-NVFGHTIO.cjs');require('../../chunk-LFZHI3AD.cjs');require('../../chunk-6FUR3SGP.cjs');require('../../chunk-APPGLV7V.cjs');require('../../chunk-KHCUQUNO.cjs');require('../../chunk-55TB7MKH.cjs');require('../../chunk-NQLLYO4G.cjs');require('../../chunk-T3OICBME.cjs');require('../../chunk-TKKYF5AI.cjs');require('../../chunk-32VL5YAI.cjs');require('../../chunk-5GCNHENS.cjs');require('../../chunk-VZP2GJFQ.cjs');require('../../chunk-GNRXYX6V.cjs');require('../../chunk-SSODWN6E.cjs');require('../../chunk-KAI55S6Y.cjs');require('../../chunk-3SHW3SK7.cjs');require('../../chunk-ZEPY745X.cjs');require('../../chunk-XLRLX7YP.cjs');require('../../chunk-HSARQ2AO.cjs');require('../../chunk-NUQ2HNAX.cjs');require('../../chunk-DYOQPZ7R.cjs');require('../../chunk-2MJHAZ2F.cjs');require('../../chunk-BQEXOAOS.cjs');require('../../chunk-635HM6VF.cjs');require('../../chunk-CQJGNV2W.cjs');require('../../chunk-DB3B3R26.cjs');require('../../chunk-BXRKUBBM.cjs');require('../../chunk-OIZAZJFZ.cjs');require('../../chunk-H7YC3ETR.cjs');require('../../chunk-HRYAJASA.cjs');require('../../chunk-HH2XK2U5.cjs');require('../../chunk-CBBNEDSS.cjs');require('../../chunk-TUBSL6D2.cjs');require('../../chunk-WACRQFIM.cjs');require('../../chunk-X3IBYVEM.cjs');require('../../chunk-U36CEZWL.cjs');require('../../chunk-TORL5BXJ.cjs');require('../../chunk-RLLAQQBY.cjs');require('../../chunk-EXRAQ4OQ.cjs');require('../../chunk-OJMAD4G4.cjs');require('../../chunk-GGST46W2.cjs');require('../../chunk-PRKBGMXZ.cjs');require('../../chunk-EYUWCA2B.cjs');require('../../chunk-OQIWU3K3.cjs');require('../../chunk-LBKJQQWY.cjs');require('../../chunk-E4NLTARF.cjs');require('../../chunk-VODHT3YY.cjs');require('../../chunk-WYCP4QL6.cjs');require('../../chunk-AWB4WLBU.cjs');require('../../chunk-6X7SK3TT.cjs');require('../../chunk-INTBQANA.cjs');require('../../chunk-FAIP5Q4G.cjs');require('../../chunk-KIGRXK4O.cjs');var _chunk4XJNAKVVcjs = require('../../chunk-4XJNAKVV.cjs');require('../../chunk-H5NXLKXB.cjs');require('../../chunk-OR4UYR6J.cjs');require('../../chunk-KTMVMDWM.cjs');require('../../chunk-TPOCFECX.cjs');require('../../chunk-7QAJPJSQ.cjs');require('../../chunk-GEMF37HM.cjs');require('../../chunk-BRMRPZFW.cjs');require('../../chunk-5SIPLNC7.cjs');require('../../chunk-XUMKMCY4.cjs');require('../../chunk-ULWIDK3J.cjs');require('../../chunk-SLTOT24W.cjs');require('../../chunk-RWPTRZG7.cjs');require('../../chunk-BLNW7DI2.cjs');require('../../chunk-ANF5MNFC.cjs');require('../../chunk-D4SA3BFL.cjs');require('../../chunk-HAVUEMZH.cjs');require('../../chunk-VBCERDOG.cjs');require('../../chunk-CV35RWHR.cjs');require('../../chunk-YINKKOMH.cjs');require('../../chunk-ZEPT3GWC.cjs');require('../../chunk-BPLZ3JYI.cjs');require('../../chunk-7FKX5JLF.cjs');require('../../chunk-G3ZXAWZI.cjs');var _chunkGJ4PKCVKcjs = require('../../chunk-GJ4PKCVK.cjs');var _chunkJF6K7QYUcjs = require('../../chunk-JF6K7QYU.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react); var d = _interopRequireWildcard(_react); var f = _interopRequireWildcard(_react); var V = _interopRequireWildcard(_react);var k=_chunkGJ4PKCVKcjs.h.call(void 0, "div",{alignItems:"center",display:"flex",fontSize:"0.875rem",justifyContent:"space-between",maxWidth:"100%","@media (prefers-reduced-motion: no-preference)":{transition:"all 0.4s ease"}}),R=_chunkGJ4PKCVKcjs.h.call(void 0, "div",{height:"100%",marginTop:"-1px",opacity:"1","@media (prefers-reduced-motion: no-preference)":{transition:"opacity 0.4s ease"},width:"100%",wordBreak:"break-word",variants:{action:{true:{width:"70%"}},cancel:{true:{marginRight:"$2"}}}}),m=_chunkGJ4PKCVKcjs.h.call(void 0, "div",{background:"$loContrast",borderRadius:"$2",bottom:"0",color:"$hiContrast",opacity:"0",padding:"$4",position:"absolute",right:"0",transform:"translate3d(0, 100%, 150px) scale(1)","@media (prefers-reduced-motion: no-preference)":{transition:"all 0.4s ease"},zIndex:"5000",width:"90vw","@bp1":{maxWidth:"500px"},boxShadow:"0 5px 10px $colors$blackA8",[`.${_chunkGJ4PKCVKcjs.j} &`]:{boxShadow:"0 5px 10px $colors$whiteA4"},variants:{type:{default:{border:"1px solid $colors$gray1",backgroundColor:"$gray3",color:"$gray12","&:hover":{backgroundColor:"$gray4",borderColor:"$gray2"}},error:{border:"1px solid $colors$red7",backgroundColor:"$red9",color:"$red1","&:hover":{backgroundColor:"$red10",borderColor:"$red8"}},info:{border:"1px solid $colors$blue7",backgroundColor:"$blue9",color:"$blue1","&:hover":{backgroundColor:"$blue10",borderColor:"$blue8"}},success:{border:"1px solid $colors$green7",backgroundColor:"$green9",color:"$green1","&:hover":{backgroundColor:"$green10",borderColor:"$green8"}},warning:{border:"1px solid $colors$orange7",backgroundColor:"$orange9",color:"$orange1","&:hover":{backgroundColor:"$orange10",borderColor:"$orange8"}},generic:{border:"1px solid $colors$gray1",backgroundColor:"$gray3",color:"$gray12","&:hover":{backgroundColor:"$gray4",borderColor:"$gray2"}},loading:{border:"1px solid $colors$gray1",backgroundColor:"$gray3",color:"$gray12","&:hover":{backgroundColor:"$gray4",borderColor:"$gray2"}}},visible:{true:{opacity:"1",transform:"none"}}},defaultVariants:{type:"default"}}),M=_chunkGJ4PKCVKcjs.h.call(void 0, "div",{"$$offset-bottom":"0px",bottom:"calc($space$4 + $$offset-bottom)",position:"fixed",right:"$space$4","@media (prefers-reduced-motion: no-preference)":{transition:"transform 0.4s ease, bottom 0.4s ease"},zIndex:"5000",width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"100%"},[`${m}:not(:last-child) ${k} ${R}`]:{opacity:0},[`${m}:nth-last-child(n + 4)`]:{opacity:0,pointerEvents:"none"},"@hover":{[`&:hover ${m} ${k} ${R}`]:{opacity:1},[`&:hover ${m}::after`]:{background:"transparent",content:"''",height:"20px",left:"0",position:"absolute",right:"0",top:"calc(100% + 1px)",width:"100%"}},variants:{align:{center:{right:"calc(50% - 210px)"}},multiple:{true:{"@hover":{"&:hover":{transform:"translate3d(0, -10px, 0)"}}}}}});var _={default:1e4,error:8e3,generic:1e4,info:5e3,loading:5e4,success:5e3,warning:8e3};var U={default:"status",error:"alert",generic:"status",info:"status",loading:"status",success:"alert",warning:"alert"},z={default:"polite",error:"assertive",generic:"polite",info:"polite",loading:"polite",success:"assertive",warning:"assertive"};var W=h=>{var u=h,{action:p,cancelAction:g,duration:a,height:s,heights:i,hovering:c,onMount:e,position:t,preserve:v,remove:o,text:$,type:n}=u,P=_chunkJF6K7QYUcjs.c.call(void 0, u,["action","cancelAction","duration","height","heights","hovering","onMount","position","preserve","remove","text","type"]);let[y,w]=r.useState(!1);r.useEffect(()=>{setTimeout(()=>w(!0),0)},[]),r.useEffect(()=>{setTimeout(()=>e==null?void 0:e(),0)},[e]),r.useEffect(()=>{let l;return!v&&!c&&(l=setTimeout(o,_nullishCoalesce(_nullishCoalesce(a, () => (_[n])), () => (_.default)))),()=>{clearTimeout(l)}},[c,v]);let C=r.useRef(s);r.useEffect(()=>(i[t]=C.current,()=>{i.splice(t,1)}),[t,i]);let F=r.useCallback((l,K)=>l+K,[]),H={"aria-live":z[_nullishCoalesce(n, () => ("default"))],role:U[_nullishCoalesce(n, () => ("default"))]};return r.createElement(m,{visible:y,type:_nullishCoalesce(n, () => ("default")),css:{maxHeight:c?`${C.current}px !important`:t===0?C.current:50,transform:c?`translate3d(
+                    0px,
+                    -${i.slice(0,t).reduce(F,0)+t*20}px,
+                    ${t*-1}px
+                  )
+                  scale(1) !important`:t===0?y&&"none":`translate3d(0px, calc(-${i[0]}px + 100% + -${20*t}px),-${t}px)
+               scale(${1-t*.05})`}},r.createElement(k,null,r.createElement(R,_chunkJF6K7QYUcjs.a.call(void 0, {action:!!p,cancel:!!g,ref:l=>C.current=(l==null?void 0:l.offsetHeight)-1+48},H),$),g&&r.createElement(_chunk4XJNAKVVcjs.a,{size:"1",variant:"red",css:{mr:10}},g),p&&r.createElement(_chunk4XJNAKVVcjs.a,{size:"1",variant:"green",css:{mr:10}},p)))},A= exports.ToastContainer =W;var _reactportal = require('@radix-ui/react-portal'); var O = _interopRequireWildcard(_reactportal);var _interactions = require('@react-aria/interactions');function J(){return d.useReducer(()=>({}),{})[1]}var N=()=>{let{hoverProps:p,isHovered:g}=_interactions.useHover.call(void 0, {}),{current:a}=B(),s=_nullishCoalesce((a==null?void 0:a.messages), () => ([])),i=d.useRef([]),c=J();return d.createElement(O.Root,null,d.createElement(M,_chunkJF6K7QYUcjs.a.call(void 0, {multiple:s.length>1},p),s.map((e,t)=>d.createElement(A,{action:e.action,cancelAction:e.cancelAction,duration:e.duration,height:e.height,heights:i.current,hovering:g,id:e.key,key:e.key,onMount:c,position:s.length-1-t,preserve:e.preserve,remove:()=>{a==null||a.removeToastByKey(e.key)},text:e.text,type:e.type}))))},q= exports.Toaster =N;var x=()=>{throw new Error("Missing a ToastsProvider")},S=f.createContext({current:{messages:[],message:x,error:x,success:x,removeToastByKey:x,warning:x}}),G=({children:p})=>{let[g,a]=f.useState([]),s=(o,$)=>{let n,P,h,u,y=$;typeof o=="string"?n=o:{text:n,type:y,preserve:P,action:h,cancelAction:u}=o,a(w=>[...w,{text:n,preserve:P,height:h||u?72:64,key:(+new Date).toString(),action:h,cancelAction:u,type:y}])},i=o=>{s(o,"default")},c=o=>{s(o,"error")},e=o=>{s(o,"success")},t=o=>{s(o,"warning")},v=o=>{a($=>$.filter(n=>n.key!==o))};return f.createElement(S.Provider,{value:{current:{messages:g,message:i,error:c,success:e,removeToastByKey:v,warning:t}}},p)};var Q=G;function X(){return V.useContext(S)}var B=X;exports.ToastContainer = A; exports.ToastProvider = Q; exports.Toaster = q; exports.useToast = B;

package/custom/Toast/index.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+
+interface ToastContainerProps extends IToast {
+    height: number;
+    heights?: number[];
+    hovering: boolean;
+    id: string;
+    onMount?: () => void;
+    position?: number;
+    preserve?: boolean;
+    remove?: () => void;
+    text: string;
+}
+declare type ToastType = 'default' | 'error' | 'generic' | 'info' | 'loading' | 'success' | 'warning';
+interface IToast {
+    action?: string;
+    cancelAction?: string;
+    duration?: number;
+    height: number;
+    key: string;
+    preserve?: boolean;
+    text: string;
+    type?: ToastType;
+}
+interface IToastContext {
+    current?: {
+        messages: IToast[];
+        message: (message: Partial<IToast> | string) => void;
+        error: (message: Partial<IToast> | string) => void;
+        success: (message: Partial<IToast> | string) => void;
+        removeToastByKey: (key: string) => void;
+        warning: (message: Partial<IToast> | string) => void;
+    };
+}
+declare enum IToastState {
+    Idle = "idle",
+    Timing = "timing",
+    Interacting = "interacting"
+}
+
+declare const ToastContainer: React.ComponentType<ToastContainerProps>;
+
+declare const Toaster: () => JSX.Element;
+
+declare const ToastProvider: ({ children }: {
+    children: any;
+}) => JSX.Element;
+
+declare function useToast(): IToastContext;
+
+export { IToast, IToastContext, IToastState, ToastContainer, ToastContainerProps, ToastProvider, ToastType, Toaster, useToast };