tembro 4.2.0 → 5.0.0

package/packages/cli/vendor/src/components/patterns/data-view.tsx

@@ -1,64 +0,0 @@
-import * as React from "react"
-
-import { DataTable, type DataTableProps } from "@/components/data-table/data-table"
-import { EmptyState } from "@/components/patterns/empty-state"
-import { PageToolbar } from "@/components/patterns/page-toolbar"
-import { cn } from "@/lib/utils"
-
-export type DataViewProps<TData, TValue = unknown> = Omit<React.ComponentProps<"div">, "children"> & {
-  title?: React.ReactNode
-  description?: React.ReactNode
-  toolbar?: React.ComponentProps<typeof PageToolbar>
-  table?: DataTableProps<TData, TValue>
-  count?: number
-  loading?: boolean
-  error?: React.ReactNode
-  emptyTitle?: React.ReactNode
-  emptyDescription?: React.ReactNode
-  children?: React.ReactNode
-}
-
-function DataView<TData, TValue = unknown>({
-  className,
-  title,
-  description,
-  toolbar,
-  table,
-  count,
-  loading = false,
-  error,
-  emptyTitle = "No results",
-  emptyDescription = "Try adjusting filters or create a new item.",
-  children,
-  ...props
-}: DataViewProps<TData, TValue>) {
-  const hasHeader = Boolean(title || description)
-  const hasToolbar = Boolean(toolbar)
-  const hasData = count === undefined ? Boolean(children || table) : count > 0
-
-  return (
-    <div data-slot="data-view" className={cn("grid min-w-0 gap-4", className)} {...props}>
-      {hasHeader && (
-        <div data-slot="data-view-header" className="grid gap-1">
-          {title && <h2 className="text-xl font-semibold tracking-tight">{title}</h2>}
-          {description && <p className="text-sm leading-6 text-muted-foreground">{description}</p>}
-        </div>
-      )}
-      {hasToolbar && <PageToolbar {...toolbar} />}
-      {error ? (
-        <EmptyState tone="error" title="Something went wrong" description={error} />
-      ) : loading ? (
-        <EmptyState tone="info" title="Loading data" description="Please wait while the latest data is prepared." />
-      ) : hasData ? (
-        <div data-slot="data-view-content" className="min-w-0">
-          {children}
-          {table && <DataTable {...table} />}
-        </div>
-      ) : (
-        <EmptyState title={emptyTitle} description={emptyDescription} />
-      )}
-    </div>
-  )
-}
-
-export { DataView }

package/packages/cli/vendor/src/components/patterns/detail-layout.tsx

@@ -1,75 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type DetailLayoutProps = React.ComponentProps<"div"> & {
-  title?: React.ReactNode
-  description?: React.ReactNode
-  eyebrow?: React.ReactNode
-  actions?: React.ReactNode
-  breadcrumbs?: React.ReactNode
-  summary?: React.ReactNode
-  aside?: React.ReactNode
-  footer?: React.ReactNode
-  headerClassName?: string
-  contentClassName?: string
-  asideClassName?: string
-}
-
-function DetailLayout({
-  className,
-  title,
-  description,
-  eyebrow,
-  actions,
-  breadcrumbs,
-  summary,
-  aside,
-  footer,
-  headerClassName,
-  contentClassName,
-  asideClassName,
-  children,
-  ...props
-}: DetailLayoutProps) {
-  const hasHeader = Boolean(title || description || eyebrow || actions)
-  const hasContent = Boolean(children || aside)
-
-  return (
-    <div data-slot="detail-layout" className={cn("grid min-w-0 gap-4", className)} {...props}>
-      {breadcrumbs && <div data-slot="detail-layout-breadcrumbs">{breadcrumbs}</div>}
-      {hasHeader && (
-        <div
-          data-slot="detail-layout-header"
-          className={cn("flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", headerClassName)}
-        >
-          <div className="grid min-w-0 gap-1">
-            {eyebrow && <div className="text-xs font-medium uppercase tracking-wide text-muted-foreground">{eyebrow}</div>}
-            {title && <h1 className="text-2xl font-semibold tracking-tight">{title}</h1>}
-            {description && <p className="max-w-3xl text-sm leading-6 text-muted-foreground">{description}</p>}
-          </div>
-          {actions && <div className="flex shrink-0 flex-wrap items-center gap-2">{actions}</div>}
-        </div>
-      )}
-      {summary && <div data-slot="detail-layout-summary">{summary}</div>}
-      {hasContent && (
-        <div
-          data-slot="detail-layout-content"
-          className={cn("grid min-w-0 gap-4", aside && "xl:grid-cols-[minmax(0,1fr)_20rem]", contentClassName)}
-        >
-          <main data-slot="detail-layout-main" className="min-w-0">
-            {children}
-          </main>
-          {aside && (
-            <aside data-slot="detail-layout-aside" className={cn("min-w-0", asideClassName)}>
-              {aside}
-            </aside>
-          )}
-        </div>
-      )}
-      {footer && <div data-slot="detail-layout-footer">{footer}</div>}
-    </div>
-  )
-}
-
-export { DetailLayout }

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

@@ -1,472 +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 FormInputDateVariantProps,
-  type FormInputNumberVariantProps,
-  type FormInputPhoneVariantProps,
-  type FormInputProps,
-} from "@/components/form/form-input"
-import { FormTextarea, type FormTextareaProps } from "@/components/form/form-textarea"
-import {
-  FormSelect,
-  type FormSelectAsyncVariantProps,
-  type FormSelectProps,
-} from "@/components/form/form-select"
-import { FormSwitch, type FormSwitchProps } from "@/components/form/form-switch"
-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"
-
-type DistributiveOmit<T, TKey extends PropertyKey> = T extends unknown ? Omit<T, TKey> : never
-
-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: DistributiveOmit<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: DistributiveOmit<FormSelectProps<TFieldValues, TName>, "control">
-}
-
-export type FormBuilderAsyncSelectField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "async-select"
-  props: Omit<FormSelectAsyncVariantProps<TFieldValues, TName>, "control" | "kind">
-}
-
-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<FormInputNumberVariantProps<TFieldValues, TName>, "control" | "kind">
-}
-
-export type FormBuilderPhoneField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "phone"
-  props: Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "control" | "kind">
-}
-
-export type FormBuilderDateField<
-  TFieldValues extends FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = BaseFormBuilderField & {
-  type: "date"
-  props: Omit<FormInputDateVariantProps<TFieldValues, TName>, "control" | "kind">
-}
-
-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">
-}
-
-type FormBuilderStoredField = BaseFormBuilderField & {
-  type: "input" | "textarea" | "select" | "async-select" | "switch" | "number" | "phone" | "date" | "date-range"
-  props: object
-}
-
-export type FormBuilderField<TFieldValues extends FieldValues> =
-  | FormBuilderCustomField<TFieldValues>
-  | FormBuilderStoredField
-
-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>>
-  const FormTextareaComponent = FormTextarea as unknown as React.ComponentType<Record<string, unknown>>
-  const FormSwitchComponent = FormSwitch as unknown as React.ComponentType<Record<string, unknown>>
-  const FormDateRangeInputComponent = FormDateRangeInput 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 React.createElement(FormTextareaComponent, { 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 React.createElement(FormSelectComponent, {
-        control: context.control,
-        disabled: context.disabled,
-        kind: "async",
-        ...field.props,
-      })
-    case "switch":
-      return React.createElement(FormSwitchComponent, { control: context.control, disabled: context.disabled, ...field.props })
-    case "number":
-      return React.createElement(FormInputComponent, {
-        control: context.control,
-        disabled: context.disabled,
-        readOnly: context.readOnly,
-        kind: "number",
-        ...field.props,
-      })
-    case "phone":
-      return React.createElement(FormInputComponent, {
-        control: context.control,
-        disabled: context.disabled,
-        readOnly: context.readOnly,
-        kind: "phone",
-        ...field.props,
-      })
-    case "date":
-      return React.createElement(FormInputComponent, {
-        control: context.control,
-        disabled: context.disabled,
-        readOnly: context.readOnly,
-        kind: "date",
-        ...field.props,
-      })
-    case "date-range":
-      return React.createElement(FormDateRangeInputComponent, {
-        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/page-toolbar.tsx

@@ -1,61 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-export type PageToolbarProps = React.ComponentProps<"div"> & {
-  search?: React.ReactNode
-  filters?: React.ReactNode
-  viewOptions?: React.ReactNode
-  actions?: React.ReactNode
-  summary?: React.ReactNode
-  sticky?: boolean
-}
-
-function PageToolbar({
-  className,
-  search,
-  filters,
-  viewOptions,
-  actions,
-  summary,
-  sticky = false,
-  children,
-  ...props
-}: PageToolbarProps) {
-  const hasPrimary = Boolean(search || filters || children)
-  const hasSecondary = Boolean(summary || viewOptions || actions)
-
-  if (!hasPrimary && !hasSecondary) return null
-
-  return (
-    <div
-      data-slot="page-toolbar"
-      data-sticky={sticky || undefined}
-      className={cn(
-        "flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm",
-        sticky && "sticky top-0 z-10",
-        className
-      )}
-      {...props}
-    >
-      <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-        {hasPrimary && (
-          <div data-slot="page-toolbar-primary" className="flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center">
-            {search && <div className="min-w-0 flex-1">{search}</div>}
-            {filters}
-            {children}
-          </div>
-        )}
-        {hasSecondary && (
-          <div data-slot="page-toolbar-secondary" className="flex shrink-0 flex-wrap items-center gap-2">
-            {summary && <div className="text-sm text-muted-foreground">{summary}</div>}
-            {viewOptions}
-            {actions}
-          </div>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export { PageToolbar }