@hirely/ui 0.1.8 → 1.0.0

package/dist/components/ui/image-cropper.es.js

@@ -1,155 +0,0 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
-import { Button as t } from "./button.es.js";
-import { Slider as n } from "./slider.es.js";
-import r from "../../node_modules/.bun/react-easy-crop@6.2.2_7492c01c6988791b/node_modules/react-easy-crop/index.module.es.js";
-import i from "../../functions/cropImage.es.js";
-import { Check as a, Loader2 as o, RotateCw as s, X as c, ZoomIn as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useCallback as f, useId as p, useState as m } from "react";
-//#region src/components/ui/image-cropper.tsx
-function h({ imageSrc: h, onCropSave: g, onCancel: _, aspect: v = 1, title: y = "Crop Image", classNames: b, cropHeight: x = "350px" }) {
-	let [S, C] = m({
-		x: 0,
-		y: 0
-	}), [w, T] = m(1), [E, D] = m(0), [O, k] = m(null), [A, j] = m(!1), [M, N] = m(null), P = p(), F = `${P}-zoom-label`, I = `${P}-rotation-label`, L = f((e, t) => {
-		k(t);
-	}, []);
-	return /* @__PURE__ */ d("div", {
-		className: e("flex flex-col gap-4 w-full", b?.root),
-		children: [
-			/* @__PURE__ */ u("h2", {
-				className: "sr-only",
-				children: y
-			}),
-			/* @__PURE__ */ d("div", {
-				className: e("w-full bg-neutral-950 rounded-3xl overflow-hidden shadow-2xl border border-neutral-800 relative", b?.cropArea),
-				style: { height: x },
-				children: [/* @__PURE__ */ u("div", {
-					className: e("absolute inset-0 w-full h-full scale-125 blur-2xl opacity-20 pointer-events-none", b?.ambientBackground),
-					children: /* @__PURE__ */ u("img", {
-						src: h,
-						alt: "",
-						className: "w-full h-full object-cover"
-					})
-				}), /* @__PURE__ */ u(r, {
-					image: h,
-					crop: S,
-					zoom: w,
-					rotation: E,
-					aspect: v,
-					onCropChange: C,
-					onCropComplete: L,
-					onZoomChange: T,
-					onRotationChange: D,
-					classes: { containerClassName: "z-10" }
-				})]
-			}),
-			/* @__PURE__ */ d("div", {
-				className: e("space-y-4 px-1", b?.controls),
-				children: [
-					/* @__PURE__ */ d("div", {
-						className: e("space-y-3", b?.sliderRow),
-						children: [/* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ d("label", {
-								id: F,
-								className: "flex items-center gap-2 text-sm font-medium text-muted-foreground",
-								children: [/* @__PURE__ */ u(l, {
-									className: "w-4 h-4",
-									"aria-hidden": !0
-								}), /* @__PURE__ */ u("span", { children: "Zoom" })]
-							}), /* @__PURE__ */ d("span", {
-								className: "text-xs font-mono bg-secondary px-2 py-1 rounded-md",
-								children: [Math.round(w * 100), "%"]
-							})]
-						}), /* @__PURE__ */ u(n, {
-							value: [w],
-							min: 1,
-							max: 3,
-							step: .1,
-							onValueChange: (e) => {
-								let t = Array.isArray(e) ? e[0] : e;
-								T(t);
-							},
-							"aria-labelledby": F,
-							className: "py-2"
-						})]
-					}),
-					/* @__PURE__ */ d("div", {
-						className: e("space-y-3", b?.sliderRow),
-						children: [/* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ d("label", {
-								id: I,
-								className: "flex items-center gap-2 text-sm font-medium text-muted-foreground",
-								children: [/* @__PURE__ */ u(s, {
-									className: "w-4 h-4",
-									"aria-hidden": !0
-								}), /* @__PURE__ */ u("span", { children: "Rotation" })]
-							}), /* @__PURE__ */ d("span", {
-								className: "text-xs font-mono bg-secondary px-2 py-1 rounded-md",
-								children: [E, "°"]
-							})]
-						}), /* @__PURE__ */ u(n, {
-							value: [E],
-							min: 0,
-							max: 360,
-							step: 1,
-							onValueChange: (e) => {
-								let t = Array.isArray(e) ? e[0] : e;
-								D(t);
-							},
-							"aria-labelledby": I,
-							className: "py-1"
-						})]
-					}),
-					M && /* @__PURE__ */ u("p", {
-						className: "text-sm text-destructive",
-						role: "alert",
-						children: M
-					}),
-					/* @__PURE__ */ d("div", {
-						className: e("flex justify-end gap-2 pt-2", b?.actions),
-						children: [/* @__PURE__ */ d(t, {
-							type: "button",
-							variant: "ghost",
-							onClick: _,
-							disabled: A,
-							className: "rounded-full gap-2",
-							children: [/* @__PURE__ */ u(c, {
-								className: "w-4 h-4",
-								"aria-hidden": !0
-							}), "Cancel"]
-						}), /* @__PURE__ */ d(t, {
-							type: "button",
-							onClick: async () => {
-								if (!(!h || !O)) try {
-									j(!0), N(null);
-									let e = await i(h, O, E);
-									e && g(e);
-								} catch (e) {
-									console.error("Failed to crop image:", e), N("Failed to crop image. Please try again.");
-								} finally {
-									j(!1);
-								}
-							},
-							disabled: A || !O,
-							className: "rounded-full gap-2 px-6",
-							children: [A ? /* @__PURE__ */ u(o, {
-								className: "w-4 h-4 animate-spin",
-								"aria-hidden": !0
-							}) : /* @__PURE__ */ u(a, {
-								className: "w-4 h-4",
-								"aria-hidden": !0
-							}), A ? "Saving…" : "Apply Crop"]
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { h as ImageCropper };
-
-//# sourceMappingURL=image-cropper.es.js.map

package/dist/components/ui/image-cropper.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-cropper.es.js","names":[],"sources":["../../../src/components/ui/image-cropper.tsx"],"sourcesContent":["import { useState, useCallback, useId } from \"react\";\nimport Cropper from \"react-easy-crop\";\nimport { ZoomIn, RotateCw, Check, X, Loader2 } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport { Slider } from \"./slider\";\nimport getCroppedImg from \"../../functions/cropImage\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface ImageCropperClassNames {\n    root?: string;\n    cropArea?: string;\n    ambientBackground?: string;\n    controls?: string;\n    sliderRow?: string;\n    actions?: string;\n}\n\ninterface ImageCropperProps {\n    imageSrc: string;\n    onCropSave: (croppedFile: File) => void;\n    onCancel: () => void;\n    aspect?: number;\n    title?: string;\n    classNames?: ImageCropperClassNames;\n    cropHeight?: string;\n}\n\nexport function ImageCropper({\n    imageSrc,\n    onCropSave,\n    onCancel,\n    aspect = 1,\n    title = \"Crop Image\",\n    classNames,\n    cropHeight = \"350px\",\n}: ImageCropperProps) {\n    const [crop, setCrop] = useState({ x: 0, y: 0 });\n    const [zoom, setZoom] = useState(1);\n    const [rotation, setRotation] = useState(0);\n    const [croppedAreaPixels, setCroppedAreaPixels] = useState<any>(null);\n    const [saving, setSaving] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n    const id = useId();\n    const zoomLabelId = `${id}-zoom-label`;\n    const rotationLabelId = `${id}-rotation-label`;\n\n    const onCropComplete = useCallback(\n        (_croppedArea: any, croppedAreaPixels: any) => {\n            setCroppedAreaPixels(croppedAreaPixels);\n        },\n        []\n    );\n\n    const handleSave = async () => {\n        if (!imageSrc || !croppedAreaPixels) return;\n        try {\n            setSaving(true);\n            setError(null);\n            const croppedImage = await getCroppedImg(\n                imageSrc,\n                croppedAreaPixels,\n                rotation\n            );\n            if (croppedImage) {\n                onCropSave(croppedImage);\n            }\n        } catch (e) {\n            console.error(\"Failed to crop image:\", e);\n            setError(\"Failed to crop image. Please try again.\");\n        } finally {\n            setSaving(false);\n        }\n    };\n\n    return (\n        <div className={cn(\"flex flex-col gap-4 w-full\", classNames?.root)}>\n            {/* Heading for screen readers */}\n            <h2 className=\"sr-only\">{title}</h2>\n\n            <div\n                className={cn(\n                    \"w-full bg-neutral-950 rounded-3xl overflow-hidden shadow-2xl border border-neutral-800 relative\",\n                    classNames?.cropArea\n                )}\n                style={{ height: cropHeight }}\n            >\n                {/* Ambient Background layer */}\n                <div\n                    className={cn(\n                        \"absolute inset-0 w-full h-full scale-125 blur-2xl opacity-20 pointer-events-none\",\n                        classNames?.ambientBackground\n                    )}\n                >\n                    <img\n                        src={imageSrc}\n                        alt=\"\"\n                        className=\"w-full h-full object-cover\"\n                    />\n                </div>\n\n                <Cropper\n                    image={imageSrc}\n                    crop={crop}\n                    zoom={zoom}\n                    rotation={rotation}\n                    aspect={aspect}\n                    onCropChange={setCrop}\n                    onCropComplete={onCropComplete}\n                    onZoomChange={setZoom}\n                    onRotationChange={setRotation}\n                    classes={{ containerClassName: \"z-10\" }}\n                />\n            </div>\n\n            <div className={cn(\"space-y-4 px-1\", classNames?.controls)}>\n                {/* Zoom */}\n                <div className={cn(\"space-y-3\", classNames?.sliderRow)}>\n                    <div className=\"flex items-center justify-between\">\n                        <label\n                            id={zoomLabelId}\n                            className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\"\n                        >\n                            <ZoomIn className=\"w-4 h-4\" aria-hidden />\n                            <span>Zoom</span>\n                        </label>\n                        <span className=\"text-xs font-mono bg-secondary px-2 py-1 rounded-md\">\n                            {Math.round(zoom * 100)}%\n                        </span>\n                    </div>\n                    <Slider\n                        value={[zoom]}\n                        min={1}\n                        max={3}\n                        step={0.1}\n                        onValueChange={(value) => {\n                            const newValue = Array.isArray(value) ? value[0] : value;\n                            setZoom(newValue);\n                        }}\n                        aria-labelledby={zoomLabelId}\n                        className=\"py-2\"\n                    />\n                </div>\n\n                {/* Rotation */}\n                <div className={cn(\"space-y-3\", classNames?.sliderRow)}>\n                    <div className=\"flex items-center justify-between\">\n                        <label\n                            id={rotationLabelId}\n                            className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\"\n                        >\n                            <RotateCw className=\"w-4 h-4\" aria-hidden />\n                            <span>Rotation</span>\n                        </label>\n                        <span className=\"text-xs font-mono bg-secondary px-2 py-1 rounded-md\">\n                            {rotation}°\n                        </span>\n                    </div>\n                    <Slider\n                        value={[rotation]}\n                        min={0}\n                        max={360}\n                        step={1}\n                        onValueChange={(value) => {\n                            const newValue = Array.isArray(value) ? value[0] : value;\n                            setRotation(newValue);\n                        }}\n                        aria-labelledby={rotationLabelId}\n                        className=\"py-1\"\n                    />\n                </div>\n\n                {error && (\n                    <p className=\"text-sm text-destructive\" role=\"alert\">\n                        {error}\n                    </p>\n                )}\n\n                <div className={cn(\"flex justify-end gap-2 pt-2\", classNames?.actions)}>\n                    <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        onClick={onCancel}\n                        disabled={saving}\n                        className=\"rounded-full gap-2\"\n                    >\n                        <X className=\"w-4 h-4\" aria-hidden />\n                        Cancel\n                    </Button>\n                    <Button\n                        type=\"button\"\n                        onClick={handleSave}\n                        disabled={saving || !croppedAreaPixels}\n                        className=\"rounded-full gap-2 px-6\"\n                    >\n                        {saving ? (\n                            <Loader2 className=\"w-4 h-4 animate-spin\" aria-hidden />\n                        ) : (\n                            <Check className=\"w-4 h-4\" aria-hidden />\n                        )}\n                        {saving ? \"Saving…\" : \"Apply Crop\"}\n                    </Button>\n                </div>\n            </div>\n        </div>\n    );\n}"],"mappings":"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"}

package/dist/components/ui/image-upload.cjs.js

@@ -1,2 +0,0 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("./button.cjs.js"),r=require("../../node_modules/.bun/react-dropzone@15.0.0_e14d3f224186685e/node_modules/react-dropzone/dist/es/index.cjs.js");let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("react");o=e.__toESM(o,1);function s({value:e,onChange:s,onRemove:c,className:l,classNames:u,maxSize:d=5*1024*1024,alt:f=`Upload preview`,disabled:p=!1,loading:m=!1}){let[h,g]=(0,o.useState)(null),[_,v]=(0,o.useState)(null);o.default.useEffect(()=>{if(typeof e==`string`)g(e);else if(e instanceof File){let t=URL.createObjectURL(e);return g(t),()=>URL.revokeObjectURL(t)}else g(null)},[e]);let{getRootProps:y,getInputProps:b,isDragActive:x}=r.useDropzone({onDrop:(0,o.useCallback)((e,t)=>{if(v(null),t.length>0){let e=t[0];e.errors[0]?.code===`file-too-large`?v(`File is too large. Max size is ${d/(1024*1024)}MB.`):e.errors[0]?.code===`file-invalid-type`?v(`Invalid file type. Please upload PNG, JPG, WEBP, or JPEG.`):v(`Could not upload file. Please try again.`);return}let n=e[0];n&&s(n)},[s,d]),accept:{"image/*":[`.jpeg`,`.jpg`,`.png`,`.webp`]},maxFiles:1,multiple:!1,maxSize:d,disabled:p}),S=e=>{e.stopPropagation(),v(null),c(),g(null)};return(0,a.jsxs)(`div`,{className:t.cn(`w-full`,l,u?.root),children:[(0,a.jsxs)(`div`,{...y(),className:t.cn(`w-full`,u?.dropzone),children:[(0,a.jsx)(`input`,{...b()}),m?(0,a.jsxs)(`div`,{className:t.cn(`flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 py-12 text-center`,u?.emptyState),children:[(0,a.jsx)(i.Loader2,{className:`h-8 w-8 animate-spin text-muted-foreground`}),(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Processing image…`})]}):h?(0,a.jsxs)(`div`,{className:t.cn(`relative w-full overflow-hidden rounded-lg border border-border`,`aspect-square max-w-[400px] mx-auto sm:aspect-video sm:max-h-[200px] sm:max-w-none`,`cursor-pointer group/preview`,u?.preview),children:[(0,a.jsx)(n.Button,{type:`button`,onClick:S,variant:`destructive`,size:`icon`,"aria-label":`Remove image`,className:t.cn(`absolute right-2 top-2 z-10 rounded-full h-8 w-8 shadow-lg opacity-0 group-hover/preview:opacity-100 transition-opacity`,u?.removeButton),children:(0,a.jsx)(i.X,{className:`h-4 w-4`})}),(0,a.jsxs)(`div`,{className:t.cn(`absolute inset-0 z-5 bg-black/40 flex flex-col items-center justify-center opacity-0 group-hover/preview:opacity-100 transition-opacity`,u?.swapOverlay),children:[(0,a.jsx)(i.Upload,{className:`w-8 h-8 text-white mb-2`}),(0,a.jsx)(`span`,{className:`text-sm font-bold text-white uppercase tracking-widest`,children:`Swap Image`})]}),(0,a.jsx)(`div`,{className:`absolute inset-0 w-full h-full scale-110 blur-xl opacity-30`,children:(0,a.jsx)(`img`,{sizes:`(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw`,src:h,alt:``,className:`object-cover w-full h-full`})}),(0,a.jsx)(`div`,{className:`absolute inset-0 bg-neutral-900/40`}),(0,a.jsx)(`img`,{sizes:`(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw`,src:h,alt:f,className:t.cn(`size-full object-cover transition-all duration-300 relative z-0`,u?.previewImage)})]}):(0,a.jsx)(`div`,{className:t.cn(`relative flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 p-6 sm:p-12 text-center transition hover:bg-muted/80`,x&&`border-primary bg-primary/5`,p&&`opacity-50 cursor-not-allowed`,u?.emptyState),children:(0,a.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-muted-foreground`,children:[(0,a.jsx)(`div`,{className:t.cn(`rounded-full bg-background p-4 shadow-sm border border-border`,u?.emptyIcon),children:(0,a.jsx)(i.Upload,{className:`h-6 w-6`})}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,a.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:`Click to upload or drag and drop`}),(0,a.jsxs)(`p`,{className:`text-xs`,children:[`PNG, JPG, WEBP or JPEG (max. `,d/(1024*1024),`MB)`]})]})]})})]}),_&&(0,a.jsxs)(`div`,{role:`alert`,className:t.cn(`mt-2 flex items-center gap-2 text-sm text-destructive`,u?.error),children:[(0,a.jsx)(i.AlertCircle,{className:`h-4 w-4 shrink-0`}),(0,a.jsx)(`span`,{children:_})]})]})}exports.ImageUpload=s;
-//# sourceMappingURL=image-upload.cjs.js.map

package/dist/components/ui/image-upload.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-upload.cjs.js","names":[],"sources":["../../../src/components/ui/image-upload.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useState } from \"react\";\nimport { useDropzone, type FileRejection } from \"react-dropzone\";\nimport { Upload, X, AlertCircle, Loader2 } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface ImageUploadClassNames {\n    root?: string;\n    dropzone?: string;\n    preview?: string;\n    previewImage?: string;\n    removeButton?: string;\n    swapOverlay?: string;\n    emptyState?: string;\n    emptyIcon?: string;\n    error?: string;\n}\n\ninterface ImageUploadProps {\n    value?: string | File;\n    onChange: (file?: File) => void;\n    onRemove: () => void;\n    className?: string;\n    classNames?: ImageUploadClassNames;\n    /** Max file size in bytes (default: 5MB) */\n    maxSize?: number;\n    /** Custom alt text for the preview image */\n    alt?: string;\n    /** Disable the upload */\n    disabled?: boolean;\n    /** Show loading spinner */\n    loading?: boolean;\n}\n\nexport function ImageUpload({\n    value,\n    onChange,\n    onRemove,\n    className,\n    classNames,\n    maxSize = 5 * 1024 * 1024, // 5MB default\n    alt = \"Upload preview\",\n    disabled = false,\n    loading = false,\n}: ImageUploadProps) {\n    const [preview, setPreview] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n\n    // Generate preview from value\n    React.useEffect(() => {\n        if (typeof value === \"string\") {\n            setPreview(value);\n        } else if (value instanceof File) {\n            const objectUrl = URL.createObjectURL(value);\n            setPreview(objectUrl);\n            return () => URL.revokeObjectURL(objectUrl);\n        } else {\n            setPreview(null);\n        }\n    }, [value]);\n\n    const onDrop = useCallback(\n        (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n            setError(null);\n\n            if (rejectedFiles.length > 0) {\n                const rejection = rejectedFiles[0];\n                if (rejection.errors[0]?.code === \"file-too-large\") {\n                    setError(`File is too large. Max size is ${maxSize / (1024 * 1024)}MB.`);\n                } else if (rejection.errors[0]?.code === \"file-invalid-type\") {\n                    setError(\"Invalid file type. Please upload PNG, JPG, WEBP, or JPEG.\");\n                } else {\n                    setError(\"Could not upload file. Please try again.\");\n                }\n                return;\n            }\n\n            const file = acceptedFiles[0];\n            if (file) {\n                onChange(file);\n            }\n        },\n        [onChange, maxSize]\n    );\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n        onDrop,\n        accept: {\n            \"image/*\": [\".jpeg\", \".jpg\", \".png\", \".webp\"],\n        },\n        maxFiles: 1,\n        multiple: false,\n        maxSize,\n        disabled,\n    });\n\n    const handleRemove = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        setError(null);\n        onRemove();\n        setPreview(null);\n    };\n\n    return (\n        <div className={cn(\"w-full\", className, classNames?.root)}>\n            <div\n                {...getRootProps()}\n                className={cn(\"w-full\", classNames?.dropzone)}\n            >\n                <input {...getInputProps()} />\n\n                {loading ? (\n                    // Loading state\n                    <div\n                        className={cn(\n                            \"flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 py-12 text-center\",\n                            classNames?.emptyState\n                        )}\n                    >\n                        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n                        <p className=\"text-sm text-muted-foreground\">Processing image…</p>\n                    </div>\n                ) : preview ? (\n                    // Preview state\n                    <div\n                        className={cn(\n                            \"relative w-full overflow-hidden rounded-lg border border-border\",\n                            \"aspect-square max-w-[400px] mx-auto sm:aspect-video sm:max-h-[200px] sm:max-w-none\", // sensible defaults\n                            \"cursor-pointer group/preview\",\n                            classNames?.preview\n                        )}\n                    >\n                        {/* Remove button */}\n                        <Button\n                            type=\"button\"\n                            onClick={handleRemove}\n                            variant=\"destructive\"\n                            size=\"icon\"\n                            aria-label=\"Remove image\"\n                            className={cn(\n                                \"absolute right-2 top-2 z-10 rounded-full h-8 w-8 shadow-lg opacity-0 group-hover/preview:opacity-100 transition-opacity\",\n                                classNames?.removeButton\n                            )}\n                        >\n                            <X className=\"h-4 w-4\" />\n                        </Button>\n\n                        {/* Swap overlay */}\n                        <div\n                            className={cn(\n                                \"absolute inset-0 z-5 bg-black/40 flex flex-col items-center justify-center opacity-0 group-hover/preview:opacity-100 transition-opacity\",\n                                classNames?.swapOverlay\n                            )}\n                        >\n                            <Upload className=\"w-8 h-8 text-white mb-2\" />\n                            <span className=\"text-sm font-bold text-white uppercase tracking-widest\">\n                                Swap Image\n                            </span>\n                        </div>\n\n                        {/* Ambient blurred background */}\n                        <div className=\"absolute inset-0 w-full h-full scale-110 blur-xl opacity-30\">\n                            <img\n                                sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n                                src={preview}\n                                alt=\"\"\n                                className=\"object-cover w-full h-full\"\n                            />\n                        </div>\n\n                        {/* Dark tint */}\n                        <div className=\"absolute inset-0 bg-neutral-900/40\" />\n\n                        {/* Main image */}\n                        <img\n                            sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n                            src={preview}\n                            alt={alt}\n                            className={cn(\n                                \"size-full object-cover transition-all duration-300 relative z-0\",\n                                classNames?.previewImage\n                            )}\n                        />\n                    </div>\n                ) : (\n                    // Empty state\n                    <div\n                        className={cn(\n                            \"relative flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 p-6 sm:p-12 text-center transition hover:bg-muted/80\",\n                            isDragActive && \"border-primary bg-primary/5\",\n                            disabled && \"opacity-50 cursor-not-allowed\",\n                            classNames?.emptyState\n                        )}\n                    >\n                        <div className=\"flex flex-col items-center gap-2 text-muted-foreground\">\n                            <div\n                                className={cn(\n                                    \"rounded-full bg-background p-4 shadow-sm border border-border\",\n                                    classNames?.emptyIcon\n                                )}\n                            >\n                                <Upload className=\"h-6 w-6\" />\n                            </div>\n                            <div className=\"flex flex-col gap-1\">\n                                <p className=\"text-sm font-semibold text-foreground\">\n                                    Click to upload or drag and drop\n                                </p>\n                                <p className=\"text-xs\">\n                                    PNG, JPG, WEBP or JPEG (max. {maxSize / (1024 * 1024)}MB)\n                                </p>\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            {/* Error message */}\n            {error && (\n                <div\n                    role=\"alert\"\n                    className={cn(\n                        \"mt-2 flex items-center gap-2 text-sm text-destructive\",\n                        classNames?.error\n                    )}\n                >\n                    <AlertCircle className=\"h-4 w-4 shrink-0\" />\n                    <span>{error}</span>\n                </div>\n            )}\n        </div>\n    );\n}"],"mappings":"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"}

package/dist/components/ui/image-upload.es.js

@@ -1,121 +0,0 @@
-"use client";
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
-import { Button as t } from "./button.es.js";
-import { useDropzone as n } from "../../node_modules/.bun/react-dropzone@15.0.0_e14d3f224186685e/node_modules/react-dropzone/dist/es/index.es.js";
-import { AlertCircle as r, Loader2 as i, Upload as a, X as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l, { useCallback as u, useState as d } from "react";
-//#region src/components/ui/image-upload.tsx
-function f({ value: f, onChange: p, onRemove: m, className: h, classNames: g, maxSize: _ = 5 * 1024 * 1024, alt: v = "Upload preview", disabled: y = !1, loading: b = !1 }) {
-	let [x, S] = d(null), [C, w] = d(null);
-	l.useEffect(() => {
-		if (typeof f == "string") S(f);
-		else if (f instanceof File) {
-			let e = URL.createObjectURL(f);
-			return S(e), () => URL.revokeObjectURL(e);
-		} else S(null);
-	}, [f]);
-	let { getRootProps: T, getInputProps: E, isDragActive: D } = n({
-		onDrop: u((e, t) => {
-			if (w(null), t.length > 0) {
-				let e = t[0];
-				e.errors[0]?.code === "file-too-large" ? w(`File is too large. Max size is ${_ / (1024 * 1024)}MB.`) : e.errors[0]?.code === "file-invalid-type" ? w("Invalid file type. Please upload PNG, JPG, WEBP, or JPEG.") : w("Could not upload file. Please try again.");
-				return;
-			}
-			let n = e[0];
-			n && p(n);
-		}, [p, _]),
-		accept: { "image/*": [
-			".jpeg",
-			".jpg",
-			".png",
-			".webp"
-		] },
-		maxFiles: 1,
-		multiple: !1,
-		maxSize: _,
-		disabled: y
-	}), O = (e) => {
-		e.stopPropagation(), w(null), m(), S(null);
-	};
-	return /* @__PURE__ */ c("div", {
-		className: e("w-full", h, g?.root),
-		children: [/* @__PURE__ */ c("div", {
-			...T(),
-			className: e("w-full", g?.dropzone),
-			children: [/* @__PURE__ */ s("input", { ...E() }), b ? /* @__PURE__ */ c("div", {
-				className: e("flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 py-12 text-center", g?.emptyState),
-				children: [/* @__PURE__ */ s(i, { className: "h-8 w-8 animate-spin text-muted-foreground" }), /* @__PURE__ */ s("p", {
-					className: "text-sm text-muted-foreground",
-					children: "Processing image…"
-				})]
-			}) : x ? /* @__PURE__ */ c("div", {
-				className: e("relative w-full overflow-hidden rounded-lg border border-border", "aspect-square max-w-[400px] mx-auto sm:aspect-video sm:max-h-[200px] sm:max-w-none", "cursor-pointer group/preview", g?.preview),
-				children: [
-					/* @__PURE__ */ s(t, {
-						type: "button",
-						onClick: O,
-						variant: "destructive",
-						size: "icon",
-						"aria-label": "Remove image",
-						className: e("absolute right-2 top-2 z-10 rounded-full h-8 w-8 shadow-lg opacity-0 group-hover/preview:opacity-100 transition-opacity", g?.removeButton),
-						children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
-					}),
-					/* @__PURE__ */ c("div", {
-						className: e("absolute inset-0 z-5 bg-black/40 flex flex-col items-center justify-center opacity-0 group-hover/preview:opacity-100 transition-opacity", g?.swapOverlay),
-						children: [/* @__PURE__ */ s(a, { className: "w-8 h-8 text-white mb-2" }), /* @__PURE__ */ s("span", {
-							className: "text-sm font-bold text-white uppercase tracking-widest",
-							children: "Swap Image"
-						})]
-					}),
-					/* @__PURE__ */ s("div", {
-						className: "absolute inset-0 w-full h-full scale-110 blur-xl opacity-30",
-						children: /* @__PURE__ */ s("img", {
-							sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-							src: x,
-							alt: "",
-							className: "object-cover w-full h-full"
-						})
-					}),
-					/* @__PURE__ */ s("div", { className: "absolute inset-0 bg-neutral-900/40" }),
-					/* @__PURE__ */ s("img", {
-						sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
-						src: x,
-						alt: v,
-						className: e("size-full object-cover transition-all duration-300 relative z-0", g?.previewImage)
-					})
-				]
-			}) : /* @__PURE__ */ s("div", {
-				className: e("relative flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 p-6 sm:p-12 text-center transition hover:bg-muted/80", D && "border-primary bg-primary/5", y && "opacity-50 cursor-not-allowed", g?.emptyState),
-				children: /* @__PURE__ */ c("div", {
-					className: "flex flex-col items-center gap-2 text-muted-foreground",
-					children: [/* @__PURE__ */ s("div", {
-						className: e("rounded-full bg-background p-4 shadow-sm border border-border", g?.emptyIcon),
-						children: /* @__PURE__ */ s(a, { className: "h-6 w-6" })
-					}), /* @__PURE__ */ c("div", {
-						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ s("p", {
-							className: "text-sm font-semibold text-foreground",
-							children: "Click to upload or drag and drop"
-						}), /* @__PURE__ */ c("p", {
-							className: "text-xs",
-							children: [
-								"PNG, JPG, WEBP or JPEG (max. ",
-								_ / (1024 * 1024),
-								"MB)"
-							]
-						})]
-					})]
-				})
-			})]
-		}), C && /* @__PURE__ */ c("div", {
-			role: "alert",
-			className: e("mt-2 flex items-center gap-2 text-sm text-destructive", g?.error),
-			children: [/* @__PURE__ */ s(r, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ s("span", { children: C })]
-		})]
-	});
-}
-//#endregion
-export { f as ImageUpload };
-
-//# sourceMappingURL=image-upload.es.js.map

package/dist/components/ui/image-upload.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-upload.es.js","names":[],"sources":["../../../src/components/ui/image-upload.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useState } from \"react\";\nimport { useDropzone, type FileRejection } from \"react-dropzone\";\nimport { Upload, X, AlertCircle, Loader2 } from \"lucide-react\";\nimport { Button } from \"./button\";\nimport { cn } from \"../../lib/utils\";\n\nexport interface ImageUploadClassNames {\n    root?: string;\n    dropzone?: string;\n    preview?: string;\n    previewImage?: string;\n    removeButton?: string;\n    swapOverlay?: string;\n    emptyState?: string;\n    emptyIcon?: string;\n    error?: string;\n}\n\ninterface ImageUploadProps {\n    value?: string | File;\n    onChange: (file?: File) => void;\n    onRemove: () => void;\n    className?: string;\n    classNames?: ImageUploadClassNames;\n    /** Max file size in bytes (default: 5MB) */\n    maxSize?: number;\n    /** Custom alt text for the preview image */\n    alt?: string;\n    /** Disable the upload */\n    disabled?: boolean;\n    /** Show loading spinner */\n    loading?: boolean;\n}\n\nexport function ImageUpload({\n    value,\n    onChange,\n    onRemove,\n    className,\n    classNames,\n    maxSize = 5 * 1024 * 1024, // 5MB default\n    alt = \"Upload preview\",\n    disabled = false,\n    loading = false,\n}: ImageUploadProps) {\n    const [preview, setPreview] = useState<string | null>(null);\n    const [error, setError] = useState<string | null>(null);\n\n    // Generate preview from value\n    React.useEffect(() => {\n        if (typeof value === \"string\") {\n            setPreview(value);\n        } else if (value instanceof File) {\n            const objectUrl = URL.createObjectURL(value);\n            setPreview(objectUrl);\n            return () => URL.revokeObjectURL(objectUrl);\n        } else {\n            setPreview(null);\n        }\n    }, [value]);\n\n    const onDrop = useCallback(\n        (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n            setError(null);\n\n            if (rejectedFiles.length > 0) {\n                const rejection = rejectedFiles[0];\n                if (rejection.errors[0]?.code === \"file-too-large\") {\n                    setError(`File is too large. Max size is ${maxSize / (1024 * 1024)}MB.`);\n                } else if (rejection.errors[0]?.code === \"file-invalid-type\") {\n                    setError(\"Invalid file type. Please upload PNG, JPG, WEBP, or JPEG.\");\n                } else {\n                    setError(\"Could not upload file. Please try again.\");\n                }\n                return;\n            }\n\n            const file = acceptedFiles[0];\n            if (file) {\n                onChange(file);\n            }\n        },\n        [onChange, maxSize]\n    );\n\n    const { getRootProps, getInputProps, isDragActive } = useDropzone({\n        onDrop,\n        accept: {\n            \"image/*\": [\".jpeg\", \".jpg\", \".png\", \".webp\"],\n        },\n        maxFiles: 1,\n        multiple: false,\n        maxSize,\n        disabled,\n    });\n\n    const handleRemove = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        setError(null);\n        onRemove();\n        setPreview(null);\n    };\n\n    return (\n        <div className={cn(\"w-full\", className, classNames?.root)}>\n            <div\n                {...getRootProps()}\n                className={cn(\"w-full\", classNames?.dropzone)}\n            >\n                <input {...getInputProps()} />\n\n                {loading ? (\n                    // Loading state\n                    <div\n                        className={cn(\n                            \"flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 py-12 text-center\",\n                            classNames?.emptyState\n                        )}\n                    >\n                        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n                        <p className=\"text-sm text-muted-foreground\">Processing image…</p>\n                    </div>\n                ) : preview ? (\n                    // Preview state\n                    <div\n                        className={cn(\n                            \"relative w-full overflow-hidden rounded-lg border border-border\",\n                            \"aspect-square max-w-[400px] mx-auto sm:aspect-video sm:max-h-[200px] sm:max-w-none\", // sensible defaults\n                            \"cursor-pointer group/preview\",\n                            classNames?.preview\n                        )}\n                    >\n                        {/* Remove button */}\n                        <Button\n                            type=\"button\"\n                            onClick={handleRemove}\n                            variant=\"destructive\"\n                            size=\"icon\"\n                            aria-label=\"Remove image\"\n                            className={cn(\n                                \"absolute right-2 top-2 z-10 rounded-full h-8 w-8 shadow-lg opacity-0 group-hover/preview:opacity-100 transition-opacity\",\n                                classNames?.removeButton\n                            )}\n                        >\n                            <X className=\"h-4 w-4\" />\n                        </Button>\n\n                        {/* Swap overlay */}\n                        <div\n                            className={cn(\n                                \"absolute inset-0 z-5 bg-black/40 flex flex-col items-center justify-center opacity-0 group-hover/preview:opacity-100 transition-opacity\",\n                                classNames?.swapOverlay\n                            )}\n                        >\n                            <Upload className=\"w-8 h-8 text-white mb-2\" />\n                            <span className=\"text-sm font-bold text-white uppercase tracking-widest\">\n                                Swap Image\n                            </span>\n                        </div>\n\n                        {/* Ambient blurred background */}\n                        <div className=\"absolute inset-0 w-full h-full scale-110 blur-xl opacity-30\">\n                            <img\n                                sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n                                src={preview}\n                                alt=\"\"\n                                className=\"object-cover w-full h-full\"\n                            />\n                        </div>\n\n                        {/* Dark tint */}\n                        <div className=\"absolute inset-0 bg-neutral-900/40\" />\n\n                        {/* Main image */}\n                        <img\n                            sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\n                            src={preview}\n                            alt={alt}\n                            className={cn(\n                                \"size-full object-cover transition-all duration-300 relative z-0\",\n                                classNames?.previewImage\n                            )}\n                        />\n                    </div>\n                ) : (\n                    // Empty state\n                    <div\n                        className={cn(\n                            \"relative flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/25 bg-muted/50 p-6 sm:p-12 text-center transition hover:bg-muted/80\",\n                            isDragActive && \"border-primary bg-primary/5\",\n                            disabled && \"opacity-50 cursor-not-allowed\",\n                            classNames?.emptyState\n                        )}\n                    >\n                        <div className=\"flex flex-col items-center gap-2 text-muted-foreground\">\n                            <div\n                                className={cn(\n                                    \"rounded-full bg-background p-4 shadow-sm border border-border\",\n                                    classNames?.emptyIcon\n                                )}\n                            >\n                                <Upload className=\"h-6 w-6\" />\n                            </div>\n                            <div className=\"flex flex-col gap-1\">\n                                <p className=\"text-sm font-semibold text-foreground\">\n                                    Click to upload or drag and drop\n                                </p>\n                                <p className=\"text-xs\">\n                                    PNG, JPG, WEBP or JPEG (max. {maxSize / (1024 * 1024)}MB)\n                                </p>\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n\n            {/* Error message */}\n            {error && (\n                <div\n                    role=\"alert\"\n                    className={cn(\n                        \"mt-2 flex items-center gap-2 text-sm text-destructive\",\n                        classNames?.error\n                    )}\n                >\n                    <AlertCircle className=\"h-4 w-4 shrink-0\" />\n                    <span>{error}</span>\n                </div>\n            )}\n        </div>\n    );\n}"],"mappings":"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"}

package/dist/components/ui/input-group.cjs.js

@@ -1,2 +0,0 @@
-const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs.js"),r=require("./button.cjs.js"),i=require("./input.cjs.js"),a=require("./textarea.cjs.js");let o=require("react/jsx-runtime"),s=require("react");s=e.__toESM(s,1);function c({className:e,...n}){return(0,o.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t.cn(`group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5`,e),...n})}var l=n.cva(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]`,"inline-end":`order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]`,"block-start":`order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2`,"block-end":`order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2`}},defaultVariants:{align:`inline-start`}});function u({className:e,align:n=`inline-start`,...r}){return(0,o.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t.cn(l({align:n}),e),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}var d=n.cva(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function f({className:e,type:n=`button`,variant:i=`ghost`,size:a=`xs`,...s}){return(0,o.jsx)(r.Button,{type:n,"data-size":a,variant:i,className:t.cn(d({size:a}),e),...s})}function p({className:e,...n}){return(0,o.jsx)(`span`,{className:t.cn(`flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4`,e),...n})}function m({className:e,...n}){return(0,o.jsx)(i.Input,{"data-slot":`input-group-control`,className:t.cn(`flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}function h({className:e,...n}){return(0,o.jsx)(a.Textarea,{"data-slot":`input-group-control`,className:t.cn(`flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}exports.InputGroup=c,exports.InputGroupAddon=u,exports.InputGroupButton=f,exports.InputGroupInput=m,exports.InputGroupText=p,exports.InputGroupTextarea=h;
-//# sourceMappingURL=input-group.cjs.js.map

package/dist/components/ui/input-group.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.cjs.js","names":[],"sources":["../../../src/components/ui/input-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\nimport { Textarea } from \"./textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n        \"block-end\":\n          \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n        \"icon-xs\":\n          \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\"\n  }) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n"],"mappings":"8aAQA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,cACV,KAAK,QACL,UAAW,EAAA,GACT,wlCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,IAAM,EAA0B,EAAA,IAC9B,0PACA,CACE,SAAU,CACR,MAAO,CACL,eACE,uEACF,aACE,sEACF,cACE,oGACF,YACE,kGACJ,CACF,EACA,gBAAiB,CACf,MAAO,cACT,CACF,CACF,EAEA,SAAS,EAAgB,CACvB,YACA,QAAQ,eACR,GAAG,GAC0E,CAC7E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,QACL,YAAU,oBACV,aAAY,EACZ,UAAW,EAAA,GAAG,EAAwB,CAAE,OAAM,CAAC,EAAG,CAAS,EAC3D,QAAU,GAAM,CACT,EAAE,OAAuB,QAAQ,QAAQ,GAG9C,EAAE,cAAc,eAAe,cAAc,OAAO,CAAC,EAAE,MAAM,CAC/D,EACA,GAAI,CACL,CAAA,CAEL,CAEA,IAAM,EAA2B,EAAA,IAC/B,8CACA,CACE,SAAU,CACR,KAAM,CACJ,GAAI,4FACJ,GAAI,GACJ,UACE,8DACF,UAAW,2BACb,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEA,SAAS,EAAiB,CACxB,YACA,OAAO,SACP,UAAU,QACV,OAAO,KACP,GAAG,GAIA,CACH,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACQ,OACN,YAAW,EACF,UACT,UAAW,EAAA,GAAG,EAAyB,CAAE,MAAK,CAAC,EAAG,CAAS,EAC3D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,UAAW,EAAA,GACT,yHACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CACvB,YACA,GAAG,GAC6B,CAChC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACE,YAAU,sBACV,UAAW,EAAA,GACT,mLACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GACgC,CACnC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CACE,YAAU,sBACV,UAAW,EAAA,GACT,oMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/input-group.es.js

@@ -1,79 +0,0 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
-import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.es.js";
-import { Button as n } from "./button.es.js";
-import { Input as r } from "./input.es.js";
-import { Textarea as i } from "./textarea.es.js";
-import { jsx as a } from "react/jsx-runtime";
-import "react";
-//#region src/components/ui/input-group.tsx
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "input-group",
-		role: "group",
-		className: e("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
-		...n
-	});
-}
-var s = t("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
-	variants: { align: {
-		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
-		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
-		"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
-		"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
-	} },
-	defaultVariants: { align: "inline-start" }
-});
-function c({ className: t, align: n = "inline-start", ...r }) {
-	return /* @__PURE__ */ a("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": n,
-		className: e(s({ align: n }), t),
-		onClick: (e) => {
-			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
-		},
-		...r
-	});
-}
-var l = t("flex items-center gap-2 text-sm shadow-none", {
-	variants: { size: {
-		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-		sm: "",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
-		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
-});
-function u({ className: t, type: r = "button", variant: i = "ghost", size: o = "xs", ...s }) {
-	return /* @__PURE__ */ a(n, {
-		type: r,
-		"data-size": o,
-		variant: i,
-		className: e(l({ size: o }), t),
-		...s
-	});
-}
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ a("span", {
-		className: e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t),
-		...n
-	});
-}
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ a(r, {
-		"data-slot": "input-group-control",
-		className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
-		...n
-	});
-}
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ a(i, {
-		"data-slot": "input-group-control",
-		className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
-		...n
-	});
-}
-//#endregion
-export { o as InputGroup, c as InputGroupAddon, u as InputGroupButton, f as InputGroupInput, d as InputGroupText, p as InputGroupTextarea };
-
-//# sourceMappingURL=input-group.es.js.map

package/dist/components/ui/input-group.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.es.js","names":[],"sources":["../../../src/components/ui/input-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\nimport { Textarea } from \"./textarea\"\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n        \"block-end\":\n          \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nconst inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n        \"icon-xs\":\n          \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\"\n  }) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupText,\n  InputGroupInput,\n  InputGroupTextarea,\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,EACT,ylCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAA0B,EAC9B,2PACA;CACE,UAAU,EACR,OAAO;EACL,gBACE;EACF,cACE;EACF,eACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EACf,OAAO,eACT;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,cACA,WAAQ,gBACR,GAAG,KAC0E;CAC7E,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,cAAY;EACZ,WAAW,EAAG,EAAwB,EAAE,SAAM,CAAC,GAAG,CAAS;EAC3D,UAAU,MAAM;GACT,EAAE,OAAuB,QAAQ,QAAQ,KAG9C,EAAE,cAAc,eAAe,cAAc,OAAO,CAAC,EAAE,MAAM;EAC/D;EACA,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAA2B,EAC/B,+CACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,WACE;EACF,WAAW;CACb,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,SAAS,EAAiB,EACxB,cACA,UAAO,UACP,aAAU,SACV,UAAO,MACP,GAAG,KAIA;CACH,OACE,kBAAC,GAAD;EACQ;EACN,aAAW;EACF;EACT,WAAW,EAAG,EAAyB,EAAE,QAAK,CAAC,GAAG,CAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAuC;CAC7E,OACE,kBAAC,QAAD;EACE,WAAW,EACT,0HACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KAC6B;CAChC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,oLACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACgC;CACnC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EACT,qMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/input-otp.cjs.js

@@ -1,2 +0,0 @@
-const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("../../node_modules/.bun/input-otp@1.4.2_7492c01c6988791b/node_modules/input-otp/dist/index.cjs.js");let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);function o({className:e,containerClassName:r,...a}){return(0,i.jsx)(n.OTPInput,{"data-slot":`input-otp`,containerClassName:t.cn(`cn-input-otp flex items-center has-disabled:opacity-50`,r),spellCheck:!1,className:t.cn(`disabled:cursor-not-allowed`,e),...a})}function s({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`input-otp-group`,className:t.cn(`flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40`,e),...n})}function c({index:e,className:r,...o}){let{char:s,hasFakeCaret:c,isActive:l}=a.useContext(n.OTPInputContext)?.slots[e]??{};return(0,i.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":l,className:t.cn(`relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40`,r),...o,children:[s,c&&(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,i.jsx)(`div`,{className:`h-4 w-px animate-caret-blink bg-foreground duration-1000`})})]})}function l({...e}){return(0,i.jsx)(`div`,{"data-slot":`input-otp-separator`,className:`flex items-center [&_svg:not([class*='size-'])]:size-4`,role:`separator`,...e,children:(0,i.jsx)(r.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
-//# sourceMappingURL=input-otp.cjs.js.map

package/dist/components/ui/input-otp.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp.cjs.js","names":[],"sources":["../../../src/components/ui/input-otp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\nimport { cn } from \"../../lib/utils\"\nimport { MinusIcon } from \"lucide-react\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"cn-input-otp flex items-center has-disabled:opacity-50\",\n        containerClassName\n      )}\n      spellCheck={false}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        \"flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon\n      />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":"mWAMA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,SAAD,CACE,YAAU,YACV,mBAAoB,EAAA,GAClB,yDACA,CACF,EACA,WAAY,GACZ,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,kBACV,UAAW,EAAA,GACT,0KACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CAED,GAAM,CAAE,OAAM,eAAc,YADJ,EAAM,WAAW,EAAA,eACA,CAAA,EAAiB,MAAM,IAAU,CAAC,EAE3E,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,iBACV,cAAa,EACb,UAAW,EAAA,GACT,4eACA,CACF,EACA,GAAI,WAPN,CASG,EACA,IACC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,kFACb,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,0DAA4D,CAAA,CACxE,CAAA,CAEJ,GAET,CAEA,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAU,yDACV,KAAK,YACL,GAAI,YAEJ,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CACC,CAAA,CACE,CAAA,CAET"}

package/dist/components/ui/input-otp.es.js

@@ -1,48 +0,0 @@
-import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
-import { OTPInput as t, OTPInputContext as n } from "../../node_modules/.bun/input-otp@1.4.2_7492c01c6988791b/node_modules/input-otp/dist/index.es.js";
-import { MinusIcon as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import * as o from "react";
-//#region src/components/ui/input-otp.tsx
-function s({ className: n, containerClassName: r, ...a }) {
-	return /* @__PURE__ */ i(t, {
-		"data-slot": "input-otp",
-		containerClassName: e("cn-input-otp flex items-center has-disabled:opacity-50", r),
-		spellCheck: !1,
-		className: e("disabled:cursor-not-allowed", n),
-		...a
-	});
-}
-function c({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "input-otp-group",
-		className: e("flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", t),
-		...n
-	});
-}
-function l({ index: t, className: r, ...s }) {
-	let { char: c, hasFakeCaret: l, isActive: u } = o.useContext(n)?.slots[t] ?? {};
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "input-otp-slot",
-		"data-active": u,
-		className: e("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", r),
-		...s,
-		children: [c, l && /* @__PURE__ */ i("div", {
-			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ i("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
-		})]
-	});
-}
-function u({ ...e }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "input-otp-separator",
-		className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
-		role: "separator",
-		...e,
-		children: /* @__PURE__ */ i(r, {})
-	});
-}
-//#endregion
-export { s as InputOTP, c as InputOTPGroup, u as InputOTPSeparator, l as InputOTPSlot };
-
-//# sourceMappingURL=input-otp.es.js.map

package/dist/components/ui/input-otp.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp.es.js","names":[],"sources":["../../../src/components/ui/input-otp.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\n\nimport { cn } from \"../../lib/utils\"\nimport { MinusIcon } from \"lucide-react\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"cn-input-otp flex items-center has-disabled:opacity-50\",\n        containerClassName\n      )}\n      spellCheck={false}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\n        \"flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon\n      />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":";;;;;;AAMA,SAAS,EAAS,EAChB,cACA,uBACA,GAAG,KAGF;CACD,OACE,kBAAC,GAAD;EACE,aAAU;EACV,oBAAoB,EAClB,0DACA,CACF;EACA,YAAY;EACZ,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAsC;CAC3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,2KACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,UACA,cACA,GAAG,KAGF;CAED,IAAM,EAAE,SAAM,iBAAc,gBADJ,EAAM,WAAW,CACA,CAAA,EAAiB,MAAM,MAAU,CAAC;CAE3E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,EACT,6eACA,CACF;EACA,GAAI;YAPN,CASG,GACA,KACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD,EAAK,WAAU,2DAA4D,CAAA;EACxE,CAAA,CAEJ;;AAET;AAEA,SAAS,EAAkB,EAAE,GAAG,KAAsC;CACpE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAU;EACV,MAAK;EACL,GAAI;YAEJ,kBAAC,GAAD,CACC,CAAA;CACE,CAAA;AAET"}

package/dist/components/ui/input.cjs.js

@@ -1,2 +0,0 @@
-const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/input");function a({className:e,type:r,...a}){return(0,n.jsx)(i.Input,{type:r,"data-slot":`input`,className:t.cn(`h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40`,e),...a})}exports.Input=a;
-//# sourceMappingURL=input.cjs.js.map

package/dist/components/ui/input.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.cjs.js","names":[],"sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Input as InputPrimitive } from \"@base-ui/react/input\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <InputPrimitive\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"gQAKA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,8oBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}