tembro 2.0.3 → 2.0.4

package/packages/cli/vendor/src/public-component-surface.ts

@@ -30,28 +30,20 @@ export const standalonePublicComponentSurfaces: readonly PublicComponentSurfaceE
   { slug: "command-bar", registryName: "command-bar", surface: "standalone" },
   { slug: "quantity-stepper", registryName: "quantity-stepper", surface: "standalone" },
   { slug: "inline-editable", registryName: "inline-editable", surface: "standalone" },
-  { slug: "repeater-field", registryName: "repeater-field", surface: "standalone" },
   { slug: "empty-search-state", registryName: "empty-search-state", surface: "standalone" },
   { slug: "avatar", registryName: "avatar", surface: "standalone" },
   { slug: "code-block", registryName: "code-block", surface: "standalone" },
   { slug: "data-state", registryName: "data-state", surface: "standalone" },
   { slug: "descriptions", registryName: "descriptions", surface: "standalone" },
-  { slug: "keyboard-shortcut", registryName: "keyboard-shortcut", surface: "standalone" },
-  { slug: "key-value-card", registryName: "key-value-card", surface: "standalone" },
   { slug: "kanban", registryName: "kanban", surface: "standalone" },
   { slug: "list", registryName: "list", surface: "standalone" },
   { slug: "property-grid", registryName: "property-grid", surface: "standalone" },
   { slug: "statistic", registryName: "statistic", surface: "standalone" },
-  { slug: "tag-list", registryName: "tag-list", surface: "standalone" },
   { slug: "tree-view", registryName: "tree-view", surface: "standalone" },
-  { slug: "skeleton-table", registryName: "skeleton-table", surface: "standalone" },
-  { slug: "skeleton-form", registryName: "skeleton-form", surface: "standalone" },
   { slug: "copy-button", registryName: "copy-button", surface: "standalone" },
   { slug: "copy-field", registryName: "copy-field", surface: "standalone" },
   { slug: "section", registryName: "section", surface: "standalone" },
-  { slug: "stack", registryName: "stack", surface: "standalone" },
   { slug: "sticky-footer-bar", registryName: "sticky-footer-bar", surface: "standalone" },
-  { slug: "affix", registryName: "affix", surface: "standalone" },
   { slug: "calendar-scheduler", registryName: "calendar-scheduler", surface: "standalone" },
   { slug: "dual-list-picker", registryName: "dual-list-picker", surface: "standalone" },
   { slug: "menubar", registryName: "menubar", surface: "standalone" },
@@ -61,14 +53,9 @@ export const standalonePublicComponentSurfaces: readonly PublicComponentSurfaceE
   { slug: "tour", registryName: "tour", surface: "standalone" },
   { slug: "qr-code", registryName: "qr-code", surface: "standalone" },
   { slug: "tag", registryName: "tag", surface: "standalone" },
-  { slug: "aspect-ratio", registryName: "aspect-ratio", surface: "standalone" },
   { slug: "carousel", registryName: "carousel", surface: "standalone" },
-  { slug: "float-button", registryName: "float-button", surface: "standalone" },
   { slug: "typography", registryName: "typography", surface: "standalone" },
-  { slug: "watermark", registryName: "watermark", surface: "standalone" },
-  { slug: "cascader", registryName: "cascader", surface: "standalone" },
   { slug: "json-input", registryName: "json-input", surface: "standalone" },
-  { slug: "mention-input", registryName: "mention-input", surface: "standalone" },
   { slug: "time-picker", registryName: "time-picker", surface: "standalone" },
 ] as const
 

package/packages/cli/vendor/src/showcase/fallback.tsx

@@ -1,9 +1,7 @@
 import {
   Accordion,
   Alert,
-  Affix,
   AnchorNav,
-  AspectRatio,
   Avatar,
   AvatarGroup,
   Badge,
@@ -12,30 +10,23 @@ import {
   CalendarScheduler,
   Card,
   CardContent,
-  CardHeader,
-  CardTitle,
   Carousel,
   CarouselItem,
-  Cascader,
   CodeBlock,
   ColorInput,
   CopyButton,
   CopyField,
   DataState,
-  DescriptionList,
   Descriptions,
   Divider,
   DualListPicker,
   EmptyState,
   EntityCard,
   FilterChips,
-  FloatButton,
-  Grid,
   Heading,
   Input,
   JsonInput,
   KanbanBoard,
-  KeyboardShortcut,
   List,
   Mark,
   Menubar,
@@ -43,7 +34,6 @@ import {
   MenubarItem,
   MenubarMenu,
   MenubarTrigger,
-  MentionInput,
   NavigationMenu,
   NavigationMenuItem,
   NavigationMenuLink,
@@ -66,12 +56,9 @@ import {
   SegmentedControl,
   Skeleton,
   SkeletonCard,
-  SkeletonForm,
-  SkeletonTable,
   SkeletonText,
   Slider,
   Spinner,
-  Stack,
   StepperTabs,
   Statistic,
   StatisticCard,
@@ -81,13 +68,11 @@ import {
   Tag,
   TagInput,
   TagGroup,
-  TagList,
   Text,
   TimePicker,
   TimeRangePicker,
   Tour,
   TreeView,
-  Watermark,
 } from "@/index"
 import { StatCard } from "@/components/layout/stat-card"
 
@@ -200,31 +185,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "affix") {
-    return (
-      <div className="grid gap-3">
-        <Affix offsetTop={0}>
-          <div className="rounded-lg border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2 text-sm font-medium">
-            Sticky helper bar
-          </div>
-        </Affix>
-        <div className="rounded-xl border border-dashed border-[color:var(--aui-divider)] p-4 text-sm text-[color:var(--aui-page-muted)]">
-          Use `Affix` when a small control or summary should remain visible while the surrounding content scrolls.
-        </div>
-      </div>
-    )
-  }
-
-  if (item.slug === "aspect-ratio") {
-    return (
-      <AspectRatio ratio={16 / 9} className="rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]">
-        <div className="flex size-full items-center justify-center bg-[linear-gradient(135deg,color-mix(in_oklch,var(--aui-brand),transparent_88%),transparent)] text-sm font-medium text-[color:var(--aui-page-foreground)]">
-          16:9 media surface
-        </div>
-      </AspectRatio>
-    )
-  }
-
   if (item.slug === "avatar") {
     return (
       <div className="flex flex-wrap items-center gap-4">
@@ -277,18 +237,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "cascader") {
-    return (
-      <Cascader
-        value={["workspace", "billing", "invoices"]}
-        options={[
-          { value: "workspace", label: "Workspace", children: [{ value: "billing", label: "Billing", children: [{ value: "invoices", label: "Invoices" }, { value: "plans", label: "Plans" }] }] },
-          { value: "settings", label: "Settings", children: [{ value: "team", label: "Team" }] },
-        ]}
-      />
-    )
-  }
-
   if (item.slug === "code-block") {
     return (
       <CodeBlock
@@ -396,28 +344,10 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "skeleton-form") {
-    return <SkeletonForm />
-  }
-
-  if (item.slug === "skeleton-table") {
-    return <SkeletonTable rows={5} columns={4} />
-  }
-
   if (item.slug === "slider") {
     return <Slider label="Spacing scale" description="Adjust dashboard density." defaultValue={64} showValue />
   }
 
-  if (item.slug === "stack") {
-    return (
-      <Stack gap="sm">
-        <div className="rounded-lg border p-3 text-sm">Header area</div>
-        <div className="rounded-lg border p-3 text-sm">Content area</div>
-        <div className="rounded-lg border p-3 text-sm">Footer area</div>
-      </Stack>
-    )
-  }
-
   if (item.slug === "statistic") {
     return (
       <StatisticGrid columns={3}>
@@ -448,19 +378,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "tag-list") {
-    return (
-      <TagList
-        removable
-        items={[
-          { key: "1", label: "Dashboard" },
-          { key: "2", label: "Billing", variant: "secondary" },
-          { key: "3", label: "Priority", variant: "outline" },
-        ]}
-      />
-    )
-  }
-
   if (item.slug === "time-picker") {
     return (
       <div className="grid gap-3">
@@ -519,19 +436,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "watermark") {
-    return (
-      <Watermark text="AZAMAT UI">
-        <Card>
-          <CardContent className="p-6">
-            <p className="text-lg font-semibold">Preview export</p>
-            <p className="mt-2 text-sm text-muted-foreground">Subtle branding surface for internal screenshots or mockups.</p>
-          </CardContent>
-        </Card>
-      </Watermark>
-    )
-  }
-
   if (item.slug === "range-slider") {
     return <RangeSlider label="Revenue band" description="Filter a metric window." defaultValue={[20, 80]} showValue />
   }
@@ -670,15 +574,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "float-button") {
-    return (
-      <div className="relative min-h-28 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4">
-        <p className="text-sm text-muted-foreground">Floating action inside a content area.</p>
-        <FloatButton className="absolute bottom-4 right-4">+</FloatButton>
-      </div>
-    )
-  }
-
   if (item.slug === "data-list" || item.slug === "list") {
     return (
       <List
@@ -691,25 +586,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "key-value-card") {
-    return (
-      <Card>
-        <CardHeader>
-          <CardTitle>Account summary</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <DescriptionList
-            items={[
-              { key: "owner", label: "Owner", value: "Azamat UI" },
-              { key: "plan", label: "Plan", value: "Scale" },
-              { key: "renewal", label: "Renewal", value: "July 14, 2026" },
-            ]}
-          />
-        </CardContent>
-      </Card>
-    )
-  }
-
   if (item.slug === "entity-card" || item.slug === "file-card") {
     return (
       <EntityCard
@@ -822,7 +698,7 @@ function renderGenericPreviewSurface(
             key: "done",
             title: "Done",
             cards: [
-              { key: "3", title: "Publish 1.0.0", description: "Release package and sync docs." },
+              { key: "3", title: "Publish 1.0.0", description: "Release package and sync docs." },
             ],
           },
         ]}
@@ -830,29 +706,6 @@ function renderGenericPreviewSurface(
     )
   }
 
-  if (item.slug === "keyboard-shortcut") {
-    return (
-      <div className="flex flex-wrap gap-3">
-        <KeyboardShortcut keys={["Ctrl", "K"]} />
-        <KeyboardShortcut keys={["Shift", "Enter"]} />
-        <KeyboardShortcut keys={["Alt", "S"]} />
-      </div>
-    )
-  }
-
-  if (item.slug === "mention-input") {
-    return (
-      <MentionInput
-        defaultValue="@azamat can you review the DataTable route?"
-        options={[
-          { value: "@azamat", label: "@azamat" },
-          { value: "@team", label: "@team" },
-          { value: "@design", label: "@design" },
-        ]}
-      />
-    )
-  }
-
   if (item.slug === "menubar") {
     return (
       <Menubar>
@@ -887,11 +740,11 @@ function renderGenericPreviewSurface(
 
   if (item.slug === "overlay") {
     return (
-      <Grid columns={3} gap="sm">
+      <div className="grid gap-3 sm:grid-cols-3">
         <Card><CardContent className="p-4"><p className="font-medium">Dialog</p><p className="mt-1 text-sm text-muted-foreground">Focused confirmation and forms.</p></CardContent></Card>
         <Card><CardContent className="p-4"><p className="font-medium">Popover</p><p className="mt-1 text-sm text-muted-foreground">Compact contextual actions.</p></CardContent></Card>
         <Card><CardContent className="p-4"><p className="font-medium">Sheet</p><p className="mt-1 text-sm text-muted-foreground">Side panel workflows.</p></CardContent></Card>
-      </Grid>
+      </div>
     )
   }
 
@@ -916,20 +769,6 @@ function renderGenericPreviewSurface(
     return <QuantityStepper defaultValue={3} min={1} max={10} />
   }
 
-  if (item.slug === "repeater-field") {
-    return (
-      <Card>
-        <CardContent className="grid gap-3 p-5">
-          <Input placeholder="First item" defaultValue="Revenue KPI" />
-          <Input placeholder="Second item" defaultValue="Churn guardrail" />
-          <div>
-            <Button size="sm" variant="outline">Add row</Button>
-          </div>
-        </CardContent>
-      </Card>
-    )
-  }
-
   if (item.slug === "resizable-panel") {
     return (
       <ResizablePanelGroup>

package/packages/cli/vendor/src/showcase/premium/index.ts

@@ -5,20 +5,15 @@ import type { ComponentDemoBundle } from "./types"
 import { alertMock, AlertShowcase } from "./alert"
 import { AlertDialogShowcase, alertDialogMock } from "./alert-dialog"
 import { accordionMock, AccordionShowcase } from "./accordion"
-import { affixMock, AffixShowcase } from "./affix"
 import { activityFeedMock, ActivityFeedShowcase } from "./activity-feed"
 import { ActionMenuShowcase, actionMenuMock } from "./action-menu"
 import { appShellMock, AppShellShowcase } from "./app-shell"
 import { appSidebarMock, AppSidebarShowcase } from "./app-sidebar"
 import { asyncMultiSelectMock, AsyncMultiSelectShowcase } from "./async-multi-select"
 import { asyncSelectMock, AsyncSelectShowcase } from "./async-select"
-import { aspectRatioMock, AspectRatioShowcase } from "./aspect-ratio"
-import { cascaderMock, CascaderShowcase } from "./cascader"
 import { avatarMock, AvatarShowcase } from "./avatar"
 import { carouselMock, CarouselShowcase } from "./carousel"
-import { floatButtonMock, FloatButtonShowcase } from "./float-button"
 import { jsonInputMock, JsonInputShowcase } from "./json-input"
-import { mentionInputMock, MentionInputShowcase } from "./mention-input"
 import { qrCodeMock, QRCodeShowcase } from "./qr-code"
 import { menubarMock, MenubarShowcase } from "./menubar"
 import { navigationMenuMock, NavigationMenuShowcase } from "./navigation-menu"
@@ -68,7 +63,6 @@ import { hoverCardMock, HoverCardShowcase } from "./hover-card"
 import { kanbanBoardMock, KanbanBoardShowcase } from "./kanban-board"
 import { infoCardMock, InfoCardShowcase } from "./info-card"
 import { inputMock, InputShowcase } from "./input"
-import { keyboardShortcutMock, KeyboardShortcutShowcase } from "./keyboard-shortcut"
 import { kbdMock, KbdShowcase } from "./kbd"
 import { listMock, ListShowcase } from "./list"
 import { loadingStateMock, LoadingStateShowcase } from "./loading-state"
@@ -88,9 +82,6 @@ import { pageContainerMock, PageContainerShowcase } from "./page-container"
 import { pageHeaderMock, PageHeaderShowcase } from "./page-header"
 import { PageTabsShowcase, pageTabsMock } from "./page-tabs"
 import { sectionMock, SectionShowcase } from "./section"
-import { stackMock, StackShowcase } from "./stack"
-import { skeletonFormMock, SkeletonFormShowcase } from "./skeleton-form"
-import { skeletonTableMock, SkeletonTableShowcase } from "./skeleton-table"
 import { phoneInputMock, PhoneInputShowcase } from "./phone-input"
 import { pageStateMock, PageStateShowcase } from "./page-state"
 import { paginationMock, PaginationShowcase } from "./pagination"
@@ -115,7 +106,6 @@ import { spinnerMock, SpinnerShowcase } from "./spinner"
 import { statisticMock, StatisticShowcase } from "./statistic"
 import { switchMock, SwitchShowcase } from "./switch"
 import { TagInputShowcase, tagInputMock } from "./tag-input"
-import { tagListMock, TagListShowcase } from "./tag-list"
 import { tableMock, TableShowcase } from "./table"
 import { tabsMock, TabsShowcase } from "./tabs"
 import { textareaMock, TextareaShowcase } from "./textarea"
@@ -129,7 +119,6 @@ import { fileUploadMock, FileUploadShowcase } from "./file-upload"
 import { imageUploadMock, ImageUploadShowcase } from "./image-upload"
 import { passwordInputMock, PasswordInputShowcase } from "./password-input"
 import { ratingMock, RatingShowcase } from "./rating"
-import { watermarkMock, WatermarkShowcase } from "./watermark"
 
 export { defaultComponentDemoState } from "./types"
 export type { ComponentDemoBundle, ComponentDemoMock, ComponentDemoProps, ComponentDemoState } from "./types"
@@ -138,21 +127,17 @@ export const premiumShowcaseDemoRegistry: Record<string, ComponentDemoBundle> =
   alert: { mock: alertMock, Showcase: AlertShowcase },
   "alert-dialog": { mock: alertDialogMock, Showcase: AlertDialogShowcase },
   accordion: { mock: accordionMock, Showcase: AccordionShowcase },
-  affix: { mock: affixMock, Showcase: AffixShowcase },
   "action-menu": { mock: actionMenuMock, Showcase: ActionMenuShowcase },
   button: { mock: buttonMock, Showcase: ButtonShowcase },
   "button-group": { mock: buttonGroupMock, Showcase: ButtonGroupShowcase },
   calendar: { mock: calendarMock, Showcase: CalendarShowcase },
   "calendar-scheduler": { mock: calendarSchedulerMock, Showcase: CalendarSchedulerShowcase },
-  "cascader": { mock: cascaderMock, Showcase: CascaderShowcase },
   "command-bar": { mock: commandBarMock, Showcase: CommandBarShowcase },
   "command-palette": { mock: commandPaletteMock, Showcase: CommandPaletteShowcase },
   "carousel": { mock: carouselMock, Showcase: CarouselShowcase },
   "clearable-input": { mock: clearableInputMock, Showcase: ClearableInputShowcase },
   "code-block": { mock: codeBlockMock, Showcase: CodeBlockShowcase },
-  "aspect-ratio": { mock: aspectRatioMock, Showcase: AspectRatioShowcase },
   "dual-list-picker": { mock: dualListPickerMock, Showcase: DualListPickerShowcase },
-  "float-button": { mock: floatButtonMock, Showcase: FloatButtonShowcase },
   divider: { mock: dividerMock, Showcase: DividerShowcase },
   input: { mock: inputMock, Showcase: InputShowcase },
   textarea: { mock: textareaMock, Showcase: TextareaShowcase },
@@ -182,7 +167,6 @@ export const premiumShowcaseDemoRegistry: Record<string, ComponentDemoBundle> =
   rating: { mock: ratingMock, Showcase: RatingShowcase },
   "masked-input": { mock: maskedInputMock, Showcase: MaskedInputShowcase },
   "phone-input": { mock: phoneInputMock, Showcase: PhoneInputShowcase },
-  "mention-input": { mock: mentionInputMock, Showcase: MentionInputShowcase },
   "search-input": { mock: searchInputMock, Showcase: SearchInputShowcase },
   slider: { mock: sliderMock, Showcase: SliderShowcase },
   "time-picker": { mock: timePickerMock, Showcase: TimePickerShowcase },
@@ -252,15 +236,11 @@ export const premiumShowcaseDemoRegistry: Record<string, ComponentDemoBundle> =
   "empty-state": { mock: emptyStateMock, Showcase: EmptyStateShowcase },
   "loading-state": { mock: loadingStateMock, Showcase: LoadingStateShowcase },
   "data-state": { mock: dataStateMock, Showcase: DataStateShowcase },
-  "keyboard-shortcut": { mock: keyboardShortcutMock, Showcase: KeyboardShortcutShowcase },
   progress: { mock: progressMock, Showcase: ProgressShowcase },
   result: { mock: resultMock, Showcase: ResultShowcase },
   "resizable-panel": { mock: resizablePanelMock, Showcase: ResizablePanelShowcase },
   section: { mock: sectionMock, Showcase: SectionShowcase },
-  stack: { mock: stackMock, Showcase: StackShowcase },
   statistic: { mock: statisticMock, Showcase: StatisticShowcase },
-  "skeleton-form": { mock: skeletonFormMock, Showcase: SkeletonFormShowcase },
-  "skeleton-table": { mock: skeletonTableMock, Showcase: SkeletonTableShowcase },
   "sticky-footer-bar": { mock: stickyFooterBarMock, Showcase: StickyFooterBarShowcase },
   "rich-text-editor": { mock: richTextEditorMock, Showcase: RichTextEditorShowcase },
   tour: { mock: tourMock, Showcase: TourShowcase },
@@ -270,9 +250,7 @@ export const premiumShowcaseDemoRegistry: Record<string, ComponentDemoBundle> =
   "tree-view": { mock: treeViewMock, Showcase: TreeViewShowcase },
   "file-upload": { mock: fileUploadMock, Showcase: FileUploadShowcase },
   "image-upload": { mock: imageUploadMock, Showcase: ImageUploadShowcase },
-  watermark: { mock: watermarkMock, Showcase: WatermarkShowcase },
   "scroll-box": { mock: scrollBoxMock, Showcase: ScrollBoxShowcase },
-  "tag-list": { mock: tagListMock, Showcase: TagListShowcase },
   timeline: { mock: timelineMock, Showcase: TimelineShowcase },
   toast: { mock: toastMock, Showcase: ToastShowcase },
 }

package/packages/cli/vendor/src/showcase/registry-quality.ts

@@ -13,8 +13,6 @@ export const registryQualityDemoRegistry = createShowcaseDemoRegistry([
   component("form-switch", "FormSwitch", "form", "Boolean form control with shell-level label and hint handling."),
   component("form-date-picker", "FormDatePicker", "form", "Popover date picker wrapper with RHF integration."),
   component("form-date-range-picker", "FormDateRangePicker", "form", "Range date picker wrapper for planning and reporting flows."),
-  component("repeater-field", "RepeaterField", "form", "Repeating row editor for dynamic field arrays."),
-
   component("dialog-actions", "DialogActions", "overlay", "Modal footer action row with cancel, secondary and primary actions."),
   component("alert-dialog", "AlertDialog", "overlay", "Destructive confirmation dialog with loading-ready action states."),
   component("drawer", "Drawer", "overlay", "Side panel for contextual details without leaving the page."),