@biotechusa/pdo-ui 1.0.0 → 1.0.2

package/dist/alert-dialog.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog } from "@base-ui-components/react/alert-dialog";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function alert_dialog_AlertDialog(props) {
     return /*#__PURE__*/ jsx(AlertDialog.Root, {
         "data-slot": "alert-dialog",

package/dist/alert.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const alertVariants = cva("relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-xl border px-3.5 py-3 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-2 [&>svg]:h-[1lh] [&>svg]:w-4", {
     defaultVariants: {
         variant: "default"

package/dist/autocomplete.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Autocomplete } from "@base-ui-components/react/autocomplete";
 import { ChevronsUpDownIcon, XIcon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { Input } from "./input.js";
 import { ScrollArea } from "./scroll-area.js";
 const autocomplete_Autocomplete = Autocomplete.Root;

package/dist/avatar.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Avatar } from "@base-ui-components/react/avatar";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function avatar_Avatar({ className, ...props }) {
     return /*#__PURE__*/ jsx(Avatar.Root, {
         className: cn("inline-flex size-8 shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-background align-middle font-medium text-xs", className),

package/dist/badge.js

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui-components/react/merge-props";
 import { useRender } from "@base-ui-components/react/use-render";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const badgeVariants = cva("relative inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-sm border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='size-'])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [button,a&]:cursor-pointer [button,a&]:pointer-coarse:after:absolute [button,a&]:pointer-coarse:after:size-full [button,a&]:pointer-coarse:after:min-h-11 [button,a&]:pointer-coarse:after:min-w-11", {
     defaultVariants: {
         size: "default",

package/dist/button.js

@@ -1,7 +1,7 @@
 import { mergeProps } from "@base-ui-components/react/merge-props";
 import { useRender } from "@base-ui-components/react/use-render";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const buttonVariants = cva("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border bg-clip-padding font-medium text-sm outline-none transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     defaultVariants: {
         size: "default",

package/dist/card.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Card({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: cn("relative flex flex-col gap-6 rounded-2xl border bg-card bg-clip-padding py-6 text-card-foreground shadow-xs before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", className),

package/dist/checkbox-group.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { CheckboxGroup } from "@base-ui-components/react/checkbox-group";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function checkbox_group_CheckboxGroup({ className, ...props }) {
     return /*#__PURE__*/ jsx(CheckboxGroup, {
         className: cn("flex flex-col items-start gap-3", className),

package/dist/checkbox.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Checkbox } from "@base-ui-components/react/checkbox";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function checkbox_Checkbox({ className, ...props }) {
     return /*#__PURE__*/ jsx(Checkbox.Root, {
         className: cn("relative inline-flex size-4 shrink-0 items-center justify-center rounded-lg border border-input bg-background bg-clip-padding shadow-xs outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(0.25rem-1px)] not-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-64 aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 dark:not-data-checked:bg-input/32 dark:bg-clip-border dark:aria-invalid:ring-destructive/24 dark:not-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is(:disabled,[data-checked],[aria-invalid])]:shadow-none", className),

package/dist/combobox.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui-components/react/combobox";
 import { ChevronsUpDownIcon, XIcon } from "lucide-react";
 import { createContext, useContext, useRef } from "react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { Input } from "./input.js";
 import { ScrollArea } from "./scroll-area.js";
 const ComboboxContext = /*#__PURE__*/ createContext({

package/dist/dialog.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui-components/react/dialog";
 import { XIcon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const dialog_Dialog = Dialog.Root;
 function DialogTrigger(props) {
     return /*#__PURE__*/ jsx(Dialog.Trigger, {

package/dist/empty.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Empty({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-xl border-dashed p-6 text-center md:p-12", className),

package/dist/field.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Field } from "@base-ui-components/react/field";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function field_Field({ className, ...props }) {
     return /*#__PURE__*/ jsx(Field.Root, {
         className: cn("flex flex-col items-start gap-2", className),

package/dist/fieldset.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Fieldset } from "@base-ui-components/react/fieldset";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function fieldset_Fieldset({ className, ...props }) {
     return /*#__PURE__*/ jsx(Fieldset.Root, {
         className: cn("flex w-full max-w-64 flex-col gap-6", className),

package/dist/form.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Form } from "@base-ui-components/react/form";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function form_Form({ className, ...props }) {
     return /*#__PURE__*/ jsx(Form, {
         className: cn("flex w-full flex-col gap-4", className),

package/dist/frame.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Frame({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: cn("relative flex flex-col rounded-2xl bg-muted p-1", className),

package/dist/group.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui-components/react/merge-props";
 import { useRender } from "@base-ui-components/react/use-render";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { Separator } from "./separator.js";
 const groupVariants = cva("flex w-fit *:focus-visible:z-10 has-[>[data-slot=group]]:gap-2 *:has-focus-visible:z-10", {
     defaultVariants: {

package/dist/index.css

@@ -7,6 +7,11 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
@@ -525,6 +530,10 @@
     z-index: 50;
   }
 
+  .z-\[calc\(9999-var\(--toast-index\)\)\] {
+    z-index: calc(9999 - var(--toast-index));
+  }
+
   .order-first {
     order: -9999;
   }
@@ -697,6 +706,10 @@
     height: var(--active-tab-height);
   }
 
+  .h-\(--toast-calc-height\) {
+    height: var(--toast-calc-height);
+  }
+
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -825,6 +838,10 @@
     width: calc(100% - (calc(var(--spacing) * 12)));
   }
 
+  .w-\[calc\(100\%-var\(--toast-inset\)\*2\)\] {
+    width: calc(100% - var(--toast-inset) * 2);
+  }
+
   .w-fit {
     width: fit-content;
   }
@@ -845,6 +862,10 @@
     max-width: calc(var(--spacing) * 64);
   }
 
+  .max-w-90 {
+    max-width: calc(var(--spacing) * 90);
+  }
+
   .max-w-92 {
     max-width: calc(var(--spacing) * 92);
   }
@@ -961,6 +982,10 @@
     rotate: 10deg;
   }
 
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -1954,6 +1979,11 @@
     transition-duration: .2s;
   }
 
+  .duration-250 {
+    --tw-duration: .25s;
+    transition-duration: .25s;
+  }
+
   .duration-300 {
     --tw-duration: .3s;
     transition-duration: .3s;
@@ -2006,10 +2036,38 @@
     }
   }
 
+  .\[--toast-calc-height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\] {
+    --toast-calc-height: var(--toast-frontmost-height, var(--toast-height));
+  }
+
+  .\[--toast-gap\:--spacing\(3\)\] {
+    --toast-gap: calc(var(--spacing) * 3);
+  }
+
+  .\[--toast-inset\:--spacing\(4\)\] {
+    --toast-inset: calc(var(--spacing) * 4);
+  }
+
+  .\[--toast-peek\:--spacing\(3\)\] {
+    --toast-peek: calc(var(--spacing) * 3);
+  }
+
+  .\[--toast-scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*\.1\)\)\)\] {
+    --toast-scale: calc(max(0, 1 - (var(--toast-index) * .1)));
+  }
+
+  .\[--toast-shrink\:calc\(1-var\(--toast-scale\)\)\] {
+    --toast-shrink: calc(1 - var(--toast-scale));
+  }
+
   .\[background\:linear-gradient\(120deg\,transparent_40\%\,var\(--skeleton-highlight\)\,transparent_60\%\)_var\(--color-muted\)_0_0_\/_200\%_100\%_fixed\] {
     background: linear-gradient(120deg, transparent 40%, var(--skeleton-highlight), transparent 60%) var(--color-muted) 0 0 / 200% 100% fixed;
   }
 
+  .\[transition\:transform_\.5s_cubic-bezier\(\.22\,1\,\.36\,1\)\,opacity_\.5s\,height_\.15s\] {
+    transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;
+  }
+
   :is(.\*\:min-h-6 > *) {
     min-height: calc(var(--spacing) * 6);
   }
@@ -2494,6 +2552,26 @@
     border-bottom-left-radius: 0;
   }
 
+  .after\:absolute:after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+
+  .after\:left-0:after {
+    content: var(--tw-content);
+    left: calc(var(--spacing) * 0);
+  }
+
+  .after\:h-\[calc\(var\(--toast-gap\)\+1px\)\]:after {
+    content: var(--tw-content);
+    height: calc(var(--toast-gap)  + 1px);
+  }
+
+  .after\:w-full:after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+
   .last\:hidden:last-child {
     display: none;
   }
@@ -2684,6 +2762,30 @@
     }
   }
 
+  :where([data-type="error"]) .in-data-\[type\=error\]\:text-destructive {
+    color: var(--destructive);
+  }
+
+  :where([data-type="info"]) .in-data-\[type\=info\]\:text-info {
+    color: var(--info);
+  }
+
+  :where([data-type="loading"]) .in-data-\[type\=loading\]\:animate-spin {
+    animation: var(--animate-spin);
+  }
+
+  :where([data-type="loading"]) .in-data-\[type\=loading\]\:opacity-72 {
+    opacity: .72;
+  }
+
+  :where([data-type="success"]) .in-data-\[type\=success\]\:text-success {
+    color: var(--success);
+  }
+
+  :where([data-type="warning"]) .in-data-\[type\=warning\]\:text-warning {
+    color: var(--warning);
+  }
+
   .not-has-disabled\:has-not-focus-visible\:not-has-aria-invalid\:before\:shadow-\[0_1px_--theme\(--color-black\/4\%\)\]:not(:has(:disabled)):has(:not(:focus-visible)):not(:has([aria-invalid="true"])):before {
     content: var(--tw-content);
     --tw-shadow: 0 1px var(--tw-shadow-color, #0000000a);
@@ -3027,6 +3129,14 @@
     }
   }
 
+  .data-behind\:pointer-events-none[data-behind] {
+    pointer-events: none;
+  }
+
+  .data-behind\:opacity-0[data-behind] {
+    opacity: 0;
+  }
+
   .data-checked\:translate-x-3[data-checked] {
     --tw-translate-x: calc(var(--spacing) * 3);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3095,6 +3205,22 @@
     opacity: 0;
   }
 
+  .data-ending-style\:not-data-limited\:not-data-swipe-direction\:\[transform\:translateY\(calc\(100\%\+var\(--toast-inset\)\)\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
+    transform: translateY(calc(100% + var(--toast-inset)));
+  }
+
+  .data-expanded\:pointer-events-auto[data-expanded] {
+    pointer-events: auto;
+  }
+
+  .data-expanded\:h-\(--toast-height\)[data-expanded] {
+    height: var(--toast-height);
+  }
+
+  .data-expanded\:opacity-100[data-expanded] {
+    opacity: 1;
+  }
+
   .data-highlighted\:bg-accent[data-highlighted] {
     background-color: var(--accent);
   }
@@ -3138,6 +3264,10 @@
     transition-duration: 0s;
   }
 
+  .data-limited\:opacity-0[data-limited] {
+    opacity: 0;
+  }
+
   .data-pressed\:bg-accent[data-pressed] {
     background-color: var(--accent);
   }
@@ -3356,6 +3486,117 @@
     inset-block: calc(var(--spacing) * .5);
   }
 
+  .data-\[position\]\:data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-position][data-expanded] {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--toast-calc-offset-y));
+  }
+
+  .data-\[position\*\=bottom\]\:top-auto[data-position*="bottom"] {
+    top: auto;
+  }
+
+  .data-\[position\*\=bottom\]\:bottom-\(--toast-inset\)[data-position*="bottom"] {
+    bottom: var(--toast-inset);
+  }
+
+  .data-\[position\*\=bottom\]\:bottom-0[data-position*="bottom"] {
+    bottom: calc(var(--spacing) * 0);
+  }
+
+  .data-\[position\*\=bottom\]\:origin-bottom[data-position*="bottom"] {
+    transform-origin: bottom;
+  }
+
+  .data-\[position\*\=bottom\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--toast-peek\)\)-\(var\(--toast-shrink\)\*var\(--toast-calc-height\)\)\)\)_scale\(var\(--toast-scale\)\)\][data-position*="bottom"] {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y)  - (var(--toast-index) * var(--toast-peek))  - (var(--toast-shrink) * var(--toast-calc-height)))) scale(var(--toast-scale));
+  }
+
+  .data-\[position\*\=bottom\]\:\[--toast-calc-offset-y\:calc\(var\(--toast-offset-y\)\*-1\+var\(--toast-index\)\*var\(--toast-gap\)\*-1\+var\(--toast-swipe-movement-y\)\)\][data-position*="bottom"] {
+    --toast-calc-offset-y: calc(var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1 + var(--toast-swipe-movement-y));
+  }
+
+  .data-\[position\*\=bottom\]\:after\:bottom-full[data-position*="bottom"]:after {
+    content: var(--tw-content);
+    bottom: 100%;
+  }
+
+  .data-\[position\*\=bottom\]\:data-starting-style\:\[transform\:translateY\(calc\(100\%\+var\(--toast-inset\)\)\)\][data-position*="bottom"][data-starting-style] {
+    transform: translateY(calc(100% + var(--toast-inset)));
+  }
+
+  .data-\[position\*\=center\]\:right-0[data-position*="center"] {
+    right: calc(var(--spacing) * 0);
+  }
+
+  .data-\[position\*\=center\]\:left-0[data-position*="center"] {
+    left: calc(var(--spacing) * 0);
+  }
+
+  .data-\[position\*\=center\]\:left-1\/2[data-position*="center"] {
+    left: 50%;
+  }
+
+  .data-\[position\*\=center\]\:-translate-x-1\/2[data-position*="center"] {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[position\*\=left\]\:right-auto[data-position*="left"] {
+    right: auto;
+  }
+
+  .data-\[position\*\=left\]\:left-\(--toast-inset\)[data-position*="left"] {
+    left: var(--toast-inset);
+  }
+
+  .data-\[position\*\=left\]\:left-0[data-position*="left"] {
+    left: calc(var(--spacing) * 0);
+  }
+
+  .data-\[position\*\=right\]\:right-\(--toast-inset\)[data-position*="right"] {
+    right: var(--toast-inset);
+  }
+
+  .data-\[position\*\=right\]\:right-0[data-position*="right"] {
+    right: calc(var(--spacing) * 0);
+  }
+
+  .data-\[position\*\=right\]\:left-auto[data-position*="right"] {
+    left: auto;
+  }
+
+  .data-\[position\*\=top\]\:top-\(--toast-inset\)[data-position*="top"] {
+    top: var(--toast-inset);
+  }
+
+  .data-\[position\*\=top\]\:top-0[data-position*="top"] {
+    top: calc(var(--spacing) * 0);
+  }
+
+  .data-\[position\*\=top\]\:bottom-auto[data-position*="top"] {
+    bottom: auto;
+  }
+
+  .data-\[position\*\=top\]\:origin-top[data-position*="top"] {
+    transform-origin: top;
+  }
+
+  .data-\[position\*\=top\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--toast-peek\)\)\+\(var\(--toast-shrink\)\*var\(--toast-calc-height\)\)\)\)_scale\(var\(--toast-scale\)\)\][data-position*="top"] {
+    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y)  + (var(--toast-index) * var(--toast-peek))  + (var(--toast-shrink) * var(--toast-calc-height)))) scale(var(--toast-scale));
+  }
+
+  .data-\[position\*\=top\]\:\[--toast-calc-offset-y\:calc\(var\(--toast-offset-y\)\+var\(--toast-index\)\*var\(--toast-gap\)\+var\(--toast-swipe-movement-y\)\)\][data-position*="top"] {
+    --toast-calc-offset-y: calc(var(--toast-offset-y)  + var(--toast-index) * var(--toast-gap)  + var(--toast-swipe-movement-y));
+  }
+
+  .data-\[position\*\=top\]\:after\:top-full[data-position*="top"]:after {
+    content: var(--tw-content);
+    top: 100%;
+  }
+
+  .data-\[position\*\=top\]\:data-starting-style\:\[transform\:translateY\(calc\(-100\%-var\(--toast-inset\)\)\)\][data-position*="top"][data-starting-style] {
+    transform: translateY(calc(-100% - var(--toast-inset)));
+  }
+
   :is(.has-\[\+\[data-slot\=autocomplete-trigger\]\,\+\[data-slot\=autocomplete-clear\]\]\:\*\:data-\[slot\=autocomplete-input\]\:pe-6\.5:has( + [data-slot="autocomplete-trigger"],  + [data-slot="autocomplete-clear"]) > *)[data-slot="autocomplete-input"] {
     padding-inline-end: calc(var(--spacing) * 6.5);
   }
@@ -3386,6 +3627,22 @@
     background-color: #0000;
   }
 
+  .data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+100\%\+var\(--toast-inset\)\)\)\][data-ending-style][data-swipe-direction="down"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+100\%\+var\(--toast-inset\)\)\)\][data-expanded][data-ending-style][data-swipe-direction="down"] {
+    transform: translateY(calc(var(--toast-swipe-movement-y)  + 100% + var(--toast-inset)));
+  }
+
+  .data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-100\%-var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-ending-style][data-swipe-direction="left"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-100\%-var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction="left"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x)  - 100% - var(--toast-inset))) translateY(var(--toast-calc-offset-y));
+  }
+
+  .data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+100\%\+var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-ending-style][data-swipe-direction="right"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+100\%\+var\(--toast-inset\)\)\)_translateY\(var\(--toast-calc-offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction="right"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x)  + 100% + var(--toast-inset))) translateY(var(--toast-calc-offset-y));
+  }
+
+  .data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-100\%-var\(--toast-inset\)\)\)\][data-ending-style][data-swipe-direction="up"], .data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-100\%-var\(--toast-inset\)\)\)\][data-expanded][data-ending-style][data-swipe-direction="up"] {
+    transform: translateY(calc(var(--toast-swipe-movement-y)  - 100% - var(--toast-inset)));
+  }
+
   .data-\[variant\=destructive\]\:text-destructive-foreground[data-variant="destructive"] {
     color: var(--destructive-foreground);
   }
@@ -3571,6 +3828,10 @@
       --sheet-inset: 1rem;
     }
 
+    .sm\:\[--toast-inset\:--spacing\(8\)\] {
+      --toast-inset: calc(var(--spacing) * 8);
+    }
+
     .sm\:before\:basis-\[20vh\]:before {
       content: var(--tw-content);
       flex-basis: 20vh;
@@ -4697,6 +4958,31 @@
   initial-value: 1;
 }
 
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-border-style {
   syntax: "*";
   inherits: false;

package/dist/input-group.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
 function InputGroup({ className, ...props }) {

package/dist/input.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Input } from "@base-ui-components/react/input";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function input_Input({ className, size = "default", unstyled = false, ...props }) {
     return /*#__PURE__*/ jsx("span", {
         className: cn(!unstyled && "relative inline-flex w-full rounded-lg border border-input bg-background bg-clip-padding text-base/5 shadow-xs ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:not-in-data-[slot=group]:bg-clip-border dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/8%)]", className) || void 0,

package/dist/label.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Label({ className, ...props }) {
     return /*#__PURE__*/ jsx("label", {
         className: cn("inline-flex items-center gap-2 text-sm/4", className),

package/dist/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export { cn };

package/dist/menu.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui-components/react/menu";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const menu_Menu = Menu.Root;
 const MenuPortal = Menu.Portal;
 function MenuTrigger(props) {

package/dist/number-field.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberField } from "@base-ui-components/react/number-field";
 import { MinusIcon, PlusIcon } from "lucide-react";
 import { createContext, useContext, useId } from "react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { Label } from "./label.js";
 const NumberFieldContext = /*#__PURE__*/ createContext(null);
 function number_field_NumberField({ id, className, size = "default", ...props }) {

package/dist/{src/pagination.d.ts → pagination.d.ts}

@@ -1,6 +1,6 @@
 import { useRender } from "@base-ui-components/react/use-render";
 import type * as React from "react";
-import { type Button } from "../button";
+import { type Button } from "./button";
 declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
 declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;

package/dist/pagination.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui-components/react/merge-props";
 import { useRender } from "@base-ui-components/react/use-render";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { buttonVariants } from "./button.js";
 function Pagination({ className, ...props }) {
     return /*#__PURE__*/ jsx("nav", {

package/dist/popover.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Popover } from "@base-ui-components/react/popover";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const popover_Popover = Popover.Root;
 function PopoverTrigger(props) {
     return /*#__PURE__*/ jsx(Popover.Trigger, {

package/dist/progress.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Progress } from "@base-ui-components/react/progress";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function progress_Progress({ className, children, ...props }) {
     return /*#__PURE__*/ jsx(Progress.Root, {
         className: cn("flex w-full flex-col gap-2", className),

package/dist/radio-group.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Radio } from "@base-ui-components/react/radio";
 import { RadioGroup } from "@base-ui-components/react/radio-group";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function radio_group_RadioGroup({ className, ...props }) {
     return /*#__PURE__*/ jsx(RadioGroup, {
         className: cn("flex flex-col gap-3", className),

package/dist/scroll-area.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea } from "@base-ui-components/react/scroll-area";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function scroll_area_ScrollArea({ className, children, orientation, ...props }) {
     return /*#__PURE__*/ jsxs(ScrollArea.Root, {
         className: "min-h-0",

package/dist/select.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui-components/react/select";
 import { ChevronDownIcon, ChevronUpIcon, ChevronsUpDownIcon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const select_Select = Select.Root;
 function SelectTrigger({ className, size = "default", children, ...props }) {
     return /*#__PURE__*/ jsxs(Select.Trigger, {

package/dist/separator.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Separator } from "@base-ui-components/react/separator";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function separator_Separator({ className, orientation = "horizontal", ...props }) {
     return /*#__PURE__*/ jsx(Separator, {
         className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", className),

package/dist/sheet.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui-components/react/dialog";
 import { cva } from "class-variance-authority";
 import { XIcon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const Sheet = Dialog.Root;
 function SheetTrigger(props) {
     return /*#__PURE__*/ jsx(Dialog.Trigger, {

package/dist/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Skeleton({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: cn("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0_/_200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", className),

package/dist/slider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider } from "@base-ui-components/react/slider";
 import { useMemo } from "react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function slider_Slider({ className, children, defaultValue, value, min = 0, max = 100, ...props }) {
     const _values = useMemo(()=>{
         if (void 0 !== value) return Array.isArray(value) ? value : [

package/dist/spinner.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Spinner({ className, ...props }) {
     return /*#__PURE__*/ jsx(Loader2Icon, {
         "aria-label": "Loading",

package/dist/switch.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui-components/react/switch";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function switch_Switch({ className, ...props }) {
     return /*#__PURE__*/ jsx(Switch.Root, {
         className: cn("group/switch inset-shadow-[0_1px_--theme(--color-black/4%)] inline-flex h-4.5 w-7.5 shrink-0 items-center rounded-full p-px outline-none transition-all focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-64 data-checked:bg-primary data-unchecked:bg-input", className),

package/dist/table.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Table({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: "relative w-full overflow-x-auto",

package/dist/tabs.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs } from "@base-ui-components/react/tabs";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function tabs_Tabs({ className, ...props }) {
     return /*#__PURE__*/ jsx(Tabs.Root, {
         className: cn("flex flex-col gap-2 data-[orientation=vertical]:flex-row", className),

package/dist/textarea.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Field } from "@base-ui-components/react/field";
 import { mergeProps } from "@base-ui-components/react/merge-props";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function Textarea({ className, size = "default", unstyled = false, ...props }) {
     return /*#__PURE__*/ jsx("span", {
         className: cn(!unstyled && "relative inline-flex w-full rounded-lg border border-input bg-background bg-clip-padding text-base shadow-xs ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:bg-clip-border dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/8%)]", className) || void 0,

package/dist/toast.d.ts

@@ -0,0 +1,8 @@
+import { Toast } from "@base-ui-components/react/toast";
+declare const toastManager: import("@base-ui-components/react/toast").ToastManager;
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToastProviderProps extends Toast.Provider.Props {
+    position?: ToastPosition;
+}
+declare function ToastProvider({ children, position, ...props }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export { ToastProvider, type ToastPosition, toastManager };

package/dist/toast.js

@@ -0,0 +1,92 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui-components/react/toast";
+import { CircleAlertIcon, CircleCheckIcon, InfoIcon, LoaderCircleIcon, TriangleAlertIcon } from "lucide-react";
+import { cn } from "./lib/utils.js";
+import { buttonVariants } from "./button.js";
+const toastManager = Toast.createToastManager();
+const TOAST_ICONS = {
+    error: CircleAlertIcon,
+    info: InfoIcon,
+    loading: LoaderCircleIcon,
+    success: CircleCheckIcon,
+    warning: TriangleAlertIcon
+};
+function ToastProvider({ children, position = "bottom-right", ...props }) {
+    return /*#__PURE__*/ jsxs(Toast.Provider, {
+        toastManager: toastManager,
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ToastList, {
+                position: position
+            })
+        ]
+    });
+}
+function ToastList({ position = "bottom-right" }) {
+    const { toasts } = Toast.useToastManager();
+    const isTop = position.startsWith("top");
+    return /*#__PURE__*/ jsx(Toast.Portal, {
+        "data-slot": "toast-portal",
+        children: /*#__PURE__*/ jsx(Toast.Viewport, {
+            className: cn("fixed z-50 mx-auto flex w-[calc(100%-var(--toast-inset)*2)] max-w-90 [--toast-inset:--spacing(4)] sm:[--toast-inset:--spacing(8)]", "data-[position*=top]:top-(--toast-inset)", "data-[position*=bottom]:bottom-(--toast-inset)", "data-[position*=left]:left-(--toast-inset)", "data-[position*=right]:right-(--toast-inset)", "data-[position*=center]:-translate-x-1/2 data-[position*=center]:left-1/2"),
+            "data-position": position,
+            "data-slot": "toast-viewport",
+            children: toasts.map((toast)=>{
+                const Icon = toast.type ? TOAST_ICONS[toast.type] : null;
+                return /*#__PURE__*/ jsx(Toast.Root, {
+                    className: cn("absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full select-none rounded-lg border bg-popover bg-clip-padding px-3.5 py-3 text-popover-foreground shadow-lg [transition:transform_.5s_cubic-bezier(.22,1,.36,1),opacity_.5s,height_.15s] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", "data-[position*=right]:right-0 data-[position*=right]:left-auto", "data-[position*=left]:right-auto data-[position*=left]:left-0", "data-[position*=center]:right-0 data-[position*=center]:left-0", "data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top", "data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom", "after:absolute after:left-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full", "data-[position*=top]:after:top-full", "data-[position*=bottom]:after:bottom-full", "[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]", "data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]", "data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]", "data-[position*=top]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-[position*=bottom]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-limited:opacity-0", "data-expanded:h-(--toast-height)", "data-[position]:data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]", "data-[position*=top]:data-starting-style:[transform:translateY(calc(-100%-var(--toast-inset)))]", "data-[position*=bottom]:data-starting-style:[transform:translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:opacity-0", "data-ending-style:not-data-limited:not-data-swipe-direction:[transform:translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),
+                    "data-position": position,
+                    swipeDirection: position.includes("center") ? [
+                        isTop ? "up" : "down"
+                    ] : position.includes("left") ? [
+                        "left",
+                        isTop ? "up" : "down"
+                    ] : [
+                        "right",
+                        isTop ? "up" : "down"
+                    ],
+                    toast: toast,
+                    children: /*#__PURE__*/ jsxs(Toast.Content, {
+                        className: "flex items-center justify-between gap-1.5 overflow-hidden text-sm transition-opacity duration-250 data-behind:pointer-events-none data-expanded:pointer-events-auto data-behind:opacity-0 data-expanded:opacity-100",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex gap-2",
+                                children: [
+                                    Icon && /*#__PURE__*/ jsx("div", {
+                                        className: "mt-.5 [&>svg]:h-[1lh] [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+                                        "data-slot": "toast-icon",
+                                        children: /*#__PURE__*/ jsx(Icon, {
+                                            className: "in-data-[type=loading]:animate-spin in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-72"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "flex flex-col gap-0.5",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Toast.Title, {
+                                                className: "font-medium",
+                                                "data-slot": "toast-title"
+                                            }),
+                                            /*#__PURE__*/ jsx(Toast.Description, {
+                                                className: "text-muted-foreground",
+                                                "data-slot": "toast-description"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            toast.actionProps && /*#__PURE__*/ jsx(Toast.Action, {
+                                className: buttonVariants({
+                                    size: "xs"
+                                }),
+                                "data-slot": "toast-action",
+                                children: toast.actionProps.children
+                            })
+                        ]
+                    })
+                }, toast.id);
+            })
+        })
+    });
+}
+export { ToastProvider, toastManager };

package/dist/{src/toggle-group.d.ts → toggle-group.d.ts}

@@ -2,8 +2,8 @@ import type { Toggle as TogglePrimitive } from "@base-ui-components/react/toggle
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui-components/react/toggle-group";
 import type { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { Separator } from "../separator";
-import { type toggleVariants } from "../toggle";
+import { Separator } from "./separator";
+import { type toggleVariants } from "./toggle";
 declare function ToggleGroup({ className, variant, size, orientation, children, ...props }: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 declare function Toggle({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 declare function ToggleGroupSeparator({ className, orientation, ...props }: {

package/dist/toggle-group.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { ToggleGroup } from "@base-ui-components/react/toggle-group";
 import { createContext, useContext } from "react";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 import { Separator } from "./separator.js";
 import { Toggle } from "./toggle.js";
 const ToggleGroupContext = /*#__PURE__*/ createContext({

package/dist/toggle.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Toggle } from "@base-ui-components/react/toggle";
 import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const toggleVariants = cva("relative inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-sm outline-none transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-pressed:bg-accent data-pressed:text-accent-foreground data-pressed:transition-none dark:data-pressed:bg-input/80 dark:hover:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     defaultVariants: {
         size: "default",

package/dist/toolbar.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Toolbar } from "@base-ui-components/react/toolbar";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 function toolbar_Toolbar({ className, ...props }) {
     return /*#__PURE__*/ jsx(Toolbar.Root, {
         className: cn("relative flex gap-2 rounded-xl border bg-card bg-clip-padding p-1 text-card-foreground", className),

package/dist/tooltip.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui-components/react/tooltip";
-import { cn } from "../lib/utils";
+import { cn } from "./lib/utils.js";
 const TooltipProvider = Tooltip.Provider;
 const tooltip_Tooltip = Tooltip.Root;
 function TooltipTrigger(props) {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@biotechusa/pdo-ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
     "./dist/index.css": {
@@ -14,7 +14,7 @@
       "default": "./dist/styles.css"
     }
   },
-  "types": "./dist/src/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],