@boxcustodia/library 2.0.0-alpha.25 → 2.0.0-alpha.27

package/dist/components/tag/tag.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@base-ui/react/merge-props"),g=require("@base-ui/react/use-render"),u=require("class-variance-authority"),b=require("../../lib/cn.cjs.js"),t=u.cva("group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",error:"bg-error/10 text-error focus-visible:ring-error/20 dark:bg-error/20 dark:focus-visible:ring-error/40 [a]:hover:bg-error/20",success:"bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/20 dark:focus-visible:ring-success/40 [a]:hover:bg-success/20",warning:"bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/20 dark:focus-visible:ring-warning/40 [a]:hover:bg-warning/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"},color:{gray:"bg-gray-100 text-gray-600",red:"bg-red-100 text-red-600",orange:"bg-orange-100 text-orange-600",amber:"bg-amber-100 text-amber-600",green:"bg-green-100 text-green-600",teal:"bg-teal-100 text-teal-600",cyan:"bg-cyan-100 text-cyan-600",sky:"bg-sky-100 text-sky-600",blue:"bg-blue-100 text-blue-600",indigo:"bg-indigo-100 text-indigo-600",violet:"bg-violet-100 text-violet-600",purple:"bg-purple-100 text-purple-600",pink:"bg-pink-100 text-pink-600",rose:"bg-rose-100 text-rose-600"}}});function d({className:n,variant:i,color:e,render:a,...o}){const r=e?void 0:i??"default";return g.useRender({defaultTagName:"span",props:s.mergeProps({className:b.cn(t({variant:r,color:e}),n)},o),render:a,state:{slot:"tag",variant:r,color:e}})}exports.Tag=d;exports.tagVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@base-ui/react/merge-props"),g=require("@base-ui/react/use-render"),d=require("class-variance-authority"),u=require("../../lib/cn.cjs.js"),t=d.cva("group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg:not([data-slot=tooltip-trigger])]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",error:"bg-error/10 text-error focus-visible:ring-error/20 dark:bg-error/20 dark:focus-visible:ring-error/40 [a]:hover:bg-error/20",success:"bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/20 dark:focus-visible:ring-success/40 [a]:hover:bg-success/20",warning:"bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/20 dark:focus-visible:ring-warning/40 [a]:hover:bg-warning/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"},color:{gray:"bg-gray-100 text-gray-600",red:"bg-red-100 text-red-600",orange:"bg-orange-100 text-orange-600",amber:"bg-amber-100 text-amber-600",green:"bg-green-100 text-green-600",teal:"bg-teal-100 text-teal-600",cyan:"bg-cyan-100 text-cyan-600",sky:"bg-sky-100 text-sky-600",blue:"bg-blue-100 text-blue-600",indigo:"bg-indigo-100 text-indigo-600",violet:"bg-violet-100 text-violet-600",purple:"bg-purple-100 text-purple-600",pink:"bg-pink-100 text-pink-600",rose:"bg-rose-100 text-rose-600"}}});function b({className:n,variant:i,color:e,render:a,...o}){const r=e?void 0:i??"default";return g.useRender({defaultTagName:"span",props:s.mergeProps({className:u.cn(t({variant:r,color:e}),n)},o),render:a,state:{slot:"tag",variant:r,color:e}})}exports.Tag=b;exports.tagVariants=t;

package/dist/components/tag/tag.es.js

@@ -4,7 +4,7 @@ import { useRender as g } from "@base-ui/react/use-render";
 import { cva as s } from "class-variance-authority";
 import { cn as b } from "../../lib/cn.es.js";
 const d = s(
-  "group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  "group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg:not([data-slot=tooltip-trigger])]:pointer-events-none [&>svg]:size-3!",
   {
     variants: {
       variant: {
@@ -40,8 +40,8 @@ function p({
   className: t,
   variant: i,
   color: r,
-  render: n,
-  ...o
+  render: o,
+  ...n
 }) {
   const e = r ? void 0 : i ?? "default";
   return g({
@@ -53,9 +53,9 @@ function p({
           t
         )
       },
-      o
+      n
     ),
-    render: n,
+    render: o,
     state: {
       slot: "tag",
       variant: e,

package/dist/components/toast/toast.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@base-ui/react/toast"),l=require("lucide-react"),f=require("react"),c=require("../../lib/cn.cjs.js"),v=require("../button/button.cjs.js"),d={default:{icon:null,ringClass:"ring-input",titleClass:"",bgClass:""},success:{icon:l.CircleCheck,ringClass:"ring-success",titleClass:"text-success",bgClass:"bg-success/5"},error:{icon:l.CircleX,ringClass:"ring-error",titleClass:"text-error",bgClass:"bg-error/5"},warning:{icon:l.TriangleAlert,ringClass:"ring-warning",titleClass:"text-warning",bgClass:"bg-warning/5"},info:{icon:l.Info,ringClass:"ring-info",titleClass:"text-info",bgClass:"bg-info/5"}};function g({variant:t="default"}={}){return c.cn("rounded-xl ring-1 bg-clip-padding p-4 shadow-lg bg-background",d[t].ringClass)}function u(t){return{...t,close:a=>t.close(a),add:a=>{if(a.id){const s=t.toasts;if(s){const n=s.find(p=>p.id===a.id);if(n&&n.transitionStatus!=="ending")return t.update(a.id,{bump:!1}),requestAnimationFrame(()=>{t.update(a.id,{bump:!0,...a.timeout!==void 0&&{timeout:a.timeout}})}),a.id;if(n&&n.transitionStatus==="ending")return a.id}}return t.add({...a})},update:(a,s)=>t.update(a,{...s}),promise:(a,s)=>t.promise(a,{loading:{...s.loading},success:typeof s.success=="function"?n=>({...s.success(n)}):{...s.success},error:typeof s.error=="function"?n=>({...s.error(n)}):{...s.error}})}}function m(){const t=r.Toast.useToastManager();return{...u(t),toasts:t.toasts}}function x(){return u(r.Toast.createToastManager())}let i=null;function o(t){return typeof t=="string"?{title:t}:t}const h=Object.assign(t=>i?.add({...o(t)}),{success:t=>i?.add({variant:"success",...o(t)}),error:t=>i?.add({variant:"error",...o(t)}),warning:t=>i?.add({variant:"warning",...o(t)}),info:t=>i?.add({variant:"info",...o(t)}),promise:(t,a)=>i?.promise(t,a)});function w(){const t=r.Toast.useToastManager();return i=f.useMemo(()=>u(t),[t]),f.useEffect(()=>()=>{i=null},[]),null}function b({children:t,toastManager:a,container:s}){return e.jsxs(r.Toast.Provider,{toastManager:a,children:[e.jsx(w,{}),t,e.jsx(r.Toast.Portal,{container:s,children:e.jsx(r.Toast.Viewport,{className:"fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]",children:e.jsx(y,{})})})]})}function y(){const{toasts:t}=m();return t.map(a=>e.jsxs(r.Toast.Root,{toast:a,"data-slot":"toast",className:c.cn("absolute right-0 bottom-0 left-auto z-[calc(var(--z-toast)-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom select-none",g({variant:a.variant}),"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]","[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]","after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']","data-[ending-style]:opacity-0 data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[limited]:opacity-0 data-[starting-style]:[transform:translateY(150%)]","data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]","data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]","data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]","[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",a.bump&&"animate-toast-bump"),children:[e.jsx(T,{variant:a.variant}),e.jsxs(r.Toast.Content,{className:"isolate flex flex-col gap-1 transition-opacity [transition-duration:250ms] data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100",children:[a.content??e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(C,{variant:a.variant}),e.jsxs("div",{className:"flex flex-col gap-1 overflow-hidden",children:[e.jsx(r.Toast.Title,{"data-slot":"toast-title",className:c.cn("text-[0.975rem] leading-5 font-medium text-foreground",d[a.variant??"default"].titleClass)}),e.jsx(r.Toast.Description,{"data-slot":"toast-description",className:"text-[0.925rem] leading-5 text-muted-foreground"}),!!a.actions?.length&&e.jsx("div",{className:"mt-2 flex min-w-0 flex-nowrap gap-2 overflow-x-auto p-px",children:a.actions.map((s,n)=>e.jsx(v.Button,{...s},n))})]})]}),e.jsx(r.Toast.Close,{className:"absolute top-2 right-2 flex h-4 w-4 items-center justify-center rounded border-none bg-transparent text-current/50 hover:bg-foreground/10 hover:text-current","aria-label":"Cerrar",children:e.jsx(l.X,{className:"h-3 w-3"})})]})]},a.id))}function T({variant:t}){const a=t?d[t].bgClass:"";return e.jsx("div",{className:c.cn("absolute inset-0 rounded-[11px] bg-background/90",a)})}function C({variant:t}){if(!t||t==="default")return null;const{icon:a,titleClass:s}=d[t];return a?e.jsx(a,{"data-slot":"toast-icon",className:c.cn("mt-0.5 h-4 w-4 shrink-0",s)}):null}Object.defineProperty(exports,"ToastPrimitive",{enumerable:!0,get:()=>r.Toast});exports.ToastProvider=b;exports.createToastManager=x;exports.toast=h;exports.toastVariants=g;exports.useToastManager=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@base-ui/react/toast"),l=require("lucide-react"),f=require("react"),c=require("../../lib/cn.cjs.js"),v=require("../button/button.cjs.js"),d={default:{icon:null,ringClass:"ring-input",titleClass:"",bgClass:""},success:{icon:l.CircleCheck,ringClass:"ring-success",titleClass:"text-success",bgClass:"bg-success/5"},error:{icon:l.CircleX,ringClass:"ring-error",titleClass:"text-error",bgClass:"bg-error/5"},warning:{icon:l.TriangleAlert,ringClass:"ring-warning",titleClass:"text-warning",bgClass:"bg-warning/5"},info:{icon:l.Info,ringClass:"ring-info",titleClass:"text-info",bgClass:"bg-info/5"}};function g({variant:t="default"}={}){return c.cn("rounded-xl ring-1 bg-clip-padding p-4 shadow-lg bg-background",d[t].ringClass)}function u(t){return{...t,close:a=>t.close(a),add:a=>{if(a.id){const s=t.toasts;if(s){const n=s.find(p=>p.id===a.id);if(n&&n.transitionStatus!=="ending")return t.update(a.id,{bump:!1}),requestAnimationFrame(()=>{t.update(a.id,{bump:!0,...a.timeout!==void 0&&{timeout:a.timeout}})}),a.id;if(n&&n.transitionStatus==="ending")return a.id}}return t.add({...a})},update:(a,s)=>t.update(a,{...s}),promise:(a,s)=>t.promise(a,{loading:{...s.loading},success:typeof s.success=="function"?n=>({...s.success(n)}):{...s.success},error:typeof s.error=="function"?n=>({...s.error(n)}):{...s.error}})}}function m(){const t=r.Toast.useToastManager();return{...u(t),toasts:t.toasts}}function x(){return u(r.Toast.createToastManager())}let i=null;function o(t){return typeof t=="string"?{title:t}:t}const h=Object.assign(t=>i?.add({...o(t)}),{success:t=>i?.add({variant:"success",...o(t)}),error:t=>i?.add({variant:"error",...o(t)}),warning:t=>i?.add({variant:"warning",...o(t)}),info:t=>i?.add({variant:"info",...o(t)}),promise:(t,a)=>i?.promise(t,a)});function w(){const t=r.Toast.useToastManager();return i=f.useMemo(()=>u(t),[t]),f.useEffect(()=>()=>{i=null},[]),null}function b({children:t,toastManager:a,container:s}){return e.jsxs(r.Toast.Provider,{toastManager:a,children:[e.jsx(w,{}),t,e.jsx(r.Toast.Portal,{container:s,className:"relative z-[70]",children:e.jsx(r.Toast.Viewport,{"data-slot":"toast-viewport",className:"fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]",children:e.jsx(y,{})})})]})}function y(){const{toasts:t}=m();return t.map(a=>e.jsxs(r.Toast.Root,{toast:a,"data-slot":"toast",className:c.cn("absolute right-0 bottom-0 left-auto z-[calc(var(--z-toast)-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom select-none",g({variant:a.variant}),"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]","[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]","after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']","data-[ending-style]:opacity-0 data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[limited]:opacity-0 data-[starting-style]:[transform:translateY(150%)]","data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]","data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]","data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]","[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",a.bump&&"animate-toast-bump"),children:[e.jsx(T,{variant:a.variant}),e.jsxs(r.Toast.Content,{className:"isolate flex flex-col gap-1 transition-opacity [transition-duration:250ms] data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100",children:[a.content??e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(C,{variant:a.variant}),e.jsxs("div",{className:"flex flex-col gap-1 overflow-hidden",children:[e.jsx(r.Toast.Title,{"data-slot":"toast-title",className:c.cn("text-[0.975rem] leading-5 font-medium text-foreground",d[a.variant??"default"].titleClass)}),e.jsx(r.Toast.Description,{"data-slot":"toast-description",className:"text-[0.925rem] leading-5 text-muted-foreground"}),!!a.actions?.length&&e.jsx("div",{className:"mt-2 flex min-w-0 flex-nowrap gap-2 overflow-x-auto p-px",children:a.actions.map((s,n)=>e.jsx(v.Button,{...s},n))})]})]}),e.jsx(r.Toast.Close,{className:"absolute top-2 right-2 flex h-4 w-4 items-center justify-center rounded border-none bg-transparent text-current/50 hover:bg-foreground/10 hover:text-current","aria-label":"Cerrar",children:e.jsx(l.X,{className:"h-3 w-3"})})]})]},a.id))}function T({variant:t}){const a=t?d[t].bgClass:"";return e.jsx("div",{className:c.cn("absolute inset-0 rounded-[11px] bg-background/90",a)})}function C({variant:t}){if(!t||t==="default")return null;const{icon:a,titleClass:s}=d[t];return a?e.jsx(a,{"data-slot":"toast-icon",className:c.cn("mt-0.5 h-4 w-4 shrink-0",s)}):null}Object.defineProperty(exports,"ToastPrimitive",{enumerable:!0,get:()=>r.Toast});exports.ToastProvider=b;exports.createToastManager=x;exports.toast=h;exports.toastVariants=g;exports.useToastManager=m;

package/dist/components/toast/toast.es.js

@@ -93,14 +93,14 @@ function C() {
     toasts: t.toasts
   };
 }
-function P() {
+function z() {
   return m(s.createToastManager());
 }
 let i = null;
 function o(t) {
   return typeof t == "string" ? { title: t } : t;
 }
-const z = Object.assign(
+const P = Object.assign(
   (t) => i?.add({ ...o(t) }),
   {
     success: (t) => i?.add({ variant: "success", ...o(t) }),
@@ -127,7 +127,14 @@ function B({
   return /* @__PURE__ */ l(s.Provider, { toastManager: a, children: [
     /* @__PURE__ */ r(T, {}),
     t,
-    /* @__PURE__ */ r(s.Portal, { container: e, children: /* @__PURE__ */ r(s.Viewport, { className: "fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]", children: /* @__PURE__ */ r(N, {}) }) })
+    /* @__PURE__ */ r(s.Portal, { container: e, className: "relative z-[70]", children: /* @__PURE__ */ r(
+      s.Viewport,
+      {
+        "data-slot": "toast-viewport",
+        className: "fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]",
+        children: /* @__PURE__ */ r(N, {})
+      }
+    ) })
   ] });
 }
 function N() {
@@ -217,8 +224,8 @@ function Y({ variant: t }) {
 export {
   V as ToastPrimitive,
   B as ToastProvider,
-  P as createToastManager,
-  z as toast,
+  z as createToastManager,
+  P as toast,
   y as toastVariants,
   C as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "2.0.0-alpha.25",
+  "version": "2.0.0-alpha.27",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/components/menu/menu.stories.tsx

@@ -39,6 +39,34 @@ const meta: Meta<typeof Menu> = {
   },
   argTypes: {
     classNames: { control: false },
+    items: {
+      control: false,
+      description: `Array of \`MenuItemType\`. Each entry is a discriminated union on \`type\`:
+
+\`\`\`ts
+// Action item
+{ type: "item"; label: ReactNode; shortcut?: string; onClick?: () => void; disabled?: boolean; variant?: "default" | "error" }
+
+// Checkbox item
+{ type: "checkbox"; label: ReactNode; checked?: boolean; onCheckedChange?: (checked: boolean) => void; disabled?: boolean }
+
+// Radio group — wraps radio items; controlled via value/onValueChange on the group
+{ type: "radio-group"; value?: string; onValueChange?: (value: string) => void; items: RadioItem[] }
+// RadioItem: { type: "radio"; label: ReactNode; value: string; disabled?: boolean }
+
+// Group with optional label
+{ type: "group"; label?: ReactNode; items: MenuItemType[] }
+
+// Submenu
+{ type: "submenu"; label: ReactNode; items: MenuItemType[] }
+
+// Label (non-interactive heading)
+{ type: "label"; label: ReactNode }
+
+// Separator
+{ type: "separator" }
+\`\`\``,
+    },
   },
 };
 
@@ -50,10 +78,10 @@ export const Default: Story = {
     <Menu
       {...args}
       items={[
-        { type: "item", label: "Profile", onSelect: action("profile") },
-        { type: "item", label: "Settings", onSelect: action("settings") },
+        { type: "item", label: "Profile", onClick: action("profile") },
+        { type: "item", label: "Settings", onClick: action("settings") },
         { type: "separator" },
-        { type: "item", label: "Log out", onSelect: action("logout") },
+        { type: "item", label: "Log out", onClick: action("logout") },
       ]}
     />
   ),
@@ -69,8 +97,8 @@ export const WithClassNames: Story = {
       {...args}
       classNames={{ popup: "w-56" }}
       items={[
-        { type: "item", label: "Profile", onSelect: action("profile") },
-        { type: "item", label: "Settings", onSelect: action("settings") },
+        { type: "item", label: "Profile", onClick: action("profile") },
+        { type: "item", label: "Settings", onClick: action("settings") },
       ]}
     />
   ),
@@ -88,26 +116,26 @@ export const Shortcuts: Story = {
           type: "item",
           label: "New",
           shortcut: "Ctrl+N",
-          onSelect: action("new"),
+          onClick: action("new"),
         },
         {
           type: "item",
           label: "Open",
           shortcut: "Ctrl+O",
-          onSelect: action("open"),
+          onClick: action("open"),
         },
         {
           type: "item",
           label: "Save",
           shortcut: "Ctrl+S",
-          onSelect: action("save"),
+          onClick: action("save"),
         },
         { type: "separator" },
         {
           type: "item",
           label: "Close",
           shortcut: "Ctrl+W",
-          onSelect: action("close"),
+          onClick: action("close"),
         },
       ]}
     />
@@ -197,19 +225,19 @@ export const Groups: Story = {
               type: "item",
               label: "Cut",
               shortcut: "Ctrl+X",
-              onSelect: action("cut"),
+              onClick: action("cut"),
             },
             {
               type: "item",
               label: "Copy",
               shortcut: "Ctrl+C",
-              onSelect: action("copy"),
+              onClick: action("copy"),
             },
             {
               type: "item",
               label: "Paste",
               shortcut: "Ctrl+V",
-              onSelect: action("paste"),
+              onClick: action("paste"),
             },
           ],
         },
@@ -222,9 +250,9 @@ export const Groups: Story = {
               type: "item",
               label: "Select All",
               shortcut: "Ctrl+A",
-              onSelect: action("select-all"),
+              onClick: action("select-all"),
             },
-            { type: "item", label: "Deselect", onSelect: action("deselect") },
+            { type: "item", label: "Deselect", onClick: action("deselect") },
           ],
         },
       ]}
@@ -237,14 +265,14 @@ export const Submenu: Story = {
     <Menu
       {...args}
       items={[
-        { type: "item", label: "Copy link", onSelect: action("copy-link") },
+        { type: "item", label: "Copy link", onClick: action("copy-link") },
         {
           type: "submenu",
           label: "Export as",
           items: [
-            { type: "item", label: "PDF", onSelect: action("export-pdf") },
-            { type: "item", label: "CSV", onSelect: action("export-csv") },
-            { type: "item", label: "JSON", onSelect: action("export-json") },
+            { type: "item", label: "PDF", onClick: action("export-pdf") },
+            { type: "item", label: "CSV", onClick: action("export-csv") },
+            { type: "item", label: "JSON", onClick: action("export-json") },
           ],
         },
       ]}
@@ -260,14 +288,14 @@ export const Error: Story = {
     <Menu
       {...args}
       items={[
-        { type: "item", label: "Profile", onSelect: action("profile") },
-        { type: "item", label: "Billing", onSelect: action("billing") },
+        { type: "item", label: "Profile", onClick: action("profile") },
+        { type: "item", label: "Billing", onClick: action("billing") },
         { type: "separator" },
         {
           type: "item",
           label: "Delete account",
           variant: "error",
-          onSelect: action("delete"),
+          onClick: action("delete"),
         },
       ]}
     />
@@ -283,7 +311,7 @@ export const Error: Story = {
  *   <MenuPopup>
  *     <MenuGroup>
  *       <MenuLabel>Section</MenuLabel>
- *       <MenuItem onSelect={() => {}}>Item</MenuItem>
+ *       <MenuItem onClick={() => {}}>Item</MenuItem>
  *     </MenuGroup>
  *   </MenuPopup>
  * </MenuRoot>
@@ -305,25 +333,25 @@ export const Primitive: Story = {
         </MenuGroup>
         <MenuSeparator />
         <MenuGroup>
-          <MenuItem onSelect={action("tasks")}>All Tasks</MenuItem>
-          <MenuItem onSelect={action("completed")}>Completed</MenuItem>
-          <MenuItem onSelect={action("upcoming")}>Upcoming</MenuItem>
+          <MenuItem onClick={action("tasks")}>All Tasks</MenuItem>
+          <MenuItem onClick={action("completed")}>Completed</MenuItem>
+          <MenuItem onClick={action("upcoming")}>Upcoming</MenuItem>
         </MenuGroup>
         <MenuSeparator />
         <MenuSub>
           <MenuSubTrigger>Categories</MenuSubTrigger>
           <MenuSubContent>
-            <MenuItem onSelect={action("work")}>Work</MenuItem>
-            <MenuItem onSelect={action("personal")}>Personal</MenuItem>
-            <MenuItem onSelect={action("shopping")}>Shopping</MenuItem>
+            <MenuItem onClick={action("work")}>Work</MenuItem>
+            <MenuItem onClick={action("personal")}>Personal</MenuItem>
+            <MenuItem onClick={action("shopping")}>Shopping</MenuItem>
           </MenuSubContent>
         </MenuSub>
         <MenuSeparator />
-        <MenuItem onSelect={action("settings")}>
+        <MenuItem onClick={action("settings")}>
           Settings
           <MenuShortcut>Ctrl+,</MenuShortcut>
         </MenuItem>
-        <MenuItem disabled onSelect={action("archived")}>
+        <MenuItem disabled onClick={action("archived")}>
           Archived
         </MenuItem>
       </MenuPopup>

package/src/components/tag/tag.tsx

@@ -6,7 +6,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../lib";
 
 const tagVariants = cva(
-  "group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  "group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg:not([data-slot=tooltip-trigger])]:pointer-events-none [&>svg]:size-3!",
   {
     variants: {
       variant: {

package/src/components/toast/toast.test.tsx

@@ -309,6 +309,21 @@ describe("Toast actions", () => {
   });
 });
 
+describe("Toast viewport", () => {
+  it("toast portal wrapper carries z-[70] for stacking above dialog", async () => {
+    renderWithProvider(
+      <button onClick={() => toast.success("Stacking test")}>Trigger</button>,
+    );
+    await userEvent.click(screen.getByText("Trigger"));
+    await screen.findByText("Stacking test");
+    const viewport = document.querySelector('[data-slot="toast-viewport"]');
+    expect(viewport).toBeInTheDocument();
+    const portalWrapper = document.querySelector('[data-base-ui-portal]');
+    expect(portalWrapper).toBeInTheDocument();
+    expect(portalWrapper).toHaveClass("z-[70]");
+  });
+});
+
 describe("Toast exports", () => {
   it("exports ToastPrimitive", () => {
     expect(ToastPrimitive).toBeDefined();

package/src/components/toast/toast.tsx

@@ -313,8 +313,11 @@ export function ToastProvider({
     <Toast.Provider toastManager={toastManager}>
       <ToastManagerBridge />
       {children}
-      <Toast.Portal container={container}>
-        <Toast.Viewport className="fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]">
+      <Toast.Portal container={container} className="relative z-[70]">
+        <Toast.Viewport
+          data-slot="toast-viewport"
+          className="fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]"
+        >
           <ToastList />
         </Toast.Viewport>
       </Toast.Portal>