@chatsdk-dev/ui 0.0.1 → 0.1.2

package/dist/atoms/toggle.d.ts

@@ -0,0 +1,9 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { type VariantProps } from "class-variance-authority";
+declare const toggleVariants: (props?: ({
+    variant?: "outline" | "default" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/atoms/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/atoms/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/atoms/toggle.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+const toggleVariants = cva("hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-input hover:bg-muted border bg-transparent shadow-xs",
+        },
+        size: {
+            default: "h-9 min-w-9 px-2",
+            sm: "h-8 min-w-8 px-1.5",
+            lg: "h-10 min-w-10 px-2.5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Toggle({ className, variant = "default", size = "default", ...props }) {
+    return (_jsx(TogglePrimitive, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
+}
+export { Toggle, toggleVariants };

package/dist/atoms/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/atoms/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/atoms/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAIrE,iBAAS,eAAe,CAAC,EACvB,KAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,QAAQ,CAAC,KAAK,2CAQjC;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,2CAMzD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,2CAEnE;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAY,EACZ,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC7B,IAAI,CACF,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,2CAwBF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/atoms/tooltip.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+function TooltipProvider({ delay = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay: delay, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-sm px-3 py-1.5 text-xs bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/atoms/typography/h1.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from "class-variance-authority";
+import React from "react";
+import { textVariants } from "./text";
+type H1Props = VariantProps<typeof textVariants> & {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function H1({ children, className, variant }: H1Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=h1.d.ts.map

package/dist/atoms/typography/h1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"h1.d.ts","sourceRoot":"","sources":["../../../src/atoms/typography/h1.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAc,EAAE,EAAE,OAAO,2CAIlE"}

package/dist/atoms/typography/h1.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { textVariants } from "./text";
+export function H1({ children, className, variant = "h1" }) {
+    return (_jsx("h1", { className: cn(textVariants({ variant }), className), children: children }));
+}

package/dist/atoms/typography/paragraph.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare function Paragraph({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=paragraph.d.ts.map

package/dist/atoms/typography/paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/atoms/typography/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAMA"}

package/dist/atoms/typography/paragraph.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { textVariants } from "./text";
+export function Paragraph({ children, className, }) {
+    return (_jsx("p", { className: cn(textVariants({ variant: "paragraph1" }), className), children: children }));
+}

package/dist/atoms/typography/text.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from "@base-ui/react/use-render";
+import { VariantProps } from "class-variance-authority";
+export declare const textVariants: (props?: ({
+    variant?: "button" | "h1" | "h2" | "small" | "default" | "paragraph1" | "paragraph2" | "mono" | "tiny" | null | undefined;
+    color?: "accent" | "meta" | "popover" | "disabled" | "primary" | "secondary" | "destructive" | "default" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextVariants = VariantProps<typeof textVariants>;
+type DefaultTagName = "span" | "p" | "div";
+interface TextProps extends Omit<useRender.ComponentProps<"div">, "color">, TextVariants {
+    as?: DefaultTagName;
+}
+export declare function Text({ className, render, as, variant, color, ...props }: TextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/atoms/typography/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/atoms/typography/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,eAAO,MAAM,YAAY;;;8EA6BvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAE7D,KAAK,cAAc,GAAG,MAAM,GAAG,GAAG,GAAG,KAAK,CAAC;AAE3C,UAAU,SACR,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,YAAY;IACpE,EAAE,CAAC,EAAE,cAAc,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,MAAM,EACN,EAAU,EACV,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,8FASX"}

package/dist/atoms/typography/text.js

@@ -0,0 +1,41 @@
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export const textVariants = cva("font-body", {
+    variants: {
+        variant: {
+            default: "text-sm",
+            h1: "font-heading text-2xl font-medium",
+            h2: "font-heading leading-none font-semibold text-xl",
+            paragraph1: "text-base",
+            paragraph2: "text-sm text-zinc-600",
+            small: "text-sm",
+            button: "text-button leading-none font-medium",
+            mono: "font-mono text-[13px] leading-none translate-y-[1px]",
+            tiny: "text-xs text-zinc-600",
+        },
+        color: {
+            default: "text-foreground",
+            primary: "text-primary-foreground",
+            secondary: "text-secondary-foreground",
+            muted: "text-muted-foreground",
+            accent: "text-accent-foreground",
+            popover: "text-popover-foreground",
+            meta: "text-zinc-400",
+            disabled: "text-zinc-400",
+            destructive: "text-destructive",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        color: "default",
+    },
+});
+export function Text({ className, render, as = "div", variant, color, ...props }) {
+    return useRender({
+        defaultTagName: as,
+        render,
+        props: mergeProps({ className: cn(textVariants({ variant, color }), className) }, props),
+    });
+}

package/dist/components/responsive-alert-dialog.d.ts

@@ -0,0 +1,16 @@
+export interface ResponsiveAlertDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+    trigger?: React.ReactElement;
+    title?: React.ReactNode;
+    titleIcon?: React.ReactNode;
+    description?: React.ReactNode;
+    isPending?: boolean;
+    action?: React.ReactNode;
+    onAction?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    cancelLabel?: React.ReactNode;
+    onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare function ResponsiveAlertDialog({ open, onOpenChange, children, trigger, title, titleIcon, description, isPending, action, onAction, cancelLabel, onCancel, }: ResponsiveAlertDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive-alert-dialog.d.ts.map

package/dist/components/responsive-alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/responsive-alert-dialog.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,QAAQ,EAER,OAAO,EACP,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,0BAA0B,2CAgF5B"}

package/dist/components/responsive-alert-dialog.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "@chatsdk-dev/ui/components/alert-dialog";
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { ButtonLoaderIcon } from "@chatsdk-dev/ui/components/button-loader";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "@chatsdk-dev/ui/components/drawer";
+import { useBreakpoint } from "@chatsdk-dev/ui/hooks/use-breakpoint";
+import { useControllableState } from "@chatsdk-dev/ui/hooks/use-controllable-state";
+export function ResponsiveAlertDialog({ open, onOpenChange, children, trigger, title, titleIcon, description, isPending, action, onAction, cancelLabel, onCancel, }) {
+    const [openState, setOpenState] = useControllableState({
+        value: open,
+        defaultValue: false,
+        onChange: onOpenChange,
+    });
+    const sm = useBreakpoint("sm");
+    if (sm) {
+        return (_jsxs(AlertDialog, { open: openState, onOpenChange: setOpenState, children: [trigger && (_jsx(AlertDialogTrigger, { render: (props) => cloneElement(trigger, props) })), _jsxs(AlertDialogContent, { className: "sm:max-w-106", children: [_jsx(AlertDialogHeader, { children: _jsxs("div", { className: "flex items-center gap-3", children: [titleIcon, _jsxs("div", { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] })] }) }), children, _jsxs(AlertDialogFooter, { children: [cancelLabel && (_jsx(AlertDialogCancel, { onClick: onCancel, children: cancelLabel })), typeof action === "string" ? (_jsx(AlertDialogAction, { onClick: onAction, disabled: isPending, variant: "destructive", className: "relative inline-flex px-7", children: _jsxs("div", { className: "relative flex items-center justify-center", children: [isPending && _jsx(ButtonLoaderIcon, {}), action] }) })) : (action)] })] })] }));
+    }
+    return (_jsxs(Drawer, { open: openState, onOpenChange: setOpenState, children: [_jsx(DrawerTrigger, { asChild: true, children: trigger }), _jsxs(DrawerContent, { children: [_jsxs(DrawerHeader, { className: "text-left", children: [_jsx(DrawerTitle, { children: title }), _jsx(DrawerDescription, { children: description })] }), children, _jsxs(DrawerFooter, { className: "pt-2", children: [cancelLabel && (_jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: cancelLabel }) })), typeof action === "string" ? (_jsx(Button, { variant: "destructive", onClick: onAction, children: action })) : (action)] })] })] }));
+}

package/dist/components/responsive-dialog.d.ts

@@ -0,0 +1,11 @@
+export interface ResponsiveDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React.ReactElement;
+    title?: string;
+    description?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+}
+export declare function ResponsiveDialog({ open, onOpenChange, trigger, children, title, description, footer, }: ResponsiveDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=responsive-dialog.d.ts.map

package/dist/components/responsive-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-dialog.d.ts","sourceRoot":"","sources":["../../src/components/responsive-dialog.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EAEZ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAM,GACP,EAAE,qBAAqB,2CA2CvB"}

package/dist/components/responsive-dialog.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@chatsdk-dev/ui/components/dialog";
+import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "@chatsdk-dev/ui/components/drawer";
+import { useBreakpoint } from "@chatsdk-dev/ui/hooks/use-breakpoint";
+import { useControllableState } from "@chatsdk-dev/ui/hooks/use-controllable-state";
+export function ResponsiveDialog({ open, onOpenChange, trigger, children, title, description, footer, }) {
+    const [openState, setOpenState] = useControllableState({
+        value: open,
+        defaultValue: false,
+        onChange: onOpenChange,
+    });
+    const sm = useBreakpoint("sm");
+    if (sm) {
+        const renderTrigger = trigger
+            ? (triggerProps) => cloneElement(trigger, triggerProps)
+            : undefined;
+        return (_jsxs(Dialog, { open: openState, onOpenChange: setOpenState, children: [trigger && _jsx(DialogTrigger, { render: renderTrigger }), _jsxs(DialogContent, { className: "sm:max-w-106 px-6", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx("div", { className: "flex-1 overflow-y-auto min-h-0 -mx-6 px-6 pb-1", children: children }), footer && _jsx(DialogFooter, { children: footer })] })] }));
+    }
+    return (_jsxs(Drawer, { open: openState, onOpenChange: setOpenState, children: [_jsx(DrawerTrigger, { asChild: true, children: trigger }), _jsxs(DrawerContent, { className: "p-6", children: [_jsxs(DrawerHeader, { className: "text-left", children: [_jsx(DrawerTitle, { children: title }), _jsx(DrawerDescription, { children: description })] }), _jsx("div", { className: "overflow-y-auto -mx-6 px-6 pb-1", children: children }), footer && _jsx(DrawerFooter, { children: footer })] })] }));
+}

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -0,0 +1,2 @@
+export declare function useCopyToClipboard(): readonly [string | null, (value: string) => void];
+//# sourceMappingURL=use-copy-to-clipboard.d.ts.map

package/dist/hooks/use-copy-to-clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAWA,wBAAgB,kBAAkB,qCAGY,MAAM,WAmBnD"}

package/dist/hooks/use-copy-to-clipboard.js

@@ -0,0 +1,31 @@
+import { useCallback, useState } from "react";
+function oldSchoolCopy(text) {
+    const tempTextArea = document.createElement("textarea");
+    tempTextArea.value = text;
+    document.body.appendChild(tempTextArea);
+    tempTextArea.select();
+    document.execCommand("copy");
+    document.body.removeChild(tempTextArea);
+}
+export function useCopyToClipboard() {
+    const [state, setState] = useState(null);
+    const copyToClipboard = useCallback((value) => {
+        const handleCopy = async () => {
+            try {
+                if (navigator?.clipboard?.writeText) {
+                    await navigator.clipboard.writeText(value);
+                    setState(value);
+                }
+                else {
+                    throw new Error("writeText not supported");
+                }
+            }
+            catch {
+                oldSchoolCopy(value);
+                setState(value);
+            }
+        };
+        handleCopy();
+    }, []);
+    return [state, copyToClipboard];
+}