@nation-a/ui 0.17.6 → 0.18.0

package/dist/sva-C2plH_Qh.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("./index-BnkuQ4Ze.cjs");function d(r){var m,p;const n=Object.entries(a.getSlotRecipes(r)).map(([t,s])=>[t,a.cva(s)]),l=(m=r.defaultVariants)!=null?m:{},i=n.reduce((t,[s,e])=>(r.className&&(t[s]=e.config.className),t),{});function v(t){const s=n.map(([e,c])=>[e,a.cx(c(t),i[e])]);return Object.fromEntries(s)}function b(t){const s=n.map(([e,c])=>[e,c.raw(t)]);return Object.fromEntries(s)}const o=(p=r.variants)!=null?p:{},u=Object.keys(o);function f(t){return a.splitProps(t,u)}const j=t=>({...l,...a.compact(t)}),O=Object.fromEntries(Object.entries(o).map(([t,s])=>[t,Object.keys(s)]));return Object.assign(a.memo(v),{__cva__:!1,raw:b,config:r,variantMap:O,variantKeys:u,classNameMap:i,splitVariantProps:f,getVariantProps:j})}exports.sva=d;
+//# sourceMappingURL=sva-C2plH_Qh.cjs.map

package/dist/sva-C2plH_Qh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sva-C2plH_Qh.cjs","sources":["../styled-system/css/sva.mjs"],"sourcesContent":["import { compact, getSlotRecipes, memo, splitProps } from '../helpers.mjs';\nimport { cva } from './cva.mjs';\nimport { cx } from './cx.mjs';\n\nexport function sva(config) {\n  const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])\n  const defaultVariants = config.defaultVariants ?? {}\n\n  const classNameMap = slots.reduce((acc, [slot, cvaFn]) => {\n    if (config.className) acc[slot] = cvaFn.config.className\n    return acc\n  }, {})\n\n  function svaFn(props) {\n    const result = slots.map(([slot, cvaFn]) => [slot, cx(cvaFn(props), classNameMap[slot])])\n    return Object.fromEntries(result)\n  }\n\n  function raw(props) {\n    const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)])\n    return Object.fromEntries(result)\n  }\n\n  const variants = config.variants ?? {};\n  const variantKeys = Object.keys(variants);\n\n  function splitVariantProps(props) {\n    return splitProps(props, variantKeys);\n  }\n  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })\n\n  const variantMap = Object.fromEntries(\n    Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])\n  );\n\n  return Object.assign(memo(svaFn), {\n    __cva__: false,\n    raw,\n    config,\n    variantMap,\n    variantKeys,\n    classNameMap,\n    splitVariantProps,\n    getVariantProps,\n  })\n}"],"names":["sva","config","slots","getSlotRecipes","slot","slotCva","cva","defaultVariants","_a","classNameMap","acc","cvaFn","svaFn","props","result","cx","raw","variants","_b","variantKeys","splitVariantProps","splitProps","getVariantProps","compact","variantMap","key","value","memo"],"mappings":"qDAIO,SAASA,EAAIC,EAAQ,SAC1B,MAAMC,EAAQ,OAAO,QAAQC,EAAAA,eAAeF,CAAM,CAAC,EAAE,IAAI,CAAC,CAACG,EAAMC,CAAO,IAAM,CAACD,EAAME,EAAAA,IAAID,CAAO,CAAC,CAAC,EAC5FE,GAAkBC,EAAAP,EAAO,kBAAP,KAAAO,EAA0B,CAAA,EAE5CC,EAAeP,EAAM,OAAO,CAACQ,EAAK,CAACN,EAAMO,CAAK,KAC9CV,EAAO,YAAWS,EAAIN,CAAI,EAAIO,EAAM,OAAO,WACxCD,GACN,CAAA,CAAE,EAEL,SAASE,EAAMC,EAAO,CACpB,MAAMC,EAASZ,EAAM,IAAI,CAAC,CAACE,EAAMO,CAAK,IAAM,CAACP,EAAMW,EAAAA,GAAGJ,EAAME,CAAK,EAAGJ,EAAaL,CAAI,CAAC,CAAC,CAAC,EACxF,OAAO,OAAO,YAAYU,CAAM,CAClC,CAEA,SAASE,EAAIH,EAAO,CAClB,MAAMC,EAASZ,EAAM,IAAI,CAAC,CAACE,EAAMO,CAAK,IAAM,CAACP,EAAMO,EAAM,IAAIE,CAAK,CAAC,CAAC,EACpE,OAAO,OAAO,YAAYC,CAAM,CAClC,CAEA,MAAMG,GAAWC,EAAAjB,EAAO,WAAP,KAAAiB,EAAmB,CAAA,EAC9BC,EAAc,OAAO,KAAKF,CAAQ,EAExC,SAASG,EAAkBP,EAAO,CAChC,OAAOQ,EAAAA,WAAWR,EAAOM,CAAW,CACtC,CACA,MAAMG,EAAmBL,IAAc,CAAE,GAAGV,EAAiB,GAAGgB,EAAAA,QAAQN,CAAQ,CAAC,GAE3EO,EAAa,OAAO,YACxB,OAAO,QAAQP,CAAQ,EAAE,IAAI,CAAC,CAACQ,EAAKC,CAAK,IAAM,CAACD,EAAK,OAAO,KAAKC,CAAK,CAAC,CAAC,CAC5E,EAEE,OAAO,OAAO,OAAOC,EAAAA,KAAKf,CAAK,EAAG,CAChC,QAAS,GACT,IAAAI,EACA,OAAAf,EACA,WAAAuB,EACA,YAAAL,EACA,aAAAV,EACA,kBAAAW,EACA,gBAAAE,CACJ,CAAG,CACH"}

package/dist/sva-q9boSrjR.js

@@ -0,0 +1,34 @@
+import { g as O, c as V, m as _, a as d, s as y, b as E } from "./index-Cl2xofA6.js";
+function P(e) {
+  var m, p;
+  const r = Object.entries(O(e)).map(([t, s]) => [t, V(s)]), u = (m = e.defaultVariants) != null ? m : {}, c = r.reduce((t, [s, a]) => (e.className && (t[s] = a.config.className), t), {});
+  function l(t) {
+    const s = r.map(([a, n]) => [a, E(n(t), c[a])]);
+    return Object.fromEntries(s);
+  }
+  function b(t) {
+    const s = r.map(([a, n]) => [a, n.raw(t)]);
+    return Object.fromEntries(s);
+  }
+  const o = (p = e.variants) != null ? p : {}, i = Object.keys(o);
+  function f(t) {
+    return y(t, i);
+  }
+  const j = (t) => ({ ...u, ...d(t) }), v = Object.fromEntries(
+    Object.entries(o).map(([t, s]) => [t, Object.keys(s)])
+  );
+  return Object.assign(_(l), {
+    __cva__: !1,
+    raw: b,
+    config: e,
+    variantMap: v,
+    variantKeys: i,
+    classNameMap: c,
+    splitVariantProps: f,
+    getVariantProps: j
+  });
+}
+export {
+  P as s
+};
+//# sourceMappingURL=sva-q9boSrjR.js.map

package/dist/sva-q9boSrjR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sva-q9boSrjR.js","sources":["../styled-system/css/sva.mjs"],"sourcesContent":["import { compact, getSlotRecipes, memo, splitProps } from '../helpers.mjs';\nimport { cva } from './cva.mjs';\nimport { cx } from './cx.mjs';\n\nexport function sva(config) {\n  const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])\n  const defaultVariants = config.defaultVariants ?? {}\n\n  const classNameMap = slots.reduce((acc, [slot, cvaFn]) => {\n    if (config.className) acc[slot] = cvaFn.config.className\n    return acc\n  }, {})\n\n  function svaFn(props) {\n    const result = slots.map(([slot, cvaFn]) => [slot, cx(cvaFn(props), classNameMap[slot])])\n    return Object.fromEntries(result)\n  }\n\n  function raw(props) {\n    const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)])\n    return Object.fromEntries(result)\n  }\n\n  const variants = config.variants ?? {};\n  const variantKeys = Object.keys(variants);\n\n  function splitVariantProps(props) {\n    return splitProps(props, variantKeys);\n  }\n  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })\n\n  const variantMap = Object.fromEntries(\n    Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])\n  );\n\n  return Object.assign(memo(svaFn), {\n    __cva__: false,\n    raw,\n    config,\n    variantMap,\n    variantKeys,\n    classNameMap,\n    splitVariantProps,\n    getVariantProps,\n  })\n}"],"names":["sva","config","slots","getSlotRecipes","slot","slotCva","cva","defaultVariants","_a","classNameMap","acc","cvaFn","svaFn","props","result","cx","raw","variants","_b","variantKeys","splitVariantProps","splitProps","getVariantProps","compact","variantMap","key","value","memo"],"mappings":";AAIO,SAASA,EAAIC,GAAQ;;AAC1B,QAAMC,IAAQ,OAAO,QAAQC,EAAeF,CAAM,CAAC,EAAE,IAAI,CAAC,CAACG,GAAMC,CAAO,MAAM,CAACD,GAAME,EAAID,CAAO,CAAC,CAAC,GAC5FE,KAAkBC,IAAAP,EAAO,oBAAP,OAAAO,IAA0B,CAAA,GAE5CC,IAAeP,EAAM,OAAO,CAACQ,GAAK,CAACN,GAAMO,CAAK,OAC9CV,EAAO,cAAWS,EAAIN,CAAI,IAAIO,EAAM,OAAO,YACxCD,IACN,CAAA,CAAE;AAEL,WAASE,EAAMC,GAAO;AACpB,UAAMC,IAASZ,EAAM,IAAI,CAAC,CAACE,GAAMO,CAAK,MAAM,CAACP,GAAMW,EAAGJ,EAAME,CAAK,GAAGJ,EAAaL,CAAI,CAAC,CAAC,CAAC;AACxF,WAAO,OAAO,YAAYU,CAAM;AAAA,EAClC;AAEA,WAASE,EAAIH,GAAO;AAClB,UAAMC,IAASZ,EAAM,IAAI,CAAC,CAACE,GAAMO,CAAK,MAAM,CAACP,GAAMO,EAAM,IAAIE,CAAK,CAAC,CAAC;AACpE,WAAO,OAAO,YAAYC,CAAM;AAAA,EAClC;AAEA,QAAMG,KAAWC,IAAAjB,EAAO,aAAP,OAAAiB,IAAmB,CAAA,GAC9BC,IAAc,OAAO,KAAKF,CAAQ;AAExC,WAASG,EAAkBP,GAAO;AAChC,WAAOQ,EAAWR,GAAOM,CAAW;AAAA,EACtC;AACA,QAAMG,IAAkB,CAACL,OAAc,EAAE,GAAGV,GAAiB,GAAGgB,EAAQN,CAAQ,EAAC,IAE3EO,IAAa,OAAO;AAAA,IACxB,OAAO,QAAQP,CAAQ,EAAE,IAAI,CAAC,CAACQ,GAAKC,CAAK,MAAM,CAACD,GAAK,OAAO,KAAKC,CAAK,CAAC,CAAC;AAAA,EAC5E;AAEE,SAAO,OAAO,OAAOC,EAAKf,CAAK,GAAG;AAAA,IAChC,SAAS;AAAA,IACT,KAAAI;AAAA,IACA,QAAAf;AAAA,IACA,YAAAuB;AAAA,IACA,aAAAL;AAAA,IACA,cAAAV;AAAA,IACA,mBAAAW;AAAA,IACA,iBAAAE;AAAA,EACJ,CAAG;AACH;"}

package/dist/toast.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),h=require("react/compiler-runtime"),T=require("react-hot-toast"),g=require("./index-BnkuQ4Ze.cjs"),A=require("./sva-C2plH_Qh.cjs"),w=require("@nation-a/icons"),j=require("./LanguageContext-DHBRAikw.cjs"),m=A.sva({className:"toast",slots:["root","content","description","actionTrigger","icon"],base:{root:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"background.neutralInverse.default",rounded:"md",height:"fit-content",minHeight:"48px",width:"fit-content",maxWidth:"350px",overflowWrap:"anywhere",zIndex:"overlay",textStyle:"body.md",color:"content.neutralInverse.bold",px:3,py:2,boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1)",shadow:"overlay"},content:{display:"inline-flex",alignItems:"center",gap:2},actionTrigger:{height:"100%",width:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",px:4,pr:1,whiteSpace:"nowrap",transition:"opacity 0.2s ease",color:"content.neutralInverse.bold","&:hover":{opacity:.8}},icon:{width:6,height:6,minWidth:6,minHeight:6,ml:-1,display:"flex",alignItems:"center",justifyContent:"center"}},variants:{width:{full:{root:{width:"100%",justifyContent:"space-between"}},fit:{root:{width:"fit-content"}}},language:{en:{description:{textStyle:"en.text.body.14.bold"},actionTrigger:{textStyle:"en.text.body.14.bold"}},ko:{description:{textStyle:"ko.text.body.14.bold"},actionTrigger:{textStyle:"ko.text.body.14.bold"}}},asLink:{true:{actionTrigger:{textDecoration:"underline",cursor:"pointer"}}}},defaultVariants:{width:"full",asLink:!1,language:"en"}}),C=3e3,N=i=>{const e=h.c(18);let n,r,l,s,t;e[0]!==i?({children:n,className:r,width:t,ref:s,...l}=i,e[0]=i,e[1]=n,e[2]=r,e[3]=l,e[4]=s,e[5]=t):(n=e[1],r=e[2],l=e[3],s=e[4],t=e[5]);const c=t===void 0?"fit":t;let a,o,u;if(e[6]!==r||e[7]!==s||e[8]!==c){const y=m({width:c});a=g.Box,o=s,u=g.cx(y.root,r),e[6]=r,e[7]=s,e[8]=c,e[9]=a,e[10]=o,e[11]=u}else a=e[9],o=e[10],u=e[11];let x;return e[12]!==a||e[13]!==n||e[14]!==l||e[15]!==o||e[16]!==u?(x=f.jsx(a,{ref:o,className:u,...l,children:n}),e[12]=a,e[13]=n,e[14]=l,e[15]=o,e[16]=u,e[17]=x):x=e[17],x};N.displayName="Toast.Root";const k=i=>{const e=h.c(10),{children:n,className:r,ref:l}=i;let s,t,c;if(e[0]!==r||e[1]!==l){const o=m();s=g.HStack,t=l,c=g.cx(o.content,r),e[0]=r,e[1]=l,e[2]=s,e[3]=t,e[4]=c}else s=e[2],t=e[3],c=e[4];let a;return e[5]!==s||e[6]!==n||e[7]!==t||e[8]!==c?(a=f.jsx(s,{ref:t,className:c,children:n}),e[5]=s,e[6]=n,e[7]=t,e[8]=c,e[9]=a):a=e[9],a};k.displayName="Toast.Content";const I=i=>{const e=h.c(11),{children:n,className:r,ref:l}=i,{language:s}=j.useLanguage();let t,c,a;if(e[0]!==r||e[1]!==s||e[2]!==l){const u=m({language:s});t=g.Box,c=l,a=g.cx(u.description,r),e[0]=r,e[1]=s,e[2]=l,e[3]=t,e[4]=c,e[5]=a}else t=e[3],c=e[4],a=e[5];let o;return e[6]!==t||e[7]!==n||e[8]!==c||e[9]!==a?(o=f.jsx(t,{ref:c,className:a,children:n}),e[6]=t,e[7]=n,e[8]=c,e[9]=a,e[10]=o):o=e[10],o};I.displayName="Toast.Description";const v=i=>{const e=h.c(10),{icon:n,className:r,ref:l}=i;let s,t,c;if(e[0]!==r||e[1]!==l){const o=m();s=g.Box,t=l,c=g.cx(o.icon,r),e[0]=r,e[1]=l,e[2]=s,e[3]=t,e[4]=c}else s=e[2],t=e[3],c=e[4];let a;return e[5]!==s||e[6]!==n||e[7]!==t||e[8]!==c?(a=f.jsx(s,{ref:t,className:c,children:n}),e[5]=s,e[6]=n,e[7]=t,e[8]=c,e[9]=a):a=e[9],a};v.displayName="Toast.Icon";const L=i=>{const e=h.c(11),{onClick:n,children:r,className:l,asLink:s,ref:t}=i,c=s===void 0?!1:s,{language:a}=j.useLanguage();let o,u;if(e[0]!==c||e[1]!==l||e[2]!==a||e[3]!==t){const y=m({asLink:c,language:a});o=t,u=g.cx(y.actionTrigger,l),e[0]=c,e[1]=l,e[2]=a,e[3]=t,e[4]=o,e[5]=u}else o=e[4],u=e[5];let x;return e[6]!==r||e[7]!==n||e[8]!==o||e[9]!==u?(x=f.jsx("button",{ref:o,className:u,onClick:n,children:r}),e[6]=r,e[7]=n,e[8]=o,e[9]=u,e[10]=x):x=e[10],x};L.displayName="Toast.ActionTrigger";const S=i=>{const e=h.c(9);let n,r;e[0]!==i?({toastOptions:r,...n}=i,e[0]=i,e[1]=n,e[2]=r):(n=e[1],r=e[2]);let l;e[3]===Symbol.for("react.memo_cache_sentinel")?(l={background:"transparent",boxShadow:"none",padding:0,margin:0,width:"fit-content"},e[3]=l):l=e[3];let s;e[4]!==r?(s={duration:C,style:l,...r},e[4]=r,e[5]=s):s=e[5];let t;return e[6]!==n||e[7]!==s?(t=f.jsx(T.Toaster,{position:"bottom-center",toastOptions:s,...n}),e[6]=n,e[7]=s,e[8]=t):t=e[8],t};S.displayName="Toast.Toaster";const d=(i=>{const{ref:e,...n}=i;return f.jsx(g.Box,{ref:e,...n})});d.displayName="Toast";d.Root=N;d.Content=k;d.Description=I;d.Icon=v;d.ActionTrigger=L;d.Toaster=S;const b=(i,e)=>{T(n=>f.jsxs(d.Root,{width:e!=null&&e.actionLabel?"full":"fit",children:[f.jsxs(d.Content,{children:[(e==null?void 0:e.icon)&&f.jsx(d.Icon,{icon:e==null?void 0:e.icon}),f.jsx(d.Description,{children:i})]}),(e==null?void 0:e.actionLabel)&&f.jsx(d.ActionTrigger,{asLink:e==null?void 0:e.asLink,onClick:()=>{var r;(r=e==null?void 0:e.onActionClick)==null||r.call(e),e!=null&&e.disableCloseOnActionClick||T.dismiss(n.id)},children:e==null?void 0:e.actionLabel})]}),{duration:(e==null?void 0:e.duration)||C,position:(e==null?void 0:e.position)||"bottom-center"})};d.show=b;d.success=(i,e)=>b(i,{...e,icon:f.jsx(w.CheckCircleFillIcon,{})});d.error=(i,e)=>(console.error("error",i),b(i,{...e,icon:f.jsx(w.CloseCircleFillIcon,{})}));exports.Toast=d;
+//# sourceMappingURL=toast.cjs.map

package/dist/toast.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.cjs","sources":["../src/components/Toast/toast.recipe.ts","../src/components/Toast/index.tsx"],"sourcesContent":["export type ToastVariantProps = keyof typeof toastRecipe.variantMap\n\nimport { sva } from '@styled-system/css'\n\nexport const toastRecipe = sva({\n  className: 'toast',\n  slots: ['root', 'content', 'description', 'actionTrigger', 'icon'],\n  base: {\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'background.neutralInverse.default',\n      rounded: 'md',\n      height: 'fit-content',\n      minHeight: '48px',\n      width: 'fit-content',\n      maxWidth: '350px',\n      overflowWrap: 'anywhere',\n      zIndex: 'overlay',\n      textStyle: 'body.md',\n      color: 'content.neutralInverse.bold',\n      px: 3,\n      py: 2,\n      boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.1)',\n      shadow: 'overlay',\n    },\n    content: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: 2,\n    },\n    actionTrigger: {\n      height: '100%',\n      width: 'fit-content',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      cursor: 'pointer',\n      px: 4,\n      pr: 1,\n      whiteSpace: 'nowrap',\n      transition: 'opacity 0.2s ease',\n      color: 'content.neutralInverse.bold',\n      '&:hover': {\n        opacity: 0.8,\n      },\n    },\n    icon: {\n      width: 6,\n      height: 6,\n      minWidth: 6,\n      minHeight: 6,\n      ml: -1,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n  },\n  variants: {\n    width: {\n      full: {\n        root: {\n          width: '100%',\n          justifyContent: 'space-between',\n        },\n      },\n      fit: {\n        root: {\n          width: 'fit-content',\n        },\n      },\n    },\n    language: {\n      en: {\n        description: {\n          textStyle: 'en.text.body.14.bold',\n        },\n        actionTrigger: {\n          textStyle: 'en.text.body.14.bold',\n        },\n      },\n      ko: {\n        description: {\n          textStyle: 'ko.text.body.14.bold',\n        },\n        actionTrigger: {\n          textStyle: 'ko.text.body.14.bold',\n        },\n      },\n    },\n    asLink: {\n      true: {\n        actionTrigger: {\n          textDecoration: 'underline',\n          cursor: 'pointer',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    width: 'full',\n    asLink: false,\n    language: 'en',\n  },\n})\n","'use client'\nimport { ReactNode } from 'react'\nimport hotToast, { DefaultToastOptions, Toaster as HotToaster, ToasterProps, ToastPosition } from 'react-hot-toast'\nimport { cx } from '@styled-system/css'\nimport { toastRecipe } from './toast.recipe'\nimport { CheckCircleFillIcon, CloseCircleFillIcon } from '@nation-a/icons'\nimport { useLanguage } from '../LanguageProvider'\nimport { Box, HStack } from '../Layout'\n\n// type ToastVariant = 'success' | 'error' | 'warning' | 'info'\n\nconst DEFAULT_DURATION = 3000 as const\n\nexport interface ToastProps {\n  description: string\n  option?: {\n    icon?: ReactNode\n    actionLabel?: string\n    onActionClick?: () => void\n    duration?: number\n    asLink?: boolean\n    disableCloseOnActionClick?: boolean\n    position?: ToastPosition\n  }\n  ref?: React.Ref<HTMLDivElement>\n}\n\ninterface ToastComponent {\n  (props: ToastProps): React.ReactElement\n  displayName?: string\n  Root: typeof Root\n  Content: typeof Content\n  Description: typeof Description\n  Icon: typeof Icon\n  ActionTrigger: typeof ActionTrigger\n  Toaster: typeof Toaster\n  show: (description: ToastProps['description'], option?: ToastProps['option']) => void\n  success: (description: ToastProps['description'], option?: ToastProps['option']) => void\n  error: (description: ToastProps['description'], option?: ToastProps['option']) => void\n}\n\nconst Root = ({\n  children,\n  className,\n  width = 'fit',\n  ref,\n  ...props\n}: {\n  children: ReactNode\n  className?: string\n  width?: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const styles = toastRecipe({ width: width as 'full' | 'fit' })\n  return (\n    <Box ref={ref} className={cx(styles.root, className)} {...props}>\n      {children}\n    </Box>\n  )\n}\n\nRoot.displayName = 'Toast.Root'\n\nconst Content = ({\n  children,\n  className,\n  ref,\n}: {\n  children: ReactNode\n  className?: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const styles = toastRecipe()\n  return (\n    <HStack ref={ref} className={cx(styles.content, className)}>\n      {children}\n    </HStack>\n  )\n}\n\nContent.displayName = 'Toast.Content'\n\nconst Description = ({\n  children,\n  className,\n  ref,\n}: {\n  children: ReactNode\n  className?: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const { language } = useLanguage()\n  const styles = toastRecipe({ language })\n  return (\n    <Box ref={ref} className={cx(styles.description, className)}>\n      {children}\n    </Box>\n  )\n}\n\nDescription.displayName = 'Toast.Description'\n\nconst Icon = ({ icon, className, ref }: { icon?: ReactNode; className?: string; ref?: React.Ref<HTMLDivElement> }) => {\n  const styles = toastRecipe()\n  return (\n    <Box ref={ref} className={cx(styles.icon, className)}>\n      {icon}\n    </Box>\n  )\n}\n\nIcon.displayName = 'Toast.Icon'\n\nconst ActionTrigger = ({\n  onClick,\n  children,\n  className,\n  asLink = false,\n  ref,\n}: {\n  onClick: () => void\n  children: ReactNode\n  className?: string\n  asLink?: boolean\n  ref?: React.Ref<HTMLButtonElement>\n}) => {\n  const { language } = useLanguage()\n  const styles = toastRecipe({ asLink, language })\n  return (\n    <button ref={ref} className={cx(styles.actionTrigger, className)} onClick={onClick}>\n      {children}\n    </button>\n  )\n}\n\nActionTrigger.displayName = 'Toast.ActionTrigger'\n\nconst Toaster = ({ toastOptions, ...props }: { toastOptions?: DefaultToastOptions } & ToasterProps) => {\n  return (\n    <HotToaster\n      position=\"bottom-center\"\n      toastOptions={{\n        duration: DEFAULT_DURATION,\n        style: {\n          background: 'transparent',\n          boxShadow: 'none',\n          padding: 0,\n          margin: 0,\n          width: 'fit-content',\n        },\n        ...toastOptions,\n      }}\n      {...props}\n    />\n  )\n}\n\nToaster.displayName = 'Toast.Toaster'\n\nconst Toast = ((props: ToastProps) => {\n  const { ref, ...rest } = props\n  return <Box ref={ref} {...rest} />\n}) as ToastComponent\n\nToast.displayName = 'Toast'\n\nToast.Root = Root\nToast.Content = Content\nToast.Description = Description\nToast.Icon = Icon\nToast.ActionTrigger = ActionTrigger\nToast.Toaster = Toaster\n\nconst showToast = (description: ToastProps['description'], option?: ToastProps['option']) => {\n  hotToast(\n    (t) => (\n      <Toast.Root width={option?.actionLabel ? 'full' : 'fit'}>\n        <Toast.Content>\n          {option?.icon && <Toast.Icon icon={option?.icon} />}\n          <Toast.Description>{description}</Toast.Description>\n        </Toast.Content>\n        {option?.actionLabel && (\n          <Toast.ActionTrigger\n            asLink={option?.asLink}\n            onClick={() => {\n              option?.onActionClick?.()\n              if (!option?.disableCloseOnActionClick) {\n                hotToast.dismiss(t.id)\n              }\n            }}\n          >\n            {option?.actionLabel}\n          </Toast.ActionTrigger>\n        )}\n      </Toast.Root>\n    ),\n    {\n      duration: option?.duration || DEFAULT_DURATION,\n      position: option?.position || 'bottom-center',\n    },\n  )\n}\n\n// 기본 Info Toast Show\nToast.show = showToast\n\n// Success Toast Show\nToast.success = (description: ToastProps['description'], option?: Omit<ToastProps['option'], 'icon'>) => {\n  return showToast(description, { ...option, icon: <CheckCircleFillIcon /> })\n}\n\n// Error Toast Show\nToast.error = (description: ToastProps['description'], option?: ToastProps['option']) => {\n  console.error('error', description)\n  return showToast(description, { ...option, icon: <CloseCircleFillIcon /> })\n}\n\nexport default Toast\n"],"names":["toastRecipe","sva","className","slots","base","root","display","alignItems","justifyContent","backgroundColor","rounded","height","minHeight","width","maxWidth","overflowWrap","zIndex","textStyle","color","px","py","boxShadow","shadow","content","gap","actionTrigger","cursor","pr","whiteSpace","transition","opacity","icon","minWidth","ml","variants","full","fit","language","en","description","ko","asLink","true","textDecoration","defaultVariants","DEFAULT_DURATION","Root","t0","$","_c","children","props","ref","t1","undefined","T0","t2","t3","styles","Box","cx","t4","jsx","displayName","Content","HStack","Description","useLanguage","Icon","ActionTrigger","onClick","Toaster","toastOptions","Symbol","for","background","padding","margin","duration","style","HotToaster","Toast","rest","showToast","option","hotToast","t","actionLabel","jsxs","onActionClick","disableCloseOnActionClick","dismiss","id","position","show","success","CheckCircleFillIcon","error","console","CloseCircleFillIcon"],"mappings":"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"}

package/dist/toast.js

@@ -0,0 +1,273 @@
+import { jsx as m, jsxs as w } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import N, { Toaster as $ } from "react-hot-toast";
+import { B as T, b as u, H as j } from "./index-Cl2xofA6.js";
+import { s as R } from "./sva-q9boSrjR.js";
+import { CheckCircleFillIcon as H, CloseCircleFillIcon as O } from "@nation-a/icons";
+import { u as k } from "./LanguageContext-BDr_uT_K.js";
+const y = R({
+  className: "toast",
+  slots: ["root", "content", "description", "actionTrigger", "icon"],
+  base: {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "background.neutralInverse.default",
+      rounded: "md",
+      height: "fit-content",
+      minHeight: "48px",
+      width: "fit-content",
+      maxWidth: "350px",
+      overflowWrap: "anywhere",
+      zIndex: "overlay",
+      textStyle: "body.md",
+      color: "content.neutralInverse.bold",
+      px: 3,
+      py: 2,
+      boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
+      shadow: "overlay"
+    },
+    content: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 2
+    },
+    actionTrigger: {
+      height: "100%",
+      width: "fit-content",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      cursor: "pointer",
+      px: 4,
+      pr: 1,
+      whiteSpace: "nowrap",
+      transition: "opacity 0.2s ease",
+      color: "content.neutralInverse.bold",
+      "&:hover": {
+        opacity: 0.8
+      }
+    },
+    icon: {
+      width: 6,
+      height: 6,
+      minWidth: 6,
+      minHeight: 6,
+      ml: -1,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  },
+  variants: {
+    width: {
+      full: {
+        root: {
+          width: "100%",
+          justifyContent: "space-between"
+        }
+      },
+      fit: {
+        root: {
+          width: "fit-content"
+        }
+      }
+    },
+    language: {
+      en: {
+        description: {
+          textStyle: "en.text.body.14.bold"
+        },
+        actionTrigger: {
+          textStyle: "en.text.body.14.bold"
+        }
+      },
+      ko: {
+        description: {
+          textStyle: "ko.text.body.14.bold"
+        },
+        actionTrigger: {
+          textStyle: "ko.text.body.14.bold"
+        }
+      }
+    },
+    asLink: {
+      true: {
+        actionTrigger: {
+          textDecoration: "underline",
+          cursor: "pointer"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    width: "full",
+    asLink: !1,
+    language: "en"
+  }
+}), C = 3e3, I = (i) => {
+  const e = h(18);
+  let r, l, a, s, t;
+  e[0] !== i ? ({
+    children: r,
+    className: l,
+    width: t,
+    ref: s,
+    ...a
+  } = i, e[0] = i, e[1] = r, e[2] = l, e[3] = a, e[4] = s, e[5] = t) : (r = e[1], l = e[2], a = e[3], s = e[4], t = e[5]);
+  const n = t === void 0 ? "fit" : t;
+  let c, o, d;
+  if (e[6] !== l || e[7] !== s || e[8] !== n) {
+    const x = y({
+      width: n
+    });
+    c = T, o = s, d = u(x.root, l), e[6] = l, e[7] = s, e[8] = n, e[9] = c, e[10] = o, e[11] = d;
+  } else
+    c = e[9], o = e[10], d = e[11];
+  let g;
+  return e[12] !== c || e[13] !== r || e[14] !== a || e[15] !== o || e[16] !== d ? (g = /* @__PURE__ */ m(c, { ref: o, className: d, ...a, children: r }), e[12] = c, e[13] = r, e[14] = a, e[15] = o, e[16] = d, e[17] = g) : g = e[17], g;
+};
+I.displayName = "Toast.Root";
+const v = (i) => {
+  const e = h(10), {
+    children: r,
+    className: l,
+    ref: a
+  } = i;
+  let s, t, n;
+  if (e[0] !== l || e[1] !== a) {
+    const o = y();
+    s = j, t = a, n = u(o.content, l), e[0] = l, e[1] = a, e[2] = s, e[3] = t, e[4] = n;
+  } else
+    s = e[2], t = e[3], n = e[4];
+  let c;
+  return e[5] !== s || e[6] !== r || e[7] !== t || e[8] !== n ? (c = /* @__PURE__ */ m(s, { ref: t, className: n, children: r }), e[5] = s, e[6] = r, e[7] = t, e[8] = n, e[9] = c) : c = e[9], c;
+};
+v.displayName = "Toast.Content";
+const L = (i) => {
+  const e = h(11), {
+    children: r,
+    className: l,
+    ref: a
+  } = i, {
+    language: s
+  } = k();
+  let t, n, c;
+  if (e[0] !== l || e[1] !== s || e[2] !== a) {
+    const d = y({
+      language: s
+    });
+    t = T, n = a, c = u(d.description, l), e[0] = l, e[1] = s, e[2] = a, e[3] = t, e[4] = n, e[5] = c;
+  } else
+    t = e[3], n = e[4], c = e[5];
+  let o;
+  return e[6] !== t || e[7] !== r || e[8] !== n || e[9] !== c ? (o = /* @__PURE__ */ m(t, { ref: n, className: c, children: r }), e[6] = t, e[7] = r, e[8] = n, e[9] = c, e[10] = o) : o = e[10], o;
+};
+L.displayName = "Toast.Description";
+const S = (i) => {
+  const e = h(10), {
+    icon: r,
+    className: l,
+    ref: a
+  } = i;
+  let s, t, n;
+  if (e[0] !== l || e[1] !== a) {
+    const o = y();
+    s = T, t = a, n = u(o.icon, l), e[0] = l, e[1] = a, e[2] = s, e[3] = t, e[4] = n;
+  } else
+    s = e[2], t = e[3], n = e[4];
+  let c;
+  return e[5] !== s || e[6] !== r || e[7] !== t || e[8] !== n ? (c = /* @__PURE__ */ m(s, { ref: t, className: n, children: r }), e[5] = s, e[6] = r, e[7] = t, e[8] = n, e[9] = c) : c = e[9], c;
+};
+S.displayName = "Toast.Icon";
+const A = (i) => {
+  const e = h(11), {
+    onClick: r,
+    children: l,
+    className: a,
+    asLink: s,
+    ref: t
+  } = i, n = s === void 0 ? !1 : s, {
+    language: c
+  } = k();
+  let o, d;
+  if (e[0] !== n || e[1] !== a || e[2] !== c || e[3] !== t) {
+    const x = y({
+      asLink: n,
+      language: c
+    });
+    o = t, d = u(x.actionTrigger, a), e[0] = n, e[1] = a, e[2] = c, e[3] = t, e[4] = o, e[5] = d;
+  } else
+    o = e[4], d = e[5];
+  let g;
+  return e[6] !== l || e[7] !== r || e[8] !== o || e[9] !== d ? (g = /* @__PURE__ */ m("button", { ref: o, className: d, onClick: r, children: l }), e[6] = l, e[7] = r, e[8] = o, e[9] = d, e[10] = g) : g = e[10], g;
+};
+A.displayName = "Toast.ActionTrigger";
+const D = (i) => {
+  const e = h(9);
+  let r, l;
+  e[0] !== i ? ({
+    toastOptions: l,
+    ...r
+  } = i, e[0] = i, e[1] = r, e[2] = l) : (r = e[1], l = e[2]);
+  let a;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    background: "transparent",
+    boxShadow: "none",
+    padding: 0,
+    margin: 0,
+    width: "fit-content"
+  }, e[3] = a) : a = e[3];
+  let s;
+  e[4] !== l ? (s = {
+    duration: C,
+    style: a,
+    ...l
+  }, e[4] = l, e[5] = s) : s = e[5];
+  let t;
+  return e[6] !== r || e[7] !== s ? (t = /* @__PURE__ */ m($, { position: "bottom-center", toastOptions: s, ...r }), e[6] = r, e[7] = s, e[8] = t) : t = e[8], t;
+};
+D.displayName = "Toast.Toaster";
+const f = ((i) => {
+  const {
+    ref: e,
+    ...r
+  } = i;
+  return /* @__PURE__ */ m(T, { ref: e, ...r });
+});
+f.displayName = "Toast";
+f.Root = I;
+f.Content = v;
+f.Description = L;
+f.Icon = S;
+f.ActionTrigger = A;
+f.Toaster = D;
+const b = (i, e) => {
+  N((r) => /* @__PURE__ */ w(f.Root, { width: e != null && e.actionLabel ? "full" : "fit", children: [
+    /* @__PURE__ */ w(f.Content, { children: [
+      (e == null ? void 0 : e.icon) && /* @__PURE__ */ m(f.Icon, { icon: e == null ? void 0 : e.icon }),
+      /* @__PURE__ */ m(f.Description, { children: i })
+    ] }),
+    (e == null ? void 0 : e.actionLabel) && /* @__PURE__ */ m(f.ActionTrigger, { asLink: e == null ? void 0 : e.asLink, onClick: () => {
+      var l;
+      (l = e == null ? void 0 : e.onActionClick) == null || l.call(e), e != null && e.disableCloseOnActionClick || N.dismiss(r.id);
+    }, children: e == null ? void 0 : e.actionLabel })
+  ] }), {
+    duration: (e == null ? void 0 : e.duration) || C,
+    position: (e == null ? void 0 : e.position) || "bottom-center"
+  });
+};
+f.show = b;
+f.success = (i, e) => b(i, {
+  ...e,
+  icon: /* @__PURE__ */ m(H, {})
+});
+f.error = (i, e) => (console.error("error", i), b(i, {
+  ...e,
+  icon: /* @__PURE__ */ m(O, {})
+}));
+export {
+  f as Toast
+};
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../src/components/Toast/toast.recipe.ts","../src/components/Toast/index.tsx"],"sourcesContent":["export type ToastVariantProps = keyof typeof toastRecipe.variantMap\n\nimport { sva } from '@styled-system/css'\n\nexport const toastRecipe = sva({\n  className: 'toast',\n  slots: ['root', 'content', 'description', 'actionTrigger', 'icon'],\n  base: {\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'background.neutralInverse.default',\n      rounded: 'md',\n      height: 'fit-content',\n      minHeight: '48px',\n      width: 'fit-content',\n      maxWidth: '350px',\n      overflowWrap: 'anywhere',\n      zIndex: 'overlay',\n      textStyle: 'body.md',\n      color: 'content.neutralInverse.bold',\n      px: 3,\n      py: 2,\n      boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.1)',\n      shadow: 'overlay',\n    },\n    content: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: 2,\n    },\n    actionTrigger: {\n      height: '100%',\n      width: 'fit-content',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      cursor: 'pointer',\n      px: 4,\n      pr: 1,\n      whiteSpace: 'nowrap',\n      transition: 'opacity 0.2s ease',\n      color: 'content.neutralInverse.bold',\n      '&:hover': {\n        opacity: 0.8,\n      },\n    },\n    icon: {\n      width: 6,\n      height: 6,\n      minWidth: 6,\n      minHeight: 6,\n      ml: -1,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n  },\n  variants: {\n    width: {\n      full: {\n        root: {\n          width: '100%',\n          justifyContent: 'space-between',\n        },\n      },\n      fit: {\n        root: {\n          width: 'fit-content',\n        },\n      },\n    },\n    language: {\n      en: {\n        description: {\n          textStyle: 'en.text.body.14.bold',\n        },\n        actionTrigger: {\n          textStyle: 'en.text.body.14.bold',\n        },\n      },\n      ko: {\n        description: {\n          textStyle: 'ko.text.body.14.bold',\n        },\n        actionTrigger: {\n          textStyle: 'ko.text.body.14.bold',\n        },\n      },\n    },\n    asLink: {\n      true: {\n        actionTrigger: {\n          textDecoration: 'underline',\n          cursor: 'pointer',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    width: 'full',\n    asLink: false,\n    language: 'en',\n  },\n})\n","'use client'\nimport { ReactNode } from 'react'\nimport hotToast, { DefaultToastOptions, Toaster as HotToaster, ToasterProps, ToastPosition } from 'react-hot-toast'\nimport { cx } from '@styled-system/css'\nimport { toastRecipe } from './toast.recipe'\nimport { CheckCircleFillIcon, CloseCircleFillIcon } from '@nation-a/icons'\nimport { useLanguage } from '../LanguageProvider'\nimport { Box, HStack } from '../Layout'\n\n// type ToastVariant = 'success' | 'error' | 'warning' | 'info'\n\nconst DEFAULT_DURATION = 3000 as const\n\nexport interface ToastProps {\n  description: string\n  option?: {\n    icon?: ReactNode\n    actionLabel?: string\n    onActionClick?: () => void\n    duration?: number\n    asLink?: boolean\n    disableCloseOnActionClick?: boolean\n    position?: ToastPosition\n  }\n  ref?: React.Ref<HTMLDivElement>\n}\n\ninterface ToastComponent {\n  (props: ToastProps): React.ReactElement\n  displayName?: string\n  Root: typeof Root\n  Content: typeof Content\n  Description: typeof Description\n  Icon: typeof Icon\n  ActionTrigger: typeof ActionTrigger\n  Toaster: typeof Toaster\n  show: (description: ToastProps['description'], option?: ToastProps['option']) => void\n  success: (description: ToastProps['description'], option?: ToastProps['option']) => void\n  error: (description: ToastProps['description'], option?: ToastProps['option']) => void\n}\n\nconst Root = ({\n  children,\n  className,\n  width = 'fit',\n  ref,\n  ...props\n}: {\n  children: ReactNode\n  className?: string\n  width?: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const styles = toastRecipe({ width: width as 'full' | 'fit' })\n  return (\n    <Box ref={ref} className={cx(styles.root, className)} {...props}>\n      {children}\n    </Box>\n  )\n}\n\nRoot.displayName = 'Toast.Root'\n\nconst Content = ({\n  children,\n  className,\n  ref,\n}: {\n  children: ReactNode\n  className?: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const styles = toastRecipe()\n  return (\n    <HStack ref={ref} className={cx(styles.content, className)}>\n      {children}\n    </HStack>\n  )\n}\n\nContent.displayName = 'Toast.Content'\n\nconst Description = ({\n  children,\n  className,\n  ref,\n}: {\n  children: ReactNode\n  className?: string\n  ref?: React.Ref<HTMLDivElement>\n}) => {\n  const { language } = useLanguage()\n  const styles = toastRecipe({ language })\n  return (\n    <Box ref={ref} className={cx(styles.description, className)}>\n      {children}\n    </Box>\n  )\n}\n\nDescription.displayName = 'Toast.Description'\n\nconst Icon = ({ icon, className, ref }: { icon?: ReactNode; className?: string; ref?: React.Ref<HTMLDivElement> }) => {\n  const styles = toastRecipe()\n  return (\n    <Box ref={ref} className={cx(styles.icon, className)}>\n      {icon}\n    </Box>\n  )\n}\n\nIcon.displayName = 'Toast.Icon'\n\nconst ActionTrigger = ({\n  onClick,\n  children,\n  className,\n  asLink = false,\n  ref,\n}: {\n  onClick: () => void\n  children: ReactNode\n  className?: string\n  asLink?: boolean\n  ref?: React.Ref<HTMLButtonElement>\n}) => {\n  const { language } = useLanguage()\n  const styles = toastRecipe({ asLink, language })\n  return (\n    <button ref={ref} className={cx(styles.actionTrigger, className)} onClick={onClick}>\n      {children}\n    </button>\n  )\n}\n\nActionTrigger.displayName = 'Toast.ActionTrigger'\n\nconst Toaster = ({ toastOptions, ...props }: { toastOptions?: DefaultToastOptions } & ToasterProps) => {\n  return (\n    <HotToaster\n      position=\"bottom-center\"\n      toastOptions={{\n        duration: DEFAULT_DURATION,\n        style: {\n          background: 'transparent',\n          boxShadow: 'none',\n          padding: 0,\n          margin: 0,\n          width: 'fit-content',\n        },\n        ...toastOptions,\n      }}\n      {...props}\n    />\n  )\n}\n\nToaster.displayName = 'Toast.Toaster'\n\nconst Toast = ((props: ToastProps) => {\n  const { ref, ...rest } = props\n  return <Box ref={ref} {...rest} />\n}) as ToastComponent\n\nToast.displayName = 'Toast'\n\nToast.Root = Root\nToast.Content = Content\nToast.Description = Description\nToast.Icon = Icon\nToast.ActionTrigger = ActionTrigger\nToast.Toaster = Toaster\n\nconst showToast = (description: ToastProps['description'], option?: ToastProps['option']) => {\n  hotToast(\n    (t) => (\n      <Toast.Root width={option?.actionLabel ? 'full' : 'fit'}>\n        <Toast.Content>\n          {option?.icon && <Toast.Icon icon={option?.icon} />}\n          <Toast.Description>{description}</Toast.Description>\n        </Toast.Content>\n        {option?.actionLabel && (\n          <Toast.ActionTrigger\n            asLink={option?.asLink}\n            onClick={() => {\n              option?.onActionClick?.()\n              if (!option?.disableCloseOnActionClick) {\n                hotToast.dismiss(t.id)\n              }\n            }}\n          >\n            {option?.actionLabel}\n          </Toast.ActionTrigger>\n        )}\n      </Toast.Root>\n    ),\n    {\n      duration: option?.duration || DEFAULT_DURATION,\n      position: option?.position || 'bottom-center',\n    },\n  )\n}\n\n// 기본 Info Toast Show\nToast.show = showToast\n\n// Success Toast Show\nToast.success = (description: ToastProps['description'], option?: Omit<ToastProps['option'], 'icon'>) => {\n  return showToast(description, { ...option, icon: <CheckCircleFillIcon /> })\n}\n\n// Error Toast Show\nToast.error = (description: ToastProps['description'], option?: ToastProps['option']) => {\n  console.error('error', description)\n  return showToast(description, { ...option, icon: <CloseCircleFillIcon /> })\n}\n\nexport default Toast\n"],"names":["toastRecipe","sva","className","slots","base","root","display","alignItems","justifyContent","backgroundColor","rounded","height","minHeight","width","maxWidth","overflowWrap","zIndex","textStyle","color","px","py","boxShadow","shadow","content","gap","actionTrigger","cursor","pr","whiteSpace","transition","opacity","icon","minWidth","ml","variants","full","fit","language","en","description","ko","asLink","true","textDecoration","defaultVariants","DEFAULT_DURATION","Root","t0","$","_c","children","props","ref","t1","undefined","T0","t2","t3","styles","Box","cx","t4","jsx","displayName","Content","HStack","Description","useLanguage","Icon","ActionTrigger","onClick","Toaster","toastOptions","Symbol","for","background","padding","margin","duration","style","HotToaster","Toast","rest","showToast","option","hotToast","t","actionLabel","jsxs","onActionClick","disableCloseOnActionClick","dismiss","id","position","show","success","CheckCircleFillIcon","error","console","CloseCircleFillIcon"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 export { default as Button, type ButtonProps } from './Button';
 export { default as Text, type TextProps } from './Text';
 export { default as Dialog, type DialogProps } from './Dialog';
-export { default as Spinner, type SpinnerProps } from './Spinner';
 export { default as IconButton, type IconButtonProps } from './IconButton';
 export { default as BottomSheet, type BottomSheetProps } from './BottomSheet';
 export { default as Navigation, type NavigationProps, type NavigationTriggerProps } from './Navigation';
@@ -10,7 +9,6 @@ export { Portal, type PortalProps } from '@ark-ui/react';
 export { default as Input, type InputProps } from './Input';
 export { default as TextArea, type TextAreaProps } from './TextArea';
 export { default as Tabs, type TabsProps } from './Tabs';
-export { default as Toast, type ToastProps } from './Toast';
 export { default as Select, type SelectProps, createListCollection } from './Select';
 export { default as RadioGroup, type RadioGroupProps } from './RadioGroup';
 export { default as Checkbox, type CheckboxProps } from './Checkbox';

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

@@ -0,0 +1 @@
+export { default as Spinner, type SpinnerProps } from '../components/Spinner';

package/dist/types/lottie.d.ts

@@ -0,0 +1,2 @@
+export * from './lottie/index'
+export {}

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

@@ -0,0 +1,3 @@
+export { LanguageProvider, type LanguageProviderProps } from '../components/LanguageProvider/LanguageProvider';
+export { useLanguage, type Language, type LanguageContextValue } from '../components/LanguageProvider/LanguageContext';
+export { Portal, type PortalProps } from '@ark-ui/react';

package/dist/types/providers.d.ts

@@ -0,0 +1,2 @@
+export * from './providers/index'
+export {}

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

@@ -0,0 +1 @@
+export { default as Toast, type ToastProps } from '../components/Toast';

package/dist/types/toast.d.ts

@@ -0,0 +1,2 @@
+export * from './toast/index'
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.17.6",
+  "version": "0.18.0",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",
@@ -20,9 +20,7 @@
     "motion": "^12.23.24",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-hot-toast": "^2.6.0",
-    "react-lottie": "^1.2.10",
-    "@nation-a/icons": "0.5.2",
+    "@nation-a/icons": "0.5.3",
     "@nation-a/tokens": "0.4.3"
   },
   "devDependencies": {
@@ -64,19 +62,43 @@
   },
   "peerDependencies": {
     "react": "^19",
-    "react-dom": "^19"
+    "react-dom": "^19",
+    "react-hot-toast": "^2.6.0",
+    "react-lottie": "^1.2.10"
   },
   "peerDependenciesMeta": {
     "@pandacss/dev": {
       "optional": true
+    },
+    "react-hot-toast": {
+      "optional": true
+    },
+    "react-lottie": {
+      "optional": true
     }
   },
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
       "require": "./dist/index.cjs",
       "import": "./dist/index.js"
     },
+    "./toast": {
+      "types": "./dist/types/toast/index.d.ts",
+      "require": "./dist/toast.cjs",
+      "import": "./dist/toast.js"
+    },
+    "./lottie": {
+      "types": "./dist/types/lottie/index.d.ts",
+      "require": "./dist/lottie.cjs",
+      "import": "./dist/lottie.js"
+    },
+    "./providers": {
+      "types": "./dist/types/providers/index.d.ts",
+      "require": "./dist/providers.cjs",
+      "import": "./dist/providers.js"
+    },
     "./css": {
       "types": "./dist/styled-system/css/index.d.ts",
       "require": "./dist/styled-system/css/index.mjs",

package/dist/index-B5IKaL0m.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("./react-lottie-D3xAW5ky.cjs");function a(r,i){for(var o=0;o<i.length;o++){const e=i[o];if(typeof e!="string"&&!Array.isArray(e)){for(const t in e)if(t!=="default"&&!(t in r)){const n=Object.getOwnPropertyDescriptor(e,t);n&&Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}var c=s.requireDist();const f=s.getDefaultExportFromCjs(c),u=a({__proto__:null,default:f},[c]);exports.index=u;
-//# sourceMappingURL=index-B5IKaL0m.cjs.map

package/dist/index-B5IKaL0m.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-B5IKaL0m.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index-FC3cETza.js

@@ -1,26 +0,0 @@
-import { r as a, g as f } from "./react-lottie-BoWlnUa4.js";
-function c(r, i) {
-  for (var o = 0; o < i.length; o++) {
-    const e = i[o];
-    if (typeof e != "string" && !Array.isArray(e)) {
-      for (const t in e)
-        if (t !== "default" && !(t in r)) {
-          const n = Object.getOwnPropertyDescriptor(e, t);
-          n && Object.defineProperty(r, t, n.get ? n : {
-            enumerable: !0,
-            get: () => e[t]
-          });
-        }
-    }
-  }
-  return Object.freeze(Object.defineProperty(r, Symbol.toStringTag, { value: "Module" }));
-}
-var s = a();
-const p = /* @__PURE__ */ f(s), g = /* @__PURE__ */ c({
-  __proto__: null,
-  default: p
-}, [s]);
-export {
-  g as i
-};
-//# sourceMappingURL=index-FC3cETza.js.map

package/dist/index-FC3cETza.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-FC3cETza.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}