tembro 2.1.7 → 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/site-data.tsx

@@ -1793,11 +1793,26 @@ const migrationAliasTargets = new Set(Object.values(kitMigrationAliases))
 
 const internalComponentCatalogSlugs = new Set([
   "app-header",
+  "app-sidebar",
   "app-shell",
   "async-multi-select",
   "clearable-input",
+  "combobox",
   "copy-field",
+  "data-table-actions-column",
+  "data-table-bulk-actions",
+  "data-table-column-visibility-menu",
+  "data-table-pagination",
+  "data-table-row-actions",
+  "data-table-saved-filters",
+  "data-table-select-column",
+  "data-table-sortable-header",
+  "data-table-toolbar",
+  "data-table-view-presets",
+  "date-input",
+  "date-range-input",
   "file-dropzone",
+  "form",
   "form-async-select",
   "form-field",
   "form-field-shell",
@@ -1806,14 +1821,25 @@ const internalComponentCatalogSlugs = new Set([
   "form-switch",
   "form-textarea",
   "hover-card",
+  "input-decorator",
+  "input-value",
+  "inputs",
+  "masked-input",
+  "money-input",
+  "number-input",
   "page-container",
   "page-header",
+  "password-input",
+  "phone-input",
   "quantity-input",
+  "search-input",
   "section-header",
   "sidebar-nav",
   "simple-select",
   "stat-card",
   "sticky-footer-bar",
+  "table-export-menu",
+  "table-import-button",
 ])
 
 const hiddenKitGroups = new Set(["kits"])

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.7",
+  "version": "2.1.9",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -46,16 +46,8 @@
     ],
     "inputs": [
       "async-select",
-      "combobox",
-      "masked-input",
-      "money-input",
-      "number-input",
       "otp-input",
-      "password-input",
-      "phone-input",
-      "quantity-stepper",
       "rating",
-      "search-input",
       "slider",
       "tag-input",
       "inline-editable"
@@ -235,7 +227,6 @@
     ],
     "system": [
       "data-table",
-      "data-table-view-presets",
       "sidebar"
     ]
   },
@@ -265,7 +256,6 @@
       "skeleton",
       "spinner",
       "command-bar",
-      "quantity-stepper",
       "inline-editable",
       "avatar",
       "code-block",
@@ -324,6 +314,22 @@
     "section-header": "section",
     "sidebar-nav": "sidebar",
     "stat-card": "metric-grid",
-    "sticky-footer-bar": "sidebar"
+    "sticky-footer-bar": "sidebar",
+    "input-decorator": "input",
+    "input-value": "input",
+    "inputs": "input",
+    "form": "input",
+    "data-table-actions-column": "data-table",
+    "data-table-bulk-actions": "data-table",
+    "data-table-column-visibility-menu": "data-table",
+    "data-table-pagination": "data-table",
+    "data-table-row-actions": "data-table",
+    "data-table-saved-filters": "data-table",
+    "data-table-select-column": "data-table",
+    "data-table-sortable-header": "data-table",
+    "data-table-toolbar": "data-table",
+    "data-table-view-presets": "data-table",
+    "table-export-menu": "data-table",
+    "table-import-button": "data-table"
   }
 }

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -46,16 +46,8 @@
     ],
     "inputs": [
       "async-select",
-      "combobox",
-      "masked-input",
-      "money-input",
-      "number-input",
       "otp-input",
-      "password-input",
-      "phone-input",
-      "quantity-stepper",
       "rating",
-      "search-input",
       "slider",
       "tag-input",
       "inline-editable"
@@ -235,7 +227,6 @@
     ],
     "system": [
       "data-table",
-      "data-table-view-presets",
       "sidebar"
     ]
   },
@@ -265,7 +256,6 @@
       "skeleton",
       "spinner",
       "command-bar",
-      "quantity-stepper",
       "inline-editable",
       "avatar",
       "code-block",
@@ -324,6 +314,22 @@
     "section-header": "section",
     "sidebar-nav": "sidebar",
     "stat-card": "metric-grid",
-    "sticky-footer-bar": "sidebar"
+    "sticky-footer-bar": "sidebar",
+    "input-decorator": "input",
+    "input-value": "input",
+    "inputs": "input",
+    "form": "input",
+    "data-table-actions-column": "data-table",
+    "data-table-bulk-actions": "data-table",
+    "data-table-column-visibility-menu": "data-table",
+    "data-table-pagination": "data-table",
+    "data-table-row-actions": "data-table",
+    "data-table-saved-filters": "data-table",
+    "data-table-select-column": "data-table",
+    "data-table-sortable-header": "data-table",
+    "data-table-toolbar": "data-table",
+    "data-table-view-presets": "data-table",
+    "table-export-menu": "data-table",
+    "table-import-button": "data-table"
   }
 }

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;