tembro 2.0.3 → 2.0.5

package/packages/cli/vendor/src/components/modern/affix.tsx

@@ -1,21 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type AffixProps = React.ComponentProps<"div"> & {
-  offsetTop?: number
-  zIndex?: number
-}
-
-function Affix({ offsetTop = 0, zIndex = 30, className, style, ...props }: AffixProps) {
-  return (
-    <div
-      data-slot="affix"
-      className={cn("sticky", className)}
-      style={{ top: offsetTop, zIndex, ...style }}
-      {...props}
-    />
-  )
-}
-
-export { Affix }

package/packages/cli/vendor/src/components/patterns/form-builder-presets.ts

@@ -1,13 +0,0 @@
-export {
-  asyncSelectField,
-  customField,
-  dateField,
-  dateRangeField,
-  formSection,
-  inputField,
-  numberField,
-  phoneField,
-  selectField,
-  switchField,
-  textareaField,
-} from "./form-builder"

package/packages/cli/vendor/src/components/patterns/form-builder.tsx

@@ -1,443 +0,0 @@
-import * as React from "react"
-import type { Control, FieldPath, FieldValues } from "react-hook-form"
-
-import { Button } from "@/components/ui/button"
-import { FormInput, type FormInputProps } from "@/components/form/form-input"
-import { FormTextarea, type FormTextareaProps } from "@/components/form/form-textarea"
-import { FormSelect, type FormSelectProps } from "@/components/form/form-select"
-import { FormAsyncSelect, type FormAsyncSelectProps } from "@/components/form/form-async-select"
-import { FormSwitch, type FormSwitchProps } from "@/components/form/form-switch"
-import { FormNumberInput, type FormNumberInputProps } from "@/components/form/form-number-input"
-import { FormPhoneInput, type FormPhoneInputProps } from "@/components/form/form-phone-input"
-import { FormDateInput, type FormDateInputProps } from "@/components/form/form-date-input"
-import {
-  FormDateRangeInput,
-  type FormDateRangeInputProps,
-} from "@/components/form/form-date-range-input"
-import { cn } from "@/lib/utils"
-
-export type FormBuilderLayout = "grid" | "stack"
-export type FormBuilderDensity = "compact" | "default" | "comfortable"
-
-export type FormBuilderFieldRenderContext<TFieldValues extends FieldValues> = {
-  control: Control<TFieldValues>
-  disabled?: boolean
-  readOnly?: boolean
-}
-
-type BaseFormBuilderField = {
-  id: string
-  hidden?: boolean
-  className?: string
-  colSpan?: 1 | 2 | 3 | 4 | "full"
-}
-
-export type FormBuilderCustomField<TFieldValues extends FieldValues> = BaseFormBuilderField & {
-  type: "custom"
-  render: (context: FormBuilderFieldRenderContext<TFieldValues>) => React.ReactNode
-}
-
-export type FormBuilderInputField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "input"
-  props: Omit<FormInputProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderTextareaField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "textarea"
-  props: Omit<FormTextareaProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderSelectField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "select"
-  props: Omit<FormSelectProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderAsyncSelectField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "async-select"
-  props: Omit<FormAsyncSelectProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderSwitchField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "switch"
-  props: Omit<FormSwitchProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderNumberField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "number"
-  props: Omit<FormNumberInputProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderPhoneField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "phone"
-  props: Omit<FormPhoneInputProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderDateField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "date"
-  props: Omit<FormDateInputProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderDateRangeField<
-  TFieldValues extends FieldValues,
-  TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-  TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "date-range"
-  props: Omit<FormDateRangeInputProps<TFieldValues, TFromName, TToName>, "control">
-}
-
-export type FormBuilderField<TFieldValues extends FieldValues> =
-  | FormBuilderCustomField<TFieldValues>
-  | FormBuilderInputField<TFieldValues>
-  | FormBuilderTextareaField<TFieldValues>
-  | FormBuilderSelectField<TFieldValues>
-  | FormBuilderAsyncSelectField<TFieldValues>
-  | FormBuilderSwitchField<TFieldValues>
-  | FormBuilderNumberField<TFieldValues>
-  | FormBuilderPhoneField<TFieldValues>
-  | FormBuilderDateField<TFieldValues>
-  | FormBuilderDateRangeField<TFieldValues>
-
-export type FormBuilderSection<TFieldValues extends FieldValues> = {
-  id: string
-  title?: React.ReactNode
-  description?: React.ReactNode
-  actions?: React.ReactNode
-  hidden?: boolean
-  className?: string
-  fields: FormBuilderField<TFieldValues>[]
-}
-
-export type FormBuilderProps<TFieldValues extends FieldValues> = Omit<
-  React.ComponentProps<"form">,
-  "children"
-> & {
-  control: Control<TFieldValues>
-  fields?: FormBuilderField<TFieldValues>[]
-  sections?: FormBuilderSection<TFieldValues>[]
-  layout?: FormBuilderLayout
-  density?: FormBuilderDensity
-  columns?: 1 | 2 | 3 | 4
-  disabled?: boolean
-  readOnly?: boolean
-  footer?: React.ReactNode
-  submitLabel?: React.ReactNode
-  resetLabel?: React.ReactNode
-  onResetClick?: () => void
-  isSubmitting?: boolean
-  sectionClassName?: string
-  fieldClassName?: string
-  footerClassName?: string
-}
-
-const densityClassName: Record<FormBuilderDensity, string> = {
-  compact: "gap-3",
-  default: "gap-4",
-  comfortable: "gap-6",
-}
-
-const columnsClassName: Record<1 | 2 | 3 | 4, string> = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 md:grid-cols-2",
-  3: "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
-  4: "grid-cols-1 md:grid-cols-2 xl:grid-cols-4",
-}
-
-const colSpanClassName: Record<NonNullable<BaseFormBuilderField["colSpan"]>, string> = {
-  1: "col-span-1",
-  2: "md:col-span-2",
-  3: "xl:col-span-3",
-  4: "xl:col-span-4",
-  full: "col-span-full",
-}
-
-type FieldPresetOptions<TProps> = BaseFormBuilderField & {
-  props: TProps
-}
-
-function splitFieldOptions<TProps>(options: FieldPresetOptions<TProps>) {
-  const { id, hidden, className, colSpan, props } = options
-  return { base: { id, hidden, className, colSpan }, props }
-}
-
-function inputField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderInputField<TFieldValues, TName>["props"]>): FormBuilderInputField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "input", props }
-}
-
-function textareaField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderTextareaField<TFieldValues, TName>["props"]>): FormBuilderTextareaField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "textarea", props }
-}
-
-function selectField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderSelectField<TFieldValues, TName>["props"]>): FormBuilderSelectField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "select", props }
-}
-
-function asyncSelectField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderAsyncSelectField<TFieldValues, TName>["props"]>): FormBuilderAsyncSelectField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "async-select", props }
-}
-
-function switchField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderSwitchField<TFieldValues, TName>["props"]>): FormBuilderSwitchField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "switch", props }
-}
-
-function numberField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderNumberField<TFieldValues, TName>["props"]>): FormBuilderNumberField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "number", props }
-}
-
-function phoneField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderPhoneField<TFieldValues, TName>["props"]>): FormBuilderPhoneField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "phone", props }
-}
-
-function dateField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderDateField<TFieldValues, TName>["props"]>): FormBuilderDateField<TFieldValues, TName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "date", props }
-}
-
-function dateRangeField<
-  TFieldValues extends FieldValues,
-  TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-  TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(options: FieldPresetOptions<FormBuilderDateRangeField<TFieldValues, TFromName, TToName>["props"]>): FormBuilderDateRangeField<TFieldValues, TFromName, TToName> {
-  const { base, props } = splitFieldOptions(options)
-  return { ...base, type: "date-range", props }
-}
-
-function customField<TFieldValues extends FieldValues>(
-  options: BaseFormBuilderField & Pick<FormBuilderCustomField<TFieldValues>, "render">
-): FormBuilderCustomField<TFieldValues> {
-  const { id, hidden, className, colSpan, render } = options
-  return { id, hidden, className, colSpan, type: "custom", render }
-}
-
-function formSection<TFieldValues extends FieldValues>(
-  section: FormBuilderSection<TFieldValues>
-): FormBuilderSection<TFieldValues> {
-  return section
-}
-
-function renderFormBuilderField<TFieldValues extends FieldValues>(
-  field: FormBuilderField<TFieldValues>,
-  context: FormBuilderFieldRenderContext<TFieldValues>
-) {
-  const FormInputComponent = FormInput as unknown as React.ComponentType<Record<string, unknown>>
-  const FormSelectComponent = FormSelect as unknown as React.ComponentType<Record<string, unknown>>
-
-  switch (field.type) {
-    case "custom":
-      return field.render(context)
-    case "input":
-      return React.createElement(FormInputComponent, {
-        control: context.control,
-        disabled: context.disabled,
-        readOnly: context.readOnly,
-        ...(field.props as Omit<FormInputProps<TFieldValues, FieldPath<TFieldValues>>, "control">),
-      })
-    case "textarea":
-      return <FormTextarea control={context.control} disabled={context.disabled} readOnly={context.readOnly} {...field.props} />
-    case "select":
-      return React.createElement(FormSelectComponent, {
-        control: context.control,
-        disabled: context.disabled,
-        ...(field.props as Omit<FormSelectProps<TFieldValues, FieldPath<TFieldValues>>, "control">),
-      })
-    case "async-select":
-      return <FormAsyncSelect control={context.control} disabled={context.disabled} {...field.props} />
-    case "switch":
-      return <FormSwitch control={context.control} disabled={context.disabled} {...field.props} />
-    case "number":
-      return <FormNumberInput control={context.control} disabled={context.disabled} readOnly={context.readOnly} {...field.props} />
-    case "phone":
-      return <FormPhoneInput control={context.control} disabled={context.disabled} readOnly={context.readOnly} {...field.props} />
-    case "date":
-      return <FormDateInput control={context.control} disabled={context.disabled} readOnly={context.readOnly} {...field.props} />
-    case "date-range":
-      return (
-        <FormDateRangeInput
-          control={context.control}
-          fromInputProps={{ disabled: context.disabled, readOnly: context.readOnly }}
-          toInputProps={{ disabled: context.disabled, readOnly: context.readOnly }}
-          {...field.props}
-        />
-      )
-    default:
-      return null
-  }
-}
-
-function normalizeSections<TFieldValues extends FieldValues>({
-  fields,
-  sections,
-}: Pick<FormBuilderProps<TFieldValues>, "fields" | "sections">): FormBuilderSection<TFieldValues>[] {
-  if (sections?.length) return sections
-  return [{ id: "default", fields: fields ?? [] }]
-}
-
-function FormBuilder<TFieldValues extends FieldValues>({
-  className,
-  control,
-  fields,
-  sections,
-  layout = "grid",
-  density = "default",
-  columns = 2,
-  disabled,
-  readOnly,
-  footer,
-  submitLabel,
-  resetLabel,
-  onResetClick,
-  isSubmitting,
-  sectionClassName,
-  fieldClassName,
-  footerClassName,
-  ...props
-}: FormBuilderProps<TFieldValues>) {
-  const normalizedSections = normalizeSections({ fields, sections })
-  const context = React.useMemo(
-    () => ({ control, disabled, readOnly }),
-    [control, disabled, readOnly]
-  )
-
-  return (
-    <form data-slot="form-builder" className={cn("grid", densityClassName[density], className)} {...props}>
-      {normalizedSections
-        .filter((section) => !section.hidden)
-        .map((section) => (
-          <section
-            key={section.id}
-            data-slot="form-builder-section"
-            className={cn("grid gap-4", section.className, sectionClassName)}
-          >
-            {(section.title || section.description || section.actions) && (
-              <div
-                data-slot="form-builder-section-header"
-                className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"
-              >
-                <div className="min-w-0 space-y-1">
-                  {section.title && <h2 className="text-base font-semibold leading-none tracking-tight">{section.title}</h2>}
-                  {section.description && <p className="text-sm text-muted-foreground">{section.description}</p>}
-                </div>
-                {section.actions && <div className="flex shrink-0 flex-wrap items-center gap-2">{section.actions}</div>}
-              </div>
-            )}
-
-            <div
-              data-slot="form-builder-fields"
-              data-layout={layout}
-              className={cn(
-                "grid",
-                densityClassName[density],
-                layout === "grid" ? columnsClassName[columns] : "grid-cols-1"
-              )}
-            >
-              {section.fields
-                .filter((field) => !field.hidden)
-                .map((field) => (
-                  <div
-                    key={field.id}
-                    data-slot="form-builder-field"
-                    className={cn(
-                      field.colSpan && colSpanClassName[field.colSpan],
-                      field.className,
-                      fieldClassName
-                    )}
-                  >
-                    {renderFormBuilderField(field, context)}
-                  </div>
-                ))}
-            </div>
-          </section>
-        ))}
-
-      {(footer || submitLabel || resetLabel) && (
-        <div data-slot="form-builder-footer" className={cn("flex flex-wrap items-center justify-end gap-2", footerClassName)}>
-          {footer ?? (
-            <>
-              {resetLabel && (
-                <Button type="button" variant="outline" disabled={disabled || isSubmitting} onClick={onResetClick}>
-                  {resetLabel}
-                </Button>
-              )}
-              {submitLabel && (
-                <Button type="submit" disabled={disabled || isSubmitting}>
-                  {submitLabel}
-                </Button>
-              )}
-            </>
-          )}
-        </div>
-      )}
-    </form>
-  )
-}
-
-export {
-  FormBuilder,
-  asyncSelectField,
-  customField,
-  dateField,
-  dateRangeField,
-  formSection,
-  inputField,
-  numberField,
-  phoneField,
-  renderFormBuilderField,
-  selectField,
-  switchField,
-  textareaField,
-}

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

@@ -1,3 +0,0 @@
-export { affixMock } from "./mock"
-export { AffixShowcase } from "./showcase"
-

package/packages/cli/vendor/src/showcase/premium/affix/mock.ts

@@ -1,26 +0,0 @@
-import type { ComponentDemoMock } from "../types"
-
-export const affixMock: ComponentDemoMock = {
-  code: `import { Affix } from "@/index"
-
-export function Example() {
-  return (
-    <div className="relative h-48 overflow-y-auto border p-3">
-      <Affix offsetTop={12} zIndex={40} className="bg-primary text-primary-foreground px-3 py-2">
-        Sticky header
-      </Affix>
-      <p className="pt-10">Scroll inside container to test sticky placement.</p>
-    </div>
-  )
-}`,
-  cliCommand: "npx tembro add affix",
-  highlights: [
-    "Pin content to an offset within a scrollable container",
-    "Simple API with top and z-index control",
-  ],
-  scenarios: [
-    { title: "Toolbar", description: "Keep action buttons visible while users scroll long forms." },
-    { title: "Quick filters", description: "Keep filters always reachable in long list pages." },
-  ],
-}
-

package/packages/cli/vendor/src/showcase/premium/affix/showcase.tsx

@@ -1,37 +0,0 @@
-import * as React from "react"
-
-import { Affix } from "@/index"
-
-export function AffixShowcase() {
-  const [offsetTop, setOffsetTop] = React.useState(0)
-  const [zIndex, setZIndex] = React.useState(40)
-
-  return (
-    <div className="space-y-4">
-      <div className="flex flex-wrap gap-2">
-        <button type="button" className="rounded-md border px-2.5 py-1 text-sm" onClick={() => setOffsetTop((value) => Math.max(0, value - 8))}>
-          Offset -8
-        </button>
-        <button type="button" className="rounded-md border px-2.5 py-1 text-sm" onClick={() => setOffsetTop((value) => value + 8)}>
-          Offset +8
-        </button>
-        <button type="button" className="rounded-md border px-2.5 py-1 text-sm" onClick={() => setZIndex((value) => (value === 30 ? 80 : 30))}>
-          Toggle z-index
-        </button>
-      </div>
-      <p className="text-sm text-muted-foreground">Current settings: offsetTop={offsetTop}, zIndex={zIndex}</p>
-      <div className="relative h-48 overflow-y-auto rounded-lg border bg-muted/20 p-3">
-        <div className="h-80 space-y-2">
-          <Affix offsetTop={offsetTop} zIndex={zIndex} className="mb-3 bg-primary/95 rounded-md px-3 py-2 text-primary-foreground">
-            Sticky anchor bar
-          </Affix>
-          <p>Scroll this area to verify sticky behavior.</p>
-          <p>Affix stays visible at the selected top offset.</p>
-          <p>Useful in dashboard toolbars and contextual quick actions.</p>
-          <p className="h-64" />
-        </div>
-      </div>
-    </div>
-  )
-}
-

package/packages/cli/vendor/src/showcase/premium/aspect-ratio/index.ts

@@ -1,2 +0,0 @@
-export { aspectRatioMock } from "./mock"
-export { AspectRatioShowcase } from "./showcase"

package/packages/cli/vendor/src/showcase/premium/aspect-ratio/mock.ts

@@ -1,26 +0,0 @@
-import type { ComponentDemoMock } from "../types"
-
-export const aspectRatioMock: ComponentDemoMock = {
-  code: `import { AspectRatio } from "@/index"
-
-export function Example() {
-  return (
-    <AspectRatio ratio={16 / 9} className="rounded-xl border bg-muted">
-      <div className="grid size-full place-items-center text-sm font-medium text-foreground">
-        16:9 media slot
-      </div>
-    </AspectRatio>
-  )
-}`,
-  cliCommand: "npx tembro add aspect-ratio",
-  highlights: [
-    "Controls media card proportions in one place",
-    "Works for images, iframes, and any fixed-ratio container",
-    "Stable in dashboard and content-heavy layouts",
-  ],
-  scenarios: [
-    { title: "Media hero", description: "Reserve consistent 16:9 ratio for previews." },
-    { title: "Card media", description: "Keep media and text alignment predictable." },
-    { title: "Document preview", description: "Prevent jumpy layouts while content loads." },
-  ],
-}

package/packages/cli/vendor/src/showcase/premium/aspect-ratio/showcase.tsx

@@ -1,37 +0,0 @@
-import * as React from "react"
-
-const ratioLabels: Array<{ label: string; ratio: number }> = [
-  { label: "16:9", ratio: 16 / 9 },
-  { label: "4:3", ratio: 4 / 3 },
-  { label: "1:1", ratio: 1 },
-  { label: "3:4", ratio: 3 / 4 },
-]
-
-import { Button, AspectRatio } from "@/index"
-export function AspectRatioShowcase() {
-  const [active, setActive] = React.useState(0)
-
-  return (
-    <div className="space-y-5">
-      <section className="flex flex-wrap gap-3">
-        {ratioLabels.map((item, index) => (
-          <Button
-            key={item.label}
-            variant={active === index ? "default" : "outline"}
-            size="sm"
-            onClick={() => setActive(index)}
-          >
-            {item.label}
-          </Button>
-        ))}
-      </section>
-
-      <AspectRatio ratio={ratioLabels[active].ratio} className="rounded-2xl border border-border bg-card">
-        <div className="grid h-full place-items-center bg-[linear-gradient(135deg,color-mix(in_oklch,var(--aui-page-bg),transparent_75%),transparent)] p-6 text-center">
-          <p className="text-sm text-muted-foreground">{ratioLabels[active].label}</p>
-          <p className="text-xl font-semibold text-foreground">Adaptive ratio surface</p>
-        </div>
-      </AspectRatio>
-    </div>
-  )
-}

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

@@ -1,3 +0,0 @@
-export { cascaderMock } from "./mock"
-export { CascaderShowcase } from "./showcase"
-

package/packages/cli/vendor/src/showcase/premium/cascader/mock.ts

@@ -1,24 +0,0 @@
-import type { ComponentDemoMock } from "../types"
-
-export const cascaderMock: ComponentDemoMock = {
-  code: `import { Cascader } from "@/index"
-
-const options = [{ value: "eu", label: "Europe", children: [{ value: "uk", label: "United Kingdom", children: [{ value: "london", label: "London" }] }] }]
-
-export function Example() {
-  const [value, setValue] = useState<string[]>([])
-
-  return <Cascader options={options} value={value} onValueChange={setValue} />
-}`,
-  cliCommand: "npx tembro add cascader",
-  highlights: [
-    "Three-level dependency selects",
-    "Controlled by string path value",
-    "Disabled states for unavailable levels",
-  ],
-  scenarios: [
-    { title: "Location selector", description: "Choose region / country / city in one compact control." },
-    { title: "Category trees", description: "Pick nested taxonomy in forms." },
-  ],
-}
-

package/packages/cli/vendor/src/showcase/premium/cascader/showcase.tsx

@@ -1,20 +0,0 @@
-import * as React from "react"
-
-import { Cascader, type CascaderOption } from "@/index"
-
-const locations: CascaderOption[] = [
-  { value: "eu", label: "Europe", children: [{ value: "uk", label: "United Kingdom", children: [{ value: "london", label: "London" }] }] },
-  { value: "us", label: "United States", children: [{ value: "ca", label: "California", children: [{ value: "sf", label: "San Francisco" }] }] },
-]
-
-export function CascaderShowcase() {
-  const [value, setValue] = React.useState<string[]>([])
-
-  return (
-    <div className="space-y-3">
-      <Cascader options={locations} value={value} onValueChange={setValue} />
-      <p className="text-sm text-muted-foreground">Selected path: {value.length ? value.join(" / ") : "Not selected"}</p>
-    </div>
-  )
-}
-

package/packages/cli/vendor/src/showcase/premium/empty-state/index.ts

@@ -1,2 +0,0 @@
-export { EmptyStateShowcase } from "./showcase"
-export { emptyStateMock } from "./mock"