tembro 2.1.8 → 2.1.9

package/packages/cli/vendor/src/showcase/premium/phone-input/mock.ts

@@ -2,23 +2,24 @@ import type { ComponentDemoMock } from "../types"
 
 export const phoneInputMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { PhoneInput } from "tembro"
+import { Input } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState("+998 90 123 45 67")
 
   return (
-    <PhoneInput
+    <Input
+      kind="phone"
       value={value}
       onValueChange={setValue}
-      defaultCountry="UZ"
+      countryCode="+998"
       placeholder="+998 90 123 45 67"
     />
   )
 }
 `,
   htmlCode: '<label for="phone">Phone</label><input id="phone" type="tel" inputmode="tel" placeholder="+998 90 123 45 67" />',
-  cliCommand: "npx tembro add phone-input",
+  cliCommand: "npx tembro add input",
   highlights: ["Phone formatting assumptions", "Locale/defaultCountry behavior", "Controlled value contract", "Raw vs displayed phone forms"],
   relatedBlockSlugs: ["users-table", "settings-form", "pricing-section"],
   scenarios: [

package/packages/cli/vendor/src/showcase/premium/phone-input/showcase.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react"
 
-import { PhoneInput } from "@/index"
+import { Input } from "@/index"
 
 import type { ComponentDemoProps } from "../types"
 
@@ -9,9 +9,10 @@ export function PhoneInputShowcase({ mode }: ComponentDemoProps) {
 
   return (
     <div className="space-y-4">
-      <PhoneInput
+      <Input
+        kind="phone"
         value={value}
-        onValueChange={(maskedValue) => setValue(maskedValue)}
+        onValueChange={(maskedValue: string) => setValue(maskedValue)}
         countryCode="+998"
         placeholder="+998 90 123 45 67"
       />

package/packages/cli/vendor/src/showcase/premium/quantity-input/mock.ts

@@ -2,14 +2,15 @@ import type { ComponentDemoMock } from "../types"
 
 export const quantityInputMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { QuantityInput } from "tembro"
+import { Input } from "tembro"
 
 export function Example() {
   const [quantity, setQuantity] = useState<number | null>(3)
 
   return (
     <div className="space-y-3">
-      <QuantityInput
+      <Input
+        kind="quantity"
         value={quantity}
         onValueChange={(nextValue: number | null) => setQuantity(nextValue)}
         min={0}
@@ -30,7 +31,7 @@ export function Example() {
   )
 }`,
   htmlCode: `<label for="qty">Quantity</label><input id="qty" type="text" inputmode="numeric" />`,
-  cliCommand: "npx tembro add quantity-input",
+  cliCommand: "npx tembro add input",
   highlights: ["Stepper controls", "min/max boundaries", "controlled usage", "compact row compatibility"],
   relatedBlockSlugs: ["crm-dashboard", "users-table", "settings-form"],
   scenarios: [

package/packages/cli/vendor/src/showcase/premium/quantity-input/showcase.tsx

@@ -1,13 +1,14 @@
 import { useState } from "react"
 
-import { QuantityInput } from "@/index"
+import { Input } from "@/index"
 
 export function QuantityInputShowcase() {
   const [value, setValue] = useState<number | null>(2)
 
   return (
     <div className="space-y-3">
-      <QuantityInput
+      <Input
+        kind="quantity"
         value={value}
         onValueChange={setValue}
         min={0}

package/packages/cli/vendor/src/showcase/premium/search-input/mock.ts

@@ -2,13 +2,14 @@ import type { ComponentDemoMock } from "../types"
 
 export const searchInputMock: ComponentDemoMock = {
   code: `import * as React from "react"
-import { Kbd, SearchInput } from "tembro"
+import { Input, Kbd } from "tembro"
 
 export function Example() {
   const [value, setValue] = React.useState("")
 
   return (
-    <SearchInput
+    <Input
+      kind="search"
       value={value}
       onValueChange={setValue}
       placeholder="Search customers, invoices, or routes..."

package/packages/cli/vendor/src/showcase/premium/search-input/showcase.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { Badge, Kbd, SearchInput } from "@/index"
+import { Badge, Input, Kbd } from "@/index"
 
 import type { ComponentDemoProps } from "../types"
 
@@ -45,7 +45,8 @@ export function SearchInputShowcase({ mode }: ComponentDemoProps) {
       </section>
 
       <section className={panelClass}>
-        <SearchInput
+        <Input
+          kind="search"
           value={value}
           onValueChange={setValue}
           onDebouncedValueChange={setDebouncedValue}

package/packages/cli/vendor/src/showcase/premium/simple-select/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const simpleSelectMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { Button, SimpleSelect } from "tembro"
+import { Button, Select } from "tembro"
 
 const selectOptions = [
   { value: "public", label: "Public", disabled: false },
@@ -16,7 +16,7 @@ export function Example() {
 
   return (
     <div className="space-y-3">
-      <SimpleSelect
+      <Select
         options={selectOptions}
         value={value}
         onValueChange={(nextValue) => setValue(nextValue ?? "private")}
@@ -31,7 +31,7 @@ export function Example() {
   )
 }`,
   htmlCode: `<button data-slot="simple-select-trigger">Open options</button>`,
-  cliCommand: "npx tembro add simple-select",
+  cliCommand: "npx tembro add select",
   highlights: ["Controlled usage", "Static options", "Clear default value", "Disabled option handling"],
   relatedBlockSlugs: ["settings-form", "users-table", "crm-dashboard"],
   scenarios: [

package/packages/cli/vendor/src/showcase/premium/simple-select/showcase.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react"
 
-import { Badge, Button, SimpleSelect } from "@/index"
+import { Badge, Button, Select } from "@/index"
 import { routeSimpleSelectOptions } from "@/showcase/component-route-data"
 
 import type { ComponentDemoProps } from "../types"
@@ -24,7 +24,7 @@ export function SimpleSelectShowcase({ mode }: ComponentDemoProps) {
           <Badge variant="outline">Clearable</Badge>
         </div>
       </div>
-      <SimpleSelect
+      <Select
         value={value}
         onValueChange={(nextValue) => setValue(nextValue)}
         options={options}
@@ -47,7 +47,7 @@ export function SimpleSelectShowcase({ mode }: ComponentDemoProps) {
           <p className="mt-2 aui-text-muted">Choose this for local option lists before moving to AsyncSelect.</p>
         </div>
       </div>
-      <SimpleSelect key={uncontrolledKey} defaultValue="public" options={options} showSelectedDescription />
+      <Select key={uncontrolledKey} defaultValue="public" options={options} showSelectedDescription />
       <div className="flex flex-wrap gap-2">
         <Button variant="outline" size="sm" onClick={() => setValue(undefined)}>
           Clear controlled

package/packages/cli/vendor/src/showcase/registry-specific.tsx

@@ -33,7 +33,6 @@ import {
   PageState,
   PageTabs,
   Pagination,
-  PasswordInput,
   Progress,
   ProgressCircle,
   QuickActionGrid,
@@ -253,7 +252,7 @@ function InputPreview({
   }
 
   if (slug === "password-input") {
-    return <PasswordInput value="secret-token" onValueChange={onValueChange} placeholder="Password" />
+    return <Input kind="password" value="secret-token" onValueChange={onValueChange} placeholder="Password" />
   }
 
   if (slug === "slider") {

package/packages/cli/vendor/src/showcase/render-registry-preview.tsx

@@ -19,7 +19,6 @@ import {
   Button,
   ButtonGroup,
   Calendar,
-  ColorInput,
   CommandPalette,
   DescriptionList,
   DialogActionButton,
@@ -35,7 +34,6 @@ import {
   PageState,
   PageTabs,
   Pagination,
-  PasswordInput,
   Progress,
   ProgressCircle,
   QuickActionGrid,
@@ -109,7 +107,7 @@ function InputPreview({
   }
 
   if (slug === "password-input") {
-    return <PasswordInput value="secret-token" onValueChange={onValueChange} placeholder="Password" />
+    return <Input kind="password" value="secret-token" onValueChange={onValueChange} placeholder="Password" />
   }
 
   if (slug === "clearable-input") {
@@ -133,7 +131,7 @@ function InputPreview({
   }
 
   if (slug === "color-input") {
-    return <ColorInput defaultValue="#22c55e" label="Accent color" description="Theme token preview." />
+    return <Input type="color" defaultValue="#22c55e" aria-label="Accent color" />
   }
 
   if (slug === "tag-input") {

package/packages/cli/vendor/src/showcase/tembro-registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -47,7 +47,6 @@
     "inputs": [
       "async-select",
       "otp-input",
-      "quantity-stepper",
       "rating",
       "slider",
       "tag-input",
@@ -257,7 +256,6 @@
       "skeleton",
       "spinner",
       "command-bar",
-      "quantity-stepper",
       "inline-editable",
       "avatar",
       "code-block",

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -47,7 +47,6 @@
     "inputs": [
       "async-select",
       "otp-input",
-      "quantity-stepper",
       "rating",
       "slider",
       "tag-input",
@@ -257,7 +256,6 @@
       "skeleton",
       "spinner",
       "command-bar",
-      "quantity-stepper",
       "inline-editable",
       "avatar",
       "code-block",

package/dist/components/inputs/clearable-input.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input-decorator.cjs"),r=require("./input-value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=i.forwardRef(({value:e,onChange:s,onValueChange:c,onClear:l,clearable:u=!0,clearLabel:d=`Clear`,clearOnEscape:f=!0,focusAfterClear:p=!0,replaceTrailingWhenClear:m=!0,leadingIcon:h,trailing:g,trailingAction:_,disabled:v,onKeyDown:y,...b},x)=>{let S=i.useRef(null),C=r.getInputValue(e),w=u&&C.length>0&&!v&&!b.readOnly,T=r.createInputChangeHandler({onChange:s,onValueChange:c});i.useImperativeHandle(x,()=>S.current);let E=()=>{w&&(c?.(``),l?.(),p&&S.current?.focus())},D=e=>{t.stopInteractivePropagation(e),E()},O=e=>{t.stopInteractivePropagation(e)};return(0,o.jsx)(n.InputDecorator,{"data-slot":`clearable-input`,ref:S,value:C,disabled:v,onChange:T,onKeyDown:e=>{y?.(e),!e.defaultPrevented&&f&&e.key===`Escape`&&w&&(e.preventDefault(),E())},leading:h,trailing:w&&m?null:g,trailingAction:(0,o.jsxs)(o.Fragment,{children:[_,w&&(0,o.jsx)(`button`,{type:`button`,"data-slot":`clearable-input-clear`,"aria-label":d,className:`inline-flex size-7 items-center justify-center rounded-[var(--radius-sm)] border border-transparent bg-transparent text-muted-foreground/74 transition hover:border-border/60 hover:bg-muted/58 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30`,onClick:D,onMouseDown:O,onDoubleClick:O,children:(0,o.jsx)(a.XIcon,{className:`size-4`})})]}),...b})});s.displayName=`ClearableInput`,exports.ClearableInput=s;

package/dist/components/inputs/color-input.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,defaultValue:a=`#000000`,onValueChange:o,label:s,description:c,swatchClassName:l,className:u,disabled:d,...f}){let[p,m]=r.useState(a),h=e??p,g=t=>{e===void 0&&m(t),o?.(t)};return(0,i.jsxs)(`div`,{"data-slot":`color-input`,className:t.cn(`grid gap-2`,u),children:[(s||c)&&(0,i.jsxs)(`div`,{className:`grid gap-0.5`,children:[s&&(0,i.jsx)(`label`,{className:`text-sm font-medium text-foreground`,children:s}),c&&(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:c})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`input`,{type:`color`,value:h,disabled:d,className:t.cn(`size-9 cursor-pointer rounded-md border bg-background p-1 disabled:cursor-not-allowed disabled:opacity-50`,l),onChange:e=>g(e.currentTarget.value),...f}),(0,i.jsx)(n.Input,{value:h,disabled:d,onChange:e=>g(e.currentTarget.value),className:`font-mono`})]})]})}exports.ColorInput=a;

package/dist/components/inputs/color-input.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export type ColorInputProps = Omit<React.ComponentProps<"input">, "type" | "value" | "defaultValue" | "onChange"> & {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    swatchClassName?: string;
-};
-declare function ColorInput({ value, defaultValue, onValueChange, label, description, swatchClassName, className, disabled, ...props }: ColorInputProps): React.JSX.Element;
-export { ColorInput };

package/dist/components/inputs/color-input.js

@@ -1,42 +0,0 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Input as t } from "../ui/input/index.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/inputs/color-input.tsx
-function a({ value: a, defaultValue: o = "#000000", onValueChange: s, label: c, description: l, swatchClassName: u, className: d, disabled: f, ...p }) {
-	let [m, h] = n.useState(o), g = a ?? m, _ = (e) => {
-		a === void 0 && h(e), s?.(e);
-	};
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "color-input",
-		className: e("grid gap-2", d),
-		children: [(c || l) && /* @__PURE__ */ i("div", {
-			className: "grid gap-0.5",
-			children: [c && /* @__PURE__ */ r("label", {
-				className: "text-sm font-medium text-foreground",
-				children: c
-			}), l && /* @__PURE__ */ r("div", {
-				className: "text-xs text-muted-foreground",
-				children: l
-			})]
-		}), /* @__PURE__ */ i("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ r("input", {
-				type: "color",
-				value: g,
-				disabled: f,
-				className: e("size-9 cursor-pointer rounded-md border bg-background p-1 disabled:cursor-not-allowed disabled:opacity-50", u),
-				onChange: (e) => _(e.currentTarget.value),
-				...p
-			}), /* @__PURE__ */ r(t, {
-				value: g,
-				disabled: f,
-				onChange: (e) => _(e.currentTarget.value),
-				className: "font-mono"
-			})]
-		})]
-	});
-}
-//#endregion
-export { a as ColorInput };

package/dist/components/inputs/combobox.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs"),i=require("../ui/popover/index.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,options:c,onValueChange:l,placeholder:u=`Select option`,searchPlaceholder:d=`Search...`,emptyLabel:f=`No option found`,disabled:p=!1,invalid:m,clearable:h=!1,allowDeselect:g=!1,showSelectedDescription:_=!0,onSearchChange:v,triggerClassName:y,contentClassName:b,optionClassName:x,searchClassName:S,className:C,...w}){let[T,E]=a.useState(!1),[D,O]=a.useState(``),k=c.find(t=>t.value===e),A=D.trim().toLowerCase(),j=c.filter(e=>e.hidden?!1:A?String(e.searchValue??e.label).toLowerCase().includes(A):!0);return(0,s.jsx)(`div`,{"data-slot":`combobox`,className:t.cn(`grid w-full gap-2`,C),...w,children:(0,s.jsxs)(i.Popover,{open:T,onOpenChange:e=>{E(e),e||(O(``),v?.(``))},children:[(0,s.jsxs)(i.PopoverTrigger,{render:(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:p,"aria-expanded":T,"aria-invalid":m||void 0,className:t.cn(`min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left`,y)}),children:[(0,s.jsx)(`span`,{className:t.cn(`min-w-0 flex-1`,!k&&`text-muted-foreground`),children:k?(0,s.jsxs)(`span`,{className:`flex min-w-0 flex-col items-start`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:k.label}),_&&k.description?(0,s.jsx)(`span`,{className:`truncate text-[11px] text-muted-foreground`,children:k.description}):null]}):(0,s.jsx)(`span`,{className:`truncate font-normal`,children:u})}),h&&k&&!p?(0,s.jsx)(`span`,{role:`button`,tabIndex:0,"aria-label":`Clear value`,className:`inline-flex size-6 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/55 hover:text-foreground`,onClick:e=>{e.preventDefault(),e.stopPropagation(),l?.(void 0,void 0)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),l?.(void 0,void 0))},children:`×`}):null,(0,s.jsx)(o.ChevronDownIcon,{className:`size-4 opacity-60`})]}),(0,s.jsxs)(i.PopoverContent,{align:`start`,"data-slot":`combobox-content`,className:t.cn(`w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]`,b),children:[(0,s.jsxs)(`div`,{className:`relative mb-2`,children:[(0,s.jsx)(o.SearchIcon,{className:`pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,s.jsx)(r.Input,{value:D,onChange:e=>{O(e.target.value),v?.(e.target.value)},placeholder:d,className:t.cn(`h-9 pl-8`,S)})]}),(0,s.jsx)(`div`,{className:`max-h-64 overflow-y-auto`,children:j.length?j.map(n=>{let r=n.value===e;return(0,s.jsxs)(`button`,{type:`button`,disabled:n.disabled,"data-selected":r||void 0,className:t.cn(`flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]`,x),onClick:()=>{let e=g&&r?void 0:n.value;l?.(e,e?n:void 0),E(!1)},children:[(0,s.jsx)(`span`,{className:t.cn(`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70`,r&&`border-primary bg-primary text-primary-foreground`),children:r&&(0,s.jsx)(o.CheckIcon,{className:`size-3`})}),(0,s.jsxs)(`span`,{className:`min-w-0`,children:[(0,s.jsx)(`span`,{className:`block truncate font-medium`,children:n.label}),n.description&&(0,s.jsx)(`span`,{className:`block text-xs text-muted-foreground`,children:n.description})]})]},n.value)}):(0,s.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground`,children:f})})]})]})})}exports.Combobox=c;

package/dist/components/inputs/combobox.d.ts

@@ -1,29 +0,0 @@
-import * as React from "react";
-export type ComboboxOption<TValue extends string = string> = {
-    value: TValue;
-    label: React.ReactNode;
-    searchValue?: string;
-    description?: React.ReactNode;
-    disabled?: boolean;
-    hidden?: boolean;
-};
-export type ComboboxProps<TValue extends string = string> = React.ComponentProps<"div"> & {
-    value?: TValue;
-    options: ComboboxOption<TValue>[];
-    onValueChange?: (value: TValue | undefined, option?: ComboboxOption<TValue>) => void;
-    placeholder?: React.ReactNode;
-    searchPlaceholder?: string;
-    emptyLabel?: React.ReactNode;
-    disabled?: boolean;
-    invalid?: boolean;
-    clearable?: boolean;
-    allowDeselect?: boolean;
-    showSelectedDescription?: boolean;
-    onSearchChange?: (value: string) => void;
-    triggerClassName?: string;
-    contentClassName?: string;
-    optionClassName?: string;
-    searchClassName?: string;
-};
-declare function Combobox<TValue extends string = string>({ value, options, onValueChange, placeholder, searchPlaceholder, emptyLabel, disabled, invalid, clearable, allowDeselect, showSelectedDescription, onSearchChange, triggerClassName, contentClassName, optionClassName, searchClassName, className, ...props }: ComboboxProps<TValue>): React.JSX.Element;
-export { Combobox };

package/dist/components/inputs/combobox.js

@@ -1,113 +0,0 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { Input as n } from "../ui/input/index.js";
-import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../ui/popover/index.js";
-import * as o from "react";
-import { CheckIcon as s, ChevronDownIcon as c, SearchIcon as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/inputs/combobox.tsx
-function f({ value: f, options: p, onValueChange: m, placeholder: h = "Select option", searchPlaceholder: g = "Search...", emptyLabel: _ = "No option found", disabled: v = !1, invalid: y, clearable: b = !1, allowDeselect: x = !1, showSelectedDescription: S = !0, onSearchChange: C, triggerClassName: w, contentClassName: T, optionClassName: E, searchClassName: D, className: O, ...k }) {
-	let [A, j] = o.useState(!1), [M, N] = o.useState(""), P = p.find((e) => e.value === f), F = M.trim().toLowerCase(), I = p.filter((e) => e.hidden ? !1 : F ? String(e.searchValue ?? e.label).toLowerCase().includes(F) : !0);
-	return /* @__PURE__ */ u("div", {
-		"data-slot": "combobox",
-		className: e("grid w-full gap-2", O),
-		...k,
-		children: /* @__PURE__ */ d(r, {
-			open: A,
-			onOpenChange: (e) => {
-				j(e), e || (N(""), C?.(""));
-			},
-			children: [/* @__PURE__ */ d(a, {
-				render: /* @__PURE__ */ u(t, {
-					type: "button",
-					variant: "outline",
-					disabled: v,
-					"aria-expanded": A,
-					"aria-invalid": y || void 0,
-					className: e("min-h-11 w-full justify-between rounded-[var(--aui-control-radius,var(--radius-md))] px-3.5 text-left", w)
-				}),
-				children: [
-					/* @__PURE__ */ u("span", {
-						className: e("min-w-0 flex-1", !P && "text-muted-foreground"),
-						children: P ? /* @__PURE__ */ d("span", {
-							className: "flex min-w-0 flex-col items-start",
-							children: [/* @__PURE__ */ u("span", {
-								className: "truncate font-medium",
-								children: P.label
-							}), S && P.description ? /* @__PURE__ */ u("span", {
-								className: "truncate text-[11px] text-muted-foreground",
-								children: P.description
-							}) : null]
-						}) : /* @__PURE__ */ u("span", {
-							className: "truncate font-normal",
-							children: h
-						})
-					}),
-					b && P && !v ? /* @__PURE__ */ u("span", {
-						role: "button",
-						tabIndex: 0,
-						"aria-label": "Clear value",
-						className: "inline-flex size-6 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted/55 hover:text-foreground",
-						onClick: (e) => {
-							e.preventDefault(), e.stopPropagation(), m?.(void 0, void 0);
-						},
-						onKeyDown: (e) => {
-							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), m?.(void 0, void 0));
-						},
-						children: "×"
-					}) : null,
-					/* @__PURE__ */ u(c, { className: "size-4 opacity-60" })
-				]
-			}), /* @__PURE__ */ d(i, {
-				align: "start",
-				"data-slot": "combobox-content",
-				className: e("w-(--anchor-width) min-w-72 rounded-[var(--aui-card-radius,var(--radius-lg))] border-[color:var(--aui-card-border,var(--border))] bg-popover p-3 shadow-[var(--aui-control-panel-shadow,0_18px_40px_rgba(15,23,42,0.14))]", T),
-				children: [/* @__PURE__ */ d("div", {
-					className: "relative mb-2",
-					children: [/* @__PURE__ */ u(l, { className: "pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ u(n, {
-						value: M,
-						onChange: (e) => {
-							N(e.target.value), C?.(e.target.value);
-						},
-						placeholder: g,
-						className: e("h-9 pl-8", D)
-					})]
-				}), /* @__PURE__ */ u("div", {
-					className: "max-h-64 overflow-y-auto",
-					children: I.length ? I.map((t) => {
-						let n = t.value === f;
-						return /* @__PURE__ */ d("button", {
-							type: "button",
-							disabled: t.disabled,
-							"data-selected": n || void 0,
-							className: e("flex w-full items-start gap-2.5 rounded-[var(--radius-md)] border border-transparent px-3 py-2.5 text-left text-sm transition-colors hover:border-[color:color-mix(in_oklch,var(--primary),transparent_76%)] hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_93%)] disabled:pointer-events-none disabled:opacity-50 data-[selected=true]:border-[color:color-mix(in_oklch,var(--primary),transparent_68%)] data-[selected=true]:bg-[color:color-mix(in_oklch,var(--primary),transparent_89%)]", E),
-							onClick: () => {
-								let e = x && n ? void 0 : t.value;
-								m?.(e, e ? t : void 0), j(!1);
-							},
-							children: [/* @__PURE__ */ u("span", {
-								className: e("mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border border-border/70", n && "border-primary bg-primary text-primary-foreground"),
-								children: n && /* @__PURE__ */ u(s, { className: "size-3" })
-							}), /* @__PURE__ */ d("span", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ u("span", {
-									className: "block truncate font-medium",
-									children: t.label
-								}), t.description && /* @__PURE__ */ u("span", {
-									className: "block text-xs text-muted-foreground",
-									children: t.description
-								})]
-							})]
-						}, t.value);
-					}) : /* @__PURE__ */ u("div", {
-						className: "rounded-[var(--radius-md)] border border-[color:var(--aui-card-border,var(--border))] bg-[color:color-mix(in_oklch,var(--muted),transparent_55%)] px-3 py-6 text-center text-sm text-muted-foreground",
-						children: _
-					})
-				})]
-			})]
-		})
-	});
-}
-//#endregion
-export { f as Combobox };

package/dist/components/inputs/date-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./input-decorator.cjs"),n=require("./input-value.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=r.forwardRef(({value:e,onChange:r,onValueChange:o,showIcon:s=!0,icon:c,leading:l,...u},d)=>{let f=n.createInputChangeHandler({onChange:r,onValueChange:o});return(0,a.jsx)(t.InputDecorator,{ref:d,type:`date`,value:n.getInputValue(e),leading:s?c??l??(0,a.jsx)(i.CalendarDaysIcon,{}):l,onChange:f,...u})});o.displayName=`DateInput`,exports.DateInput=o;

package/dist/components/inputs/input-chrome.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({start:e,end:n,startClassName:i,endClassName:a,className:o,children:s,...c}){return(0,r.jsxs)(`div`,{"data-slot":`input-chrome`,className:t.cn(`flex h-11 w-full min-w-0 items-center rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)] transition-[background-color,border-color,box-shadow] hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-within:border-[color:var(--ring)] focus-within:shadow-[var(--aui-control-shadow,none),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)]`,o),...c,children:[e&&(0,r.jsx)(`span`,{className:t.cn(`shrink-0`,i),children:e}),s,n&&(0,r.jsx)(`span`,{className:t.cn(`shrink-0`,a),children:n})]})}exports.InputChrome=i;

package/dist/components/inputs/input-decorator.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/primitive.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`relative flex w-full items-center`,{variants:{density:{compact:`text-xs`,default:`text-sm`,comfortable:`text-base`},tone:{neutral:``,info:`[&_[data-slot=input]]:border-blue-500/30 [&_[data-slot=input]]:focus-visible:ring-blue-500/20`,success:`[&_[data-slot=input]]:border-emerald-500/30 [&_[data-slot=input]]:focus-visible:ring-emerald-500/20`,warning:`[&_[data-slot=input]]:border-amber-500/35 [&_[data-slot=input]]:focus-visible:ring-amber-500/20`,danger:`[&_[data-slot=input]]:border-destructive/40 [&_[data-slot=input]]:focus-visible:ring-destructive/20`}},defaultVariants:{density:`default`,tone:`neutral`}}),s=r.forwardRef(({className:e,value:r,leading:i,trailing:s,trailingAction:c,leadingPointerEvents:l=!1,trailingPointerEvents:u=!0,trailingActionPointerEvents:d=!0,wrapperClassName:f,inputClassName:p,leadingClassName:m,trailingClassName:h,trailingActionClassName:g,density:_,tone:v,...y},b)=>{let x=!!i,S=!!s,C=!!c,w=r==null?r===null?``:void 0:Array.isArray(r)?r:String(r);return(0,a.jsxs)(`div`,{"data-slot":`input-decorator`,"data-has-leading":x||void 0,"data-has-trailing":S||void 0,className:t.cn(o({density:_,tone:v}),f),children:[x&&(0,a.jsx)(`span`,{"data-slot":`input-leading`,className:t.cn(`absolute left-4 z-10 flex items-center text-muted-foreground/74 [&_svg]:size-4`,!l&&`pointer-events-none`,m),children:i}),(0,a.jsx)(n.InputPrimitive,{ref:b,value:w,className:t.cn(x&&`pl-11`,S&&C?`pr-28`:S||C?`pr-12`:void 0,p,e),...y}),S&&(0,a.jsx)(`span`,{"data-slot":`input-trailing`,className:t.cn(`absolute right-12 z-10 flex items-center gap-1.5 text-muted-foreground/74`,!u&&`pointer-events-none`,h),children:s}),C&&(0,a.jsx)(`span`,{"data-slot":`input-trailing-action`,className:t.cn(`absolute right-3 z-10 flex items-center gap-1.5 text-muted-foreground/74`,!d&&`pointer-events-none`,g),children:c})]})});s.displayName=`InputDecorator`,exports.InputDecorator=s,exports.inputDecoratorVariants=o;

package/dist/components/inputs/masked-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./input-decorator.cjs"),n=require("./input-value.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){return e}function o(e){return e}var s=r.forwardRef(({value:e,onChange:r,onValueChange:s,mask:c=a,unmask:l=o,...u},d)=>(0,i.jsx)(t.InputDecorator,{ref:d,value:n.getInputValue(e),onChange:e=>{let t=l(e.target.value),i=c(t);n.setInputElementValue(e,i),r?.(e),s?.(i,t)},...u}));s.displayName=`MaskedInput`,exports.MaskedInput=s;

package/dist/components/inputs/money-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/primitive.cjs"),r=require("./input-value.cjs"),i=require("./input-chrome.cjs"),a=require("./numeric-value.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){return a.parseMoneyLikeInput(e)}function l({value:e,onChange:a,onValueChange:o,prefix:l,suffix:u,wrapperClassName:d,inputClassName:f,className:p,inputMode:m=`decimal`,...h}){return(0,s.jsx)(i.InputChrome,{"data-slot":`money-input`,className:t.cn(`text-sm`,d),start:l?(0,s.jsx)(`span`,{className:`pl-2.5 text-xs font-medium text-muted-foreground`,children:l}):null,end:u?(0,s.jsx)(`span`,{className:`pr-2.5 text-xs font-medium text-muted-foreground`,children:u}):null,children:(0,s.jsx)(n.InputPrimitive,{value:r.getInputValue(e),onChange:e=>{a?.(e),o?.(c(e.target.value),e.target.value)},inputMode:m,className:t.cn(`h-full border-0 bg-transparent px-2.5 shadow-none focus-visible:border-0 focus-visible:ring-0`,f,p),...h})})}exports.MoneyInput=l,exports.parseMoneyInput=c;

package/dist/components/inputs/number-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./input-decorator.cjs"),n=require("./input-value.cjs"),r=require("./numeric-value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){return r.parseDecimalInput(e)}function s(e,t,n){return r.clampNumericValue(e,t,n)}var c=i.forwardRef(({value:e,onChange:r,onValueChange:i,onNumberChange:c,min:l,max:u,step:d,allowEmpty:f=!0,prefix:p,suffix:m,leading:h,trailing:g,inputMode:_=`decimal`,onBlur:v,...y},b)=>{let x=n.getInputValue(e),S=e=>{let t=o(e),n=t==null?null:s(t,l,u);i?.(e),c?.(n)};return(0,a.jsx)(t.InputDecorator,{ref:b,type:`text`,value:x,inputMode:_,min:l,max:u,step:d,leading:p??h,trailing:m??g,onChange:e=>{r?.(e),S(e.target.value)},onBlur:e=>{if(!f&&!e.target.value.trim()){let t=String(l??0);e.currentTarget.value=t,S(t)}v?.(e)},...y})});c.displayName=`NumberInput`,exports.NumberInput=c,exports.clampNumber=s,exports.parseNumberInput=o;

package/dist/components/inputs/password-input.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./input-decorator.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=n.forwardRef(({value:e,onChange:a,onValueChange:o,visible:s,defaultVisible:c=!1,onVisibleChange:l,showToggle:u=!0,showCapsLockWarning:d=!0,capsLockLabel:f=`Caps Lock is on`,showLabel:p=`Show password`,hideLabel:m=`Hide password`,disabled:h,autoComplete:g=`current-password`,trailing:_,onKeyDown:v,onKeyUp:y,...b},x)=>{let S=s!==void 0,[C,w]=n.useState(c),[T,E]=n.useState(!1),D=S?s:C,O=e=>{S||w(e),l?.(e)},k=e=>{a?.(e),o?.(e.target.value)},A=e=>{d&&E(e.getModifierState(`CapsLock`))};return(0,i.jsx)(t.InputDecorator,{"data-slot":`password-input`,ref:x,type:D?`text`:`password`,value:e??``,disabled:h,autoComplete:g,onChange:k,onKeyDown:e=>{A(e),v?.(e)},onKeyUp:e=>{A(e),y?.(e)},trailingAction:(0,i.jsxs)(i.Fragment,{children:[_,d&&T?(0,i.jsx)(`span`,{"data-slot":`password-caps-lock`,className:`hidden text-xs text-amber-600 sm:inline`,"aria-live":`polite`,children:f}):null,u?(0,i.jsx)(`button`,{type:`button`,disabled:h,"aria-label":D?m:p,className:`rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50`,onClick:()=>O(!D),children:D?(0,i.jsx)(r.EyeOffIcon,{className:`size-4`}):(0,i.jsx)(r.EyeIcon,{className:`size-4`})}):null]}),...b})});a.displayName=`PasswordInput`,exports.PasswordInput=a;

package/dist/components/inputs/phone-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./masked-input.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e){return e.replace(/\D/g,``)}function o(e,t=`+998`,n=12){let r=a(e).slice(0,n),i=t.replace(/\D/g,``),o=r.startsWith(i)?r.slice(i.length):r;return[t,...[o.slice(0,2),o.slice(2,5),o.slice(5,7),o.slice(7,9)].filter(Boolean)].join(` `).trim()}var s=n.forwardRef(({countryCode:e=`+998`,maxDigits:n=12,showCountryCode:s=!1,showIcon:c=!1,icon:l,leading:u,trailing:d,onValueChange:f,...p},m)=>(0,i.jsx)(t.MaskedInput,{ref:m,inputMode:`tel`,leading:c?l??u??(0,i.jsx)(r.PhoneIcon,{}):u,trailing:s?(0,i.jsx)(`span`,{className:`font-mono text-xs`,children:e}):d,mask:t=>o(t,e,n),unmask:a,onValueChange:(e,t)=>f?.(e,t),...p}));s.displayName=`PhoneInput`,exports.PhoneInput=s,exports.formatPhoneDigits=o,exports.onlyDigits=a;

package/dist/components/inputs/quantity-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/primitive.cjs"),i=require("./input-value.cjs"),a=require("./input-chrome.cjs"),o=require("./numeric-value.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("lucide-react"),l=require("react/jsx-runtime");function u(e,t,n){return o.clampNumericValue(e,t,n)}function d({value:e,onChange:s,onValueChange:d,min:f,max:p,step:m=1,showControls:h=!0,wrapperClassName:g,inputClassName:_,className:v,inputMode:y=`decimal`,...b}){let x=typeof e!=`number`||typeof f!=`number`||e>f,S=typeof e!=`number`||typeof p!=`number`||e<p,C=e=>{d?.(e)},w=e=>{s?.(e);let t=o.parseDecimalInput(e.target.value);if(t==null){C(null);return}C(u(t,f,p))},T=t=>{C(u((typeof e==`number`?e:f??0)+m*t,f,p))};return(0,l.jsx)(a.InputChrome,{"data-slot":`quantity-input`,className:t.cn(`overflow-hidden`,g),start:h?(0,l.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`h-full rounded-none`,disabled:!x||b.disabled||b.readOnly,onClick:()=>T(-1),children:(0,l.jsx)(c.MinusIcon,{})}):null,end:h?(0,l.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`h-full rounded-none`,disabled:!S||b.disabled||b.readOnly,onClick:()=>T(1),children:(0,l.jsx)(c.PlusIcon,{})}):null,children:(0,l.jsx)(r.InputPrimitive,{value:i.getInputValue(e),onChange:w,inputMode:y,className:t.cn(`h-full border-0 bg-transparent text-center shadow-none focus-visible:border-0 focus-visible:ring-0`,_,v),...b})})}exports.QuantityInput=d,exports.clampQuantity=u;

package/dist/components/inputs/quantity-stepper.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({value:e,defaultValue:s=0,onValueChange:c,min:l=0,max:u,step:d=1,disabled:f=!1,className:p,...m}){let[h,g]=i.useState(s),_=e??h,v=t=>{let n=Math.max(l,Math.min(u??t,Number.isFinite(t)?t:l));e===void 0&&g(n),c?.(n)};return(0,o.jsxs)(`div`,{"data-slot":`quantity-stepper`,className:t.cn(`inline-flex items-center rounded-lg border bg-background`,p),...m,children:[(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f||_<=l,onClick:()=>v(_-d),children:[(0,o.jsx)(a.MinusIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Decrease`})]}),(0,o.jsx)(r.Input,{value:_,disabled:f,inputMode:`numeric`,className:`h-8 w-14 border-0 text-center shadow-none focus-visible:ring-0`,onChange:e=>v(Number(e.currentTarget.value))}),(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,disabled:f||u!==void 0&&_>=u,onClick:()=>v(_+d),children:[(0,o.jsx)(a.PlusIcon,{}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Increase`})]})]})}exports.QuantityStepper=s;

package/dist/components/inputs/quantity-stepper.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-export type QuantityStepperProps = Omit<React.ComponentProps<"div">, "onChange"> & {
-    value?: number;
-    defaultValue?: number;
-    onValueChange?: (value: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-};
-declare function QuantityStepper({ value, defaultValue, onValueChange, min, max, step, disabled, className, ...props }: QuantityStepperProps): React.JSX.Element;
-export { QuantityStepper };

package/dist/components/inputs/quantity-stepper.js

@@ -1,52 +0,0 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { Input as n } from "../ui/input/index.js";
-import * as r from "react";
-import { MinusIcon as i, PlusIcon as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/inputs/quantity-stepper.tsx
-function c({ value: c, defaultValue: l = 0, onValueChange: u, min: d = 0, max: f, step: p = 1, disabled: m = !1, className: h, ...g }) {
-	let [_, v] = r.useState(l), y = c ?? _, b = (e) => {
-		let t = Math.max(d, Math.min(f ?? e, Number.isFinite(e) ? e : d));
-		c === void 0 && v(t), u?.(t);
-	};
-	return /* @__PURE__ */ s("div", {
-		"data-slot": "quantity-stepper",
-		className: e("inline-flex items-center rounded-lg border bg-background", h),
-		...g,
-		children: [
-			/* @__PURE__ */ s(t, {
-				type: "button",
-				variant: "ghost",
-				size: "icon-sm",
-				disabled: m || y <= d,
-				onClick: () => b(y - p),
-				children: [/* @__PURE__ */ o(i, {}), /* @__PURE__ */ o("span", {
-					className: "sr-only",
-					children: "Decrease"
-				})]
-			}),
-			/* @__PURE__ */ o(n, {
-				value: y,
-				disabled: m,
-				inputMode: "numeric",
-				className: "h-8 w-14 border-0 text-center shadow-none focus-visible:ring-0",
-				onChange: (e) => b(Number(e.currentTarget.value))
-			}),
-			/* @__PURE__ */ s(t, {
-				type: "button",
-				variant: "ghost",
-				size: "icon-sm",
-				disabled: m || f !== void 0 && y >= f,
-				onClick: () => b(y + p),
-				children: [/* @__PURE__ */ o(a, {}), /* @__PURE__ */ o("span", {
-					className: "sr-only",
-					children: "Increase"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { c as QuantityStepper };