@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/inline-comment-composer.mjs

@@ -0,0 +1,174 @@
+import { Button } from "./button.mjs";
+import { Calendar as Calendar$1 } from "./calendar.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
+import { Toggle } from "./toggle.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ArrowUp, AtSign, Calendar, Flag, Plus } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { format } from "date-fns";
+//#region src/inline-comment-composer.tsx
+/**
+* Inline comment composer for thread replies — rounded Card, auto-resizing Textarea,
+* left-aligned metadata actions (flag toggle, add image, date picker, mention),
+* right-aligned Cancel + Post primary icon button. Submits on Enter (Shift+Enter for newline).
+*
+* Modeled after PromptInput. Distinct from `CommentComposer` (rich-text Tiptap editor) —
+* use this for quick inline replies inside a `CommentThread`.
+*/
+function InlineCommentComposer({ value, onChange, onSubmit, onCancel, placeholder = "Write your comment...", disabled = false, autoFocus = false, submitting = false, flagged = false, onFlaggedChange, date, onDateChange, onAddImage, acceptImageTypes = "image/*", onAddMention, cancelLabel = "Cancel", submitLabel, minHeight = 46, maxHeight = 200, className }) {
+	const textareaRef = React.useRef(null);
+	const fileInputRef = React.useRef(null);
+	const [showScrollbar, setShowScrollbar] = React.useState(false);
+	const [datePopoverOpen, setDatePopoverOpen] = React.useState(false);
+	const isBusy = disabled || submitting;
+	const canSubmit = !isBusy && value.trim().length > 0;
+	const handleSubmit = () => {
+		if (!canSubmit) return;
+		onSubmit({
+			text: value.trim(),
+			flagged,
+			date
+		});
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !e.shiftKey) {
+			e.preventDefault();
+			handleSubmit();
+		} else if (e.key === "Escape" && onCancel) {
+			e.preventDefault();
+			onCancel();
+		}
+	};
+	React.useEffect(() => {
+		const el = textareaRef.current;
+		if (!el) return;
+		el.style.height = `${minHeight}px`;
+		const next = Math.min(el.scrollHeight, maxHeight);
+		el.style.height = `${next}px`;
+		setShowScrollbar(el.scrollHeight > maxHeight);
+	}, [
+		value,
+		minHeight,
+		maxHeight
+	]);
+	React.useEffect(() => {
+		if (autoFocus) textareaRef.current?.focus();
+	}, [autoFocus]);
+	const handleFileChange = (e) => {
+		if (e.target.files && e.target.files.length > 0 && onAddImage) {
+			onAddImage(e.target.files);
+			e.target.value = "";
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:flex wwc:w-full wwc:flex-col wwc:rounded-2xl wwc:border wwc:bg-card wwc:transition-shadow wwc:focus-within:ring-2 wwc:focus-within:ring-ring/30", isBusy && "wwc:opacity-60", className),
+		children: [/* @__PURE__ */ jsx("textarea", {
+			ref: textareaRef,
+			value,
+			onChange: (e) => onChange(e.target.value),
+			onKeyDown: handleKeyDown,
+			placeholder,
+			disabled: isBusy,
+			rows: 1,
+			className: cn("wwc:w-full wwc:resize-none wwc:bg-transparent wwc:px-4 wwc:py-3 wwc:text-sm wwc:leading-[22px] wwc:text-foreground wwc:placeholder:text-muted-foreground wwc:focus:outline-none wwc:disabled:cursor-not-allowed", showScrollbar ? "wwc:overflow-y-auto" : "wwc:overflow-hidden"),
+			style: {
+				minHeight: `${minHeight}px`,
+				maxHeight: `${maxHeight}px`
+			}
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-center wwc:gap-1 wwc:px-2 wwc:pb-2",
+			children: [
+				onFlaggedChange && /* @__PURE__ */ jsxs(Toggle, {
+					pressed: flagged,
+					onPressedChange: onFlaggedChange,
+					disabled: isBusy,
+					size: "sm",
+					variant: "outline",
+					"aria-label": "Flag as potential issue",
+					className: "wwc:gap-1.5 wwc:text-xs wwc:[&_svg]:size-4 wwc:[&_svg]:shrink-0",
+					children: [/* @__PURE__ */ jsx(Flag, {}), /* @__PURE__ */ jsx("span", {
+						className: "wwc:hidden wwc:sm:inline",
+						children: flagged ? "Flagged" : "Flag"
+					})]
+				}),
+				onAddImage && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					icon: true,
+					disabled: isBusy,
+					onClick: () => fileInputRef.current?.click(),
+					"aria-label": "Add image",
+					children: /* @__PURE__ */ jsx(Plus, {})
+				}), /* @__PURE__ */ jsx("input", {
+					ref: fileInputRef,
+					type: "file",
+					className: "wwc:hidden",
+					accept: acceptImageTypes,
+					onChange: handleFileChange
+				})] }),
+				onDateChange && /* @__PURE__ */ jsxs(Popover, {
+					open: datePopoverOpen,
+					onOpenChange: setDatePopoverOpen,
+					children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							disabled: isBusy,
+							className: "wwc:gap-1.5",
+							"aria-label": date ? `Date: ${format(date, "PPP")}` : "Assign date",
+							children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsx("span", {
+								className: "wwc:hidden wwc:sm:inline",
+								children: date ? format(date, "M/d/yy") : "Date"
+							})]
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						align: "start",
+						className: "wwc:w-auto wwc:p-0",
+						children: /* @__PURE__ */ jsx(Calendar$1, {
+							mode: "single",
+							selected: date,
+							onSelect: (next) => {
+								onDateChange(next);
+								setDatePopoverOpen(false);
+							},
+							initialFocus: true
+						})
+					})]
+				}),
+				onAddMention && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					icon: true,
+					disabled: isBusy,
+					onClick: onAddMention,
+					"aria-label": "Mention",
+					children: /* @__PURE__ */ jsx(AtSign, {})
+				}),
+				/* @__PURE__ */ jsx("span", { className: "wwc:flex-1" }),
+				onCancel && /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					disabled: submitting,
+					onClick: onCancel,
+					children: cancelLabel
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					icon: true,
+					onClick: handleSubmit,
+					disabled: !canSubmit,
+					"aria-label": "Post comment",
+					children: submitLabel ?? /* @__PURE__ */ jsx(ArrowUp, {})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { InlineCommentComposer };
+
+//# sourceMappingURL=inline-comment-composer.mjs.map

package/dist/inline-comment-composer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-comment-composer.mjs","names":["CalendarIcon","Calendar"],"sources":["../src/inline-comment-composer.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {format} from \"date-fns\";\nimport {ArrowUp, AtSign, Calendar as CalendarIcon, Flag, Plus} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {Calendar} from \"./calendar\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"./popover\";\nimport {Toggle} from \"./toggle\";\n\nexport interface InlineCommentComposerSubmit {\n\ttext: string;\n\tflagged: boolean;\n\tdate?: Date;\n}\n\nexport interface InlineCommentComposerProps {\n\tvalue: string;\n\tonChange: (value: string) => void;\n\tonSubmit: (submission: InlineCommentComposerSubmit) => void;\n\tonCancel?: () => void;\n\n\tplaceholder?: string;\n\tdisabled?: boolean;\n\tautoFocus?: boolean;\n\tsubmitting?: boolean;\n\n\tflagged?: boolean;\n\tonFlaggedChange?: (flagged: boolean) => void;\n\n\tdate?: Date;\n\tonDateChange?: (date: Date | undefined) => void;\n\n\tonAddImage?: (files: FileList) => void;\n\tacceptImageTypes?: string;\n\n\tonAddMention?: () => void;\n\n\tcancelLabel?: React.ReactNode;\n\tsubmitLabel?: React.ReactNode;\n\n\tminHeight?: number;\n\tmaxHeight?: number;\n\n\tclassName?: string;\n}\n\nconst LINE_HEIGHT = 22;\nconst PADDING_Y = 24;\n\n/**\n * Inline comment composer for thread replies — rounded Card, auto-resizing Textarea,\n * left-aligned metadata actions (flag toggle, add image, date picker, mention),\n * right-aligned Cancel + Post primary icon button. Submits on Enter (Shift+Enter for newline).\n *\n * Modeled after PromptInput. Distinct from `CommentComposer` (rich-text Tiptap editor) —\n * use this for quick inline replies inside a `CommentThread`.\n */\nexport function InlineCommentComposer({\n\tvalue,\n\tonChange,\n\tonSubmit,\n\tonCancel,\n\tplaceholder = \"Write your comment...\",\n\tdisabled = false,\n\tautoFocus = false,\n\tsubmitting = false,\n\tflagged = false,\n\tonFlaggedChange,\n\tdate,\n\tonDateChange,\n\tonAddImage,\n\tacceptImageTypes = \"image/*\",\n\tonAddMention,\n\tcancelLabel = \"Cancel\",\n\tsubmitLabel,\n\tminHeight = LINE_HEIGHT + PADDING_Y,\n\tmaxHeight = LINE_HEIGHT * 8 + PADDING_Y,\n\tclassName,\n}: InlineCommentComposerProps) {\n\tconst textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\tconst fileInputRef = React.useRef<HTMLInputElement>(null);\n\tconst [showScrollbar, setShowScrollbar] = React.useState(false);\n\tconst [datePopoverOpen, setDatePopoverOpen] = React.useState(false);\n\n\tconst isBusy = disabled || submitting;\n\tconst canSubmit = !isBusy && value.trim().length > 0;\n\n\tconst handleSubmit = () => {\n\t\tif (!canSubmit) return;\n\t\tonSubmit({text: value.trim(), flagged, date});\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\tif (e.key === \"Enter\" && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\thandleSubmit();\n\t\t} else if (e.key === \"Escape\" && onCancel) {\n\t\t\te.preventDefault();\n\t\t\tonCancel();\n\t\t}\n\t};\n\n\tReact.useEffect(() => {\n\t\tconst el = textareaRef.current;\n\t\tif (!el) return;\n\t\tel.style.height = `${minHeight}px`;\n\t\tconst next = Math.min(el.scrollHeight, maxHeight);\n\t\tel.style.height = `${next}px`;\n\t\tsetShowScrollbar(el.scrollHeight > maxHeight);\n\t}, [value, minHeight, maxHeight]);\n\n\tReact.useEffect(() => {\n\t\tif (autoFocus) textareaRef.current?.focus();\n\t}, [autoFocus]);\n\n\tconst handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (e.target.files && e.target.files.length > 0 && onAddImage) {\n\t\t\tonAddImage(e.target.files);\n\t\t\te.target.value = \"\";\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:w-full wwc:flex-col wwc:rounded-2xl wwc:border wwc:bg-card wwc:transition-shadow wwc:focus-within:ring-2 wwc:focus-within:ring-ring/30\",\n\t\t\t\tisBusy && \"wwc:opacity-60\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<textarea\n\t\t\t\tref={textareaRef}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tdisabled={isBusy}\n\t\t\t\trows={1}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:w-full wwc:resize-none wwc:bg-transparent wwc:px-4 wwc:py-3 wwc:text-sm wwc:leading-[22px] wwc:text-foreground wwc:placeholder:text-muted-foreground wwc:focus:outline-none wwc:disabled:cursor-not-allowed\",\n\t\t\t\t\tshowScrollbar ? \"wwc:overflow-y-auto\" : \"wwc:overflow-hidden\",\n\t\t\t\t)}\n\t\t\t\tstyle={{minHeight: `${minHeight}px`, maxHeight: `${maxHeight}px`}}\n\t\t\t/>\n\n\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1 wwc:px-2 wwc:pb-2\">\n\t\t\t\t{onFlaggedChange && (\n\t\t\t\t\t<Toggle\n\t\t\t\t\t\tpressed={flagged}\n\t\t\t\t\t\tonPressedChange={onFlaggedChange}\n\t\t\t\t\t\tdisabled={isBusy}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\taria-label=\"Flag as potential issue\"\n\t\t\t\t\t\tclassName=\"wwc:gap-1.5 wwc:text-xs wwc:[&_svg]:size-4 wwc:[&_svg]:shrink-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Flag />\n\t\t\t\t\t\t<span className=\"wwc:hidden wwc:sm:inline\">{flagged ? \"Flagged\" : \"Flag\"}</span>\n\t\t\t\t\t</Toggle>\n\t\t\t\t)}\n\n\t\t\t\t{onAddImage && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\tdisabled={isBusy}\n\t\t\t\t\t\t\tonClick={() => fileInputRef.current?.click()}\n\t\t\t\t\t\t\taria-label=\"Add image\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Plus />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tref={fileInputRef}\n\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\tclassName=\"wwc:hidden\"\n\t\t\t\t\t\t\taccept={acceptImageTypes}\n\t\t\t\t\t\t\tonChange={handleFileChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t{onDateChange && (\n\t\t\t\t\t<Popover open={datePopoverOpen} onOpenChange={setDatePopoverOpen}>\n\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tdisabled={isBusy}\n\t\t\t\t\t\t\t\tclassName=\"wwc:gap-1.5\"\n\t\t\t\t\t\t\t\taria-label={date ? `Date: ${format(date, \"PPP\")}` : \"Assign date\"}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CalendarIcon />\n\t\t\t\t\t\t\t\t<span className=\"wwc:hidden wwc:sm:inline\">{date ? format(date, \"M/d/yy\") : \"Date\"}</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t<PopoverContent align=\"start\" className=\"wwc:w-auto wwc:p-0\">\n\t\t\t\t\t\t\t<Calendar\n\t\t\t\t\t\t\t\tmode=\"single\"\n\t\t\t\t\t\t\t\tselected={date}\n\t\t\t\t\t\t\t\tonSelect={(next) => {\n\t\t\t\t\t\t\t\t\tonDateChange(next);\n\t\t\t\t\t\t\t\t\tsetDatePopoverOpen(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tinitialFocus\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t</Popover>\n\t\t\t\t)}\n\n\t\t\t\t{onAddMention && (\n\t\t\t\t\t<Button type=\"button\" variant=\"ghost\" icon disabled={isBusy} onClick={onAddMention} aria-label=\"Mention\">\n\t\t\t\t\t\t<AtSign />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\n\t\t\t\t<span className=\"wwc:flex-1\" />\n\n\t\t\t\t{onCancel && (\n\t\t\t\t\t<Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={submitting} onClick={onCancel}>\n\t\t\t\t\t\t{cancelLabel}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\n\t\t\t\t<Button type=\"button\" icon onClick={handleSubmit} disabled={!canSubmit} aria-label=\"Post comment\">\n\t\t\t\t\t{submitLabel ?? <ArrowUp />}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/input-group.d.mts

@@ -0,0 +1,8 @@
+import * as React from "react";
+//#region src/input-group.d.ts
+/** Groups an input with addons like icons, buttons, or text. */
+declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const InputGroupText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { InputGroup, InputGroupText };
+//# sourceMappingURL=input-group.d.mts.map

package/dist/input-group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.mts","names":[],"sources":["../src/input-group.tsx"],"mappings":";;;cAIM,YAAU,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;cAKV,gBAAc,MAAA,0BAAA,MAAA,eAAA,mBAAA,MAAA,cAAA"}

package/dist/input-group.mjs

@@ -0,0 +1,21 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/input-group.tsx
+/** Groups an input with addons like icons, buttons, or text. */
+const InputGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:items-center", className),
+	...props
+}));
+InputGroup.displayName = "InputGroup";
+const InputGroupText = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("wwc:flex wwc:h-9 wwc:items-center wwc:justify-center wwc:border wwc:border-input wwc:bg-muted wwc:px-3 wwc:text-sm wwc:text-muted-foreground wwc:first:rounded-l-md wwc:first:border-r-0 wwc:last:rounded-r-md wwc:last:border-l-0", className),
+	...props
+}));
+InputGroupText.displayName = "InputGroupText";
+//#endregion
+export { InputGroup, InputGroupText };
+
+//# sourceMappingURL=input-group.mjs.map

package/dist/input-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.mjs","names":[],"sources":["../src/input-group.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n/** Groups an input with addons like icons, buttons, or text. */\nconst InputGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => <div ref={ref} className={cn(\"wwc:flex wwc:items-center\", className)} {...props} />,\n);\nInputGroup.displayName = \"InputGroup\";\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(\n\t({className, ...props}, ref) => (\n\t\t<span\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:h-9 wwc:items-center wwc:justify-center wwc:border wwc:border-input wwc:bg-muted wwc:px-3 wwc:text-sm wwc:text-muted-foreground wwc:first:rounded-l-md wwc:first:border-r-0 wwc:last:rounded-r-md wwc:last:border-l-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nInputGroupText.displayName = \"InputGroupText\";\n\nexport {InputGroup, InputGroupText};\n"],"mappings":";;;;;AAIA,MAAM,aAAa,MAAM,YACvB,EAAC,WAAW,GAAG,SAAQ,QAAQ,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,6BAA6B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACnH;AACA,WAAW,cAAc;AAEzB,MAAM,iBAAiB,MAAM,YAC3B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,QAAD;CACM;CACL,WAAW,GACV,sOACA,SACD;CACA,GAAI;AACJ,CAAA,CAEH;AACA,eAAe,cAAc"}

package/dist/input-otp.d.mts

@@ -0,0 +1,40 @@
+import * as React from "react";
+//#region src/input-otp.d.ts
+/** One-time password input with individual character slots and grouping support. */
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "nonce" | "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+  value?: string;
+  onChange?: (newValue: string) => unknown;
+  maxLength: number;
+  textAlign?: "left" | "center" | "right";
+  onComplete?: (...args: any[]) => unknown;
+  pushPasswordManagerStrategy?: "increase-width" | "none";
+  pasteTransformer?: (pasted: string) => string;
+  containerClassName?: string;
+  noScriptCSSFallback?: string | null;
+  nonce?: string;
+} & {
+  render: (props: import("input-otp").RenderProps) => React.ReactNode;
+  children?: never;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "nonce" | "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+  value?: string;
+  onChange?: (newValue: string) => unknown;
+  maxLength: number;
+  textAlign?: "left" | "center" | "right";
+  onComplete?: (...args: any[]) => unknown;
+  pushPasswordManagerStrategy?: "increase-width" | "none";
+  pasteTransformer?: (pasted: string) => string;
+  containerClassName?: string;
+  noScriptCSSFallback?: string | null;
+  nonce?: string;
+} & {
+  render?: never;
+  children: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.d.mts.map

package/dist/input-otp.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.mts","names":[],"sources":["../src/input-otp.tsx"],"mappings":";;;cAMM,UAAQ,MAAA,2BAAA,KAAA,KAAA,MAAA,oBAAA;;;;;EAI6F,iBAAG;;;;;;;;;;;;;;EAAH,iBAAG;;;;;;;;;IAK7G,MAAA,cAAA,6BAAA,MAAA,cAAA;cAGK,eAAa,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,iBAAA,0BAAA,MAAA,cAAA;cAKb,cAAY,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,iBAAA;EAA6F;IAwB9G,MAAA,cAAA;cAGK,mBAAiB,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,iBAAA,0BAAA,MAAA,cAAA"}

package/dist/input-otp.mjs

@@ -0,0 +1,44 @@
+import { cn } from "@corensystem/coren-utils";
+import { Dot } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OTPInput, OTPInputContext } from "input-otp";
+//#region src/input-otp.tsx
+/** One-time password input with individual character slots and grouping support. */
+const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(OTPInput, {
+	ref,
+	containerClassName: cn("wwc:flex wwc:items-center wwc:gap-2 wwc:has-[:disabled]:opacity-50", containerClassName),
+	className: cn("wwc:disabled:cursor-not-allowed", className),
+	...props
+}));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:items-center", className),
+	...props
+}));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+	const { char, hasFakeCaret, isActive } = React.useContext(OTPInputContext).slots[index];
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("wwc:relative wwc:flex wwc:h-10 wwc:w-10 wwc:items-center wwc:justify-center wwc:border-y wwc:border-r wwc:border-input wwc:text-sm wwc:transition-all wwc:first:rounded-l-md wwc:first:border-l wwc:last:rounded-r-md", isActive && "wwc:z-10 wwc:ring-2 wwc:ring-ring wwc:ring-offset-background", className),
+		...props,
+		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
+			className: "wwc:pointer-events-none wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center",
+			children: /* @__PURE__ */ jsx("div", { className: "wwc:h-4 wwc:w-px wwc:animate-caret-blink wwc:bg-foreground wwc:duration-1000" })
+		})]
+	});
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "separator",
+	...props,
+	children: /* @__PURE__ */ jsx(Dot, {})
+}));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+
+//# sourceMappingURL=input-otp.mjs.map

package/dist/input-otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.mjs","names":[],"sources":["../src/input-otp.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {OTPInput, OTPInputContext} from \"input-otp\";\nimport {Dot} from \"lucide-react\";\nimport * as React from \"react\";\n\n/** One-time password input with individual character slots and grouping support. */\nconst InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\n\t({className, containerClassName, ...props}, ref) => (\n\t\t<OTPInput\n\t\t\tref={ref}\n\t\t\tcontainerClassName={cn(\"wwc:flex wwc:items-center wwc:gap-2 wwc:has-[:disabled]:opacity-50\", containerClassName)}\n\t\t\tclassName={cn(\"wwc:disabled:cursor-not-allowed\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nInputOTP.displayName = \"InputOTP\";\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n\t({className, ...props}, ref) => <div ref={ref} className={cn(\"wwc:flex wwc:items-center\", className)} {...props} />,\n);\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\nconst InputOTPSlot = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\"> & {index: number}>(\n\t({index, className, ...props}, ref) => {\n\t\tconst inputOTPContext = React.useContext(OTPInputContext);\n\t\tconst {char, hasFakeCaret, isActive} = inputOTPContext.slots[index];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:relative wwc:flex wwc:h-10 wwc:w-10 wwc:items-center wwc:justify-center wwc:border-y wwc:border-r wwc:border-input wwc:text-sm wwc:transition-all wwc:first:rounded-l-md wwc:first:border-l wwc:last:rounded-r-md\",\n\t\t\t\t\tisActive && \"wwc:z-10 wwc:ring-2 wwc:ring-ring wwc:ring-offset-background\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{char}\n\t\t\t\t{hasFakeCaret && (\n\t\t\t\t\t<div className=\"wwc:pointer-events-none wwc:absolute wwc:inset-0 wwc:flex wwc:items-center wwc:justify-center\">\n\t\t\t\t\t\t<div className=\"wwc:h-4 wwc:w-px wwc:animate-caret-blink wwc:bg-foreground wwc:duration-1000\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\nconst InputOTPSeparator = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n\t({...props}, ref) => (\n\t\t<div ref={ref} role=\"separator\" {...props}>\n\t\t\t<Dot />\n\t\t</div>\n\t),\n);\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\nexport {InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator};\n"],"mappings":";;;;;;;AAMA,MAAM,WAAW,MAAM,YACrB,EAAC,WAAW,oBAAoB,GAAG,SAAQ,QAC3C,oBAAC,UAAD;CACM;CACL,oBAAoB,GAAG,sEAAsE,kBAAkB;CAC/G,WAAW,GAAG,mCAAmC,SAAS;CAC1D,GAAI;AACJ,CAAA,CAEH;AACA,SAAS,cAAc;AAEvB,MAAM,gBAAgB,MAAM,YAC1B,EAAC,WAAW,GAAG,SAAQ,QAAQ,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,6BAA6B,SAAS;CAAG,GAAI;AAAQ,CAAA,CACnH;AACA,cAAc,cAAc;AAE5B,MAAM,eAAe,MAAM,YACzB,EAAC,OAAO,WAAW,GAAG,SAAQ,QAAQ;CAEtC,MAAM,EAAC,MAAM,cAAc,aADH,MAAM,WAAW,eACY,CAAC,CAAC,MAAM;CAE7D,OACC,qBAAC,OAAD;EACM;EACL,WAAW,GACV,yNACA,YAAY,gEACZ,SACD;EACA,GAAI;EAPL,UAAA,CASE,MACA,gBACA,oBAAC,OAAD;GAAK,WAAU;GACd,UAAA,oBAAC,OAAD,EAAK,WAAU,+EAAgF,CAAA;EAC3F,CAAA,CAEF;;AAEP,CACD;AACA,aAAa,cAAc;AAE3B,MAAM,oBAAoB,MAAM,YAC9B,EAAC,GAAG,SAAQ,QACZ,oBAAC,OAAD;CAAU;CAAK,MAAK;CAAY,GAAI;CACnC,UAAA,oBAAC,KAAD,CAAM,CAAA;AACF,CAAA,CAEP;AACA,kBAAkB,cAAc"}

package/dist/input.d.mts

@@ -0,0 +1,7 @@
+import * as React from "react";
+//#region src/input.d.ts
+/** A form input field with consistent styling. */
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.mts.map

package/dist/input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.mts","names":[],"sources":["../src/input.tsx"],"mappings":";;;cAIM,OAAK,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,oBAAA,mBAAA,4BAAA,MAAA,cAAA"}

package/dist/input.mjs

@@ -0,0 +1,18 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/input.tsx
+/** A form input field with consistent styling. */
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn("wwc:flex wwc:h-9 wwc:w-full wwc:rounded-md wwc:border wwc:border-input wwc:bg-card wwc:px-3 wwc:py-1 wwc:text-base wwc:shadow-sm wwc:transition-colors wwc:file:border-0 wwc:file:bg-transparent wwc:file:text-sm wwc:file:font-medium wwc:file:text-foreground wwc:placeholder:text-muted-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:aria-invalid:border-destructive wwc:aria-invalid:focus-visible:ring-destructive wwc:disabled:cursor-not-allowed wwc:disabled:opacity-50 wwc:md:text-sm", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+export { Input };
+
+//# sourceMappingURL=input.mjs.map

package/dist/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":[],"sources":["../src/input.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n/** A form input field with consistent styling. */\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(({className, type, ...props}, ref) => {\n\treturn (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:h-9 wwc:w-full wwc:rounded-md wwc:border wwc:border-input wwc:bg-card wwc:px-3 wwc:py-1 wwc:text-base wwc:shadow-sm wwc:transition-colors wwc:file:border-0 wwc:file:bg-transparent wwc:file:text-sm wwc:file:font-medium wwc:file:text-foreground wwc:placeholder:text-muted-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:aria-invalid:border-destructive wwc:aria-invalid:focus-visible:ring-destructive wwc:disabled:cursor-not-allowed wwc:disabled:opacity-50 wwc:md:text-sm\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nInput.displayName = \"Input\";\n\nexport {Input};\n"],"mappings":";;;;;AAIA,MAAM,QAAQ,MAAM,YAA6D,EAAC,WAAW,MAAM,GAAG,SAAQ,QAAQ;CACrH,OACC,oBAAC,SAAD;EACO;EACN,WAAW,GACV,whBACA,SACD;EACK;EACL,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,MAAM,cAAc"}

package/dist/item.d.mts

@@ -0,0 +1,10 @@
+import * as React from "react";
+//#region src/item.d.ts
+/** A layout component for displaying items with a title, description, and optional actions. */
+declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Item, ItemContent, ItemDescription, ItemTitle };
+//# sourceMappingURL=item.d.mts.map

package/dist/item.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.mts","names":[],"sources":["../src/item.tsx"],"mappings":";;;cAIM,MAAI,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;cAKJ,aAAW,MAAA,0BAAA,MAAA,eAAA,kBAAA,MAAA,cAAA;cAKX,WAAS,MAAA,0BAAA,MAAA,eAAA,wBAAA,MAAA,cAAA;cAOT,iBAAe,MAAA,0BAAA,MAAA,eAAA,wBAAA,MAAA,cAAA"}

package/dist/item.mjs

@@ -0,0 +1,33 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/item.tsx
+/** A layout component for displaying items with a title, description, and optional actions. */
+const Item = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex wwc:items-center wwc:justify-between wwc:py-4", className),
+	...props
+}));
+Item.displayName = "Item";
+const ItemContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:flex-1 wwc:space-y-1", className),
+	...props
+}));
+ItemContent.displayName = "ItemContent";
+const ItemTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("wwc:text-sm wwc:font-medium wwc:leading-none", className),
+	...props
+}));
+ItemTitle.displayName = "ItemTitle";
+const ItemDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+	...props
+}));
+ItemDescription.displayName = "ItemDescription";
+//#endregion
+export { Item, ItemContent, ItemDescription, ItemTitle };
+
+//# sourceMappingURL=item.mjs.map

package/dist/item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.mjs","names":[],"sources":["../src/item.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n/** A layout component for displaying items with a title, description, and optional actions. */\nconst Item = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\n\t<div ref={ref} className={cn(\"wwc:flex wwc:items-center wwc:justify-between wwc:py-4\", className)} {...props} />\n));\nItem.displayName = \"Item\";\n\nconst ItemContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n\t({className, ...props}, ref) => <div ref={ref} className={cn(\"wwc:flex-1 wwc:space-y-1\", className)} {...props} />,\n);\nItemContent.displayName = \"ItemContent\";\n\nconst ItemTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n\t({className, ...props}, ref) => (\n\t\t<p ref={ref} className={cn(\"wwc:text-sm wwc:font-medium wwc:leading-none\", className)} {...props} />\n\t),\n);\nItemTitle.displayName = \"ItemTitle\";\n\nconst ItemDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n\t({className, ...props}, ref) => (\n\t\t<p ref={ref} className={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)} {...props} />\n\t),\n);\nItemDescription.displayName = \"ItemDescription\";\n\nexport {Item, ItemContent, ItemTitle, ItemDescription};\n"],"mappings":";;;;;AAIA,MAAM,OAAO,MAAM,YAAkE,EAAC,WAAW,GAAG,SAAQ,QAC3G,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,0DAA0D,SAAS;CAAG,GAAI;AAAQ,CAAA,CAC/G;AACD,KAAK,cAAc;AAEnB,MAAM,cAAc,MAAM,YACxB,EAAC,WAAW,GAAG,SAAQ,QAAQ,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,4BAA4B,SAAS;CAAG,GAAI;AAAQ,CAAA,CAClH;AACA,YAAY,cAAc;AAE1B,MAAM,YAAY,MAAM,YACtB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,gDAAgD,SAAS;CAAG,GAAI;AAAQ,CAAA,CAErG;AACA,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,KAAD;CAAQ;CAAK,WAAW,GAAG,yCAAyC,SAAS;CAAG,GAAI;AAAQ,CAAA,CAE9F;AACA,gBAAgB,cAAc"}

package/dist/kbd.d.mts

@@ -0,0 +1,8 @@
+import * as React from "react";
+//#region src/kbd.d.ts
+export interface KbdProps extends React.HTMLAttributes<HTMLElement> {}
+/** Displays a keyboard key or shortcut indicator. */
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Kbd };
+//# sourceMappingURL=kbd.d.mts.map

package/dist/kbd.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.mts","names":[],"sources":["../src/kbd.tsx"],"mappings":";;iBAGiB,iBAAiB,MAAM,eAAe;;cAGjD,KAAG,MAAA,0BAAA,WAAA,MAAA,cAAA"}

package/dist/kbd.mjs

@@ -0,0 +1,15 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/kbd.tsx
+/** Displays a keyboard key or shortcut indicator. */
+const Kbd = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("kbd", {
+	ref,
+	className: cn("wwc:pointer-events-none wwc:inline-flex wwc:h-5 wwc:select-none wwc:items-center wwc:gap-1 wwc:rounded wwc:border wwc:bg-muted wwc:px-1.5 wwc:font-mono wwc:text-[10px] wwc:font-medium wwc:text-muted-foreground", className),
+	...props
+}));
+Kbd.displayName = "Kbd";
+//#endregion
+export { Kbd };
+
+//# sourceMappingURL=kbd.mjs.map

package/dist/kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.mjs","names":[],"sources":["../src/kbd.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {}\n\n/** Displays a keyboard key or shortcut indicator. */\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(({className, ...props}, ref) => (\n\t<kbd\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:pointer-events-none wwc:inline-flex wwc:h-5 wwc:select-none wwc:items-center wwc:gap-1 wwc:rounded wwc:border wwc:bg-muted wwc:px-1.5 wwc:font-mono wwc:text-[10px] wwc:font-medium wwc:text-muted-foreground\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nKbd.displayName = \"Kbd\";\n\nexport {Kbd};\n"],"mappings":";;;;;AAMA,MAAM,MAAM,MAAM,YAAmC,EAAC,WAAW,GAAG,SAAQ,QAC3E,oBAAC,OAAD;CACM;CACL,WAAW,GACV,qNACA,SACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,IAAI,cAAc"}

package/dist/kiosk-body.d.mts

@@ -0,0 +1,13 @@
+import * as React from "react";
+//#region src/kiosk-body.d.ts
+export interface KioskBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** The villa currently on stage; `null` while the kiosk selects the next one. */
+  house?: string | null;
+  /** Called when the kiosk finishes walking the active tasks and should advance to the next villa. */
+  onAdvanceHouse?: () => void;
+}
+/** Always-on TV kiosk panel that auto-advances through a villa's weekly overview and active tasks. */
+declare const KioskBody: React.ForwardRefExoticComponent<KioskBodyProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { KioskBody };
+//# sourceMappingURL=kiosk-body.d.mts.map

package/dist/kiosk-body.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kiosk-body.d.mts","names":[],"sources":["../src/kiosk-body.tsx"],"mappings":";;iBAwEiB,uBAAuB,MAAM,eAAe;;EAE5D;;EAEA;;;cAMK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA"}