npm - tembro - Versions diffs - 2.0.5 → 2.0.6 - Mend

tembro 2.0.5 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

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

@@ -40,10 +40,9 @@ import {
   RangeSlider,
   Rating,
   SavedFilterSelect,
-  SearchInput,
   SectionHeader,
-  SimpleSelect,
   Slider,
+  Select,
   StatusDot,
   StatusLegend,
   Stepper,
@@ -250,7 +249,7 @@ function InputPreview({
   const onValueChange = (nextValue: string) => setState({ textValue: nextValue })
   if (slug === "search-input") {
-    return <SearchInput value={value} onValueChange={onValueChange} resultCount={12} shortcut="Ctrl K" placeholder="Search customers..." />
+    return <Input type="search" value={value} onValueChange={onValueChange} resultCount={12} shortcut="Ctrl K" placeholder="Search customers..." />
   }
   if (slug === "password-input") {
@@ -280,7 +279,7 @@ function InputPreview({
   if (slug === "simple-select") {
     return (
       <div className="grid gap-4">
-        <SimpleSelect
+        <Select
           value="private"
           onValueChange={() => undefined}
           options={[
@@ -350,7 +349,7 @@ function FormPreview({
       </label>
       <label className="grid gap-2">
         <span className="text-sm font-medium aui-text-strong">Status</span>
-        <SearchInput value="Active customers" resultCount={7} readOnly />
+        <Input type="search" value="Active customers" resultCount={7} readOnly />
         <span className="text-xs text-emerald-500">Ready to submit</span>
       </label>
     </div>
@@ -585,7 +584,7 @@ function ActionsPreview({
   if (slug === "filter-bar") {
     return (
       <FilterBar
-        search={<SearchInput value={state.textValue} onValueChange={(value) => setState({ textValue: value })} placeholder="Search invoices..." />}
+        search={<Input type="search" value={state.textValue} onValueChange={(value) => setState({ textValue: value })} placeholder="Search invoices..." />}
         activeCount={2}
         onReset={() => setState({ textValue: "" })}
         filters={<Button variant="outline" size="sm"><FilterIcon data-icon="inline-start" />Status</Button>}
@@ -701,7 +700,7 @@ function DataTablePartsPreview({ slug }: { slug: string }) {
   return (
     <div className="overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]">
       <div className="flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3">
-        <SearchInput value="" placeholder="Search rows..." className="max-w-xs" readOnly />
+        <Input type="search" value="" placeholder="Search rows..." className="max-w-xs" readOnly />
         <div className="flex gap-2">
           <Button variant="outline" size="sm"><FilterIcon data-icon="inline-start" />Filters</Button>
           <Button size="sm">Create</Button>
@@ -821,7 +820,7 @@ function PatternsPreview({ slug }: { slug: string }) {
       description="ResourcePage combines header, stats, filters and sections."
       actions={<Button size="sm">New customer</Button>}
       stats={<div className="grid gap-3 sm:grid-cols-2"><StatCard title="Active" value="2,418" trend={{ value: "+8%", tone: "success" }} /><StatCard title="Health" value="94%" trend={{ value: "Stable", tone: "info" }} /></div>}
-      filters={<FilterBar search={<SearchInput value="" placeholder="Search..." readOnly />} activeCount={1} />}
+      filters={<FilterBar search={<Input type="search" value="" placeholder="Search..." readOnly />} activeCount={1} />}
     >
       <ResourcePageSection title="Recent activity">
         <Timeline

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

@@ -42,7 +42,6 @@ import {
   QuickActionGrid,
   RangeSlider,
   Rating,
-  SearchInput,
   SectionHeader,
   Slider,
   StatusDot,
@@ -107,7 +106,7 @@ function InputPreview({
   const onValueChange = (nextValue: string) => setState({ textValue: nextValue })
   if (slug === "search-input") {
-    return <SearchInput value={value} onValueChange={onValueChange} resultCount={12} shortcut="Ctrl K" placeholder="Search customers..." />
+    return <Input type="search" value={value} onValueChange={onValueChange} resultCount={12} shortcut="Ctrl K" placeholder="Search customers..." />
   }
   if (slug === "password-input") {
@@ -163,7 +162,7 @@ function FormPreview({
       </label>
       <label className="grid gap-2">
         <span className="text-sm font-medium text-[color:var(--aui-page-foreground)]">Status</span>
-        <SearchInput value="Active customers" resultCount={7} readOnly />
+        <Input type="search" value="Active customers" resultCount={7} readOnly />
         <span className="text-xs text-emerald-500">Ready to submit</span>
       </label>
     </div>
@@ -449,7 +448,7 @@ function ActionsPreview({
   if (slug === "filter-bar") {
     return (
       <FilterBar
-        search={<SearchInput value={state.textValue} onValueChange={(value) => setState({ textValue: value })} placeholder="Search invoices..." />}
+        search={<Input type="search" value={state.textValue} onValueChange={(value) => setState({ textValue: value })} placeholder="Search invoices..." />}
         onReset={() => setState({ textValue: "" })}
         chips={[
           { key: "status", label: "Status", value: "Active", tone: "success" },
@@ -599,7 +598,7 @@ function DataTablePartsPreview({ slug }: { slug: string }) {
   return (
     <div className="overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]">
       <div className="flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3">
-        <SearchInput value="" placeholder="Search rows..." className="max-w-xs" readOnly />
+        <Input type="search" value="" placeholder="Search rows..." className="max-w-xs" readOnly />
         <div className="flex gap-2">
           <Button variant="outline" size="sm"><FilterIcon data-icon="inline-start" />Filters</Button>
           <Button size="sm">Create</Button>
@@ -702,7 +701,7 @@ function PatternsPreview({ slug }: { slug: string }) {
           <StatCard title="Health" value="94%" trend={{ value: "Stable", tone: "default" }} />
         </div>
       }
-      filters={<FilterBar search={<SearchInput value="" placeholder="Search..." readOnly />} activeCount={1} />}
+      filters={<FilterBar search={<Input type="search" value="" placeholder="Search..." readOnly />} activeCount={1} />}
     >
       <ResourcePageSection title="Recent activity">
         <Timeline

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [

package/registry.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [