@kuzenbo/core 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/input-group.d.ts

@@ -0,0 +1,139 @@
+import "./accordion-trigger-B51W3Rdg.js";
+import "./alert-title-W1oau4D6.js";
+import { ButtonProps } from "./button.js";
+import { F as InputGroupInput, I as InputGroupButton, L as InputGroupAddon, N as InputGroupTextarea, P as InputGroupText } from "./use-sidebar-CYBPR0ue.js";
+import "./announcement-title-3cikJ44S.js";
+import "./autocomplete-value-DUN1Jprs.js";
+import "./avatar-image-DPunh5Hd.js";
+import "./breadcrumb-separator-C6zfQJ5p.js";
+import "./card-title-Dk0akcFR.js";
+import "./collapsible-trigger-DjL8pGgf.js";
+import "./use-combobox-anchor-DKwvfnFx.js";
+import "./dialog-trigger-B5HeOikl.js";
+import "./context-menu-trigger-DHPhlnvV.js";
+import "./drawer-viewport-DejmWgmc.js";
+import "./dropdown-menu-trigger-DEdnOFwc.js";
+import "./dropzone-context-DNiJThhB.js";
+import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+import "./empty-title-CcQlXOlP.js";
+import "./hover-card-trigger-CRzFaoL4.js";
+import { TextareaProps } from "./textarea.js";
+import "./input-otp-slot-B19cyjk_.js";
+import "./kbd-group-PUw0yaIv.js";
+import "./marquee-item-BCswidMf.js";
+import "./menubar-trigger-Gx-lmpr9.js";
+import "./meter-value-FRDEI8VE.js";
+import "./navigation-menu-trigger-ryYftbUl.js";
+import "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import "./pagination-previous-NpFopV3e.js";
+import "./pill-status-BS75xd9Z.js";
+import "./popover-trigger-C8pR26Xp.js";
+import "./progress-value-BGhNh_xb.js";
+import "./radio-group-item-DCXseC2o.js";
+import "./rating-star-CxVJUZmc.js";
+import "./resizable-panel-D4Brid-G.js";
+import "./scroll-bar-L-sXig2v.js";
+import "./select-value-D8pFrPKG.js";
+import "./sheet-trigger-B_N_tXmj.js";
+import "./tooltip-trigger-B43yfWhK.js";
+import "./table-row-BSEIkZEJ.js";
+import "./tabs-trigger-ChutNdGI.js";
+import "./use-timeline-Dcj9DR0I.js";
+import "./toggle-group-item-CrPxpOF5.js";
+import "./toolbar-separator-DbkRIfIA.js";
+import "./typography-ul-Dy8wQB_p.js";
+import "./index.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/input-group/input-group.d.ts
+declare const InputGroup: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+  Addon: ({
+    className,
+    align,
+    ...props
+  }: ComponentProps<"div"> & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    align: {
+      "inline-start": string;
+      "inline-end": string;
+      "block-start": string;
+      "block-end": string;
+    };
+  }, undefined, "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(--kb-radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+    align: {
+      "inline-start": string;
+      "inline-end": string;
+      "block-start": string;
+      "block-end": string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    align: {
+      "inline-start": string;
+      "inline-end": string;
+      "block-start": string;
+      "block-end": string;
+    };
+  }, undefined, "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(--kb-radius)-5px)] [&>svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
+  Button: ({
+    className,
+    type,
+    variant,
+    size,
+    ...props
+  }: Omit<ComponentProps<({
+    className,
+    variant,
+    size,
+    isLoading,
+    children,
+    disabled,
+    ...props
+  }: ButtonProps) => react_jsx_runtime0.JSX.Element>, "size" | "type"> & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    size: {
+      xs: string;
+      sm: string;
+      "icon-xs": string;
+      "icon-sm": string;
+    };
+  }, undefined, "flex items-center gap-2 text-sm shadow-none", {
+    size: {
+      xs: string;
+      sm: string;
+      "icon-xs": string;
+      "icon-sm": string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    size: {
+      xs: string;
+      sm: string;
+      "icon-xs": string;
+      "icon-sm": string;
+    };
+  }, undefined, "flex items-center gap-2 text-sm shadow-none", unknown, unknown, undefined>>> & {
+    type?: "button" | "submit" | "reset";
+  }) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    ...props
+  }: ComponentProps<"input">) => react_jsx_runtime0.JSX.Element;
+  Text: ({
+    className,
+    ...props
+  }: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  Textarea: ({
+    className,
+    ...props
+  }: ComponentProps<({
+    className,
+    rows,
+    ...props
+  }: TextareaProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","names":[],"sources":["../src/ui/input-group/input-group.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAYM,UAAA;EAAA;;;KAAuC,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/input-group.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { a as InputGroupAddon, i as InputGroupButton, n as InputGroupText, r as InputGroupInput, t as InputGroupTextarea } from "./input-group-textarea-ntvRL1EK.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/input-group/input-group.tsx
+const InputGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-danger/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+	"data-slot": "input-group",
+	role: "group",
+	...props
+});
+InputGroup.Addon = InputGroupAddon;
+InputGroup.Button = InputGroupButton;
+InputGroup.Input = InputGroupInput;
+InputGroup.Text = InputGroupText;
+InputGroup.Textarea = InputGroupTextarea;
+
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=input-group.js.map

package/dist/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../src/ui/input-group/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { InputGroupAddon } from \"./input-group-addon\";\nimport { InputGroupButton } from \"./input-group-button\";\nimport { InputGroupInput } from \"./input-group-input\";\nimport { InputGroupText } from \"./input-group-text\";\nimport { InputGroupTextarea } from \"./input-group-textarea\";\n\nconst InputGroup = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-danger/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n      className\n    )}\n    data-slot=\"input-group\"\n    role=\"group\"\n    {...props}\n  />\n);\n\nInputGroup.Addon = InputGroupAddon;\nInputGroup.Button = InputGroupButton;\nInputGroup.Input = InputGroupInput;\nInputGroup.Text = InputGroupText;\nInputGroup.Textarea = InputGroupTextarea;\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,klCACA,UACD;CACD,aAAU;CACV,MAAK;CACL,GAAI;EACJ;AAGJ,WAAW,QAAQ;AACnB,WAAW,SAAS;AACpB,WAAW,QAAQ;AACnB,WAAW,OAAO;AAClB,WAAW,WAAW"}

package/dist/input-otp-slot-B19cyjk_.d.ts

@@ -0,0 +1,25 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/input-otp/input-otp-group.d.ts
+declare const InputOTPGroup: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-otp/input-otp-separator.d.ts
+declare const InputOTPSeparator: ({
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-otp/input-otp-slot.d.ts
+declare const InputOTPSlot: ({
+  index,
+  className,
+  ...props
+}: ComponentProps<"div"> & {
+  index: number;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InputOTPSeparator as n, InputOTPGroup as r, InputOTPSlot as t };
+//# sourceMappingURL=input-otp-slot-B19cyjk_.d.ts.map

package/dist/input-otp-slot-B19cyjk_.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp-slot-B19cyjk_.d.ts","names":[],"sources":["../src/ui/input-otp/input-otp-group.tsx","../src/ui/input-otp/input-otp-separator.tsx","../src/ui/input-otp/input-otp-slot.tsx"],"mappings":";;;;cAIM,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCC/D,iBAAA;EAAA,GAAqB;AAAA,GAAc,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCDxD,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAInB,cAAA;EACD,KAAA;AAAA,MACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/input-otp-slot-BPkvsGjg.js

@@ -0,0 +1,46 @@
+import { cn } from "tailwind-variants";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MinusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { OTPInputContext } from "input-otp";
+
+//#region src/ui/input-otp/input-otp-group.tsx
+const InputOTPGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center rounded-md has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40", className),
+	"data-slot": "input-otp-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/input-otp/input-otp-separator.tsx
+const InputOTPSeparator = ({ ...props }) => /* @__PURE__ */ jsx("div", {
+	className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+	"data-slot": "input-otp-separator",
+	role: "separator",
+	...props,
+	children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+		icon: MinusSignIcon,
+		strokeWidth: 2
+	})
+});
+
+//#endregion
+//#region src/ui/input-otp/input-otp-slot.tsx
+const InputOTPSlot = ({ index, className, ...props }) => {
+	const { char, hasFakeCaret, isActive } = useContext(OTPInputContext)?.slots[index] ?? {};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative flex size-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-danger data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40", 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: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+		})]
+	});
+};
+
+//#endregion
+export { InputOTPSeparator as n, InputOTPGroup as r, InputOTPSlot as t };
+//# sourceMappingURL=input-otp-slot-BPkvsGjg.js.map

package/dist/input-otp-slot-BPkvsGjg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp-slot-BPkvsGjg.js","names":[],"sources":["../src/ui/input-otp/input-otp-group.tsx","../src/ui/input-otp/input-otp-separator.tsx","../src/ui/input-otp/input-otp-slot.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst InputOTPGroup = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex items-center rounded-md has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40\",\n      className\n    )}\n    data-slot=\"input-otp-group\"\n    {...props}\n  />\n);\n\nexport { InputOTPGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nconst InputOTPSeparator = ({ ...props }: ComponentProps<\"div\">) => (\n  <div\n    className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n    data-slot=\"input-otp-separator\"\n    role=\"separator\"\n    {...props}\n  >\n    <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n  </div>\n);\n\nexport { InputOTPSeparator };\n","import { OTPInputContext } from \"input-otp\";\nimport { type ComponentProps, useContext } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nconst InputOTPSlot = ({\n  index,\n  className,\n  ...props\n}: ComponentProps<\"div\"> & {\n  index: number;\n}) => {\n  const inputOTPContext = useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      className={cn(\n        \"relative flex size-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-danger data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40\",\n        className\n      )}\n      data-active={isActive}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InputOTPSlot };\n"],"mappings":";;;;;;;;AAIA,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC;CACC,WAAW,GACT,gKACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAAC;CACC,WAAU;CACV,aAAU;CACV,MAAK;CACL,GAAI;WAEJ,oBAAC;EAAc,MAAM;EAAe,aAAa;GAAK;EAClD;;;;ACTR,MAAM,gBAAgB,EACpB,OACA,WACA,GAAG,YAGC;CAEJ,MAAM,EAAE,MAAM,cAAc,aADJ,WAAW,gBAAgB,EACO,MAAM,UAAU,EAAE;AAE5E,QACE,qBAAC;EACC,WAAW,GACT,ueACA,UACD;EACD,eAAa;EACb,aAAU;EACV,GAAI;aAEH,MACA,gBACC,oBAAC;GAAI,WAAU;aACb,oBAAC,SAAI,WAAU,6DAA6D;IACxE;GAEJ"}

package/dist/input-otp.d.ts

@@ -0,0 +1,32 @@
+import { n as InputOTPSeparator, r as InputOTPGroup, t as InputOTPSlot } from "./input-otp-slot-B19cyjk_.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { OTPInput } from "input-otp";
+
+//#region src/ui/input-otp/input-otp.d.ts
+declare const InputOTP: {
+  ({
+    className,
+    containerClassName,
+    ...props
+  }: ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+  }): react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Slot: ({
+    index,
+    className,
+    ...props
+  }: ComponentProps<"div"> & {
+    index: number;
+  }) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../src/ui/input-otp/input-otp.tsx"],"mappings":";;;;;;cAWM,QAAA;EAAA;;;;KAIH,cAAA,QAAsB,QAAA;IACvB,kBAAA;EAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/input-otp.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { n as InputOTPSeparator, r as InputOTPGroup, t as InputOTPSlot } from "./input-otp-slot-BPkvsGjg.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { OTPInput } from "input-otp";
+
+//#region src/ui/input-otp/input-otp.tsx
+const InputOTP = ({ className, containerClassName, ...props }) => /* @__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
+});
+InputOTP.Group = InputOTPGroup;
+InputOTP.Separator = InputOTPSeparator;
+InputOTP.Slot = InputOTPSlot;
+
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.js.map

package/dist/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":[],"sources":["../src/ui/input-otp/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { OTPInput } from \"input-otp\";\nimport { cn } from \"tailwind-variants\";\n\nimport { InputOTPGroup } from \"./input-otp-group\";\nimport { InputOTPSeparator } from \"./input-otp-separator\";\nimport { InputOTPSlot } from \"./input-otp-slot\";\n\nconst InputOTP = ({\n  className,\n  containerClassName,\n  ...props\n}: ComponentProps<typeof OTPInput> & {\n  containerClassName?: string;\n}) => (\n  <OTPInput\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    containerClassName={cn(\n      \"cn-input-otp flex items-center has-disabled:opacity-50\",\n      containerClassName\n    )}\n    data-slot=\"input-otp\"\n    spellCheck={false}\n    {...props}\n  />\n);\n\nInputOTP.Group = InputOTPGroup;\nInputOTP.Separator = InputOTPSeparator;\nInputOTP.Slot = InputOTPSlot;\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"mappings":";;;;;;;;AAWA,MAAM,YAAY,EAChB,WACA,oBACA,GAAG,YAIH,oBAAC;CACC,WAAW,GAAG,+BAA+B,UAAU;CACvD,oBAAoB,GAClB,0DACA,mBACD;CACD,aAAU;CACV,YAAY;CACZ,GAAI;EACJ;AAGJ,SAAS,QAAQ;AACjB,SAAS,YAAY;AACrB,SAAS,OAAO"}

package/dist/input.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/input/input.d.ts
+type InputProps = ComponentProps<"input">;
+declare const Input: ({
+  className,
+  type,
+  ...props
+}: InputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Input, InputProps };
+//# sourceMappingURL=input.d.ts.map

package/dist/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../src/ui/input/input.tsx"],"mappings":";;;;KAKY,UAAA,GAAa,cAAA;AAAA,cAEnB,KAAA;EAAS,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/input.js

@@ -0,0 +1,15 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Input as Input$1 } from "@base-ui/react/input";
+
+//#region src/ui/input/input.tsx
+const Input = ({ className, type, ...props }) => /* @__PURE__ */ jsx(Input$1, {
+	className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base transition-colors 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:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", className),
+	"data-slot": "input",
+	type,
+	...props
+});
+
+//#endregion
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["InputPrimitive"],"sources":["../src/ui/input/input.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport { cn } from \"tailwind-variants\";\n\nexport type InputProps = ComponentProps<\"input\">;\n\nconst Input = ({ className, type, ...props }: InputProps) => (\n  <InputPrimitive\n    className={cn(\n      \"h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base transition-colors 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:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40\",\n      className\n    )}\n    data-slot=\"input\"\n    type={type}\n    {...props}\n  />\n);\n\nexport { Input };\n"],"mappings":";;;;;AAOA,MAAM,SAAS,EAAE,WAAW,MAAM,GAAG,YACnC,oBAACA;CACC,WAAW,GACT,moBACA,UACD;CACD,aAAU;CACJ;CACN,GAAI;EACJ"}

package/dist/item-title-BQFoYDpd.js

@@ -0,0 +1,90 @@
+import { Separator } from "./separator.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/item/item-actions.tsx
+const ItemActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-2", className),
+	"data-slot": "item-actions",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-content.tsx
+const ItemContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+	"data-slot": "item-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-description.tsx
+const ItemDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
+	className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+	"data-slot": "item-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-footer.tsx
+const ItemFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex basis-full items-center justify-between gap-2", className),
+	"data-slot": "item-footer",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-group.tsx
+const ItemGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+	"data-slot": "item-group",
+	role: "list",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-header.tsx
+const ItemHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex basis-full items-center justify-between gap-2", className),
+	"data-slot": "item-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-media.tsx
+const itemMediaVariants = tv({
+	base: "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+	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"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const ItemMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(itemMediaVariants({ variant }), className),
+	"data-slot": "item-media",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-separator.tsx
+const ItemSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("my-2", className),
+	"data-slot": "item-separator",
+	orientation: "horizontal",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-title.tsx
+const ItemTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
+	"data-slot": "item-title",
+	...props
+});
+
+//#endregion
+export { ItemGroup as a, ItemContent as c, ItemHeader as i, ItemActions as l, ItemSeparator as n, ItemFooter as o, ItemMedia as r, ItemDescription as s, ItemTitle as t };
+//# sourceMappingURL=item-title-BQFoYDpd.js.map

package/dist/item-title-BQFoYDpd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-title-BQFoYDpd.js","names":[],"sources":["../src/ui/item/item-actions.tsx","../src/ui/item/item-content.tsx","../src/ui/item/item-description.tsx","../src/ui/item/item-footer.tsx","../src/ui/item/item-group.tsx","../src/ui/item/item-header.tsx","../src/ui/item/item-media.tsx","../src/ui/item/item-separator.tsx","../src/ui/item/item-title.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemActions = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"flex items-center gap-2\", className)}\n    data-slot=\"item-actions\"\n    {...props}\n  />\n);\n\nexport { ItemActions };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemContent = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n      className\n    )}\n    data-slot=\"item-content\"\n    {...props}\n  />\n);\n\nexport { ItemContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemDescription = ({ className, ...props }: ComponentProps<\"p\">) => (\n  <p\n    className={cn(\n      \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n      className\n    )}\n    data-slot=\"item-description\"\n    {...props}\n  />\n);\n\nexport { ItemDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemFooter = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-footer\"\n    {...props}\n  />\n);\n\nexport { ItemFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemGroup = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n      className\n    )}\n    data-slot=\"item-group\"\n    role=\"list\"\n    {...props}\n  />\n);\n\nexport { ItemGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemHeader = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-header\"\n    {...props}\n  />\n);\n\nexport { ItemHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nconst itemMediaVariants = tv({\n  base: \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"[&_svg:not([class*='size-'])]:size-4\",\n      image:\n        \"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    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst ItemMedia = ({\n  className,\n  variant = \"default\",\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) => (\n  <div\n    className={cn(itemMediaVariants({ variant }), className)}\n    data-slot=\"item-media\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { ItemMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\n\nconst ItemSeparator = ({\n  className,\n  ...props\n}: ComponentProps<typeof Separator>) => (\n  <Separator\n    className={cn(\"my-2\", className)}\n    data-slot=\"item-separator\"\n    orientation=\"horizontal\"\n    {...props}\n  />\n);\n\nexport { ItemSeparator };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst ItemTitle = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n      className\n    )}\n    data-slot=\"item-title\"\n    {...props}\n  />\n);\n\nexport { ItemTitle };\n"],"mappings":";;;;;AAIA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,qGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC;CACC,WAAW,GACT,uLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,mGACA,UACD;CACD,aAAU;CACV,MAAK;CACL,GAAI;EACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,oBAAoB,GAAG;CAC3B,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,UAAU,WACV,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;CACxD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;ACvBJ,MAAM,iBAAiB,EACrB,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,QAAQ,UAAU;CAChC,aAAU;CACV,aAAY;CACZ,GAAI;EACJ;;;;ACXJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,kGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/item.d.ts

@@ -0,0 +1,156 @@
+import "./accordion-trigger-B51W3Rdg.js";
+import "./alert-title-W1oau4D6.js";
+import { A as ItemDescription, D as ItemHeader, E as ItemMedia, M as ItemActions, O as ItemGroup, T as ItemSeparator, j as ItemContent, k as ItemFooter, w as ItemTitle } from "./use-sidebar-CYBPR0ue.js";
+import "./announcement-title-3cikJ44S.js";
+import "./autocomplete-value-DUN1Jprs.js";
+import "./avatar-image-DPunh5Hd.js";
+import "./breadcrumb-separator-C6zfQJ5p.js";
+import { SeparatorProps } from "./separator.js";
+import "./card-title-Dk0akcFR.js";
+import "./collapsible-trigger-DjL8pGgf.js";
+import "./use-combobox-anchor-DKwvfnFx.js";
+import "./dialog-trigger-B5HeOikl.js";
+import "./context-menu-trigger-DHPhlnvV.js";
+import "./drawer-viewport-DejmWgmc.js";
+import "./dropdown-menu-trigger-DEdnOFwc.js";
+import "./dropzone-context-DNiJThhB.js";
+import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+import "./empty-title-CcQlXOlP.js";
+import "./hover-card-trigger-CRzFaoL4.js";
+import "./input-otp-slot-B19cyjk_.js";
+import "./kbd-group-PUw0yaIv.js";
+import "./marquee-item-BCswidMf.js";
+import "./menubar-trigger-Gx-lmpr9.js";
+import "./meter-value-FRDEI8VE.js";
+import "./navigation-menu-trigger-ryYftbUl.js";
+import "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import "./pagination-previous-NpFopV3e.js";
+import "./pill-status-BS75xd9Z.js";
+import "./popover-trigger-C8pR26Xp.js";
+import "./progress-value-BGhNh_xb.js";
+import "./radio-group-item-DCXseC2o.js";
+import "./rating-star-CxVJUZmc.js";
+import "./resizable-panel-D4Brid-G.js";
+import "./scroll-bar-L-sXig2v.js";
+import "./select-value-D8pFrPKG.js";
+import "./sheet-trigger-B_N_tXmj.js";
+import "./tooltip-trigger-B43yfWhK.js";
+import "./table-row-BSEIkZEJ.js";
+import "./tabs-trigger-ChutNdGI.js";
+import "./use-timeline-Dcj9DR0I.js";
+import "./toggle-group-item-CrPxpOF5.js";
+import "./toolbar-separator-DbkRIfIA.js";
+import "./typography-ul-Dy8wQB_p.js";
+import "./index.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/item/item.d.ts
+declare const itemVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+    muted: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    xs: string;
+  };
+}, undefined, "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+  variant: {
+    default: string;
+    outline: string;
+    muted: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    xs: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+    muted: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    xs: string;
+  };
+}, undefined, "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", unknown, unknown, undefined>>;
+declare const Item: {
+  ({
+    className,
+    variant,
+    size,
+    render,
+    ...props
+  }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Actions: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: react.ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Media: ({
+    className,
+    variant,
+    ...props
+  }: react.ComponentProps<"div"> & VariantProps<tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      icon: string;
+      image: string;
+    };
+  }, undefined, "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+    variant: {
+      default: string;
+      icon: string;
+      image: string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      icon: string;
+      image: string;
+    };
+  }, undefined, "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    ...props
+  }: react.ComponentProps<({
+    className,
+    orientation,
+    ...props
+  }: SeparatorProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemVariants };
+//# sourceMappingURL=item.d.ts.map

package/dist/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","names":[],"sources":["../src/ui/item/item.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAcM,YAAA,EAkBJ,kBAAA,CAlBgB,YAAA;;;;;;;;;;;;;;;;;;;;;;cAkBhB,kBAAA,CAAA,YAAA;;;;;;;;;;;;cAEI,IAAA;EAAA;;;;;;KAMH,SAAA,CAAU,cAAA,UAAwB,YAAA,QAAoB,YAAA,IAAa,KAAA,CAAA,YAAA,mBAArB,KAAA,CAAqB,qBAAA"}