tembro 1.0.0

package/packages/cli/vendor/src/components/overlay/sheet-shell.tsx

@@ -0,0 +1,212 @@
+import * as React from "react"
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
+import { XIcon } from "lucide-react"
+
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+
+type SheetSide = "top" | "right" | "bottom" | "left"
+
+type SheetShellProps = {
+  open?: boolean
+  defaultOpen?: boolean
+  onOpenChange?: (open: boolean) => void
+  trigger?: React.ReactNode
+  title?: React.ReactNode
+  description?: React.ReactNode
+  children?: React.ReactNode
+  footer?: React.ReactNode
+  side?: SheetSide
+  showCloseButton?: boolean
+  contentClassName?: string
+  headerClassName?: string
+  bodyClassName?: string
+}
+
+const Sheet = DialogPrimitive.Root
+
+function SheetTrigger({ ...props }: DialogPrimitive.Trigger.Props) {
+  return <DialogPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+}
+
+function SheetPortal({ ...props }: DialogPrimitive.Portal.Props) {
+  return <DialogPrimitive.Portal data-slot="sheet-portal" {...props} />
+}
+
+function SheetClose({ ...props }: DialogPrimitive.Close.Props) {
+  return <DialogPrimitive.Close data-slot="sheet-close" {...props} />
+}
+
+function SheetOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props) {
+  return (
+      <DialogPrimitive.Backdrop
+      data-slot="sheet-overlay"
+      className={cn(
+        "fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const sheetSideClassName: Record<SheetSide, string> = {
+  top: "inset-x-0 top-0 max-h-[85vh] rounded-b-xl border-b data-open:slide-in-from-top data-closed:slide-out-to-top",
+  right:
+    "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-md",
+  bottom:
+    "inset-x-0 bottom-0 max-h-[85vh] rounded-t-xl border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom",
+  left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-md",
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}: DialogPrimitive.Popup.Props & {
+  side?: SheetSide
+  showCloseButton?: boolean
+}) {
+  return (
+    <SheetPortal>
+      <SheetOverlay />
+      <DialogPrimitive.Popup
+        data-slot="sheet-content"
+        className={cn(
+          "fixed z-50 flex flex-col gap-4 bg-background p-4 text-foreground shadow-xl outline-none duration-200 data-open:animate-in data-closed:animate-out",
+          sheetSideClassName[side],
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <SheetClose
+            render={
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon-sm"
+                className="absolute right-3 top-3"
+              />
+            }
+          >
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </SheetClose>
+        )}
+      </DialogPrimitive.Popup>
+    </SheetPortal>
+  )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-2 pr-8", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetTitle({ className, ...props }: DialogPrimitive.Title.Props) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="sheet-title"
+      className={cn("font-heading text-base font-medium leading-none", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetDescription({ className, ...props }: DialogPrimitive.Description.Props) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+function renderSheetTrigger(trigger: React.ReactNode) {
+  if (!trigger) return null
+
+  if (React.isValidElement(trigger)) {
+    return <SheetTrigger render={trigger} />
+  }
+
+  return <SheetTrigger>{trigger}</SheetTrigger>
+}
+
+function SheetShell({
+  open,
+  defaultOpen,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  children,
+  footer,
+  side = "right",
+  showCloseButton = true,
+  contentClassName,
+  headerClassName,
+  bodyClassName,
+}: SheetShellProps) {
+  const hasHeader = Boolean(title || description)
+
+  return (
+    <Sheet open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
+      {renderSheetTrigger(trigger)}
+      <SheetContent
+        side={side}
+        showCloseButton={showCloseButton}
+        className={contentClassName}
+      >
+        {hasHeader && (
+          <SheetHeader className={headerClassName}>
+            {title && <SheetTitle>{title}</SheetTitle>}
+            {description && <SheetDescription>{description}</SheetDescription>}
+          </SheetHeader>
+        )}
+
+        {children && (
+          <div data-slot="sheet-shell-body" className={cn("min-w-0 flex-1", bodyClassName)}>
+            {children}
+          </div>
+        )}
+
+        {footer && <SheetFooter>{footer}</SheetFooter>}
+      </SheetContent>
+    </Sheet>
+  )
+}
+
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetShell,
+  SheetTitle,
+  SheetTrigger,
+}
+export type { SheetShellProps, SheetSide }

package/packages/cli/vendor/src/components/patterns/demo.tsx

@@ -0,0 +1,6 @@
+import { component, createShowcaseDemoRegistry } from "@/showcase/create-demo"
+
+export const patternsShowcaseDemoRegistry = createShowcaseDemoRegistry([
+  component("resource-page", "ResourcePage", "patterns", "Full resource index page shell for admin dashboards."),
+  component("resource-detail-page", "ResourceDetailPage", "patterns", "Detail page shell with title, metadata and sections."),
+])

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,443 @@
+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/components/patterns/index.ts

@@ -0,0 +1,3 @@
+export * from './resource-page'
+export * from './resource-detail-page'
+export * from './form-builder'

package/packages/cli/vendor/src/components/patterns/public.ts

@@ -0,0 +1,3 @@
+export * from "./resource-page"
+export * from "./resource-detail-page"
+export * from "./form-builder"