@cmdniels/uikit 2.2.2 → 2.3.0

package/out/components/field/fieldVariants.js

@@ -1,4 +1,8 @@
 import { cva } from "class-variance-authority";
+/**
+ * Layout variants for Field.
+ * orientation: vertical, horizontal, responsive.
+ */
 const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
     variants: {
         orientation: {

package/out/components/field/fieldVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldVariants.js","sourceRoot":"","sources":["../../../components/field/fieldVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,aAAa,GAAG,GAAG,CAAC,oEAAoE,EAAE;IAC/F,QAAQ,EAAE;QACT,WAAW,EAAE;YACZ,QAAQ,EAAE,2CAA2C;YACrD,UAAU,EACT,kLAAkL;YACnL,UAAU,EACT,yUAAyU;SAC1U;KACD;IACD,eAAe,EAAE;QAChB,WAAW,EAAE,UAAU;KACvB;CACD,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst fieldVariants = cva(\"group/field flex w-full gap-3 data-[invalid=true]:text-destructive\", {\n\tvariants: {\n\t\torientation: {\n\t\t\tvertical: \"flex-col [&>*]:w-full [&>.sr-only]:w-auto\",\n\t\t\thorizontal:\n\t\t\t\t\"flex-row items-center has-[>[data-slot=field-content]]:items-start [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n\t\t\tresponsive:\n\t\t\t\t\"flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\torientation: \"vertical\",\n\t},\n});\n\nexport default fieldVariants;\n"]}
+{"version":3,"file":"fieldVariants.js","sourceRoot":"","sources":["../../../components/field/fieldVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;GAGG;AACH,MAAM,aAAa,GAAG,GAAG,CAAC,oEAAoE,EAAE;IAC/F,QAAQ,EAAE;QACT,WAAW,EAAE;YACZ,QAAQ,EAAE,2CAA2C;YACrD,UAAU,EACT,kLAAkL;YACnL,UAAU,EACT,yUAAyU;SAC1U;KACD;IACD,eAAe,EAAE;QAChB,WAAW,EAAE,UAAU;KACvB;CACD,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Layout variants for Field.\n * orientation: vertical, horizontal, responsive.\n */\nconst fieldVariants = cva(\"group/field flex w-full gap-3 data-[invalid=true]:text-destructive\", {\n\tvariants: {\n\t\torientation: {\n\t\t\tvertical: \"flex-col [&>*]:w-full [&>.sr-only]:w-auto\",\n\t\t\thorizontal:\n\t\t\t\t\"flex-row items-center has-[>[data-slot=field-content]]:items-start [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n\t\t\tresponsive:\n\t\t\t\t\"flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\torientation: \"vertical\",\n\t},\n});\n\nexport default fieldVariants;\n"]}

package/out/components/file-dropzone/FileDropzone.d.ts

@@ -1,4 +1,10 @@
 import { type RefObject } from "react";
+/**
+ * A drag and drop file picker with a hidden file input.
+ * Requires fileInputRef for the input and onFileUpload, which receives the first selected or dropped file.
+ * accept defaults to any file type and maxSize to 10MB; maxSize is display text only, no size validation is performed.
+ * Clicking the dropzone opens the referenced file input.
+ */
 export default function FileDropzone({ fileInputRef, onFileUpload, accept, maxSize, className, }: {
     fileInputRef: RefObject<HTMLInputElement | null>;
     onFileUpload(file: File): void;

package/out/components/file-dropzone/FileDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../components/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,YAAY,EACZ,YAAY,EACZ,MAAc,EACd,OAAgB,EAChB,SAAS,GACT,EAAE;IACF,YAAY,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACjD,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,2CAwEA"}
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../components/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,YAAY,EACZ,YAAY,EACZ,MAAc,EACd,OAAgB,EAChB,SAAS,GACT,EAAE;IACF,YAAY,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACjD,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,2CAwEA"}

package/out/components/file-dropzone/FileDropzone.js

@@ -2,6 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconUpload } from "@tabler/icons-react";
 import { useState } from "react";
 import cn from "../../cn";
+/**
+ * A drag and drop file picker with a hidden file input.
+ * Requires fileInputRef for the input and onFileUpload, which receives the first selected or dropped file.
+ * accept defaults to any file type and maxSize to 10MB; maxSize is display text only, no size validation is performed.
+ * Clicking the dropzone opens the referenced file input.
+ */
 export default function FileDropzone({ fileInputRef, onFileUpload, accept = "*/*", maxSize = "10MB", className, }) {
     const [isDragActive, setIsDragActive] = useState(false);
     const handleFileSelect = (files) => {

package/out/components/file-dropzone/FileDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropzone.js","sourceRoot":"","sources":["../../../components/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAkC,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,YAAY,EACZ,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,MAAM,EAChB,SAAS,GAOT;IACA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,gBAAgB,GAAG,CAAC,KAAsB,EAAE,EAAE;QACnD,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAY,EAAE,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAY,EAAE,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAY,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAY,EAAE,EAAE;QACnC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,eACC,SAAS,EAAE,EAAE,CACZ,qHAAqH,EACrH,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EACjD,SAAS,CACT,EACD,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,eAAe,EAC5B,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,UAAU,aAElB,cAAK,SAAS,EAAC,MAAM,YACpB,KAAC,UAAU,IACV,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,CAAC,GACxF,GACG,EACN,YAAG,SAAS,EAAC,0CAA0C,YACrD,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gCAAgC,GAChE,EACJ,aAAG,SAAS,EAAC,oCAAoC,kBAAG,OAAO,aAAU,EACrE,gBACC,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAChD,IACG,CACN,CAAC;AACH,CAAC","sourcesContent":["import { IconUpload } from \"@tabler/icons-react\";\nimport { useState, type DragEvent, type RefObject } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function FileDropzone({\n\tfileInputRef,\n\tonFileUpload,\n\taccept = \"*/*\",\n\tmaxSize = \"10MB\",\n\tclassName,\n}: {\n\tfileInputRef: RefObject<HTMLInputElement | null>;\n\tonFileUpload(file: File): void;\n\taccept?: string;\n\tmaxSize?: string;\n\tclassName?: string;\n}) {\n\tconst [isDragActive, setIsDragActive] = useState(false);\n\n\tconst handleFileSelect = (files: FileList | null) => {\n\t\tif (files?.[0]) {\n\t\t\tonFileUpload(files[0]);\n\t\t}\n\t};\n\n\tconst handleBoxClick = () => {\n\t\tfileInputRef.current?.click();\n\t};\n\n\tconst handleDragEnter = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetIsDragActive(true);\n\t};\n\n\tconst handleDragLeave = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetIsDragActive(false);\n\t};\n\n\tconst handleDragOver = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t};\n\n\tconst handleDrop = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetIsDragActive(false);\n\n\t\tconst files = Array.from(e.dataTransfer.files);\n\t\tif (files.length > 0) {\n\t\t\tonFileUpload(files[0]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-pointer flex-col items-center justify-center rounded-lg border-border p-8 text-center transition-colors\",\n\t\t\t\tisDragActive ? \"border bg-card\" : \"border-dashed\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={handleBoxClick}\n\t\t\tonDragEnter={handleDragEnter}\n\t\t\tonDragLeave={handleDragLeave}\n\t\t\tonDragOver={handleDragOver}\n\t\t\tonDrop={handleDrop}\n\t\t>\n\t\t\t<div className=\"mb-2\">\n\t\t\t\t<IconUpload\n\t\t\t\t\tclassName={cn(\"size-8 \", isDragActive ? \"text-card-foreground\" : \"text-muted-foreground\")}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<p className=\"text-sm font-medium text-card-foreground\">\n\t\t\t\t{isDragActive ? \"Drop file here\" : \"Choose a file or drag and drop\"}\n\t\t\t</p>\n\t\t\t<p className=\"mt-1 text-xs text-muted-foreground\">({maxSize} max)</p>\n\t\t\t<input\n\t\t\t\ttype=\"file\"\n\t\t\t\tref={fileInputRef}\n\t\t\t\tclassName=\"hidden\"\n\t\t\t\taccept={accept}\n\t\t\t\tonChange={(e) => handleFileSelect(e.target.files)}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"FileDropzone.js","sourceRoot":"","sources":["../../../components/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAkC,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,YAAY,EACZ,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,MAAM,EAChB,SAAS,GAOT;IACA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,gBAAgB,GAAG,CAAC,KAAsB,EAAE,EAAE;QACnD,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAY,EAAE,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAY,EAAE,EAAE;QACxC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAY,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAY,EAAE,EAAE;QACnC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,eACC,SAAS,EAAE,EAAE,CACZ,qHAAqH,EACrH,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EACjD,SAAS,CACT,EACD,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,eAAe,EAC5B,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,UAAU,aAElB,cAAK,SAAS,EAAC,MAAM,YACpB,KAAC,UAAU,IACV,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,CAAC,GACxF,GACG,EACN,YAAG,SAAS,EAAC,0CAA0C,YACrD,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gCAAgC,GAChE,EACJ,aAAG,SAAS,EAAC,oCAAoC,kBAAG,OAAO,aAAU,EACrE,gBACC,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAChD,IACG,CACN,CAAC;AACH,CAAC","sourcesContent":["import { IconUpload } from \"@tabler/icons-react\";\nimport { useState, type DragEvent, type RefObject } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A drag and drop file picker with a hidden file input.\n * Requires fileInputRef for the input and onFileUpload, which receives the first selected or dropped file.\n * accept defaults to any file type and maxSize to 10MB; maxSize is display text only, no size validation is performed.\n * Clicking the dropzone opens the referenced file input.\n */\nexport default function FileDropzone({\n\tfileInputRef,\n\tonFileUpload,\n\taccept = \"*/*\",\n\tmaxSize = \"10MB\",\n\tclassName,\n}: {\n\tfileInputRef: RefObject<HTMLInputElement | null>;\n\tonFileUpload(file: File): void;\n\taccept?: string;\n\tmaxSize?: string;\n\tclassName?: string;\n}) {\n\tconst [isDragActive, setIsDragActive] = useState(false);\n\n\tconst handleFileSelect = (files: FileList | null) => {\n\t\tif (files?.[0]) {\n\t\t\tonFileUpload(files[0]);\n\t\t}\n\t};\n\n\tconst handleBoxClick = () => {\n\t\tfileInputRef.current?.click();\n\t};\n\n\tconst handleDragEnter = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetIsDragActive(true);\n\t};\n\n\tconst handleDragLeave = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetIsDragActive(false);\n\t};\n\n\tconst handleDragOver = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t};\n\n\tconst handleDrop = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tsetIsDragActive(false);\n\n\t\tconst files = Array.from(e.dataTransfer.files);\n\t\tif (files.length > 0) {\n\t\t\tonFileUpload(files[0]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-pointer flex-col items-center justify-center rounded-lg border-border p-8 text-center transition-colors\",\n\t\t\t\tisDragActive ? \"border bg-card\" : \"border-dashed\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClick={handleBoxClick}\n\t\t\tonDragEnter={handleDragEnter}\n\t\t\tonDragLeave={handleDragLeave}\n\t\t\tonDragOver={handleDragOver}\n\t\t\tonDrop={handleDrop}\n\t\t>\n\t\t\t<div className=\"mb-2\">\n\t\t\t\t<IconUpload\n\t\t\t\t\tclassName={cn(\"size-8 \", isDragActive ? \"text-card-foreground\" : \"text-muted-foreground\")}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<p className=\"text-sm font-medium text-card-foreground\">\n\t\t\t\t{isDragActive ? \"Drop file here\" : \"Choose a file or drag and drop\"}\n\t\t\t</p>\n\t\t\t<p className=\"mt-1 text-xs text-muted-foreground\">({maxSize} max)</p>\n\t\t\t<input\n\t\t\t\ttype=\"file\"\n\t\t\t\tref={fileInputRef}\n\t\t\t\tclassName=\"hidden\"\n\t\t\t\taccept={accept}\n\t\t\t\tonChange={(e) => handleFileSelect(e.target.files)}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}

package/out/components/input/Input.d.ts

@@ -1,3 +1,10 @@
 import type { ComponentProps } from "react";
+/**
+ * A single-line text input.
+ * Use aria-invalid to mark it invalid and disabled to disable it.
+ * For icons, text or buttons inside the input, use InputGroup with InputGroupInput instead.
+ * For labels, descriptions and errors, wrap it in Field with FieldLabel and FieldError.
+ * Renders a Base UI Input; other props pass through to it.
+ */
 export default function Input({ className, type, readOnly, tabIndex, children, value, ...props }: ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/out/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,OAAO,CAAC,2CAkBzB"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,OAAO,CAAC,2CAkBzB"}

package/out/components/input/Input.js

@@ -1,6 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Input as InputPrimitive } from "@base-ui/react/input";
 import cn from "../../cn";
+/**
+ * A single-line text input.
+ * Use aria-invalid to mark it invalid and disabled to disable it.
+ * For icons, text or buttons inside the input, use InputGroup with InputGroupInput instead.
+ * For labels, descriptions and errors, wrap it in Field with FieldLabel and FieldError.
+ * Renders a Base UI Input; other props pass through to it.
+ */
 export default function Input({ className, type, readOnly, tabIndex, children, value, ...props }) {
     return (_jsx(InputPrimitive, { type: type === "number" && value === Infinity ? "text" : type, "data-slot": "input", readOnly: readOnly, tabIndex: readOnly ? -1 : tabIndex, value: type === "number" && value === Infinity ? "Infinite" : value, className: cn("h-9 w-full min-w-0 rounded-md border border-border bg-card px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 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-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm", readOnly && "pointer-events-none", className), ...props, children: children }));
 }

package/out/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACiB;IACzB,OAAO,CACN,KAAC,cAAc,IACd,IAAI,EAAE,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,eACnD,OAAO,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAClC,KAAK,EAAE,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EACnE,SAAS,EAAE,EAAE,CACZ,uhBAAuhB,EACvhB,QAAQ,IAAI,qBAAqB,EACjC,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACO,CACjB,CAAC;AACH,CAAC","sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\";\n\nimport cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function Input({\n\tclassName,\n\ttype,\n\treadOnly,\n\ttabIndex,\n\tchildren,\n\tvalue,\n\t...props\n}: ComponentProps<\"input\">) {\n\treturn (\n\t\t<InputPrimitive\n\t\t\ttype={type === \"number\" && value === Infinity ? \"text\" : type}\n\t\t\tdata-slot=\"input\"\n\t\t\treadOnly={readOnly}\n\t\t\ttabIndex={readOnly ? -1 : tabIndex}\n\t\t\tvalue={type === \"number\" && value === Infinity ? \"Infinite\" : value}\n\t\t\tclassName={cn(\n\t\t\t\t\"h-9 w-full min-w-0 rounded-md border border-border bg-card px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 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-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm\",\n\t\t\t\treadOnly && \"pointer-events-none\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</InputPrimitive>\n\t);\n}\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../components/input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACiB;IACzB,OAAO,CACN,KAAC,cAAc,IACd,IAAI,EAAE,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,eACnD,OAAO,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAClC,KAAK,EAAE,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EACnE,SAAS,EAAE,EAAE,CACZ,uhBAAuhB,EACvhB,QAAQ,IAAI,qBAAqB,EACjC,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACO,CACjB,CAAC;AACH,CAAC","sourcesContent":["import { Input as InputPrimitive } from \"@base-ui/react/input\";\n\nimport cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * A single-line text input.\n * Use aria-invalid to mark it invalid and disabled to disable it.\n * For icons, text or buttons inside the input, use InputGroup with InputGroupInput instead.\n * For labels, descriptions and errors, wrap it in Field with FieldLabel and FieldError.\n * Renders a Base UI Input; other props pass through to it.\n */\nexport default function Input({\n\tclassName,\n\ttype,\n\treadOnly,\n\ttabIndex,\n\tchildren,\n\tvalue,\n\t...props\n}: ComponentProps<\"input\">) {\n\treturn (\n\t\t<InputPrimitive\n\t\t\ttype={type === \"number\" && value === Infinity ? \"text\" : type}\n\t\t\tdata-slot=\"input\"\n\t\t\treadOnly={readOnly}\n\t\t\ttabIndex={readOnly ? -1 : tabIndex}\n\t\t\tvalue={type === \"number\" && value === Infinity ? \"Infinite\" : value}\n\t\t\tclassName={cn(\n\t\t\t\t\"h-9 w-full min-w-0 rounded-md border border-border bg-card px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 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-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm\",\n\t\t\t\treadOnly && \"pointer-events-none\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</InputPrimitive>\n\t);\n}\n"]}

package/out/components/input-group/InputGroup.d.ts

@@ -1,3 +1,9 @@
 import type { ComponentProps } from "react";
+/**
+ * Wraps an input with addons, buttons and text.
+ * Compose with InputGroupInput or InputGroupTextArea, InputGroupAddon, InputGroupButton and InputGroupText.
+ * Use this instead of Input when content sits inside the input; use InputGroupButton instead of Button.
+ * Other props pass through to the div.
+ */
 export default function InputGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputGroup.d.ts.map

package/out/components/input-group/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYhF"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYhF"}

package/out/components/input-group/InputGroup.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Wraps an input with addons, buttons and text.
+ * Compose with InputGroupInput or InputGroupTextArea, InputGroupAddon, InputGroupButton and InputGroupText.
+ * Use this instead of Input when content sits inside the input; use InputGroupButton instead of Button.
+ * Other props pass through to the div.
+ */
 export default function InputGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-border bg-card shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] 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-[3px] 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 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", className), ...props }));
 }

package/out/components/input-group/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../components/input-group/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAChF,OAAO,CACN,2BACW,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACZ,g+BAAg+B,EACh+B,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function InputGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"input-group\"\n\t\t\trole=\"group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-border bg-card shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] 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-[3px] 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 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\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../components/input-group/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAChF,OAAO,CACN,2BACW,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CACZ,g+BAAg+B,EACh+B,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * Wraps an input with addons, buttons and text.\n * Compose with InputGroupInput or InputGroupTextArea, InputGroupAddon, InputGroupButton and InputGroupText.\n * Use this instead of Input when content sits inside the input; use InputGroupButton instead of Button.\n * Other props pass through to the div.\n */\nexport default function InputGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"input-group\"\n\t\t\trole=\"group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-border bg-card shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] 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-[3px] 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 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\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/input-group/InputGroupAddon.d.ts

@@ -1,5 +1,12 @@
 import inputGroupAddonVariants from "./inputGroupAddonVariants";
 import type { VariantProps } from "class-variance-authority";
 import type { ComponentProps } from "react";
+/**
+ * Displays icons, text, buttons or Kbd alongside an input inside InputGroup.
+ * align: inline-start (default), inline-end, block-start, block-end.
+ * Use inline-start or inline-end with InputGroupInput, and block-start or block-end with InputGroupTextArea.
+ * Place the addon after the input in the DOM for tab order and use align to position it visually.
+ * Clicking the addon focuses a sibling input. Other props pass through to the div.
+ */
 export default function InputGroupAddon({ className, align, tabIndex, ...props }: ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputGroupAddon.d.ts.map

package/out/components/input-group/InputGroupAddon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupAddon.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupAddon.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,SAAS,EACT,KAAsB,EACtB,QAAa,EACb,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,2CAiBtE"}
+{"version":3,"file":"InputGroupAddon.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupAddon.tsx"],"names":[],"mappings":"AAEA,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,SAAS,EACT,KAAsB,EACtB,QAAa,EACb,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,2CAiBtE"}

package/out/components/input-group/InputGroupAddon.js

@@ -1,6 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import inputGroupAddonVariants from "./inputGroupAddonVariants";
+/**
+ * Displays icons, text, buttons or Kbd alongside an input inside InputGroup.
+ * align: inline-start (default), inline-end, block-start, block-end.
+ * Use inline-start or inline-end with InputGroupInput, and block-start or block-end with InputGroupTextArea.
+ * Place the addon after the input in the DOM for tab order and use align to position it visually.
+ * Clicking the addon focuses a sibling input. Other props pass through to the div.
+ */
 export default function InputGroupAddon({ className, align = "inline-start", tabIndex = -1, ...props }) {
     return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, tabIndex: tabIndex, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
             if (e.target.closest("button")) {

package/out/components/input-group/InputGroupAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupAddon.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupAddon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAKhE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,SAAS,EACT,KAAK,GAAG,cAAc,EACtB,QAAQ,GAAG,CAAC,CAAC,EACb,GAAG,KAAK,EAC8D;IACtE,OAAO,CACN,cACC,IAAI,EAAC,OAAO,eACF,mBAAmB,gBACjB,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACjD,OAAO;YACR,CAAC;YACD,CAAC,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;QAChE,CAAC,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport inputGroupAddonVariants from \"./inputGroupAddonVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\nexport default function InputGroupAddon({\n\tclassName,\n\talign = \"inline-start\",\n\ttabIndex = -1,\n\t...props\n}: ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\tdata-slot=\"input-group-addon\"\n\t\t\tdata-align={align}\n\t\t\ttabIndex={tabIndex}\n\t\t\tclassName={cn(inputGroupAddonVariants({ align }), className)}\n\t\t\tonClick={(e) => {\n\t\t\t\tif ((e.target as HTMLElement).closest(\"button\")) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\te.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"InputGroupAddon.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupAddon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAKhE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,SAAS,EACT,KAAK,GAAG,cAAc,EACtB,QAAQ,GAAG,CAAC,CAAC,EACb,GAAG,KAAK,EAC8D;IACtE,OAAO,CACN,cACC,IAAI,EAAC,OAAO,eACF,mBAAmB,gBACjB,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACjD,OAAO;YACR,CAAC;YACD,CAAC,CAAC,aAAa,CAAC,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;QAChE,CAAC,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport inputGroupAddonVariants from \"./inputGroupAddonVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\n/**\n * Displays icons, text, buttons or Kbd alongside an input inside InputGroup.\n * align: inline-start (default), inline-end, block-start, block-end.\n * Use inline-start or inline-end with InputGroupInput, and block-start or block-end with InputGroupTextArea.\n * Place the addon after the input in the DOM for tab order and use align to position it visually.\n * Clicking the addon focuses a sibling input. Other props pass through to the div.\n */\nexport default function InputGroupAddon({\n\tclassName,\n\talign = \"inline-start\",\n\ttabIndex = -1,\n\t...props\n}: ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\tdata-slot=\"input-group-addon\"\n\t\t\tdata-align={align}\n\t\t\ttabIndex={tabIndex}\n\t\t\tclassName={cn(inputGroupAddonVariants({ align }), className)}\n\t\t\tonClick={(e) => {\n\t\t\t\tif ((e.target as HTMLElement).closest(\"button\")) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\te.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/input-group/InputGroupButton.d.ts

@@ -2,6 +2,13 @@ import Button from "../../components/button/Button";
 import inputGroupButtonVariants from "./inputGroupButtonVariants";
 import type { VariantProps } from "class-variance-authority";
 import type { ComponentProps } from "react";
+/**
+ * A button sized for use inside InputGroup.
+ * Use this instead of Button inside InputGroup so the height, radius and spacing match the group.
+ * variant defaults to link; any Button variant is accepted.
+ * size: xs (default), sm, icon-xs, icon-sm.
+ * Other props pass through to Button.
+ */
 export default function InputGroupButton({ className, type, variant, size, tabIndex, ...props }: Omit<ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
     type?: "button" | "submit" | "reset";
 }): import("react/jsx-runtime").JSX.Element;

package/out/components/input-group/InputGroupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupButton.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupButton.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACxC,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,QAAa,EACb,GAAG,KAAK,EACR,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACtD,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,2CAWD"}
+{"version":3,"file":"InputGroupButton.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupButton.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACxC,SAAS,EACT,IAAe,EACf,OAAgB,EAChB,IAAW,EACX,QAAa,EACb,GAAG,KAAK,EACR,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACtD,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,2CAWD"}

package/out/components/input-group/InputGroupButton.js

@@ -2,7 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import Button from "../../components/button/Button";
 import inputGroupButtonVariants from "./inputGroupButtonVariants";
-export default function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", tabIndex = -1, ...props }) {
+/**
+ * A button sized for use inside InputGroup.
+ * Use this instead of Button inside InputGroup so the height, radius and spacing match the group.
+ * variant defaults to link; any Button variant is accepted.
+ * size: xs (default), sm, icon-xs, icon-sm.
+ * Other props pass through to Button.
+ */
+export default function InputGroupButton({ className, type = "button", variant = "link", size = "xs", tabIndex = -1, ...props }) {
     return (_jsx(Button, { type: type, "data-size": size, tabIndex: tabIndex, variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
 }
 //# sourceMappingURL=InputGroupButton.js.map

package/out/components/input-group/InputGroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupButton.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAKlE,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACxC,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,CAAC,CAAC,EACb,GAAG,KAAK,EAIP;IACD,OAAO,CACN,KAAC,MAAM,IACN,IAAI,EAAE,IAAI,eACC,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACxD,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\nimport Button from \"@/components/button/Button\";\n\nimport inputGroupButtonVariants from \"./inputGroupButtonVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\nexport default function InputGroupButton({\n\tclassName,\n\ttype = \"button\",\n\tvariant = \"ghost\",\n\tsize = \"xs\",\n\ttabIndex = -1,\n\t...props\n}: Omit<ComponentProps<typeof Button>, \"size\" | \"type\"> &\n\tVariantProps<typeof inputGroupButtonVariants> & {\n\t\ttype?: \"button\" | \"submit\" | \"reset\";\n\t}) {\n\treturn (\n\t\t<Button\n\t\t\ttype={type}\n\t\t\tdata-size={size}\n\t\t\ttabIndex={tabIndex}\n\t\t\tvariant={variant}\n\t\t\tclassName={cn(inputGroupButtonVariants({ size }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"InputGroupButton.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAKlE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACxC,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,CAAC,CAAC,EACb,GAAG,KAAK,EAIP;IACD,OAAO,CACN,KAAC,MAAM,IACN,IAAI,EAAE,IAAI,eACC,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACxD,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\nimport Button from \"@/components/button/Button\";\n\nimport inputGroupButtonVariants from \"./inputGroupButtonVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\n\n/**\n * A button sized for use inside InputGroup.\n * Use this instead of Button inside InputGroup so the height, radius and spacing match the group.\n * variant defaults to link; any Button variant is accepted.\n * size: xs (default), sm, icon-xs, icon-sm.\n * Other props pass through to Button.\n */\nexport default function InputGroupButton({\n\tclassName,\n\ttype = \"button\",\n\tvariant = \"link\",\n\tsize = \"xs\",\n\ttabIndex = -1,\n\t...props\n}: Omit<ComponentProps<typeof Button>, \"size\" | \"type\"> &\n\tVariantProps<typeof inputGroupButtonVariants> & {\n\t\ttype?: \"button\" | \"submit\" | \"reset\";\n\t}) {\n\treturn (\n\t\t<Button\n\t\t\ttype={type}\n\t\t\tdata-size={size}\n\t\t\ttabIndex={tabIndex}\n\t\t\tvariant={variant}\n\t\t\tclassName={cn(inputGroupButtonVariants({ size }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/input-group/InputGroupInput.d.ts

@@ -1,3 +1,9 @@
 import type { ComponentProps } from "react";
+/**
+ * The input for InputGroup. Replacement for Input with the group styles pre-applied.
+ * Use inside InputGroup only; standalone it has no border or background.
+ * Accepts the same props as Input.
+ * Uses data-slot input-group-control so InputGroup can style the focus and invalid states.
+ */
 export default function InputGroupInput({ className, ...props }: ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputGroupInput.d.ts.map

package/out/components/input-group/InputGroupInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupInput.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,2CAWvF"}
+{"version":3,"file":"InputGroupInput.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,2CAWvF"}

package/out/components/input-group/InputGroupInput.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import Input from "../../components/input/Input";
+/**
+ * The input for InputGroup. Replacement for Input with the group styles pre-applied.
+ * Use inside InputGroup only; standalone it has no border or background.
+ * Accepts the same props as Input.
+ * Uses data-slot input-group-control so InputGroup can style the focus and invalid states.
+ */
 export default function InputGroupInput({ className, ...props }) {
     return (_jsx(Input, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className), ...props }));
 }

package/out/components/input-group/InputGroupInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupInput.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B;IACvF,OAAO,CACN,KAAC,KAAK,iBACK,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACZ,6HAA6H,EAC7H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\nimport Input from \"@/components/input/Input\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function InputGroupInput({ className, ...props }: ComponentProps<\"input\">) {\n\treturn (\n\t\t<Input\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"InputGroupInput.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAI7C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B;IACvF,OAAO,CACN,KAAC,KAAK,iBACK,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACZ,6HAA6H,EAC7H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\nimport Input from \"@/components/input/Input\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * The input for InputGroup. Replacement for Input with the group styles pre-applied.\n * Use inside InputGroup only; standalone it has no border or background.\n * Accepts the same props as Input.\n * Uses data-slot input-group-control so InputGroup can style the focus and invalid states.\n */\nexport default function InputGroupInput({ className, ...props }: ComponentProps<\"input\">) {\n\treturn (\n\t\t<Input\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/input-group/InputGroupText.d.ts

@@ -1,3 +1,8 @@
 import type { ComponentProps } from "react";
+/**
+ * Static text or a prefix inside InputGroup, such as a currency symbol.
+ * Renders muted text and aligns SVG icons.
+ * Other props pass through to the span.
+ */
 export default function InputGroupText({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputGroupText.d.ts.map

package/out/components/input-group/InputGroupText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupText.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,2CAUrF"}
+{"version":3,"file":"InputGroupText.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,2CAUrF"}

package/out/components/input-group/InputGroupText.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Static text or a prefix inside InputGroup, such as a currency symbol.
+ * Renders muted text and aligns SVG icons.
+ * Other props pass through to the span.
+ */
 export default function InputGroupText({ className, ...props }) {
     return (_jsx("span", { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
 }

package/out/components/input-group/InputGroupText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupText.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B;IACrF,OAAO,CACN,eACC,SAAS,EAAE,EAAE,CACZ,wHAAwH,EACxH,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function InputGroupText({ className, ...props }: ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"InputGroupText.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B;IACrF,OAAO,CACN,eACC,SAAS,EAAE,EAAE,CACZ,wHAAwH,EACxH,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * Static text or a prefix inside InputGroup, such as a currency symbol.\n * Renders muted text and aligns SVG icons.\n * Other props pass through to the span.\n */\nexport default function InputGroupText({ className, ...props }: ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/input-group/InputGroupTextArea.d.ts

@@ -1,3 +1,9 @@
 import type { ComponentProps } from "react";
+/**
+ * The textarea for InputGroup. Replacement for TextArea with the group styles pre-applied.
+ * Use inside InputGroup only; pair it with InputGroupAddon align block-start or block-end.
+ * Accepts the same props as TextArea.
+ * Uses data-slot input-group-control so InputGroup can style the focus and invalid states.
+ */
 export default function InputGroupTextArea({ className, ...props }: ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputGroupTextArea.d.ts.map

package/out/components/input-group/InputGroupTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupTextArea.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,UAAU,CAAC,2CAW7F"}
+{"version":3,"file":"InputGroupTextArea.d.ts","sourceRoot":"","sources":["../../../components/input-group/InputGroupTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,UAAU,CAAC,2CAW7F"}

package/out/components/input-group/InputGroupTextArea.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import TextArea from "../../components/textarea/TextArea";
+/**
+ * The textarea for InputGroup. Replacement for TextArea with the group styles pre-applied.
+ * Use inside InputGroup only; pair it with InputGroupAddon align block-start or block-end.
+ * Accepts the same props as TextArea.
+ * Uses data-slot input-group-control so InputGroup can style the focus and invalid states.
+ */
 export default function InputGroupTextArea({ className, ...props }) {
     return (_jsx(TextArea, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className), ...props }));
 }

package/out/components/input-group/InputGroupTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupTextArea.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupTextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAItD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IAC7F,OAAO,CACN,KAAC,QAAQ,iBACE,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACZ,8IAA8I,EAC9I,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\nimport TextArea from \"@/components/textarea/TextArea\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function InputGroupTextArea({ className, ...props }: ComponentProps<\"textarea\">) {\n\treturn (\n\t\t<TextArea\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"InputGroupTextArea.js","sourceRoot":"","sources":["../../../components/input-group/InputGroupTextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAItD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IAC7F,OAAO,CACN,KAAC,QAAQ,iBACE,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACZ,8IAA8I,EAC9I,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\nimport TextArea from \"@/components/textarea/TextArea\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * The textarea for InputGroup. Replacement for TextArea with the group styles pre-applied.\n * Use inside InputGroup only; pair it with InputGroupAddon align block-start or block-end.\n * Accepts the same props as TextArea.\n * Uses data-slot input-group-control so InputGroup can style the focus and invalid states.\n */\nexport default function InputGroupTextArea({ className, ...props }: ComponentProps<\"textarea\">) {\n\treturn (\n\t\t<TextArea\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/input-group/inputGroupAddonVariants.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Alignment variants for InputGroupAddon.
+ * align: inline-start, inline-end, block-start, block-end.
+ */
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/out/components/input-group/inputGroupAddonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputGroupAddonVariants.d.ts","sourceRoot":"","sources":["../../../components/input-group/inputGroupAddonVariants.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,uBAAuB;;8EAiB5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"inputGroupAddonVariants.d.ts","sourceRoot":"","sources":["../../../components/input-group/inputGroupAddonVariants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,uBAAuB;;8EAiB5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/out/components/input-group/inputGroupAddonVariants.js

@@ -1,5 +1,9 @@
 import { cva } from "class-variance-authority";
-const inputGroupAddonVariants = 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", {
+/**
+ * Alignment variants for InputGroupAddon.
+ * align: inline-start, inline-end, block-start, block-end.
+ */
+const inputGroupAddonVariants = cva("flex h-auto 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.25rem] has-[>kbd]:ml-[-0.15rem]",

package/out/components/input-group/inputGroupAddonVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputGroupAddonVariants.js","sourceRoot":"","sources":["../../../components/input-group/inputGroupAddonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,uBAAuB,GAAG,GAAG,CAClC,yPAAyP,EACzP;IACC,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,cAAc,EAAE,uEAAuE;YACvF,YAAY,EAAE,sEAAsE;YACpF,aAAa,EACZ,mGAAmG;YACpG,WAAW,EACV,kGAAkG;SACnG;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,cAAc;KACrB;CACD,CACD,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst inputGroupAddonVariants = cva(\n\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\",\n\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\t\"inline-start\": \"order-first pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem]\",\n\t\t\t\t\"inline-end\": \"order-last pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem]\",\n\t\t\t\t\"block-start\":\n\t\t\t\t\t\"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n\t\t\t\t\"block-end\":\n\t\t\t\t\t\"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\talign: \"inline-start\",\n\t\t},\n\t}\n);\n\nexport default inputGroupAddonVariants;\n"]}
+{"version":3,"file":"inputGroupAddonVariants.js","sourceRoot":"","sources":["../../../components/input-group/inputGroupAddonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;GAGG;AACH,MAAM,uBAAuB,GAAG,GAAG,CAClC,6OAA6O,EAC7O;IACC,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,cAAc,EAAE,uEAAuE;YACvF,YAAY,EAAE,sEAAsE;YACpF,aAAa,EACZ,mGAAmG;YACpG,WAAW,EACV,kGAAkG;SACnG;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,cAAc;KACrB;CACD,CACD,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Alignment variants for InputGroupAddon.\n * align: inline-start, inline-end, block-start, block-end.\n */\nconst inputGroupAddonVariants = cva(\n\t\"flex h-auto 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\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\t\"inline-start\": \"order-first pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem]\",\n\t\t\t\t\"inline-end\": \"order-last pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem]\",\n\t\t\t\t\"block-start\":\n\t\t\t\t\t\"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n\t\t\t\t\"block-end\":\n\t\t\t\t\t\"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\talign: \"inline-start\",\n\t\t},\n\t}\n);\n\nexport default inputGroupAddonVariants;\n"]}

package/out/components/input-group/inputGroupButtonVariants.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Size variants for InputGroupButton.
+ * size: xs, sm, icon-xs, icon-sm.
+ */
 declare const inputGroupButtonVariants: (props?: ({
     size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/out/components/input-group/inputGroupButtonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputGroupButtonVariants.d.ts","sourceRoot":"","sources":["../../../components/input-group/inputGroupButtonVariants.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,wBAAwB;;8EAY5B,CAAC;AAEH,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"inputGroupButtonVariants.d.ts","sourceRoot":"","sources":["../../../components/input-group/inputGroupButtonVariants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,wBAAwB;;8EAY5B,CAAC;AAEH,eAAe,wBAAwB,CAAC"}

package/out/components/input-group/inputGroupButtonVariants.js

@@ -1,4 +1,8 @@
 import { cva } from "class-variance-authority";
+/**
+ * Size variants for InputGroupButton.
+ * size: xs, sm, icon-xs, icon-sm.
+ */
 const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
     variants: {
         size: {

package/out/components/input-group/inputGroupButtonVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputGroupButtonVariants.js","sourceRoot":"","sources":["../../../components/input-group/inputGroupButtonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,wBAAwB,GAAG,GAAG,CAAC,6CAA6C,EAAE;IACnF,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,2FAA2F;YAC/F,EAAE,EAAE,EAAE;YACN,SAAS,EAAE,6DAA6D;YACxE,SAAS,EAAE,2BAA2B;SACtC;KACD;IACD,eAAe,EAAE;QAChB,IAAI,EAAE,IAAI;KACV;CACD,CAAC,CAAC;AAEH,eAAe,wBAAwB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst inputGroupButtonVariants = cva(\"flex items-center gap-2 text-sm shadow-none\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n\t\t\tsm: \"\",\n\t\t\t\"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n\t\t\t\"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"xs\",\n\t},\n});\n\nexport default inputGroupButtonVariants;\n"]}
+{"version":3,"file":"inputGroupButtonVariants.js","sourceRoot":"","sources":["../../../components/input-group/inputGroupButtonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;GAGG;AACH,MAAM,wBAAwB,GAAG,GAAG,CAAC,6CAA6C,EAAE;IACnF,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,2FAA2F;YAC/F,EAAE,EAAE,EAAE;YACN,SAAS,EAAE,6DAA6D;YACxE,SAAS,EAAE,2BAA2B;SACtC;KACD;IACD,eAAe,EAAE;QAChB,IAAI,EAAE,IAAI;KACV;CACD,CAAC,CAAC;AAEH,eAAe,wBAAwB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Size variants for InputGroupButton.\n * size: xs, sm, icon-xs, icon-sm.\n */\nconst inputGroupButtonVariants = cva(\"flex items-center gap-2 text-sm shadow-none\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n\t\t\tsm: \"\",\n\t\t\t\"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n\t\t\t\"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"xs\",\n\t},\n});\n\nexport default inputGroupButtonVariants;\n"]}

package/out/components/item/Item.d.ts

@@ -1,6 +1,14 @@
 import { useRender } from "@base-ui/react/use-render";
 import itemVariants from "./itemVariants";
 import type { VariantProps } from "class-variance-authority";
+/**
+ * A flex container for content with media, title, description and actions.
+ * Compose with ItemMedia, ItemContent, ItemActions, ItemHeader and ItemFooter.
+ * variant: default, outline, muted. size: default, sm, xs.
+ * Use the render prop to render a link or button.
+ * Use Field instead when the item contains a form control.
+ * Other props pass through to the rendered element.
+ */
 declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export default Item;
 //# sourceMappingURL=Item.d.ts.map

package/out/components/item/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../components/item/Item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,8FAgBrE;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../components/item/Item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D;;;;;;;GAOG;AACH,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,8FAgBrE;AAED,eAAe,IAAI,CAAC"}

package/out/components/item/Item.js

@@ -2,6 +2,14 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import cn from "../../cn";
 import itemVariants from "./itemVariants";
+/**
+ * A flex container for content with media, title, description and actions.
+ * Compose with ItemMedia, ItemContent, ItemActions, ItemHeader and ItemFooter.
+ * variant: default, outline, muted. size: default, sm, xs.
+ * Use the render prop to render a link or button.
+ * Use Field instead when the item contains a form control.
+ * Other props pass through to the rendered element.
+ */
 function Item({ className, variant = "default", size = "default", render, ...props }) {
     return useRender({
         defaultTagName: "div",

package/out/components/item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../components/item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAI1C,SAAS,IAAI,CAAC,EACb,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,MAAM,EACN,GAAG,KAAK,EAC6D;IACrE,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;SACzD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,OAAO;YACP,IAAI;SACJ;KACD,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nimport cn from \"@/cn\";\n\nimport itemVariants from \"./itemVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\n\nfunction Item({\n\tclassName,\n\tvariant = \"default\",\n\tsize = \"default\",\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(itemVariants({ variant, size, className })),\n\t\t\t},\n\t\t\tprops\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"item\",\n\t\t\tvariant,\n\t\t\tsize,\n\t\t},\n\t});\n}\n\nexport default Item;\n"]}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../components/item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAI1C;;;;;;;GAOG;AACH,SAAS,IAAI,CAAC,EACb,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,MAAM,EACN,GAAG,KAAK,EAC6D;IACrE,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;SACzD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,MAAM;YACZ,OAAO;YACP,IAAI;SACJ;KACD,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nimport cn from \"@/cn\";\n\nimport itemVariants from \"./itemVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\n\n/**\n * A flex container for content with media, title, description and actions.\n * Compose with ItemMedia, ItemContent, ItemActions, ItemHeader and ItemFooter.\n * variant: default, outline, muted. size: default, sm, xs.\n * Use the render prop to render a link or button.\n * Use Field instead when the item contains a form control.\n * Other props pass through to the rendered element.\n */\nfunction Item({\n\tclassName,\n\tvariant = \"default\",\n\tsize = \"default\",\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(itemVariants({ variant, size, className })),\n\t\t\t},\n\t\t\tprops\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"item\",\n\t\t\tvariant,\n\t\t\tsize,\n\t\t},\n\t});\n}\n\nexport default Item;\n"]}

package/out/components/item/ItemActions.d.ts

@@ -1,4 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * Groups actions such as buttons at the end of an Item.
+ * Other props pass through to the div.
+ */
 declare function ItemActions({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export default ItemActions;
 //# sourceMappingURL=ItemActions.d.ts.map

package/out/components/item/ItemActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemActions.d.ts","sourceRoot":"","sources":["../../../components/item/ItemActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAElE;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ItemActions.d.ts","sourceRoot":"","sources":["../../../components/item/ItemActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAElE;AAED,eAAe,WAAW,CAAC"}

package/out/components/item/ItemActions.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Groups actions such as buttons at the end of an Item.
+ * Other props pass through to the div.
+ */
 function ItemActions({ className, ...props }) {
     return _jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
 }

package/out/components/item/ItemActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemActions.js","sourceRoot":"","sources":["../../../components/item/ItemActions.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAClE,OAAO,2BAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACzG,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nfunction ItemActions({ className, ...props }: ComponentProps<\"div\">) {\n\treturn <div data-slot=\"item-actions\" className={cn(\"flex items-center gap-2\", className)} {...props} />;\n}\n\nexport default ItemActions;\n"]}
+{"version":3,"file":"ItemActions.js","sourceRoot":"","sources":["../../../components/item/ItemActions.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAClE,OAAO,2BAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACzG,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Groups actions such as buttons at the end of an Item.\n * Other props pass through to the div.\n */\nfunction ItemActions({ className, ...props }: ComponentProps<\"div\">) {\n\treturn <div data-slot=\"item-actions\" className={cn(\"flex items-center gap-2\", className)} {...props} />;\n}\n\nexport default ItemActions;\n"]}

package/out/components/item/ItemContent.d.ts

@@ -1,4 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * Groups ItemTitle and ItemDescription inside an Item.
+ * Other props pass through to the div.
+ */
 declare function ItemContent({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export default ItemContent;
 //# sourceMappingURL=ItemContent.d.ts.map

package/out/components/item/ItemContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContent.d.ts","sourceRoot":"","sources":["../../../components/item/ItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWlE;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ItemContent.d.ts","sourceRoot":"","sources":["../../../components/item/ItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWlE;AAED,eAAe,WAAW,CAAC"}

package/out/components/item/ItemContent.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Groups ItemTitle and ItemDescription inside an Item.
+ * Other props pass through to the div.
+ */
 function ItemContent({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-content", className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className), ...props }));
 }

package/out/components/item/ItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContent.js","sourceRoot":"","sources":["../../../components/item/ItemContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAClE,OAAO,CACN,2BACW,cAAc,EACxB,SAAS,EAAE,EAAE,CACZ,mGAAmG,EACnG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nfunction ItemContent({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemContent;\n"]}
+{"version":3,"file":"ItemContent.js","sourceRoot":"","sources":["../../../components/item/ItemContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAClE,OAAO,CACN,2BACW,cAAc,EACxB,SAAS,EAAE,EAAE,CACZ,mGAAmG,EACnG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Groups ItemTitle and ItemDescription inside an Item.\n * Other props pass through to the div.\n */\nfunction ItemContent({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemContent;\n"]}