@shipfox/react-ui 0.2.0 → 0.4.0

package/dist/components/label/label.stories.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from '../../components/checkbox/index.js';
+import { Input } from '../../components/input/input.js';
+import { Textarea } from '../../components/textarea/index.js';
+import { Label } from './label.js';
+const meta = {
+    title: 'Components/Label',
+    component: Label,
+    tags: [
+        'autodocs'
+    ],
+    argTypes: {
+        htmlFor: {
+            control: 'text'
+        }
+    }
+};
+export default meta;
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "email",
+                    children: "Email"
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    id: "email",
+                    type: "email",
+                    placeholder: "Enter your email"
+                })
+            ]
+        })
+};
+export const WithCheckbox = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex items-center gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Checkbox, {
+                    id: "terms"
+                }),
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "terms",
+                    children: "Accept terms and conditions"
+                })
+            ]
+        })
+};
+export const WithTextarea = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "message",
+                    children: "Message"
+                }),
+                /*#__PURE__*/ _jsx(Textarea, {
+                    id: "message",
+                    placeholder: "Enter your message"
+                })
+            ]
+        })
+};
+export const Required = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsxs(Label, {
+                    htmlFor: "required-field",
+                    children: [
+                        "Required Field ",
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "text-foreground-highlight-error",
+                            children: "*"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    id: "required-field",
+                    type: "text",
+                    placeholder: "This field is required"
+                })
+            ]
+        })
+};
+export const Disabled = {
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "disabled-field",
+                    className: "opacity-50",
+                    children: "Disabled Field"
+                }),
+                /*#__PURE__*/ _jsx(Input, {
+                    id: "disabled-field",
+                    type: "text",
+                    placeholder: "Disabled input",
+                    disabled: true
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=label.stories.js.map

package/dist/components/label/label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/label/label.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Checkbox} from 'components/checkbox';\nimport {Input} from 'components/input/input';\nimport {Textarea} from 'components/textarea';\nimport {Label} from './label';\n\nconst meta = {\n  title: 'Components/Label',\n  component: Label,\n  tags: ['autodocs'],\n  argTypes: {\n    htmlFor: {control: 'text'},\n  },\n} satisfies Meta<typeof Label>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"email\">Email</Label>\n      <Input id=\"email\" type=\"email\" placeholder=\"Enter your email\" />\n    </div>\n  ),\n};\n\nexport const WithCheckbox: Story = {\n  render: () => (\n    <div className=\"flex items-center gap-8\">\n      <Checkbox id=\"terms\" />\n      <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n    </div>\n  ),\n};\n\nexport const WithTextarea: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"message\">Message</Label>\n      <Textarea id=\"message\" placeholder=\"Enter your message\" />\n    </div>\n  ),\n};\n\nexport const Required: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"required-field\">\n        Required Field <span className=\"text-foreground-highlight-error\">*</span>\n      </Label>\n      <Input id=\"required-field\" type=\"text\" placeholder=\"This field is required\" />\n    </div>\n  ),\n};\n\nexport const Disabled: Story = {\n  render: () => (\n    <div className=\"flex flex-col gap-8\">\n      <Label htmlFor=\"disabled-field\" className=\"opacity-50\">\n        Disabled Field\n      </Label>\n      <Input id=\"disabled-field\" type=\"text\" placeholder=\"Disabled input\" disabled />\n    </div>\n  ),\n};\n"],"names":["Checkbox","Input","Textarea","Label","meta","title","component","tags","argTypes","htmlFor","control","Default","render","div","className","id","type","placeholder","WithCheckbox","WithTextarea","Required","span","Disabled","disabled"],"mappings":";AACA,SAAQA,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,KAAK,QAAO,UAAU;AAE9B,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWH;IACXI,MAAM;QAAC;KAAW;IAClBC,UAAU;QACRC,SAAS;YAACC,SAAS;QAAM;IAC3B;AACF;AAEA,eAAeN,KAAK;AAIpB,OAAO,MAAMO,UAAiB;IAC5BC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;8BAAQ;;8BACvB,KAACR;oBAAMc,IAAG;oBAAQC,MAAK;oBAAQC,aAAY;;;;AAGjD,EAAE;AAEF,OAAO,MAAMC,eAAsB;IACjCN,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACd;oBAASe,IAAG;;8BACb,KAACZ;oBAAMM,SAAQ;8BAAQ;;;;AAG7B,EAAE;AAEF,OAAO,MAAMU,eAAsB;IACjCP,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;8BAAU;;8BACzB,KAACP;oBAASa,IAAG;oBAAUE,aAAY;;;;AAGzC,EAAE;AAEF,OAAO,MAAMG,WAAkB;IAC7BR,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,MAACX;oBAAMM,SAAQ;;wBAAiB;sCACf,KAACY;4BAAKP,WAAU;sCAAkC;;;;8BAEnE,KAACb;oBAAMc,IAAG;oBAAiBC,MAAK;oBAAOC,aAAY;;;;AAGzD,EAAE;AAEF,OAAO,MAAMK,WAAkB;IAC7BV,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACX;oBAAMM,SAAQ;oBAAiBK,WAAU;8BAAa;;8BAGvD,KAACb;oBAAMc,IAAG;oBAAiBC,MAAK;oBAAOC,aAAY;oBAAiBM,QAAQ;;;;AAGlF,EAAE"}

package/dist/components/moving-border/moving-border.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from 'react';
+export type MovingBorderProps = {
+    children: React.ReactNode;
+    duration?: number;
+    rx?: string;
+    ry?: string;
+} & ComponentProps<'svg'>;
+export declare function MovingBorder({ children, duration, rx, ry, ...otherProps }: MovingBorderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=moving-border.d.ts.map

package/dist/components/moving-border/moving-border.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"moving-border.d.ts","sourceRoot":"","sources":["../../../src/components/moving-border/moving-border.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAe,EACf,EAAE,EACF,EAAE,EACF,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA2CnB"}

package/dist/components/moving-border/moving-border.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { motion, useAnimationFrame, useMotionTemplate, useMotionValue, useTransform } from 'framer-motion';
+import { useRef } from 'react';
+export function MovingBorder({ children, duration = 3000, rx, ry, ...otherProps }) {
+    const pathRef = useRef(null);
+    const progress = useMotionValue(0);
+    useAnimationFrame((time)=>{
+        const length = pathRef.current?.getTotalLength();
+        if (length) {
+            const pxPerMillisecond = length / duration;
+            progress.set(time * pxPerMillisecond % length);
+        }
+    });
+    const x = useTransform(progress, (val)=>pathRef.current?.getPointAtLength(val)?.x ?? 0);
+    const y = useTransform(progress, (val)=>pathRef.current?.getPointAtLength(val)?.y ?? 0);
+    const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                preserveAspectRatio: "none",
+                className: "absolute h-full w-full",
+                width: "100%",
+                height: "100%",
+                ...otherProps,
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Moving Border"
+                    }),
+                    /*#__PURE__*/ _jsx("rect", {
+                        fill: "none",
+                        width: "100%",
+                        height: "100%",
+                        rx: rx,
+                        ry: ry,
+                        ref: pathRef
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(motion.div, {
+                style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    display: 'inline-block',
+                    transform
+                },
+                children: children
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=moving-border.js.map

package/dist/components/moving-border/moving-border.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/moving-border/moving-border.tsx"],"sourcesContent":["import {\n  motion,\n  useAnimationFrame,\n  useMotionTemplate,\n  useMotionValue,\n  useTransform,\n} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {useRef} from 'react';\n\nexport type MovingBorderProps = {\n  children: React.ReactNode;\n  duration?: number;\n  rx?: string;\n  ry?: string;\n} & ComponentProps<'svg'>;\n\nexport function MovingBorder({\n  children,\n  duration = 3000,\n  rx,\n  ry,\n  ...otherProps\n}: MovingBorderProps) {\n  const pathRef = useRef<SVGRectElement | null>(null);\n  const progress = useMotionValue<number>(0);\n\n  useAnimationFrame((time: number) => {\n    const length = pathRef.current?.getTotalLength();\n    if (length) {\n      const pxPerMillisecond = length / duration;\n      progress.set((time * pxPerMillisecond) % length);\n    }\n  });\n\n  const x = useTransform(progress, (val: number) => pathRef.current?.getPointAtLength(val)?.x ?? 0);\n  const y = useTransform(progress, (val: number) => pathRef.current?.getPointAtLength(val)?.y ?? 0);\n\n  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;\n\n  return (\n    <>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"none\"\n        className=\"absolute h-full w-full\"\n        width=\"100%\"\n        height=\"100%\"\n        {...otherProps}\n      >\n        <title>Moving Border</title>\n        <rect fill=\"none\" width=\"100%\" height=\"100%\" rx={rx} ry={ry} ref={pathRef} />\n      </svg>\n      <motion.div\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          display: 'inline-block',\n          transform,\n        }}\n      >\n        {children}\n      </motion.div>\n    </>\n  );\n}\n"],"names":["motion","useAnimationFrame","useMotionTemplate","useMotionValue","useTransform","useRef","MovingBorder","children","duration","rx","ry","otherProps","pathRef","progress","time","length","current","getTotalLength","pxPerMillisecond","set","x","val","getPointAtLength","y","transform","svg","xmlns","preserveAspectRatio","className","width","height","title","rect","fill","ref","div","style","position","top","left","display"],"mappings":";AAAA,SACEA,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,cAAc,EACdC,YAAY,QACP,gBAAgB;AAEvB,SAAQC,MAAM,QAAO,QAAQ;AAS7B,OAAO,SAASC,aAAa,EAC3BC,QAAQ,EACRC,WAAW,IAAI,EACfC,EAAE,EACFC,EAAE,EACF,GAAGC,YACe;IAClB,MAAMC,UAAUP,OAA8B;IAC9C,MAAMQ,WAAWV,eAAuB;IAExCF,kBAAkB,CAACa;QACjB,MAAMC,SAASH,QAAQI,OAAO,EAAEC;QAChC,IAAIF,QAAQ;YACV,MAAMG,mBAAmBH,SAASP;YAClCK,SAASM,GAAG,CAAC,AAACL,OAAOI,mBAAoBH;QAC3C;IACF;IAEA,MAAMK,IAAIhB,aAAaS,UAAU,CAACQ,MAAgBT,QAAQI,OAAO,EAAEM,iBAAiBD,MAAMD,KAAK;IAC/F,MAAMG,IAAInB,aAAaS,UAAU,CAACQ,MAAgBT,QAAQI,OAAO,EAAEM,iBAAiBD,MAAME,KAAK;IAE/F,MAAMC,YAAYtB,iBAAiB,CAAC,WAAW,EAAEkB,EAAE,eAAe,EAAEG,EAAE,qCAAqC,CAAC;IAE5G,qBACE;;0BACE,MAACE;gBACCC,OAAM;gBACNC,qBAAoB;gBACpBC,WAAU;gBACVC,OAAM;gBACNC,QAAO;gBACN,GAAGnB,UAAU;;kCAEd,KAACoB;kCAAM;;kCACP,KAACC;wBAAKC,MAAK;wBAAOJ,OAAM;wBAAOC,QAAO;wBAAOrB,IAAIA;wBAAIC,IAAIA;wBAAIwB,KAAKtB;;;;0BAEpE,KAACZ,OAAOmC,GAAG;gBACTC,OAAO;oBACLC,UAAU;oBACVC,KAAK;oBACLC,MAAM;oBACNC,SAAS;oBACThB;gBACF;0BAECjB;;;;AAIT"}

package/dist/components/textarea/textarea.js

@@ -20,7 +20,7 @@ export const textareaVariants = cva('', {
 export function Textarea({ className, variant, size, ...props }) {
     return /*#__PURE__*/ _jsx("textarea", {
         "data-slot": "textarea",
-        className: cn('textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-border-base transition-[color,box-shadow] outline-none', 'hover:bg-background-field-hover', 'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled', 'focus-visible:shadow-border-interactive-with-active', 'aria-invalid:shadow-border-error', textareaVariants({
+        className: cn('textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral transition-[color,box-shadow] outline-none', 'hover:bg-background-field-hover', 'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled', 'focus-visible:shadow-border-interactive-with-active', 'aria-invalid:shadow-border-error', textareaVariants({
             variant,
             size
         }), className),

package/dist/components/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const textareaVariants = cva('', {\n  variants: {\n    variant: {\n      base: 'bg-background-field-base',\n      component: 'bg-background-field-component',\n    },\n    size: {\n      base: 'py-6',\n      small: 'py-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'base',\n    size: 'base',\n  },\n});\n\ntype TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> &\n  VariantProps<typeof textareaVariants>;\n\nexport function Textarea({className, variant, size, ...props}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-border-base transition-[color,box-shadow] outline-none',\n        'hover:bg-background-field-hover',\n        'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n        'focus-visible:shadow-border-interactive-with-active',\n        'aria-invalid:shadow-border-error',\n        textareaVariants({variant, size}),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cva","cn","textareaVariants","variants","variant","base","component","size","small","defaultVariants","Textarea","className","props","textarea","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,mBAAmBF,IAAI,IAAI;IACtCG,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJF,MAAM;YACNG,OAAO;QACT;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAKH,OAAO,SAASG,SAAS,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAE,GAAGK,OAAqB;IAC1E,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWV,GACT,sNACA,mCACA,6FACA,mKACA,uDACA,oCACAC,iBAAiB;YAACE;YAASG;QAAI,IAC/BI;QAED,GAAGC,KAAK;;AAGf"}
+{"version":3,"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nexport const textareaVariants = cva('', {\n  variants: {\n    variant: {\n      base: 'bg-background-field-base',\n      component: 'bg-background-field-component',\n    },\n    size: {\n      base: 'py-6',\n      small: 'py-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'base',\n    size: 'base',\n  },\n});\n\ntype TextareaProps = Omit<ComponentProps<'textarea'>, 'size'> &\n  VariantProps<typeof textareaVariants>;\n\nexport function Textarea({className, variant, size, ...props}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'textarea-resize-custom placeholder:text-foreground-neutral-muted w-full min-w-0 rounded-6 px-8 pr-24 text-sm leading-20 text-foreground-neutral-base shadow-button-neutral transition-[color,box-shadow] outline-none',\n        'hover:bg-background-field-hover',\n        'selection:bg-background-accent-neutral-soft selection:text-foreground-neutral-on-inverted',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-background-neutral-disabled disabled:shadow-none disabled:text-foreground-neutral-disabled',\n        'focus-visible:shadow-border-interactive-with-active',\n        'aria-invalid:shadow-border-error',\n        textareaVariants({variant, size}),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cva","cn","textareaVariants","variants","variant","base","component","size","small","defaultVariants","Textarea","className","props","textarea","data-slot"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAEhE,SAAQC,EAAE,QAAO,WAAW;AAE5B,OAAO,MAAMC,mBAAmBF,IAAI,IAAI;IACtCG,UAAU;QACRC,SAAS;YACPC,MAAM;YACNC,WAAW;QACb;QACAC,MAAM;YACJF,MAAM;YACNG,OAAO;QACT;IACF;IACAC,iBAAiB;QACfL,SAAS;QACTG,MAAM;IACR;AACF,GAAG;AAKH,OAAO,SAASG,SAAS,EAACC,SAAS,EAAEP,OAAO,EAAEG,IAAI,EAAE,GAAGK,OAAqB;IAC1E,qBACE,KAACC;QACCC,aAAU;QACVH,WAAWV,GACT,yNACA,mCACA,6FACA,mKACA,uDACA,oCACAC,iBAAiB;YAACE;YAASG;QAAI,IAC/BI;QAED,GAAGC,KAAK;;AAGf"}

package/dist/components/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/theme/index.js

@@ -0,0 +1,3 @@
+export * from './theme-provider.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["export * from './theme-provider';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/components/{theme-provider.d.ts → theme/theme-provider.d.ts}

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type Theme } from '../state/theme';
+import { type Theme } from '../../state/theme';
 type ThemeProviderProps = {
     children: ReactNode;
     defaultTheme?: Theme;

package/dist/components/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,KAAK,KAAK,EAAuB,MAAM,aAAa,CAAC;AAE7D,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAmCpB"}

package/dist/components/{theme-provider.js → theme/theme-provider.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { ThemeProviderContext } from '../state/theme.js';
+import { ThemeProviderContext } from '../../state/theme.js';
 export function ThemeProvider({ children, defaultTheme = 'system', storageKey = 'shipfox-theme', ...props }) {
     const [theme, setTheme] = useState(()=>localStorage.getItem(storageKey) || defaultTheme);
     useEffect(()=>{

package/dist/components/theme/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/theme/theme-provider.tsx"],"sourcesContent":["import {type ReactNode, useEffect, useState} from 'react';\nimport {type Theme, ThemeProviderContext} from 'state/theme';\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'shipfox-theme',\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(\n    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme,\n  );\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n\n      root.classList.add(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n  }, [theme]);\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme);\n      setTheme(theme);\n    },\n  };\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n"],"names":["useEffect","useState","ThemeProviderContext","ThemeProvider","children","defaultTheme","storageKey","props","theme","setTheme","localStorage","getItem","root","window","document","documentElement","classList","remove","systemTheme","matchMedia","matches","add","value","setItem","Provider"],"mappings":";AAAA,SAAwBA,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAC1D,SAAoBC,oBAAoB,QAAO,cAAc;AAQ7D,OAAO,SAASC,cAAc,EAC5BC,QAAQ,EACRC,eAAe,QAAQ,EACvBC,aAAa,eAAe,EAC5B,GAAGC,OACgB;IACnB,MAAM,CAACC,OAAOC,SAAS,GAAGR,SACxB,IAAM,AAACS,aAAaC,OAAO,CAACL,eAAyBD;IAGvDL,UAAU;QACR,MAAMY,OAAOC,OAAOC,QAAQ,CAACC,eAAe;QAE5CH,KAAKI,SAAS,CAACC,MAAM,CAAC,SAAS;QAE/B,IAAIT,UAAU,UAAU;YACtB,MAAMU,cAAcL,OAAOM,UAAU,CAAC,gCAAgCC,OAAO,GACzE,SACA;YAEJR,KAAKI,SAAS,CAACK,GAAG,CAACH;YACnB;QACF;QAEAN,KAAKI,SAAS,CAACK,GAAG,CAACb;IACrB,GAAG;QAACA;KAAM;IAEV,MAAMc,QAAQ;QACZd;QACAC,UAAU,CAACD;YACTE,aAAaa,OAAO,CAACjB,YAAYE;YACjCC,SAASD;QACX;IACF;IAEA,qBACE,KAACN,qBAAqBsB,QAAQ;QAAE,GAAGjB,KAAK;QAAEe,OAAOA;kBAC9ClB;;AAGP"}

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

@@ -0,0 +1,3 @@
+export { Toaster, type ToasterProps, toast } from './toast';
+export { ToastCustom, type ToastCustomProps } from './toast-custom';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,EAAC,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAE,KAAK,gBAAgB,EAAC,MAAM,gBAAgB,CAAC"}

package/dist/components/toast/index.js

@@ -0,0 +1,4 @@
+export { Toaster, toast } from './toast.js';
+export { ToastCustom } from './toast-custom.js';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/index.ts"],"sourcesContent":["export {Toaster, type ToasterProps, toast} from './toast';\nexport {ToastCustom, type ToastCustomProps} from './toast-custom';\n"],"names":["Toaster","toast","ToastCustom"],"mappings":"AAAA,SAAQA,OAAO,EAAqBC,KAAK,QAAO,UAAU;AAC1D,SAAQC,WAAW,QAA8B,iBAAiB"}

package/dist/components/toast/toast-custom.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const toastCustomVariants: (props?: ({
+    variant?: "info" | "default" | "success" | "warning" | "error" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToastAction = {
+    label: string;
+    onClick: () => void;
+};
+export type ToastCustomProps = VariantProps<typeof toastCustomVariants> & {
+    title?: string;
+    description?: string;
+    content?: string;
+    actions?: ToastAction[];
+    onClose?: () => void;
+    className?: string;
+};
+export declare function ToastCustom({ variant, title, description, content, actions, onClose, className, }: ToastCustomProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=toast-custom.d.ts.map

package/dist/components/toast/toast-custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-custom.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-custom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,QAAA,MAAM,mBAAmB;;8EAavB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,wBAAgB,WAAW,CAAC,EAC1B,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,gBAAgB,2CAgGlB"}

package/dist/components/toast/toast-custom.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Icon } from '../../components/icon/icon.js';
+import { cn } from '../../utils/cn.js';
+const toastCustomVariants = cva('group relative flex items-start gap-8', {
+    variants: {
+        variant: {
+            default: 'text-tag-neutral-icon',
+            info: 'text-tag-neutral-icon',
+            success: 'text-tag-success-icon',
+            warning: 'text-tag-warning-icon',
+            error: 'text-tag-error-icon'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+function getDefaultIcon(variant = 'default') {
+    switch(variant){
+        case 'info':
+            return /*#__PURE__*/ _jsx(Icon, {
+                name: "info",
+                size: 20
+            });
+        case 'success':
+            return /*#__PURE__*/ _jsx(Icon, {
+                name: "checkCircleSolid",
+                size: 20
+            });
+        case 'warning':
+            return /*#__PURE__*/ _jsx(Icon, {
+                name: "info",
+                size: 20
+            });
+        case 'error':
+            return /*#__PURE__*/ _jsx(Icon, {
+                name: "xCircleSolid",
+                size: 20
+            });
+        default:
+            return /*#__PURE__*/ _jsx(Icon, {
+                name: "info",
+                size: 20
+            });
+    }
+}
+export function ToastCustom({ variant = 'default', title, description, content, actions, onClose, className }) {
+    const hasTitle = Boolean(title);
+    const hasDescription = Boolean(description);
+    const hasContent = Boolean(content);
+    const hasActions = Boolean(actions && actions.length > 0);
+    const isSimple = hasContent && !hasTitle && !hasDescription;
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-slot": "toast-custom",
+        className: cn(toastCustomVariants({
+            variant
+        }), className),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "w-20 h-20 rounded-full flex items-start justify-center shrink-0 pt-1",
+                children: getDefaultIcon(variant)
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex-1 min-w-0",
+                children: [
+                    hasTitle && /*#__PURE__*/ _jsx("div", {
+                        "data-slot": "toast-custom-title",
+                        className: "font-medium text-sm leading-20 text-foreground-neutral-base mb-4",
+                        children: title
+                    }),
+                    hasDescription && /*#__PURE__*/ _jsx("div", {
+                        "data-slot": "toast-custom-description",
+                        className: "text-xs leading-20 text-foreground-neutral-muted mb-8",
+                        children: description
+                    }),
+                    isSimple ? /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center justify-between gap-16 min-w-400 mr-30",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                "data-slot": "toast-custom-content",
+                                className: "text-sm leading-20 text-foreground-neutral-base",
+                                children: content
+                            }),
+                            hasActions && /*#__PURE__*/ _jsx("div", {
+                                "data-slot": "toast-custom-actions",
+                                className: "flex items-center gap-16",
+                                children: actions?.map((action)=>/*#__PURE__*/ _jsx("button", {
+                                        "data-slot": "toast-custom-action",
+                                        type: "button",
+                                        onClick: action.onClick,
+                                        className: "bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2",
+                                        children: action.label
+                                    }, action.label))
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            hasContent && !hasTitle && /*#__PURE__*/ _jsx("div", {
+                                "data-slot": "toast-custom-content",
+                                className: "text-sm leading-20 text-foreground-neutral-base mb-8",
+                                children: content
+                            }),
+                            hasActions && /*#__PURE__*/ _jsx("div", {
+                                "data-slot": "toast-custom-actions",
+                                className: "flex items-center gap-16 mt-8",
+                                children: actions?.map((action)=>/*#__PURE__*/ _jsx("button", {
+                                        "data-slot": "toast-custom-action",
+                                        type: "button",
+                                        onClick: action.onClick,
+                                        className: "bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2",
+                                        children: action.label
+                                    }, action.label))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            onClose && /*#__PURE__*/ _jsx("button", {
+                "data-slot": "toast-custom-close",
+                type: "button",
+                onClick: onClose,
+                className: "absolute cursor-pointer -top-2 -right-2 rounded-4 p-4 bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 shrink-0",
+                "aria-label": "Close",
+                children: /*#__PURE__*/ _jsx(Icon, {
+                    name: "close",
+                    className: "w-16 h-16"
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=toast-custom.js.map

package/dist/components/toast/toast-custom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/toast-custom.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport {Icon} from 'components/icon/icon';\nimport type {ReactNode} from 'react';\nimport {cn} from 'utils/cn';\n\nconst toastCustomVariants = cva('group relative flex items-start gap-8', {\n  variants: {\n    variant: {\n      default: 'text-tag-neutral-icon',\n      info: 'text-tag-neutral-icon',\n      success: 'text-tag-success-icon',\n      warning: 'text-tag-warning-icon',\n      error: 'text-tag-error-icon',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type ToastAction = {\n  label: string;\n  onClick: () => void;\n};\n\nexport type ToastCustomProps = VariantProps<typeof toastCustomVariants> & {\n  title?: string;\n  description?: string;\n  content?: string;\n  actions?: ToastAction[];\n  onClose?: () => void;\n  className?: string;\n};\n\nfunction getDefaultIcon(variant: ToastCustomProps['variant'] = 'default'): ReactNode {\n  switch (variant) {\n    case 'info':\n      return <Icon name=\"info\" size={20} />;\n    case 'success':\n      return <Icon name=\"checkCircleSolid\" size={20} />;\n    case 'warning':\n      return <Icon name=\"info\" size={20} />;\n    case 'error':\n      return <Icon name=\"xCircleSolid\" size={20} />;\n    default:\n      return <Icon name=\"info\" size={20} />;\n  }\n}\n\nexport function ToastCustom({\n  variant = 'default',\n  title,\n  description,\n  content,\n  actions,\n  onClose,\n  className,\n}: ToastCustomProps) {\n  const hasTitle = Boolean(title);\n  const hasDescription = Boolean(description);\n  const hasContent = Boolean(content);\n  const hasActions = Boolean(actions && actions.length > 0);\n  const isSimple = hasContent && !hasTitle && !hasDescription;\n\n  return (\n    <div data-slot=\"toast-custom\" className={cn(toastCustomVariants({variant}), className)}>\n      <div className=\"w-20 h-20 rounded-full flex items-start justify-center shrink-0 pt-1\">\n        {getDefaultIcon(variant)}\n      </div>\n\n      <div className=\"flex-1 min-w-0\">\n        {hasTitle && (\n          <div\n            data-slot=\"toast-custom-title\"\n            className=\"font-medium text-sm leading-20 text-foreground-neutral-base mb-4\"\n          >\n            {title}\n          </div>\n        )}\n        {hasDescription && (\n          <div\n            data-slot=\"toast-custom-description\"\n            className=\"text-xs leading-20 text-foreground-neutral-muted mb-8\"\n          >\n            {description}\n          </div>\n        )}\n        {isSimple ? (\n          <div className=\"flex items-center justify-between gap-16 min-w-400 mr-30\">\n            <div\n              data-slot=\"toast-custom-content\"\n              className=\"text-sm leading-20 text-foreground-neutral-base\"\n            >\n              {content}\n            </div>\n            {hasActions && (\n              <div data-slot=\"toast-custom-actions\" className=\"flex items-center gap-16\">\n                {actions?.map((action) => (\n                  <button\n                    key={action.label}\n                    data-slot=\"toast-custom-action\"\n                    type=\"button\"\n                    onClick={action.onClick}\n                    className=\"bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2\"\n                  >\n                    {action.label}\n                  </button>\n                ))}\n              </div>\n            )}\n          </div>\n        ) : (\n          <>\n            {hasContent && !hasTitle && (\n              <div\n                data-slot=\"toast-custom-content\"\n                className=\"text-sm leading-20 text-foreground-neutral-base mb-8\"\n              >\n                {content}\n              </div>\n            )}\n            {hasActions && (\n              <div data-slot=\"toast-custom-actions\" className=\"flex items-center gap-16 mt-8\">\n                {actions?.map((action) => (\n                  <button\n                    key={action.label}\n                    data-slot=\"toast-custom-action\"\n                    type=\"button\"\n                    onClick={action.onClick}\n                    className=\"bg-transparent border-none p-0 cursor-pointer text-xs font-medium leading-20 text-foreground-neutral-base hover:text-foreground-neutral-subtle transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2\"\n                  >\n                    {action.label}\n                  </button>\n                ))}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n\n      {onClose && (\n        <button\n          data-slot=\"toast-custom-close\"\n          type=\"button\"\n          onClick={onClose}\n          className=\"absolute cursor-pointer -top-2 -right-2 rounded-4 p-4 bg-transparent border-none text-foreground-neutral-muted hover:text-foreground-neutral-base hover:bg-background-components-hover transition-colors duration-150 outline-none focus-visible:ring-2 focus-visible:ring-background-accent-blue-base focus-visible:ring-offset-2 shrink-0\"\n          aria-label=\"Close\"\n        >\n          <Icon name=\"close\" className=\"w-16 h-16\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["cva","Icon","cn","toastCustomVariants","variants","variant","default","info","success","warning","error","defaultVariants","getDefaultIcon","name","size","ToastCustom","title","description","content","actions","onClose","className","hasTitle","Boolean","hasDescription","hasContent","hasActions","length","isSimple","div","data-slot","map","action","button","type","onClick","label","aria-label"],"mappings":";AAAA,SAAQA,GAAG,QAA0B,2BAA2B;AAChE,SAAQC,IAAI,QAAO,uBAAuB;AAE1C,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,sBAAsBH,IAAI,yCAAyC;IACvEI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,SAAS;YACTC,OAAO;QACT;IACF;IACAC,iBAAiB;QACfN,SAAS;IACX;AACF;AAgBA,SAASO,eAAeP,UAAuC,SAAS;IACtE,OAAQA;QACN,KAAK;YACH,qBAAO,KAACJ;gBAAKY,MAAK;gBAAOC,MAAM;;QACjC,KAAK;YACH,qBAAO,KAACb;gBAAKY,MAAK;gBAAmBC,MAAM;;QAC7C,KAAK;YACH,qBAAO,KAACb;gBAAKY,MAAK;gBAAOC,MAAM;;QACjC,KAAK;YACH,qBAAO,KAACb;gBAAKY,MAAK;gBAAeC,MAAM;;QACzC;YACE,qBAAO,KAACb;gBAAKY,MAAK;gBAAOC,MAAM;;IACnC;AACF;AAEA,OAAO,SAASC,YAAY,EAC1BV,UAAU,SAAS,EACnBW,KAAK,EACLC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,OAAO,EACPC,SAAS,EACQ;IACjB,MAAMC,WAAWC,QAAQP;IACzB,MAAMQ,iBAAiBD,QAAQN;IAC/B,MAAMQ,aAAaF,QAAQL;IAC3B,MAAMQ,aAAaH,QAAQJ,WAAWA,QAAQQ,MAAM,GAAG;IACvD,MAAMC,WAAWH,cAAc,CAACH,YAAY,CAACE;IAE7C,qBACE,MAACK;QAAIC,aAAU;QAAeT,WAAWnB,GAAGC,oBAAoB;YAACE;QAAO,IAAIgB;;0BAC1E,KAACQ;gBAAIR,WAAU;0BACZT,eAAeP;;0BAGlB,MAACwB;gBAAIR,WAAU;;oBACZC,0BACC,KAACO;wBACCC,aAAU;wBACVT,WAAU;kCAETL;;oBAGJQ,gCACC,KAACK;wBACCC,aAAU;wBACVT,WAAU;kCAETJ;;oBAGJW,yBACC,MAACC;wBAAIR,WAAU;;0CACb,KAACQ;gCACCC,aAAU;gCACVT,WAAU;0CAETH;;4BAEFQ,4BACC,KAACG;gCAAIC,aAAU;gCAAuBT,WAAU;0CAC7CF,SAASY,IAAI,CAACC,uBACb,KAACC;wCAECH,aAAU;wCACVI,MAAK;wCACLC,SAASH,OAAOG,OAAO;wCACvBd,WAAU;kDAETW,OAAOI,KAAK;uCANRJ,OAAOI,KAAK;;;uCAa3B;;4BACGX,cAAc,CAACH,0BACd,KAACO;gCACCC,aAAU;gCACVT,WAAU;0CAETH;;4BAGJQ,4BACC,KAACG;gCAAIC,aAAU;gCAAuBT,WAAU;0CAC7CF,SAASY,IAAI,CAACC,uBACb,KAACC;wCAECH,aAAU;wCACVI,MAAK;wCACLC,SAASH,OAAOG,OAAO;wCACvBd,WAAU;kDAETW,OAAOI,KAAK;uCANRJ,OAAOI,KAAK;;;;;;YAe9BhB,yBACC,KAACa;gBACCH,aAAU;gBACVI,MAAK;gBACLC,SAASf;gBACTC,WAAU;gBACVgB,cAAW;0BAEX,cAAA,KAACpC;oBAAKY,MAAK;oBAAQQ,WAAU;;;;;AAKvC"}

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

@@ -0,0 +1,5 @@
+import { type ToasterProps as SonnerToasterProps, toast as sonnerToast } from 'sonner';
+type ToasterProps = Omit<SonnerToasterProps, 'theme'>;
+declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export { Toaster, sonnerToast as toast, type ToasterProps };
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,IAAI,WAAW,EACrB,MAAM,QAAQ,CAAC;AAEhB,KAAK,YAAY,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;AAEtD,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,YAAY,2CA4BxC;AAED,OAAO,EAAC,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,KAAK,YAAY,EAAC,CAAC"}

package/dist/components/toast/toast.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '../../hooks/useTheme.js';
+import { AlertTriangle, CheckCircle2, Info, Loader2, XCircle } from 'lucide-react';
+import { Toaster as SonnerToaster, toast as sonnerToast } from 'sonner';
+function Toaster({ ...props }) {
+    const { theme } = useTheme();
+    return /*#__PURE__*/ _jsx(SonnerToaster, {
+        theme: theme,
+        className: "toaster group",
+        toastOptions: {
+            classNames: {
+                toast: 'group toast group-[.toaster]:bg-background-components-base group-[.toaster]:text-foreground-neutral-base group-[.toaster]:border group-[.toaster]:border-border-neutral-base group-[.toaster]:shadow-tooltip rounded-8 p-8',
+                description: 'group-[.toast]:text-foreground-neutral-muted text-xs leading-20 mt-4',
+                actionButton: 'group-[.toast]:bg-background-button-neutral-default group-[.toast]:text-foreground-neutral-base group-[.toast]:hover:bg-background-button-neutral-hover rounded-6 px-8 py-4 text-xs font-medium',
+                cancelButton: 'group-[.toast]:bg-background-button-transparent-default group-[.toast]:text-foreground-neutral-base group-[.toast]:hover:bg-background-button-transparent-hover rounded-6 px-8 py-4 text-xs font-medium'
+            }
+        },
+        icons: {
+            success: /*#__PURE__*/ _jsx(CheckCircle2, {
+                className: "size-20 text-tag-success-icon"
+            }),
+            info: /*#__PURE__*/ _jsx(Info, {
+                className: "size-20 text-tag-blue-icon"
+            }),
+            warning: /*#__PURE__*/ _jsx(AlertTriangle, {
+                className: "size-20 text-tag-warning-icon"
+            }),
+            error: /*#__PURE__*/ _jsx(XCircle, {
+                className: "size-20 text-tag-error-icon"
+            }),
+            loading: /*#__PURE__*/ _jsx(Loader2, {
+                className: "size-20 text-tag-neutral-icon animate-spin"
+            })
+        },
+        ...props
+    });
+}
+export { Toaster, sonnerToast as toast };
+
+//# sourceMappingURL=toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/toast.tsx"],"sourcesContent":["import {useTheme} from 'hooks/useTheme';\nimport {AlertTriangle, CheckCircle2, Info, Loader2, XCircle} from 'lucide-react';\nimport {\n  Toaster as SonnerToaster,\n  type ToasterProps as SonnerToasterProps,\n  toast as sonnerToast,\n} from 'sonner';\n\ntype ToasterProps = Omit<SonnerToasterProps, 'theme'>;\n\nfunction Toaster({...props}: ToasterProps) {\n  const {theme} = useTheme();\n\n  return (\n    <SonnerToaster\n      theme={theme as SonnerToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background-components-base group-[.toaster]:text-foreground-neutral-base group-[.toaster]:border group-[.toaster]:border-border-neutral-base group-[.toaster]:shadow-tooltip rounded-8 p-8',\n          description: 'group-[.toast]:text-foreground-neutral-muted text-xs leading-20 mt-4',\n          actionButton:\n            'group-[.toast]:bg-background-button-neutral-default group-[.toast]:text-foreground-neutral-base group-[.toast]:hover:bg-background-button-neutral-hover rounded-6 px-8 py-4 text-xs font-medium',\n          cancelButton:\n            'group-[.toast]:bg-background-button-transparent-default group-[.toast]:text-foreground-neutral-base group-[.toast]:hover:bg-background-button-transparent-hover rounded-6 px-8 py-4 text-xs font-medium',\n        },\n      }}\n      icons={{\n        success: <CheckCircle2 className=\"size-20 text-tag-success-icon\" />,\n        info: <Info className=\"size-20 text-tag-blue-icon\" />,\n        warning: <AlertTriangle className=\"size-20 text-tag-warning-icon\" />,\n        error: <XCircle className=\"size-20 text-tag-error-icon\" />,\n        loading: <Loader2 className=\"size-20 text-tag-neutral-icon animate-spin\" />,\n      }}\n      {...props}\n    />\n  );\n}\n\nexport {Toaster, sonnerToast as toast, type ToasterProps};\n"],"names":["useTheme","AlertTriangle","CheckCircle2","Info","Loader2","XCircle","Toaster","SonnerToaster","toast","sonnerToast","props","theme","className","toastOptions","classNames","description","actionButton","cancelButton","icons","success","info","warning","error","loading"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,iBAAiB;AACxC,SAAQC,aAAa,EAAEC,YAAY,EAAEC,IAAI,EAAEC,OAAO,EAAEC,OAAO,QAAO,eAAe;AACjF,SACEC,WAAWC,aAAa,EAExBC,SAASC,WAAW,QACf,SAAS;AAIhB,SAASH,QAAQ,EAAC,GAAGI,OAAoB;IACvC,MAAM,EAACC,KAAK,EAAC,GAAGX;IAEhB,qBACE,KAACO;QACCI,OAAOA;QACPC,WAAU;QACVC,cAAc;YACZC,YAAY;gBACVN,OACE;gBACFO,aAAa;gBACbC,cACE;gBACFC,cACE;YACJ;QACF;QACAC,OAAO;YACLC,uBAAS,KAACjB;gBAAaU,WAAU;;YACjCQ,oBAAM,KAACjB;gBAAKS,WAAU;;YACtBS,uBAAS,KAACpB;gBAAcW,WAAU;;YAClCU,qBAAO,KAACjB;gBAAQO,WAAU;;YAC1BW,uBAAS,KAACnB;gBAAQQ,WAAU;;QAC9B;QACC,GAAGF,KAAK;;AAGf;AAEA,SAAQJ,OAAO,EAAEG,eAAeD,KAAK,GAAqB"}