boottent-design 0.1.263 → 0.1.264

package/dist/types/toast.d.ts

@@ -15,7 +15,7 @@ export declare function toast({ ...props }: Toast_2): {
     update: (props: ToasterProps) => void;
 };
 
-declare type Toast_2 = Omit<ToasterProps, "id">;
+declare type Toast_2 = ToastInstanceProps;
 
 export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
@@ -25,8 +25,11 @@ export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare type ToasterProps = ToastProps & ToastViewportProps & {
-    id?: string;
+export declare type ToasterProps = ToastInstanceProps;
+
+export declare function ToastForm(props: ToastStoreItem): JSX_2.Element;
+
+declare type ToastInstanceProps = ToastProps & {
     title?: React_2.ReactNode;
     description?: React_2.ReactNode;
     onAction?: () => void;
@@ -35,8 +38,6 @@ export declare type ToasterProps = ToastProps & ToastViewportProps & {
     onClose?: () => void;
 };
 
-export declare function ToastForm(props: ToasterProps): JSX_2.Element;
-
 export declare function ToastManager(): JSX_2.Element;
 
 export declare type ToastPositionsType = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
@@ -47,6 +48,12 @@ export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
 
 export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
 
+declare type ToastStoreItem = ToastInstanceProps & {
+    id: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+
 export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const toastVariants: (props?: ({
@@ -63,7 +70,7 @@ export declare type ToastViewportProps = React_2.ComponentPropsWithoutRef<typeof
 export declare function useToast(): {
     toast: typeof toast;
     dismiss: (toastId?: string) => void;
-    toasts: ToasterProps[];
+    toasts: ToastStoreItem[];
 };
 
 export { }

package/dist/types/ui.d.ts

@@ -810,7 +810,7 @@ export declare function toast({ ...props }: Toast_2): {
     update: (props: ToasterProps) => void;
 };
 
-declare type Toast_2 = Omit<ToasterProps, "id">;
+declare type Toast_2 = ToastInstanceProps;
 
 export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
@@ -820,8 +820,11 @@ export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPri
 
 export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare type ToasterProps = ToastProps & ToastViewportProps & {
-    id?: string;
+export declare type ToasterProps = ToastInstanceProps;
+
+export declare function ToastForm(props: ToastStoreItem): JSX_2.Element;
+
+declare type ToastInstanceProps = ToastProps & {
     title?: React_2.ReactNode;
     description?: React_2.ReactNode;
     onAction?: () => void;
@@ -830,8 +833,6 @@ export declare type ToasterProps = ToastProps & ToastViewportProps & {
     onClose?: () => void;
 };
 
-export declare function ToastForm(props: ToasterProps): JSX_2.Element;
-
 export declare function ToastManager(): JSX_2.Element;
 
 export declare type ToastPositionsType = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
@@ -842,6 +843,12 @@ export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
 
 export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
 
+declare type ToastStoreItem = ToastInstanceProps & {
+    id: string;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+
 export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const toastVariants: (props?: ({
@@ -967,7 +974,7 @@ export declare const useFormField: () => {
 export declare function useToast(): {
     toast: typeof toast;
     dismiss: (toastId?: string) => void;
-    toasts: ToasterProps[];
+    toasts: ToastStoreItem[];
 };
 
 declare function ViewCard({ size, fill, }: SvgIconType): JSX_2.Element;

package/dist/ui/toast.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),P=require("@radix-ui/react-toast"),C=require("class-variance-authority"),k=require("react"),A=require("./button.cjs.js"),i=require("../common-DeneXo5X.cjs"),q=require("./icons.cjs.js");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=N(P),c=N(k),z=5,B=2e3;let m=0;function j(){return m=(m+1)%Number.MAX_SAFE_INTEGER,m.toString()}const p=new Map,v=t=>{if(p.has(t))return;const e=setTimeout(()=>{p.delete(t),d({type:"REMOVE_TOAST",toastId:t})},B);p.set(t,e)},F=(t,e)=>{switch(e.type){case"ADD_TOAST":return{...t,toasts:[e.toast,...t.toasts].slice(0,z)};case"UPDATE_TOAST":return{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case"DISMISS_TOAST":{const{toastId:o}=e;return o?v(o):t.toasts.forEach(s=>{v(s.id||j())}),{...t,toasts:t.toasts.map(s=>s.id===o||o===void 0?{...s,open:!1}:s)}}case"REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)}}},f=new Set;let u={toasts:[]};const L=u;function d(t){u=F(u,t),f.forEach(e=>{e()})}function U(t){return f.add(t),()=>{f.delete(t)}}function G(){return u}function Q(){return L}function _({...t}){const e=j(),o=r=>d({type:"UPDATE_TOAST",toast:{...r,id:e}}),s=()=>d({type:"DISMISS_TOAST",toastId:e});return d({type:"ADD_TOAST",toast:{...t,id:e,open:!0,onOpenChange:r=>{var l;r||(s(),(l=t.onClose)==null||l.call(t))}}}),{id:e,dismiss:s,update:o}}function O(){return{...c.useSyncExternalStore(U,G,Q),toast:_,dismiss:e=>d({type:"DISMISS_TOAST",toastId:e})}}function R(t){const{id:e,variant:o,title:s,closeButton:r,onAction:l,actionBtnText:h,description:I}=t,S=l&&h,M=o==="black"?"solid":"outline";return a.jsx(g,{variant:o,...t,children:a.jsxs("div",{className:i.cn("relative flex w-full items-center justify-between gap-2 whitespace-pre-wrap p-4",{"items-end":s,"pr-7":r,"justify-center":!S}),children:[a.jsxs("div",{className:"flex flex-col gap-1",children:[s&&(typeof s!="string"||s.trim().length>0)&&a.jsx(b,{children:s}),a.jsx(w,{children:I})]}),S&&a.jsx(x,{altText:e||"toast action",onClick:l,className:i.cn(A.buttonVariants({variant:M,size:"sm",theme:"secondary"}),{"border-grey-800 bg-grey-800 text-grey-50":o==="black","border-grey-100 bg-gray-50 text-grey-800":o==="white"},"px-2 py-1 text-xs"),children:h}),r&&a.jsx(y,{children:a.jsx(q.Icon.Cancel,{size:"10",className:i.cn({"fill-grey-600 hover:fill-grey-800":o==="white","fill-grey-100 hover:fill-white":o==="black"})})})]})},e)}function X(){const{toasts:t}=O();return a.jsxs(D,{children:[t.map(e=>a.jsx(R,{...e},e.id)),a.jsx(T,{})]})}const D=n.Provider,E={"top-left":"top-0 left-0 bottom-auto mt-10 items-start","top-center":"top-0 left-1/2 bottom-auto transform -translate-x-1/2 mt-10 items-center","top-right":"top-0 right-0 bottom-auto items-end mt-10","bottom-left":"top-auto bottom-4 left-0 items-start","bottom-center":"top-auto bottom-4 left-1/2 transform -translate-x-1/2 items-center","bottom-right":"top-auto bottom-4 right-0 items-end"},T=c.forwardRef(({className:t,id:e,position:o="top-center",...s},r)=>a.jsx(n.Viewport,{ref:r,id:e,className:i.cn("fixed z-[100] flex flex-col-reverse gap-2 p-4 outline-none ring-transparent",E[o],t),...s}));T.displayName=n.Viewport.displayName;const V=C.cva("group pointer-events-auto bg-opacity-90 overflow-hidden rounded-lg border shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-top-full",{variants:{variant:{black:"group border bg-grey-800 border-grey-800 text-grey-50",white:"group border bg-grey-50 border-grey-50 text-grey-800"},size:{sm:"w-[300px]",md:"w-[400px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-[90vw]",fit:"w-fit"}},defaultVariants:{variant:"black",size:"fit"}}),g=c.forwardRef(({className:t,variant:e,size:o,...s},r)=>a.jsx(n.Root,{ref:r,className:i.cn(V({variant:e,size:o}),t),duration:3e3,...s}));g.displayName=n.Root.displayName;const x=c.forwardRef(({className:t,...e},o)=>a.jsx(n.Action,{ref:o,className:i.cn(A.buttonVariants({variant:"outline",size:"sm",theme:"secondary"}),t),...e}));x.displayName=n.Action.displayName;const y=c.forwardRef(({className:t,children:e,...o},s)=>a.jsx(n.Close,{ref:s,className:i.cn("absolute right-1.5 top-1.5 rounded-md p-1 focus:outline-none",t),"toast-close":"",...o,children:e}));y.displayName=n.Close.displayName;const b=c.forwardRef(({className:t,...e},o)=>a.jsx(n.Title,{ref:o,className:i.cn("text-sm font-semibold",t),...e}));b.displayName=n.Title.displayName;const w=c.forwardRef(({className:t,...e},o)=>a.jsx(n.Description,{ref:o,className:i.cn("text-sm font-normal",t),...e}));w.displayName=n.Description.displayName;exports.Toast=g;exports.ToastAction=x;exports.ToastClose=y;exports.ToastDescription=w;exports.ToastForm=R;exports.ToastManager=X;exports.ToastProvider=D;exports.ToastTitle=b;exports.ToastViewport=T;exports.toast=_;exports.toastPositionVariants=E;exports.toastVariants=V;exports.useToast=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),C=require("@radix-ui/react-toast"),k=require("class-variance-authority"),q=require("react"),A=require("./button.cjs.js"),i=require("../common-DeneXo5X.cjs"),z=require("./icons.cjs.js");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=N(C),c=N(q),B=5,F=2e3;let m=0;function j(){return m=(m+1)%Number.MAX_SAFE_INTEGER,m.toString()}const p=new Map,v=t=>{if(p.has(t))return;const e=setTimeout(()=>{p.delete(t),d({type:"REMOVE_TOAST",toastId:t})},F);p.set(t,e)},L=(t,e)=>{switch(e.type){case"ADD_TOAST":return{...t,toasts:[e.toast,...t.toasts].slice(0,B)};case"UPDATE_TOAST":return{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case"DISMISS_TOAST":{const{toastId:o}=e;return o?v(o):t.toasts.forEach(s=>{v(s.id||j())}),{...t,toasts:t.toasts.map(s=>s.id===o||o===void 0?{...s,open:!1}:s)}}case"REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)}}},f=new Set;let u={toasts:[]};const U=u;function d(t){u=L(u,t),f.forEach(e=>{e()})}function G(t){return f.add(t),()=>{f.delete(t)}}function Q(){return u}function X(){return U}function _({...t}){const e=j(),o=r=>d({type:"UPDATE_TOAST",toast:{...r,id:e}}),s=()=>d({type:"DISMISS_TOAST",toastId:e});return d({type:"ADD_TOAST",toast:{...t,id:e,open:!0,onOpenChange:r=>{var l;r||(s(),(l=t.onClose)==null||l.call(t))}}}),{id:e,dismiss:s,update:o}}function O(){return{...c.useSyncExternalStore(G,Q,X),toast:_,dismiss:e=>d({type:"DISMISS_TOAST",toastId:e})}}function R(t){const{id:e,variant:o,title:s,closeButton:r,onAction:l,actionBtnText:h,description:I,onClose:H,...M}=t,S=l&&h,P=o==="black"?"solid":"outline";return a.jsx(g,{id:e,variant:o,...M,children:a.jsxs("div",{className:i.cn("relative flex w-full items-center justify-between gap-2 whitespace-pre-wrap p-4",{"items-end":s,"pr-7":r,"justify-center":!S}),children:[a.jsxs("div",{className:"flex flex-col gap-1",children:[s&&(typeof s!="string"||s.trim().length>0)&&a.jsx(b,{children:s}),a.jsx(w,{children:I})]}),S&&a.jsx(x,{altText:e||"toast action",onClick:l,className:i.cn(A.buttonVariants({variant:P,size:"sm",theme:"secondary"}),{"border-grey-800 bg-grey-800 text-grey-50":o==="black","border-grey-100 bg-gray-50 text-grey-800":o==="white"},"px-2 py-1 text-xs"),children:h}),r&&a.jsx(y,{children:a.jsx(z.Icon.Cancel,{size:"10",className:i.cn({"fill-grey-600 hover:fill-grey-800":o==="white","fill-grey-100 hover:fill-white":o==="black"})})})]})},e)}function Y(){const{toasts:t}=O();return a.jsxs(D,{children:[t.map(e=>a.jsx(R,{...e},e.id)),a.jsx(T,{})]})}const D=n.Provider,E={"top-left":"top-0 left-0 bottom-auto mt-10 items-start","top-center":"top-0 left-1/2 bottom-auto transform -translate-x-1/2 mt-10 items-center","top-right":"top-0 right-0 bottom-auto items-end mt-10","bottom-left":"top-auto bottom-4 left-0 items-start","bottom-center":"top-auto bottom-4 left-1/2 transform -translate-x-1/2 items-center","bottom-right":"top-auto bottom-4 right-0 items-end"},T=c.forwardRef(({className:t,id:e,position:o="top-center",...s},r)=>a.jsx(n.Viewport,{ref:r,id:e,className:i.cn("fixed z-[100] flex flex-col-reverse gap-2 p-4 outline-none ring-transparent",E[o],t),...s}));T.displayName=n.Viewport.displayName;const V=k.cva("group pointer-events-auto bg-opacity-90 overflow-hidden rounded-lg border shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-top-full",{variants:{variant:{black:"group border bg-grey-800 border-grey-800 text-grey-50",white:"group border bg-grey-50 border-grey-50 text-grey-800"},size:{sm:"w-[300px]",md:"w-[400px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-[90vw]",fit:"w-fit"}},defaultVariants:{variant:"black",size:"fit"}}),g=c.forwardRef(({className:t,variant:e,size:o,...s},r)=>a.jsx(n.Root,{ref:r,className:i.cn(V({variant:e,size:o}),t),duration:3e3,...s}));g.displayName=n.Root.displayName;const x=c.forwardRef(({className:t,...e},o)=>a.jsx(n.Action,{ref:o,className:i.cn(A.buttonVariants({variant:"outline",size:"sm",theme:"secondary"}),t),...e}));x.displayName=n.Action.displayName;const y=c.forwardRef(({className:t,children:e,...o},s)=>a.jsx(n.Close,{ref:s,className:i.cn("absolute right-1.5 top-1.5 rounded-md p-1 focus:outline-none",t),"toast-close":"",...o,children:e}));y.displayName=n.Close.displayName;const b=c.forwardRef(({className:t,...e},o)=>a.jsx(n.Title,{ref:o,className:i.cn("text-sm font-semibold",t),...e}));b.displayName=n.Title.displayName;const w=c.forwardRef(({className:t,...e},o)=>a.jsx(n.Description,{ref:o,className:i.cn("text-sm font-normal",t),...e}));w.displayName=n.Description.displayName;exports.Toast=g;exports.ToastAction=x;exports.ToastClose=y;exports.ToastDescription=w;exports.ToastForm=R;exports.ToastManager=Y;exports.ToastProvider=D;exports.ToastTitle=b;exports.ToastViewport=T;exports.toast=_;exports.toastPositionVariants=E;exports.toastVariants=V;exports.useToast=O;

package/dist/ui/toast.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as s, jsxs as u } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-toast";
-import { cva as R } from "class-variance-authority";
+import { cva as O } from "class-variance-authority";
 import * as l from "react";
 import { buttonVariants as x } from "./button.es.js";
-import { c as n } from "../common-zQ5XY0UN.js";
-import { Icon as _ } from "./icons.es.js";
-const D = 5, V = 2e3;
+import { c as i } from "../common-zQ5XY0UN.js";
+import { Icon as D } from "./icons.es.js";
+const V = 5, M = 2e3;
 let p = 0;
 function b() {
   return p = (p + 1) % Number.MAX_SAFE_INTEGER, p.toString();
@@ -19,14 +19,14 @@ const f = /* @__PURE__ */ new Map(), w = (t) => {
       type: "REMOVE_TOAST",
       toastId: t
     });
-  }, V);
+  }, M);
   f.set(t, e);
-}, M = (t, e) => {
+}, C = (t, e) => {
   switch (e.type) {
     case "ADD_TOAST":
       return {
         ...t,
-        toasts: [e.toast, ...t.toasts].slice(0, D)
+        toasts: [e.toast, ...t.toasts].slice(0, V)
       };
     case "UPDATE_TOAST":
       return {
@@ -58,9 +58,9 @@ const f = /* @__PURE__ */ new Map(), w = (t) => {
   }
 }, T = /* @__PURE__ */ new Set();
 let m = { toasts: [] };
-const C = m;
+const P = m;
 function d(t) {
-  m = M(m, t), T.forEach((e) => {
+  m = C(m, t), T.forEach((e) => {
     e();
   });
 }
@@ -72,13 +72,13 @@ function k(t) {
 function z() {
   return m;
 }
-function P() {
-  return C;
+function j() {
+  return P;
 }
-function j({ ...t }) {
-  const e = b(), o = (i) => d({
+function B({ ...t }) {
+  const e = b(), o = (n) => d({
     type: "UPDATE_TOAST",
-    toast: { ...i, id: e }
+    toast: { ...n, id: e }
   }), a = () => d({ type: "DISMISS_TOAST", toastId: e });
   return d({
     type: "ADD_TOAST",
@@ -86,9 +86,9 @@ function j({ ...t }) {
       ...t,
       id: e,
       open: !0,
-      onOpenChange: (i) => {
+      onOpenChange: (n) => {
         var c;
-        i || (a(), (c = t.onClose) == null || c.call(t));
+        n || (a(), (c = t.onClose) == null || c.call(t));
       }
     }
   }), {
@@ -97,35 +97,45 @@ function j({ ...t }) {
     update: o
   };
 }
-function B() {
+function L() {
   return {
-    ...l.useSyncExternalStore(k, z, P),
-    toast: j,
+    ...l.useSyncExternalStore(k, z, j),
+    toast: B,
     dismiss: (e) => d({ type: "DISMISS_TOAST", toastId: e })
   };
 }
-function L(t) {
-  const { id: e, variant: o, title: a, closeButton: i, onAction: c, actionBtnText: g, description: I } = t, y = c && g, O = o === "black" ? "solid" : "outline";
-  return /* @__PURE__ */ s(S, { variant: o, ...t, children: /* @__PURE__ */ u(
+function F(t) {
+  const {
+    id: e,
+    variant: o,
+    title: a,
+    closeButton: n,
+    onAction: c,
+    actionBtnText: g,
+    description: R,
+    onClose: X,
+    ..._
+  } = t, y = c && g, I = o === "black" ? "solid" : "outline";
+  return /* @__PURE__ */ s(S, { id: e, variant: o, ..._, children: /* @__PURE__ */ u(
     "div",
     {
-      className: n("relative flex w-full items-center justify-between gap-2 whitespace-pre-wrap p-4", {
+      className: i("relative flex w-full items-center justify-between gap-2 whitespace-pre-wrap p-4", {
         "items-end": a,
-        "pr-7": i,
+        "pr-7": n,
         "justify-center": !y
       }),
       children: [
         /* @__PURE__ */ u("div", { className: "flex flex-col gap-1", children: [
           a && (typeof a != "string" || a.trim().length > 0) && /* @__PURE__ */ s(N, { children: a }),
-          /* @__PURE__ */ s(E, { children: I })
+          /* @__PURE__ */ s(E, { children: R })
         ] }),
         y && /* @__PURE__ */ s(
           v,
           {
             altText: e || "toast action",
             onClick: c,
-            className: n(
-              x({ variant: O, size: "sm", theme: "secondary" }),
+            className: i(
+              x({ variant: I, size: "sm", theme: "secondary" }),
               {
                 "border-grey-800 bg-grey-800 text-grey-50": o === "black",
                 "border-grey-100 bg-gray-50 text-grey-800": o === "white"
@@ -135,11 +145,11 @@ function L(t) {
             children: g
           }
         ),
-        i && /* @__PURE__ */ s(A, { children: /* @__PURE__ */ s(
-          _.Cancel,
+        n && /* @__PURE__ */ s(A, { children: /* @__PURE__ */ s(
+          D.Cancel,
           {
             size: "10",
-            className: n({
+            className: i({
               "fill-grey-600 hover:fill-grey-800": o === "white",
               "fill-grey-100 hover:fill-white": o === "black"
             })
@@ -149,35 +159,35 @@ function L(t) {
     }
   ) }, e);
 }
-function J() {
-  const { toasts: t } = B();
-  return /* @__PURE__ */ u(F, { children: [
-    t.map((e) => /* @__PURE__ */ s(L, { ...e }, e.id)),
+function W() {
+  const { toasts: t } = L();
+  return /* @__PURE__ */ u(U, { children: [
+    t.map((e) => /* @__PURE__ */ s(F, { ...e }, e.id)),
     /* @__PURE__ */ s(h, {})
   ] });
 }
-const F = r.Provider, U = {
+const U = r.Provider, G = {
   "top-left": "top-0 left-0 bottom-auto mt-10 items-start",
   "top-center": "top-0 left-1/2 bottom-auto transform -translate-x-1/2 mt-10 items-center",
   "top-right": "top-0 right-0 bottom-auto items-end mt-10",
   "bottom-left": "top-auto bottom-4 left-0 items-start",
   "bottom-center": "top-auto bottom-4 left-1/2 transform -translate-x-1/2 items-center",
   "bottom-right": "top-auto bottom-4 right-0 items-end"
-}, h = l.forwardRef(({ className: t, id: e, position: o = "top-center", ...a }, i) => /* @__PURE__ */ s(
+}, h = l.forwardRef(({ className: t, id: e, position: o = "top-center", ...a }, n) => /* @__PURE__ */ s(
   r.Viewport,
   {
-    ref: i,
+    ref: n,
     id: e,
-    className: n(
+    className: i(
       "fixed z-[100] flex flex-col-reverse gap-2 p-4 outline-none ring-transparent",
-      U[o],
+      G[o],
       t
     ),
     ...a
   }
 ));
 h.displayName = r.Viewport.displayName;
-const G = R(
+const Q = O(
   "group pointer-events-auto bg-opacity-90 overflow-hidden rounded-lg border shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-top-full",
   {
     variants: {
@@ -199,11 +209,11 @@ const G = R(
       size: "fit"
     }
   }
-), S = l.forwardRef(({ className: t, variant: e, size: o, ...a }, i) => /* @__PURE__ */ s(
+), S = l.forwardRef(({ className: t, variant: e, size: o, ...a }, n) => /* @__PURE__ */ s(
   r.Root,
   {
-    ref: i,
-    className: n(G({ variant: e, size: o }), t),
+    ref: n,
+    className: i(Q({ variant: e, size: o }), t),
     duration: 3e3,
     ...a
   }
@@ -213,7 +223,7 @@ const v = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   r.Action,
   {
     ref: o,
-    className: n(x({ variant: "outline", size: "sm", theme: "secondary" }), t),
+    className: i(x({ variant: "outline", size: "sm", theme: "secondary" }), t),
     ...e
   }
 ));
@@ -222,29 +232,29 @@ const A = l.forwardRef(({ className: t, children: e, ...o }, a) => /* @__PURE__
   r.Close,
   {
     ref: a,
-    className: n("absolute right-1.5 top-1.5 rounded-md p-1 focus:outline-none", t),
+    className: i("absolute right-1.5 top-1.5 rounded-md p-1 focus:outline-none", t),
     "toast-close": "",
     ...o,
     children: e
   }
 ));
 A.displayName = r.Close.displayName;
-const N = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(r.Title, { ref: o, className: n("text-sm font-semibold", t), ...e }));
+const N = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(r.Title, { ref: o, className: i("text-sm font-semibold", t), ...e }));
 N.displayName = r.Title.displayName;
-const E = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(r.Description, { ref: o, className: n("text-sm font-normal", t), ...e }));
+const E = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ s(r.Description, { ref: o, className: i("text-sm font-normal", t), ...e }));
 E.displayName = r.Description.displayName;
 export {
   S as Toast,
   v as ToastAction,
   A as ToastClose,
   E as ToastDescription,
-  L as ToastForm,
-  J as ToastManager,
-  F as ToastProvider,
+  F as ToastForm,
+  W as ToastManager,
+  U as ToastProvider,
   N as ToastTitle,
   h as ToastViewport,
-  j as toast,
-  U as toastPositionVariants,
-  G as toastVariants,
-  B as useToast
+  B as toast,
+  G as toastPositionVariants,
+  Q as toastVariants,
+  L as useToast
 };

package/dist/youtube-video-modal-C2GWcF5u.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const n=require("./common-DeneXo5X.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const a=require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/card-label.cjs.js");require("./ui/checkbox.cjs.js");const q=require("lucide-react");require("./ui/command.cjs.js");const i=require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/progress.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const m=r=>{var u;return r.includes("youtu.be")?`https://www.youtube.com/embed/${r.split("/").pop()}`:r.includes("youtube.com/watch")?`https://www.youtube.com/embed/${((u=r.split("v=")[1])==null?void 0:u.split("&")[0])??""}`:r};function p({open:r,onOpenChange:u,url:t,title:o="YouTube video player",autoPlay:s=!0,className:c}){if(!t)return null;const l=m(t),d=s?`${l}${l.includes("?")?"&":"?"}autoplay=1`:l;return e.jsx(i.Dialog,{open:r,onOpenChange:u,children:e.jsxs(i.DialogContent,{className:n.cn("flex h-[88dvh] max-h-[calc(100dvh-32px)] w-[94vw] max-w-[1280px] flex-col gap-0 overflow-hidden bg-white p-0",c),children:[e.jsxs(i.DialogHeader,{className:"shrink-0 flex-row items-start justify-between gap-4 border-b border-grey-200 p-3 text-left md:items-center md:p-4",children:[e.jsx(i.DialogTitle,{className:"min-w-0 flex-1 break-words px-0 text-lg font-bold leading-6 md:px-0",children:o}),e.jsx(i.DialogClose,{asChild:!0,children:e.jsx(a.Button,{type:"button",variant:"text",theme:"secondary","aria-label":"닫기",children:e.jsx(q.X,{size:18})})})]}),e.jsx("div",{className:"flex min-h-0 flex-1 items-center justify-center px-4 py-4 md:px-5 md:py-5",children:e.jsx("div",{className:"h-full w-full overflow-hidden rounded-lg bg-black",children:e.jsx("iframe",{className:"h-full w-full border-0",src:d,title:o,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})})]})})}exports.YoutubeVideoModal=p;

package/dist/youtube-video-modal-CAy1hYoA.js

@@ -0,0 +1,84 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import "./ui/accordion.es.js";
+import "./ui/alert-dialog.es.js";
+import { c } from "./common-zQ5XY0UN.js";
+import "@radix-ui/react-aspect-ratio";
+import "./ui/avatar.es.js";
+import "./ui/badge.es.js";
+import { Button as n } from "./ui/button.es.js";
+import "./ui/calendar.es.js";
+import "./ui/callout.es.js";
+import "./ui/card.es.js";
+import "./ui/card-label.es.js";
+import "./ui/checkbox.es.js";
+import { X as s } from "lucide-react";
+import "./ui/command.es.js";
+import { Dialog as u, DialogContent as f, DialogHeader as b, DialogTitle as h, DialogClose as w } from "./ui/dialog.es.js";
+import "./ui/dropdown-menu.es.js";
+import "./ui/file-uploader.es.js";
+import "./ui/form.es.js";
+import "./ui/input.es.js";
+import "./ui/label.es.js";
+import "./ui/month-picker.es.js";
+import "./ui/multi-select.es.js";
+import "./ui/navigation-menu.es.js";
+import "./ui/popover.es.js";
+import "./ui/progress.es.js";
+import "./ui/radio-group.es.js";
+import "./ui/scroll-area.es.js";
+import "./ui/select.es.js";
+import "./ui/separator.es.js";
+import "@radix-ui/react-slider";
+import "react";
+import "./ui/switch.es.js";
+import "./ui/tabs.es.js";
+import "./ui/tag.es.js";
+import "./ui/text.es.js";
+import "./ui/textarea.es.js";
+import "./ui/toast.es.js";
+import "./ui/toggle.es.js";
+import "./ui/toggle-group.es.js";
+import "./ui/tooltip.es.js";
+const x = (e) => {
+  var o;
+  return e.includes("youtu.be") ? `https://www.youtube.com/embed/${e.split("/").pop()}` : e.includes("youtube.com/watch") ? `https://www.youtube.com/embed/${((o = e.split("v=")[1]) == null ? void 0 : o.split("&")[0]) ?? ""}` : e;
+};
+function pt({
+  open: e,
+  onOpenChange: o,
+  url: r,
+  title: m = "YouTube video player",
+  autoPlay: l = !0,
+  className: a
+}) {
+  if (!r) return null;
+  const i = x(r), d = l ? `${i}${i.includes("?") ? "&" : "?"}autoplay=1` : i;
+  return /* @__PURE__ */ t(u, { open: e, onOpenChange: o, children: /* @__PURE__ */ p(
+    f,
+    {
+      className: c(
+        "flex h-[88dvh] max-h-[calc(100dvh-32px)] w-[94vw] max-w-[1280px] flex-col gap-0 overflow-hidden bg-white p-0",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ p(b, { className: "shrink-0 flex-row items-start justify-between gap-4 border-b border-grey-200 p-3 text-left md:items-center md:p-4", children: [
+          /* @__PURE__ */ t(h, { className: "min-w-0 flex-1 break-words px-0 text-lg font-bold leading-6 md:px-0", children: m }),
+          /* @__PURE__ */ t(w, { asChild: !0, children: /* @__PURE__ */ t(n, { type: "button", variant: "text", theme: "secondary", "aria-label": "닫기", children: /* @__PURE__ */ t(s, { size: 18 }) }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 items-center justify-center px-4 py-4 md:px-5 md:py-5", children: /* @__PURE__ */ t("div", { className: "h-full w-full overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ t(
+          "iframe",
+          {
+            className: "h-full w-full border-0",
+            src: d,
+            title: m,
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+            allowFullScreen: !0
+          }
+        ) }) })
+      ]
+    }
+  ) });
+}
+export {
+  pt as Y
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boottent-design",
-  "version": "0.1.263",
+  "version": "0.1.264",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",

package/dist/youtube-video-modal-CNTPCinc.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const c=require("./common-DeneXo5X.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const d=require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/card-label.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");const i=require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/progress.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const q=r=>{var u;return r.includes("youtu.be")?`https://www.youtube.com/embed/${r.split("/").pop()}`:r.includes("youtube.com/watch")?`https://www.youtube.com/embed/${((u=r.split("v=")[1])==null?void 0:u.split("&")[0])??""}`:r};function p({open:r,onOpenChange:u,url:t,title:o="YouTube video player",autoPlay:s=!0,className:n}){if(!t)return null;const l=q(t),a=s?`${l}${l.includes("?")?"&":"?"}autoplay=1`:l;return e.jsx(i.Dialog,{open:r,onOpenChange:u,children:e.jsxs(i.DialogContent,{className:c.cn("w-[calc(100vw-32px)] max-w-screen-2xl gap-0 bg-white p-0",n),children:[e.jsxs(i.DialogHeader,{className:"flex-row items-center justify-between gap-4 p-4 text-left md:p-5",children:[e.jsx(i.DialogTitle,{className:"px-0 text-lg font-bold leading-6 md:px-0",children:o}),e.jsx(i.DialogClose,{asChild:!0,children:e.jsx(d.Button,{type:"button",variant:"outline",theme:"primary",className:"shrink-0 cursor-pointer rounded-lg border-violet-600 bg-white px-4 py-2 font-semibold text-violet-600 transition-all lg:hover:bg-violet-600 lg:hover:text-white",children:"닫기"})})]}),e.jsx("div",{className:"w-full px-4 pb-4 md:px-5 md:pb-5",children:e.jsx("div",{className:"relative overflow-hidden rounded-lg bg-black pb-[56.25%]",children:e.jsx("iframe",{className:"absolute left-0 top-0 h-full w-full",src:a,title:o,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})})]})})}exports.YoutubeVideoModal=p;

package/dist/youtube-video-modal-CrkV3YQc.js

@@ -1,84 +0,0 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import "./ui/accordion.es.js";
-import "./ui/alert-dialog.es.js";
-import { c } from "./common-zQ5XY0UN.js";
-import "@radix-ui/react-aspect-ratio";
-import "./ui/avatar.es.js";
-import "./ui/badge.es.js";
-import { Button as d } from "./ui/button.es.js";
-import "./ui/calendar.es.js";
-import "./ui/callout.es.js";
-import "./ui/card.es.js";
-import "./ui/card-label.es.js";
-import "./ui/checkbox.es.js";
-import "lucide-react";
-import "./ui/command.es.js";
-import { Dialog as s, DialogContent as u, DialogHeader as b, DialogTitle as h, DialogClose as w } from "./ui/dialog.es.js";
-import "./ui/dropdown-menu.es.js";
-import "./ui/file-uploader.es.js";
-import "./ui/form.es.js";
-import "./ui/input.es.js";
-import "./ui/label.es.js";
-import "./ui/month-picker.es.js";
-import "./ui/multi-select.es.js";
-import "./ui/navigation-menu.es.js";
-import "./ui/popover.es.js";
-import "./ui/progress.es.js";
-import "./ui/radio-group.es.js";
-import "./ui/scroll-area.es.js";
-import "./ui/select.es.js";
-import "./ui/separator.es.js";
-import "@radix-ui/react-slider";
-import "react";
-import "./ui/switch.es.js";
-import "./ui/tabs.es.js";
-import "./ui/tag.es.js";
-import "./ui/text.es.js";
-import "./ui/textarea.es.js";
-import "./ui/toast.es.js";
-import "./ui/toggle.es.js";
-import "./ui/toggle-group.es.js";
-import "./ui/tooltip.es.js";
-const f = (t) => {
-  var e;
-  return t.includes("youtu.be") ? `https://www.youtube.com/embed/${t.split("/").pop()}` : t.includes("youtube.com/watch") ? `https://www.youtube.com/embed/${((e = t.split("v=")[1]) == null ? void 0 : e.split("&")[0]) ?? ""}` : t;
-};
-function pt({
-  open: t,
-  onOpenChange: e,
-  url: i,
-  title: p = "YouTube video player",
-  autoPlay: l = !0,
-  className: a
-}) {
-  if (!i) return null;
-  const r = f(i), n = l ? `${r}${r.includes("?") ? "&" : "?"}autoplay=1` : r;
-  return /* @__PURE__ */ o(s, { open: t, onOpenChange: e, children: /* @__PURE__ */ m(u, { className: c("w-[calc(100vw-32px)] max-w-screen-2xl gap-0 bg-white p-0", a), children: [
-    /* @__PURE__ */ m(b, { className: "flex-row items-center justify-between gap-4 p-4 text-left md:p-5", children: [
-      /* @__PURE__ */ o(h, { className: "px-0 text-lg font-bold leading-6 md:px-0", children: p }),
-      /* @__PURE__ */ o(w, { asChild: !0, children: /* @__PURE__ */ o(
-        d,
-        {
-          type: "button",
-          variant: "outline",
-          theme: "primary",
-          className: "shrink-0 cursor-pointer rounded-lg border-violet-600 bg-white px-4 py-2 font-semibold text-violet-600 transition-all lg:hover:bg-violet-600 lg:hover:text-white",
-          children: "닫기"
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "w-full px-4 pb-4 md:px-5 md:pb-5", children: /* @__PURE__ */ o("div", { className: "relative overflow-hidden rounded-lg bg-black pb-[56.25%]", children: /* @__PURE__ */ o(
-      "iframe",
-      {
-        className: "absolute left-0 top-0 h-full w-full",
-        src: n,
-        title: p,
-        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-        allowFullScreen: !0
-      }
-    ) }) })
-  ] }) });
-}
-export {
-  pt as Y
-};