@resq-sw/ui 0.2.0

package/lib/components/input-group/input-group.js

@@ -0,0 +1,95 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { Input } from "../input/input.js";
+import { Textarea } from "../textarea/textarea.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/input-group/input-group.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function InputGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] 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-[>[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 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto", className),
+		"data-slot": "input-group",
+		role: "group",
+		...props
+	});
+}
+const inputGroupAddonVariants = cva("text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
+	defaultVariants: { align: "inline-start" },
+	variants: { align: {
+		"block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
+		"block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+		"inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
+		"inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first"
+	} }
+});
+function InputGroupAddon({ align = "inline-start", className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(inputGroupAddonVariants({ align }), className),
+		"data-align": align,
+		"data-slot": "input-group-addon",
+		onClick: (e) => {
+			if (e.target.closest("button")) return;
+			e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		role: "group",
+		...props
+	});
+}
+const inputGroupButtonVariants = cva("gap-2 text-sm shadow-none flex items-center", {
+	defaultVariants: { size: "xs" },
+	variants: { size: {
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0",
+		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+		sm: "",
+		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5"
+	} }
+});
+function InputGroupButton({ className, size = "xs", type = "button", variant = "ghost", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		className: cn(inputGroupButtonVariants({ size }), className),
+		"data-size": size,
+		type,
+		variant,
+		...props
+	});
+}
+function InputGroupInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		className: cn("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", className),
+		"data-slot": "input-group-control",
+		...props
+	});
+}
+function InputGroupText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", className),
+		...props
+	});
+}
+function InputGroupTextarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Textarea, {
+		className: cn("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", className),
+		"data-slot": "input-group-control",
+		...props
+	});
+}
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+
+//# sourceMappingURL=input-group.js.map

package/lib/components/input-group/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils.js\";\nimport { Button } from \"../button/button.js\";\nimport { Input } from \"../input/input.js\";\nimport { Textarea } from \"../textarea/textarea.js\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] 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-[>[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 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"input-group\"\n\t\t\trole=\"group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst inputGroupAddonVariants = cva(\n\t\"text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none\",\n\t{\n\t\tdefaultVariants: {\n\t\t\talign: \"inline-start\",\n\t\t},\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\t\"block-end\":\n\t\t\t\t\t\"px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start\",\n\t\t\t\t\"block-start\":\n\t\t\t\t\t\"px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start\",\n\t\t\t\t\"inline-end\": \"pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last\",\n\t\t\t\t\"inline-start\": \"pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first\",\n\t\t\t},\n\t\t},\n\t},\n);\n\nfunction InputGroupAddon({\n\talign = \"inline-start\",\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(inputGroupAddonVariants({ align }), className)}\n\t\t\tdata-align={align}\n\t\t\tdata-slot=\"input-group-addon\"\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\trole=\"group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst inputGroupButtonVariants = cva(\"gap-2 text-sm shadow-none flex items-center\", {\n\tdefaultVariants: {\n\t\tsize: \"xs\",\n\t},\n\tvariants: {\n\t\tsize: {\n\t\t\t\"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n\t\t\t\"icon-xs\": \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n\t\t\tsm: \"\",\n\t\t\txs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n\t\t},\n\t},\n});\n\nfunction InputGroupButton({\n\tclassName,\n\tsize = \"xs\",\n\ttype = \"button\",\n\tvariant = \"ghost\",\n\t...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n\tVariantProps<typeof inputGroupButtonVariants>) {\n\treturn (\n\t\t<Button\n\t\t\tclassName={cn(inputGroupButtonVariants({ size }), className)}\n\t\t\tdata-size={size}\n\t\t\ttype={type}\n\t\t\tvariant={variant}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputGroupInput({ className, ...props }: React.ComponentProps<\"input\">) {\n\treturn (\n\t\t<Input\n\t\t\tclassName={cn(\n\t\t\t\t\"rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputGroupTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n\treturn (\n\t\t<Textarea\n\t\t\tclassName={cn(\n\t\t\t\t\"rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tInputGroup,\n\tInputGroupAddon,\n\tInputGroupButton,\n\tInputGroupInput,\n\tInputGroupText,\n\tInputGroupTextarea,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACzE,QACC,oBAAC,OAAD;EACC,WAAW,GACV,mmCACA,UACA;EACD,aAAU;EACV,MAAK;EACL,GAAI;EACH,CAAA;;AAIJ,MAAM,0BAA0B,IAC/B,2PACA;CACC,iBAAiB,EAChB,OAAO,gBACP;CACD,UAAU,EACT,OAAO;EACN,aACC;EACD,eACC;EACD,cAAc;EACd,gBAAgB;EAChB,EACD;CACD,CACD;AAED,SAAS,gBAAgB,EACxB,QAAQ,gBACR,WACA,GAAG,SAC2E;AAC9E,QACC,oBAAC,OAAD;EACC,WAAW,GAAG,wBAAwB,EAAE,OAAO,CAAC,EAAE,UAAU;EAC5D,cAAY;EACZ,aAAU;EACV,UAAU,MAAM;AACf,OAAK,EAAE,OAAuB,QAAQ,SAAS,CAC9C;AAED,KAAE,cAAc,eAAe,cAAc,QAAQ,EAAE,OAAO;;EAE/D,MAAK;EACL,GAAI;EACH,CAAA;;AAIJ,MAAM,2BAA2B,IAAI,+CAA+C;CACnF,iBAAiB,EAChB,MAAM,MACN;CACD,UAAU,EACT,MAAM;EACL,WAAW;EACX,WAAW;EACX,IAAI;EACJ,IAAI;EACJ,EACD;CACD,CAAC;AAEF,SAAS,iBAAiB,EACzB,WACA,OAAO,MACP,OAAO,UACP,UAAU,SACV,GAAG,SAE4C;AAC/C,QACC,oBAAC,QAAD;EACC,WAAW,GAAG,yBAAyB,EAAE,MAAM,CAAC,EAAE,UAAU;EAC5D,aAAW;EACL;EACG;EACT,GAAI;EACH,CAAA;;AAIJ,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAwC;AAChF,QACC,oBAAC,OAAD;EACC,WAAW,GACV,oLACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC9E,QACC,oBAAC,QAAD;EACC,WAAW,GACV,0HACA,UACA;EACD,GAAI;EACH,CAAA;;AAIJ,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAA2C;AACtF,QACC,oBAAC,UAAD;EACC,WAAW,GACV,qMACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA"}

package/lib/components/input-otp/index.d.ts

@@ -0,0 +1,2 @@
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./input-otp.js";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/lib/components/input-otp/index.js

@@ -0,0 +1,2 @@
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./input-otp.js";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/lib/components/input-otp/input-otp.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime247 from "react/jsx-runtime";
+import * as React from "react";
+import { OTPInput } from "input-otp";
+
+//#region src/components/input-otp/input-otp.d.ts
+
+declare function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}: React.ComponentProps<typeof OTPInput> & {
+  containerClassName?: string;
+}): react_jsx_runtime247.JSX.Element;
+declare function InputOTPGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime247.JSX.Element;
+declare function InputOTPSeparator({
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime247.JSX.Element;
+declare function InputOTPSlot({
+  className,
+  index,
+  ...props
+}: React.ComponentProps<"div"> & {
+  index: number;
+}): react_jsx_runtime247.JSX.Element;
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.d.ts.map

package/lib/components/input-otp/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../../src/components/input-otp/input-otp.tsx"],"sourcesContent":[],"mappings":";;;;;;AA6C2E,iBArBlE,QAAA,CAkCiB;EAAA,SAAe;EAAA,kBAAM;EAAqB,GAAA;CAAA,EA9BjE,KAAA,CAAM,cA8B2D,CAAA,OA9BrC,QA8BqC,CAAA,GAAA;EAa3D,kBAAY,CAAA,EAAA,MAAA;CACpB,CAAA,EA1CA,oBAAA,CAAA,GAAA,CAAA,OA0CA;iBA3BQ,aAAA,CA4BR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA5B+C,KAAA,CAAM,cA4BrD,CAAA,KAAA,CAAA,CAAA,EA5B0E,oBAAA,CAAA,GAAA,CAAA,OA4B1E;iBAfQ,iBAAA,CAiBA;EAAA,GAAA;AAAA,CAAA,EAjBgC,KAAA,CAAM,cAiBtC,CAAA,KAAA,CAAA,CAAA,EAjB2D,oBAAA,CAAA,GAAA,CAAA,OAiB3D;iBAJA,YAAA,CAMR;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EAFE,KAAA,CAAM,cAER,CAAA,KAAA,CAAA,GAAA;EAAA,KAAA,EAAA,MAAA;IAAA,oBAAA,CAAA,GAAA,CAAA"}

package/lib/components/input-otp/input-otp.js

@@ -0,0 +1,64 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { MinusIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+//#region src/components/input-otp/input-otp.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function InputOTP({ className, containerClassName, ...props }) {
+	return /* @__PURE__ */ jsx(OTPInput, {
+		className: cn("disabled:cursor-not-allowed", className),
+		containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName),
+		"data-slot": "input-otp",
+		spellCheck: false,
+		...props
+	});
+}
+function InputOTPGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-[3px] flex items-center", className),
+		"data-slot": "input-otp-group",
+		...props
+	});
+}
+function InputOTPSeparator({ ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "[&_svg:not([class*='size-'])]:size-4 flex items-center",
+		"data-slot": "input-otp-separator",
+		role: "separator",
+		...props,
+		children: /* @__PURE__ */ jsx(MinusIcon, {})
+	});
+}
+function InputOTPSlot({ className, index, ...props }) {
+	const { char, hasFakeCaret, isActive } = React.useContext(OTPInputContext).slots[index] ?? {};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-[3px] relative flex items-center justify-center data-[active=true]:z-10", className),
+		"data-active": isActive,
+		"data-slot": "input-otp-slot",
+		...props,
+		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" })
+		})]
+	});
+}
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+
+//# sourceMappingURL=input-otp.js.map

package/lib/components/input-otp/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../../src/components/input-otp/input-otp.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { MinusIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils.js\";\n\nfunction InputOTP({\n\tclassName,\n\tcontainerClassName,\n\t...props\n}: React.ComponentProps<typeof OTPInput> & {\n\tcontainerClassName?: string;\n}) {\n\treturn (\n\t\t<OTPInput\n\t\t\tclassName={cn(\"disabled:cursor-not-allowed\", className)}\n\t\t\tcontainerClassName={cn(\n\t\t\t\t\"cn-input-otp flex items-center has-disabled:opacity-50\",\n\t\t\t\tcontainerClassName,\n\t\t\t)}\n\t\t\tdata-slot=\"input-otp\"\n\t\t\tspellCheck={false}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-[3px] flex items-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"input-otp-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName=\"[&_svg:not([class*='size-'])]:size-4 flex items-center\"\n\t\t\tdata-slot=\"input-otp-separator\"\n\t\t\trole=\"separator\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<MinusIcon />\n\t\t</div>\n\t);\n}\n\nfunction InputOTPSlot({\n\tclassName,\n\tindex,\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tindex: number;\n}) {\n\tconst inputOTPContext = React.useContext(OTPInputContext);\n\tconst { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] ?? {};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-[3px] relative flex items-center justify-center data-[active=true]:z-10\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-active={isActive}\n\t\t\tdata-slot=\"input-otp-slot\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{char}\n\t\t\t{hasFakeCaret && (\n\t\t\t\t<div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n\t\t\t\t\t<div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAS,SAAS,EACjB,WACA,oBACA,GAAG,SAGD;AACF,QACC,oBAAC,UAAD;EACC,WAAW,GAAG,+BAA+B,UAAU;EACvD,oBAAoB,GACnB,0DACA,mBACA;EACD,aAAU;EACV,YAAY;EACZ,GAAI;EACH,CAAA;;AAIJ,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC5E,QACC,oBAAC,OAAD;EACC,WAAW,GACV,+KACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,kBAAkB,EAAE,GAAG,SAAsC;AACrE,QACC,oBAAC,OAAD;EACC,WAAU;EACV,aAAU;EACV,MAAK;EACL,GAAI;YAEJ,oBAAC,WAAD,EAAa,CAAA;EACR,CAAA;;AAIR,SAAS,aAAa,EACrB,WACA,OACA,GAAG,SAGD;CAEF,MAAM,EAAE,MAAM,cAAc,aADJ,MAAM,WAAW,gBAAgB,CACA,MAAM,UAAU,EAAE;AAE3E,QACC,qBAAC,OAAD;EACC,WAAW,GACV,ifACA,UACA;EACD,eAAa;EACb,aAAU;EACV,GAAI;YAPL,CASE,MACA,gBACA,oBAAC,OAAD;GAAK,WAAU;aACd,oBAAC,OAAD,EAAK,WAAU,4DAA6D,CAAA;GACvE,CAAA,CAEF"}

package/lib/components/item/index.d.ts

@@ -0,0 +1,2 @@
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./item.js";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/lib/components/item/index.js

@@ -0,0 +1,2 @@
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./item.js";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/lib/components/item/item.d.ts

@@ -0,0 +1,64 @@
+import { Separator } from "../separator/separator.js";
+import * as react_jsx_runtime251 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region src/components/item/item.d.ts
+
+declare function ItemGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+declare function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime251.JSX.Element;
+declare const itemVariants: (props?: ({
+  size?: "default" | "sm" | "xs" | null | undefined;
+  variant?: "default" | "outline" | "muted" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+declare function Item({
+  asChild,
+  className,
+  size,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime251.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "icon" | "image" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+declare function ItemActions({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+declare function ItemContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+declare function ItemDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): react_jsx_runtime251.JSX.Element;
+declare function ItemFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+declare function ItemHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+declare function ItemMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime251.JSX.Element;
+declare function ItemTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=item.d.ts.map

package/lib/components/item/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","names":[],"sources":["../../../src/components/item/item.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAqCsF,iBAd7E,SAAA,CA6CR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA7C2C,KAAA,CAAM,cA6CjD,CAAA,KAAA,CAAA,CAAA,EA7CsE,oBAAA,CAAA,GAAA,CAAA,OA6CtE;iBA/BQ,aAAA,CAiCI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAjCmC,KAAA,CAAM,cAiCzC,CAAA,OAjC+D,SAiC/D,CAAA,CAAA,EAjCyE,oBAAA,CAAA,GAAA,CAAA,OAiCzE;cAtBP,YAuBL,EAAA,CAAA,KAGA,CAHA,EAAA,CAAA;EACA,IAAA,CAAA,EAAA,SAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EACA,OAAA,CAAA,EAAA,SAAA,GAAA,SAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;CACA,GANA,gCAAA,CAAA,SAMA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAJQ,IAAA,CAMA;EAAA,OAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EAAN,KAAA,CAAM,cAAA,CAAA,KAAA,CAAA,GAAwB,YAAxB,CAAA,OAA4C,YAA5C,CAAA,GAAA;EAA4C,OAAA,CAAA,EAAA,OAAA;CAApB,CAAA,EAAyD,oBAAA,CAAA,GAAA,CAAA,OAAzD;cAa3B,iBAboF,EAAA,CAAA,KA4BzF,CA5ByF,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,MAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GA4BzF,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAEQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,oBAAA,CAAA,GAAA,CAAA,OAArD;iBAMX,WAAA,CANc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAMuB,KAAA,CAAM,cAN7B,CAAA,KAAA,CAAA,CAAA,EAMkD,oBAAA,CAAA,GAAA,CAAA,OANlD;iBAmBd,eAAA,CAnB2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmBF,KAAA,CAAM,cAnBJ,CAAA,GAAA,CAAA,CAAA,EAmBuB,oBAAA,CAAA,GAAA,CAAA,OAnBvB;iBAgC3C,UAAA,CAhCgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgC5B,KAAA,CAAM,cAhCsB,CAAA,KAAA,CAAA,CAAA,EAgCD,oBAAA,CAAA,GAAA,CAAA,OAhCC;iBA0ChE,UAAA,CA1CgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0C5B,KAAA,CAAM,cA1CsB,CAAA,KAAA,CAAA,CAAA,EA0CD,oBAAA,CAAA,GAAA,CAAA,OA1CC;AAAA,iBAoDhE,SAAA,CA9CW;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAkDjB,KAAA,CAAM,cAlDW,CAAA,KAAA,CAAA,GAkDa,YAlDb,CAAA,OAkDiC,iBAlDjC,CAAA,CAAA,EAkDmD,oBAAA,CAAA,GAAA,CAAA,OAlDnD;iBA6DX,SAAA,CA7Dc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6DqB,KAAA,CAAM,cA7D3B,CAAA,KAAA,CAAA,CAAA,EA6DgD,oBAAA,CAAA,GAAA,CAAA,OA7DhD"}

package/lib/components/item/item.js

@@ -0,0 +1,133 @@
+import { cn } from "../../lib/utils.js";
+import { Separator as Separator$1 } from "../separator/separator.js";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/item/item.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2 group/item-group flex w-full flex-col", className),
+		"data-slot": "item-group",
+		role: "list",
+		...props
+	});
+}
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		className: cn("my-2", className),
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		...props
+	});
+}
+const itemVariants = cva("[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0"
+		},
+		variant: {
+			default: "border-transparent",
+			muted: "bg-muted/50 border-transparent",
+			outline: "border-border"
+		}
+	}
+});
+function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "div", {
+		className: cn(itemVariants({
+			className,
+			size,
+			variant
+		})),
+		"data-size": size,
+		"data-slot": "item",
+		"data-variant": variant,
+		...props
+	});
+}
+const itemMediaVariants = cva("gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} }
+});
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 flex items-center", className),
+		"data-slot": "item-actions",
+		...props
+	});
+}
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none", className),
+		"data-slot": "item-content",
+		...props
+	});
+}
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4", className),
+		"data-slot": "item-description",
+		...props
+	});
+}
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 flex basis-full items-center justify-between", className),
+		"data-slot": "item-footer",
+		...props
+	});
+}
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 flex basis-full items-center justify-between", className),
+		"data-slot": "item-header",
+		...props
+	});
+}
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(itemMediaVariants({
+			className,
+			variant
+		})),
+		"data-slot": "item-media",
+		"data-variant": variant,
+		...props
+	});
+}
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center", className),
+		"data-slot": "item-title",
+		...props
+	});
+}
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+
+//# sourceMappingURL=item.js.map

package/lib/components/item/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":["Separator"],"sources":["../../../src/components/item/item.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils.js\";\nimport { Separator } from \"../separator/separator.js\";\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2 group/item-group flex w-full flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"item-group\"\n\t\t\trole=\"list\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator\n\t\t\tclassName={cn(\"my-2\", className)}\n\t\t\tdata-slot=\"item-separator\"\n\t\t\torientation=\"horizontal\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst itemVariants = cva(\n\t\"[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors\",\n\t{\n\t\tdefaultVariants: {\n\t\t\tsize: \"default\",\n\t\t\tvariant: \"default\",\n\t\t},\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tdefault: \"gap-2.5 px-3 py-2.5\",\n\t\t\t\tsm: \"gap-2.5 px-3 py-2.5\",\n\t\t\t\txs: \"gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0\",\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: \"border-transparent\",\n\t\t\t\tmuted: \"bg-muted/50 border-transparent\",\n\t\t\t\toutline: \"border-border\",\n\t\t\t},\n\t\t},\n\t},\n);\n\nfunction Item({\n\tasChild = false,\n\tclassName,\n\tsize = \"default\",\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot.Root : \"div\";\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(itemVariants({ className, size, variant }))}\n\t\t\tdata-size={size}\n\t\t\tdata-slot=\"item\"\n\t\t\tdata-variant={variant}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst itemMediaVariants = cva(\n\t\"gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none\",\n\t{\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\timage:\n\t\t\t\t\t\"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n\t\t\t},\n\t\t},\n\t},\n);\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div className={cn(\"gap-2 flex items-center\", className)} data-slot=\"item-actions\" {...props} />\n\t);\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"item-content\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"item-description\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"gap-2 flex basis-full items-center justify-between\", className)}\n\t\t\tdata-slot=\"item-footer\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"gap-2 flex basis-full items-center justify-between\", className)}\n\t\t\tdata-slot=\"item-header\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(itemMediaVariants({ className, variant }))}\n\t\t\tdata-slot=\"item-media\"\n\t\t\tdata-variant={variant}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"item-title\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tItem,\n\tItemActions,\n\tItemContent,\n\tItemDescription,\n\tItemFooter,\n\tItemGroup,\n\tItemHeader,\n\tItemMedia,\n\tItemSeparator,\n\tItemTitle,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;AACxE,QACC,oBAAC,OAAD;EACC,WAAW,GACV,uGACA,UACA;EACD,aAAU;EACV,MAAK;EACL,GAAI;EACH,CAAA;;AAIJ,SAAS,cAAc,EAAE,WAAW,GAAG,SAAiD;AACvF,QACC,oBAACA,aAAD;EACC,WAAW,GAAG,QAAQ,UAAU;EAChC,aAAU;EACV,aAAY;EACZ,GAAI;EACH,CAAA;;AAIJ,MAAM,eAAe,IACpB,8OACA;CACC,iBAAiB;EAChB,MAAM;EACN,SAAS;EACT;CACD,UAAU;EACT,MAAM;GACL,SAAS;GACT,IAAI;GACJ,IAAI;GACJ;EACD,SAAS;GACR,SAAS;GACT,OAAO;GACP,SAAS;GACT;EACD;CACD,CACD;AAED,SAAS,KAAK,EACb,UAAU,OACV,WACA,OAAO,WACP,UAAU,WACV,GAAG,SACwF;AAE3F,QACC,oBAFY,UAAU,KAAK,OAAO,OAElC;EACC,WAAW,GAAG,aAAa;GAAE;GAAW;GAAM;GAAS,CAAC,CAAC;EACzD,aAAW;EACX,aAAU;EACV,gBAAc;EACd,GAAI;EACH,CAAA;;AAIJ,MAAM,oBAAoB,IACzB,sMACA;CACC,iBAAiB,EAChB,SAAS,WACT;CACD,UAAU,EACT,SAAS;EACR,SAAS;EACT,MAAM;EACN,OACC;EACD,EACD;CACD,CACD;AAED,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACC,oBAAC,OAAD;EAAK,WAAW,GAAG,2BAA2B,UAAU;EAAE,aAAU;EAAe,GAAI;EAAS,CAAA;;AAIlG,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACC,oBAAC,OAAD;EACC,WAAW,GACV,qGACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;AAC5E,QACC,oBAAC,KAAD;EACC,WAAW,GACV,uLACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACzE,QACC,oBAAC,OAAD;EACC,WAAW,GAAG,sDAAsD,UAAU;EAC9E,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACzE,QACC,oBAAC,OAAD;EACC,WAAW,GAAG,sDAAsD,UAAU;EAC9E,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,UAAU,EAClB,WACA,UAAU,WACV,GAAG,SACqE;AACxE,QACC,oBAAC,OAAD;EACC,WAAW,GAAG,kBAAkB;GAAE;GAAW;GAAS,CAAC,CAAC;EACxD,aAAU;EACV,gBAAc;EACd,GAAI;EACH,CAAA;;AAIJ,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;AACxE,QACC,oBAAC,OAAD;EACC,WAAW,GACV,kGACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA"}

package/lib/components/kbd/index.d.ts

@@ -0,0 +1,2 @@
+import { Kbd, KbdGroup } from "./kbd.js";
+export { Kbd, KbdGroup };

package/lib/components/kbd/index.js

@@ -0,0 +1,2 @@
+import { Kbd, KbdGroup } from "./kbd.js";
+export { Kbd, KbdGroup };

package/lib/components/kbd/kbd.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime261 from "react/jsx-runtime";
+
+//#region src/components/kbd/kbd.d.ts
+
+/**
+ * Copyright 2026 ResQ
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare function Kbd({
+  className,
+  ...props
+}: React.ComponentProps<"kbd">): react_jsx_runtime261.JSX.Element;
+declare function KbdGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime261.JSX.Element;
+//#endregion
+export { Kbd, KbdGroup };
+//# sourceMappingURL=kbd.d.ts.map

package/lib/components/kbd/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","names":[],"sources":["../../../src/components/kbd/kbd.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkBiE;;;;;AAAA;;;;;;;iBAAxD,GAAA;;;GAA6B,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAaxD,QAAA;;;GAAkC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA"}

package/lib/components/kbd/kbd.js

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/kbd/kbd.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn("bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none", className),
+		"data-slot": "kbd",
+		...props
+	});
+}
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn("gap-1 inline-flex items-center", className),
+		"data-slot": "kbd-group",
+		...props
+	});
+}
+//#endregion
+export { Kbd, KbdGroup };
+
+//# sourceMappingURL=kbd.js.map

package/lib/components/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../src/components/kbd/kbd.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { cn } from \"../../lib/utils.js\";\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n\treturn (\n\t\t<kbd\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"kbd\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<kbd\n\t\t\tclassName={cn(\"gap-1 inline-flex items-center\", className)}\n\t\t\tdata-slot=\"kbd-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Kbd, KbdGroup };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,SAAS,IAAI,EAAE,WAAW,GAAG,SAAsC;AAClE,QACC,oBAAC,OAAD;EACC,WAAW,GACV,4WACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA;;AAIJ,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;AACvE,QACC,oBAAC,OAAD;EACC,WAAW,GAAG,kCAAkC,UAAU;EAC1D,aAAU;EACV,GAAI;EACH,CAAA"}

package/lib/components/label/index.d.ts

@@ -0,0 +1,2 @@
+import { Label } from "./label.js";
+export { Label };

package/lib/components/label/index.js

@@ -0,0 +1,2 @@
+import { Label } from "./label.js";
+export { Label };

package/lib/components/label/label.d.ts

@@ -0,0 +1,13 @@
+import { Label as Label$1 } from "radix-ui";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/label/label.d.ts
+
+declare function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime119.JSX.Element;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/lib/components/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../../src/components/label/label.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAuBS,KAAA;;;GAA+B,KAAA,CAAM,sBAAsB,OAAA,CAAe,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/lib/components/label/label.js

@@ -0,0 +1,31 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Label as Label$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/label/label.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label$1.Root, {
+		className: cn("gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className),
+		"data-slot": "label",
+		...props
+	});
+}
+//#endregion
+export { Label };
+
+//# sourceMappingURL=label.js.map

package/lib/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["LabelPrimitive"],"sources":["../../../src/components/label/label.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { Label as LabelPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils.js\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\treturn (\n\t\t<LabelPrimitive.Root\n\t\t\tclassName={cn(\n\t\t\t\t\"gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"label\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Label };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,SAAS,MAAM,EAAE,WAAW,GAAG,SAA2D;AACzF,QACC,oBAACA,QAAe,MAAhB;EACC,WAAW,GACV,uNACA,UACA;EACD,aAAU;EACV,GAAI;EACH,CAAA"}

package/lib/components/menubar/index.d.ts

@@ -0,0 +1,2 @@
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./menubar.js";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/lib/components/menubar/index.js

@@ -0,0 +1,2 @@
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./menubar.js";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };