@contractspec/lib.ui-kit-web 1.61.0 → 2.0.0

package/dist/ui/stack.d.ts

@@ -5,40 +5,31 @@ declare const vStackVariants: (props?: ({
     align?: "center" | "end" | "start" | "stretch" | null | undefined;
     justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const VStack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
-    align?: "center" | "end" | "start" | "stretch" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    as?: "div" | "section" | "nav" | "main" | "header" | "footer" | "article" | "aside";
-} & React.RefAttributes<HTMLDivElement>>;
+type VStackProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof vStackVariants> & {
+    as?: 'div' | 'section' | 'nav' | 'main' | 'header' | 'footer' | 'article' | 'aside';
+    ref?: React.Ref<HTMLDivElement>;
+};
+declare function VStack({ className, gap, align, justify, as, ref, ...props }: VStackProps): import("react/jsx-runtime").JSX.Element;
 declare const hStackVariants: (props?: ({
     gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
     align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
     justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const HStack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
-    align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
-    wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    as?: "div" | "section" | "nav" | "header" | "footer" | "article" | "aside";
-} & React.RefAttributes<HTMLDivElement>>;
+type HStackProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof hStackVariants> & {
+    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';
+    ref?: React.Ref<HTMLDivElement>;
+};
+declare function HStack({ className, gap, align, justify, wrap, as, ref, ...props }: HStackProps): import("react/jsx-runtime").JSX.Element;
 declare const boxVariants: (props?: ({
     gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
     align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
     justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    gap?: "none" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | null | undefined;
-    align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
-    wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    as?: "div" | "section" | "nav" | "header" | "footer" | "article" | "aside";
-} & React.RefAttributes<HTMLDivElement>>;
+type BoxProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof boxVariants> & {
+    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';
+    ref?: React.Ref<HTMLDivElement>;
+};
+declare function Box({ className, gap, align, justify, wrap, as, ref, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
 export { VStack, HStack, vStackVariants, hStackVariants, boxVariants, Box };
-//# sourceMappingURL=stack.d.ts.map

package/dist/ui/stack.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/stack.tsx
-import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
@@ -38,15 +37,22 @@ var vStackVariants = cva("flex flex-col", {
     justify: "start"
   }
 });
-var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+function VStack({
+  className,
+  gap,
+  align,
+  justify,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -86,15 +92,23 @@ var hStackVariants = cva("flex flex-row", {
     wrap: "wrap"
   }
 });
-var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function HStack({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -134,15 +148,23 @@ var boxVariants = cva("flex flex-row", {
     wrap: "nowrap"
   }
 });
-var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function Box({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 export {
   vStackVariants,
   hStackVariants,

package/dist/ui/stat-card-group.d.ts

@@ -8,4 +8,3 @@ export declare function StatCardGroup({ items, className, }: {
     items: StatItem[];
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=stat-card-group.d.ts.map

package/dist/ui/stat-card-group.js

@@ -72,7 +72,6 @@ function CardFooter({
   }, undefined, false, undefined, this);
 }
 // ui/stack.tsx
-import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
@@ -108,15 +107,22 @@ var vStackVariants = cva("flex flex-col", {
     justify: "start"
   }
 });
-var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+function VStack({
+  className,
+  gap,
+  align,
+  justify,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -156,15 +162,23 @@ var hStackVariants = cva("flex flex-row", {
     wrap: "wrap"
   }
 });
-var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function HStack({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -204,15 +218,23 @@ var boxVariants = cva("flex flex-row", {
     wrap: "nowrap"
   }
 });
-var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function Box({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV2(Comp, {
     ref,
     className: cn2(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/stat-card-group.tsx
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function toneClasses(tone) {

package/dist/ui/stepper.d.ts

@@ -10,4 +10,3 @@ export interface StepperProps extends VariantProps<typeof dotVariants> {
 }
 export declare function Stepper({ current, total, size, className }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=stepper.d.ts.map

package/dist/ui/stepper.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/stack.tsx
-import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
@@ -38,15 +37,22 @@ var vStackVariants = cva("flex flex-col", {
     justify: "start"
   }
 });
-var VStack = React.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+function VStack({
+  className,
+  gap,
+  align,
+  justify,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(vStackVariants({ gap, align, justify }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-VStack.displayName = "VStack";
+}
 var hStackVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -86,15 +92,23 @@ var hStackVariants = cva("flex flex-row", {
     wrap: "wrap"
   }
 });
-var HStack = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function HStack({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(hStackVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-HStack.displayName = "HStack";
+}
 var boxVariants = cva("flex flex-row", {
   variants: {
     gap: {
@@ -134,15 +148,23 @@ var boxVariants = cva("flex flex-row", {
     wrap: "nowrap"
   }
 });
-var Box = React.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+function Box({
+  className,
+  gap,
+  align,
+  justify,
+  wrap,
+  as = "div",
+  ref,
+  ...props
+}) {
   const Comp = as;
   return /* @__PURE__ */ jsxDEV(Comp, {
     ref,
     className: cn(boxVariants({ gap, align, justify, wrap }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Box.displayName = "Box";
+}
 // ui/stepper.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";

package/dist/ui/switch.d.ts

@@ -4,4 +4,3 @@ declare function Switch({ className, thumbClassName, ...props }: React.Component
     thumbClassName?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export { Switch };
-//# sourceMappingURL=switch.d.ts.map

package/dist/ui/table.d.ts

@@ -8,4 +8,3 @@ declare function TableHead({ className, ...props }: React.ComponentPropsWithoutR
 declare function TableCell({ className, ...props }: React.ComponentPropsWithoutRef<'td'>): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentPropsWithoutRef<'caption'>): import("react/jsx-runtime").JSX.Element;
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
-//# sourceMappingURL=table.d.ts.map

package/dist/ui/tabs.d.ts

@@ -5,4 +5,3 @@ declare function TabsList({ className, ...props }: React.ComponentProps<typeof T
 declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export { Tabs, TabsList, TabsTrigger, TabsContent };
-//# sourceMappingURL=tabs.d.ts.map

package/dist/ui/text.d.ts

@@ -4,4 +4,3 @@ export type TextProps = React.ComponentPropsWithoutRef<'p'> & {
 };
 declare function Text({ className, asChild, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
 export { Text };
-//# sourceMappingURL=text.d.ts.map

package/dist/ui/textarea.d.ts

@@ -2,4 +2,3 @@ import * as React from 'react';
 export type TextareaProps = React.ComponentPropsWithoutRef<'textarea'>;
 declare function Textarea({ className, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 export { Textarea };
-//# sourceMappingURL=textarea.d.ts.map

package/dist/ui/time-picker.d.ts

@@ -7,4 +7,3 @@ export interface TimePickerProps {
     className?: string;
 }
 export declare function TimePicker({ value, onChange, disabled, placeholder, is24Hour, className, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=time-picker.d.ts.map

package/dist/ui/time-picker.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/button.tsx
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "@contractspec/lib.ui-kit-core/utils";
@@ -29,7 +28,14 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
     size: "default"
   }
 });
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxDEV(Slot, {
       "data-slot": "button",
@@ -43,8 +49,7 @@ var Button = React.forwardRef(({ className, variant, size, asChild = false, ...p
     className: cn(buttonVariants({ variant, size, className })),
     ...props
   }, undefined, false, undefined, this);
-});
-Button.displayName = "Button";
+}
 // ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
@@ -91,7 +96,7 @@ function PopoverAnchor({
   }, undefined, false, undefined, this);
 }
 // ui/time-picker.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 "use client";
@@ -112,9 +117,9 @@ function TimePicker({
   is24Hour = true,
   className
 }) {
-  const [open, setOpen] = React2.useState(false);
-  const [hours, setHours] = React2.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
-  const [minutes, setMinutes] = React2.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
+  const [open, setOpen] = React.useState(false);
+  const [hours, setHours] = React.useState(() => value ? String(value.getHours()).padStart(2, "0") : "");
+  const [minutes, setMinutes] = React.useState(() => value ? String(value.getMinutes()).padStart(2, "0") : "");
   const commit = (h, m) => {
     const base = value ?? new Date;
     const next = new Date(base);

package/dist/ui/toast.d.ts

@@ -2,15 +2,27 @@ import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { type VariantProps } from 'class-variance-authority';
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+declare function ToastViewport({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Viewport>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare const toastVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toast({ className, variant, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Root>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastAction({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Action>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastClose({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Close>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastTitle({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Title>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastDescription({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Description>>;
+}): import("react/jsx-runtime").JSX.Element;
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
-//# sourceMappingURL=toast.d.ts.map

package/dist/ui/toast.js

@@ -2,7 +2,6 @@
 var __require = import.meta.require;
 
 // ui/toast.tsx
-import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
@@ -10,12 +9,17 @@ import { cn } from "@contractspec/lib.ui-kit-core/utils";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Viewport, {
+function ToastViewport({
+  className,
   ref,
-  className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
   ...props
-}, undefined, false, undefined, this));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Viewport, {
+    ref,
+    className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
 var toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--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-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full", {
   variants: {
     variant: {
@@ -27,42 +31,66 @@ var toastVariants = cva("group pointer-events-auto relative flex w-full items-ce
     variant: "default"
   }
 });
-var Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+function Toast({
+  className,
+  variant,
+  ref,
+  ...props
+}) {
   return /* @__PURE__ */ jsxDEV(ToastPrimitives.Root, {
     ref,
     className: cn(toastVariants({ variant }), className),
     ...props
   }, undefined, false, undefined, this);
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Action, {
+}
+function ToastAction({
+  className,
   ref,
-  className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
   ...props
-}, undefined, false, undefined, this));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Close, {
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Action, {
+    ref,
+    className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-base font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ToastClose({
+  className,
   ref,
-  className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
-  "toast-close": "",
-  ...props,
-  children: /* @__PURE__ */ jsxDEV(X, {
-    className: "h-4 w-4"
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Title, {
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Close, {
+    ref,
+    className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsxDEV(X, {
+      className: "h-4 w-4"
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function ToastTitle({
+  className,
   ref,
-  className: cn("text-base font-semibold", className),
   ...props
-}, undefined, false, undefined, this));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV(ToastPrimitives.Description, {
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Title, {
+    ref,
+    className: cn("text-base font-semibold", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
+function ToastDescription({
+  className,
   ref,
-  className: cn("text-base opacity-90", className),
   ...props
-}, undefined, false, undefined, this));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+}) {
+  return /* @__PURE__ */ jsxDEV(ToastPrimitives.Description, {
+    ref,
+    className: cn("text-base opacity-90", className),
+    ...props
+  }, undefined, false, undefined, this);
+}
 export {
   ToastViewport,
   ToastTitle,

package/dist/ui/toaster.d.ts

@@ -1,2 +1 @@
 export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=toaster.d.ts.map