npm - betterstart-cli - Versions diffs - 0.0.116 → 0.0.118 - Mend

betterstart-cli 0.0.116 → 0.0.118

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

Files changed (85) hide show

package/dist/assets/adapters/next/templates/init/utils/email/render-notification-email.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type { FormEmailDeliveryInput } from '@admin/utils/email/form-email-delivery-input'
+import { emailTheme } from '@admin/utils/email/email-theme'
 import { escapeHtml } from '@admin/utils/email/escape-html'
 import { renderFormSubmissionRows } from '@admin/utils/email/render-form-submission-rows'
@@ -10,15 +11,15 @@ export function renderNotificationEmail(input: FormEmailDeliveryInput): string {
   return `<!doctype html>
 <html>
-  <body style="margin:0;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f172a;">
-    <div style="margin:0 auto;max-width:640px;padding:40px 20px;">
-      <div style="border-radius:12px;background:#ffffff;border:1px solid #e2e8f0;overflow:hidden;">
-        <div style="background:#0f172a;color:#ffffff;padding:24px 28px;">
-          <p style="margin:0;color:#cbd5e1;font-size:13px;line-height:20px;">${formName}</p>
+  <body style="margin:0;background:${emailTheme.pageBackground};font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:${emailTheme.text};">
+    <div style="margin:0 auto;max-width:${emailTheme.contentWidth};padding:40px 20px;">
+      <div style="border-radius:12px;background:${emailTheme.surface};border:1px solid ${emailTheme.border};overflow:hidden;">
+        <div style="background:${emailTheme.headerBackground};color:${emailTheme.inverseText};padding:24px 28px;">
+          <p style="margin:0;color:${emailTheme.mutedInverseText};font-size:13px;line-height:20px;">${formName}</p>
           <h1 style="margin:4px 0 0;font-size:24px;line-height:32px;">New ${formLabel} submission</h1>
         </div>
         <div style="padding:24px 28px;">
-          <p style="margin:0 0 20px;color:#475569;font-size:14px;line-height:20px;">Submitted at ${submittedAt}</p>
+          <p style="margin:0 0 20px;color:${emailTheme.mutedText};font-size:14px;line-height:20px;">Submitted at ${submittedAt}</p>
           <table cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;width:100%;">
             <tbody>
 ${rows}

package/dist/assets/adapters/next/templates/init/utils/email/render-thank-you-email.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type { FormEmailDeliveryInput } from '@admin/utils/email/form-email-delivery-input'
+import { emailTheme } from '@admin/utils/email/email-theme'
 import { escapeHtml } from '@admin/utils/email/escape-html'
 export function renderThankYouEmail(input: FormEmailDeliveryInput): string {
@@ -6,11 +7,11 @@ export function renderThankYouEmail(input: FormEmailDeliveryInput): string {
   return `<!doctype html>
 <html>
-  <body style="margin:0;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f172a;">
-    <div style="margin:0 auto;max-width:560px;padding:40px 20px;">
-      <div style="border-radius:12px;background:#ffffff;padding:32px;border:1px solid #e2e8f0;">
+  <body style="margin:0;background:${emailTheme.pageBackground};font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:${emailTheme.text};">
+    <div style="margin:0 auto;max-width:${emailTheme.compactWidth};padding:40px 20px;">
+      <div style="border-radius:12px;background:${emailTheme.surface};padding:32px;border:1px solid ${emailTheme.border};">
         <h1 style="margin:0 0 16px;font-size:24px;line-height:32px;">Thank you</h1>
-        <p style="margin:0;color:#334155;font-size:16px;line-height:24px;">We received your ${formLabel} submission and will get back to you shortly.</p>
+        <p style="margin:0;color:${emailTheme.bodyText};font-size:16px;line-height:24px;">We received your ${formLabel} submission and will get back to you shortly.</p>
       </div>
     </div>
   </body>

package/dist/assets/adapters/next/templates/init/utils/error/read-string-property.ts CHANGED Viewed

@@ -1,5 +1,7 @@
+import { isRecord } from '@admin/utils/shared/is-record'
 export function readStringProperty(value: unknown, key: string): string | undefined {
-  if (typeof value !== 'object' || value === null) return undefined
-  const property = (value as Record<string, unknown>)[key]
+  if (!isRecord(value)) return undefined
+  const property = value[key]
   return typeof property === 'string' ? property : undefined
 }

package/dist/assets/adapters/next/templates/init/utils/error/recognize.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { readStringProperty } from '@admin/utils/error/read-string-property'
+import { isRecord } from '@admin/utils/shared/is-record'
 const POSTGRES_MESSAGES: Record<string, string> = {
   '23502': 'A required value is missing.',
@@ -13,10 +14,7 @@ const AUTH_MESSAGES: Record<string, string> = {
 }
 export function recognize(error: unknown): string | undefined {
-  const authCode = readStringProperty(
-    (error as { body?: unknown } | null)?.body ?? undefined,
-    'code'
-  )
+  const authCode = readStringProperty(isRecord(error) ? error.body : undefined, 'code')
   if (authCode && AUTH_MESSAGES[authCode]) return AUTH_MESSAGES[authCode]
   const sqlState = readStringProperty(error, 'code')

package/dist/assets/adapters/next/templates/init/utils/error/to-action-error.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { recognize } from '@admin/utils/error/recognize'
 export function toActionError(error: unknown, fallback: string): string {
-  console.error(error)
   return recognize(error) ?? fallback
 }

package/dist/assets/adapters/next/templates/init/utils/form/clone-default-value.ts CHANGED Viewed

@@ -1,8 +1,10 @@
+import { isRecord } from '@admin/utils/shared/is-record'
 export function cloneDefaultValue(value: unknown): unknown {
   if (Array.isArray(value)) return value.map(cloneDefaultValue)
-  if (value && typeof value === 'object') {
-    const clonedEntries = Object.entries(value as Record<string, unknown>).map(
+  if (isRecord(value)) {
+    const clonedEntries = Object.entries(value).map(
       ([key, childValue]) => [key, cloneDefaultValue(childValue)] as const
     )
     return Object.fromEntries(clonedEntries)

package/dist/assets/adapters/next/templates/init/utils/shared/is-record.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}

package/dist/assets/adapters/next/templates/init/utils/table/default-get-id.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type { RowData } from '@tanstack/react-table'
+import { isRecord } from '@admin/utils/shared/is-record'
 export function defaultGetId<TData extends RowData>(row: TData): string | null | undefined {
-  const id = (row as { id?: unknown }).id
-  return typeof id === 'string' ? id : null
+  if (!isRecord(row)) return null
+  return typeof row.id === 'string' ? row.id : null
 }

package/dist/assets/shared-assets/react-admin/custom/content-editor/editor-toolbar.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ export function EditorToolbar({
       role="toolbar"
       aria-label={ariaLabel}
       className={cn(
-        'sticky top-0 z-10 flex min-h-12 w-full items-center gap-1 overflow-x-auto overscroll-x-contain border-b border-border bg-card px-2 [scrollbar-width:none] max-[480px]:absolute max-[480px]:top-auto max-[480px]:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-[480px]:flex-nowrap max-[480px]:justify-start max-[480px]:border-t max-[480px]:border-b-0 max-[480px]:pb-[env(safe-area-inset-bottom,0px)] [&::-webkit-scrollbar]:hidden',
+        'sticky top-0 z-10 flex min-h-12 w-full items-center gap-1 overflow-x-auto overscroll-x-contain border-b border-border bg-card px-2 [scrollbar-width:none] max-xs:absolute max-xs:top-auto max-xs:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-xs:flex-nowrap max-xs:justify-start max-xs:border-t max-xs:border-b-0 max-xs:pb-[env(safe-area-inset-bottom,0px)] [&::-webkit-scrollbar]:hidden',
         className
       )}
     >

package/dist/assets/shared-assets/react-admin/custom/content-editor/slash-command-menu.tsx CHANGED Viewed

@@ -33,6 +33,10 @@ export function SlashCommandMenu({
   searchQuery: string
 }) {
   const activeItemRef = React.useRef<HTMLDivElement | null>(null)
+  function assignActiveItem(node: HTMLDivElement | null) {
+    activeItemRef.current = node
+  }
   const searchInputRef = React.useRef<HTMLInputElement | null>(null)
   const activeCommandId = commands[activeIndex]?.id
@@ -159,9 +163,7 @@ export function SlashCommandMenu({
                 index={index}
                 key={command.id}
                 data-active={isActive ? 'true' : undefined}
-                ref={(node) => {
-                  if (isActive) activeItemRef.current = node
-                }}
+                ref={isActive ? assignActiveItem : undefined}
                 onMouseDown={(event) => event.preventDefault()}
                 onMouseEnter={() => onActiveIndexChange(index)}
                 value={command}

package/dist/assets/shared-assets/react-admin/custom/content-editor/source-mode.tsx CHANGED Viewed

@@ -120,7 +120,7 @@ export function SourceMode({
   return (
     <div
       className={cn(
-        'content-editor-wrapper relative flex max-h-[90vh] min-h-[240px] resize-y flex-col overflow-hidden rounded-md border bg-background',
+        'content-editor-wrapper relative flex max-h-[90vh] min-h-source-editor resize-y flex-col overflow-hidden rounded-md border bg-background',
         { 'opacity-50': disabled },
         className
       )}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/removable-image-node/removable-image-node.tsx CHANGED Viewed

@@ -14,6 +14,8 @@ import { cn } from '@admin/utils/shared/cn'
 import { NodeViewWrapper } from '@tiptap/react'
 import NextImage from 'next/image'
+const EDITOR_IMAGE_SIZES = '768px'
 export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
   const { editor, node } = props
   const src = getStringAttr(node.attrs.src)
@@ -118,7 +120,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
             alt={alt}
             title={title || undefined}
             fill
-            sizes="768px"
+            sizes={EDITOR_IMAGE_SIZES}
             unoptimized
             className="!m-0 !h-full !w-full !max-w-full object-contain"
             onLoad={handleImageLoad}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/task-item-node/task-item-node-extension.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import { getTaskItemCheckboxLabel } from '@admin/utils/editor/get-task-item-chec
 import { hasOwnAttribute } from '@admin/utils/editor/has-own-attribute'
 import { isTaskItemChecked } from '@admin/utils/editor/is-task-item-checked'
 import { setElementAttribute } from '@admin/utils/editor/set-element-attribute'
+import { setTaskItemChecked } from '@admin/utils/editor/set-task-item-checked'
 import { getRenderedAttributes } from '@tiptap/core'
 import { TaskItem } from '@tiptap/extension-list'
 import { createRoot } from 'react-dom/client'
@@ -20,7 +21,7 @@ export const ContentEditorTaskItem = TaskItem.extend({
       const checkboxMount = document.createElement('span')
       const content = document.createElement('div')
       const checkboxRoot = createRoot(checkboxMount)
-      const staticAttributes = this.options.HTMLAttributes as Record<string, unknown>
+      const staticAttributes: Record<string, unknown> = this.options.HTMLAttributes
       checkboxContainer.contentEditable = 'false'
       checkboxContainer.className = 'content-editor-task-item-checkbox'
@@ -52,17 +53,7 @@ export const ContentEditorTaskItem = TaskItem.extend({
                 editor
                   .chain()
                   .focus(undefined, { scrollIntoView: false })
-                  .command(({ tr }) => {
-                    const position = getPos()
-                    if (typeof position !== 'number') return false
-                    const taskItem = tr.doc.nodeAt(position)
-                    tr.setNodeMarkup(position, undefined, {
-                      ...taskItem?.attrs,
-                      checked
-                    })
-                    return true
-                  })
+                  .command(({ tr }) => setTaskItemChecked(tr, getPos(), checked))
                   .run()
                 return
               }
@@ -89,7 +80,7 @@ export const ContentEditorTaskItem = TaskItem.extend({
         listItem.dataset.checked = String(renderedChecked)
       }
-      applyAttributes(HTMLAttributes as Record<string, unknown>)
+      applyAttributes(HTMLAttributes)
       renderCheckbox()
       let prevRenderedAttributeKeys = new Set(Object.keys(HTMLAttributes))
@@ -104,10 +95,10 @@ export const ContentEditorTaskItem = TaskItem.extend({
           renderedChecked = isTaskItemChecked(updatedNode)
           const extensionAttributes = editor.extensionManager.attributes
-          const newHTMLAttributes = getRenderedAttributes(
+          const newHTMLAttributes: Record<string, unknown> = getRenderedAttributes(
             updatedNode,
             extensionAttributes
-          ) as Record<string, unknown>
+          )
           const newKeys = new Set(Object.keys(newHTMLAttributes))
           prevRenderedAttributeKeys.forEach((key) => {

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.tsx CHANGED Viewed

@@ -93,12 +93,7 @@ export function HeadingDropdownMenu({
         }
       ></DropdownMenuTrigger>
-      <DropdownMenuContent
-        align="start"
-        className="w-auto min-w-40"
-        finalFocus={false}
-        portalled={false}
-      >
+      <DropdownMenuContent align="start" className="w-auto min-w-40" finalFocus={false}>
         <DropdownMenuGroup>
           {levels.map((level) => (
             <HeadingDropdownMenuItem key={`heading-${level}`} editor={editor} level={level} />

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/list-dropdown-menu/list-dropdown-menu.tsx CHANGED Viewed

@@ -83,12 +83,7 @@ export function ListDropdownMenu({
         <ChevronDownIcon className="tiptap-button-dropdown-small" />
       </DropdownMenuTrigger>
-      <DropdownMenuContent
-        align="start"
-        className="w-auto min-w-40"
-        finalFocus={false}
-        portalled={false}
-      >
+      <DropdownMenuContent align="start" className="w-auto min-w-40" finalFocus={false}>
         <DropdownMenuGroup>
           {filteredLists.map((option) => (
             <ListDropdownMenuItem

package/dist/assets/shared-assets/react-admin/custom/date-range-picker.tsx CHANGED Viewed

@@ -132,14 +132,21 @@ export function DateRangePicker({
     >
       <PopoverTrigger
         render={
-          <Button variant="outline" className={cn('w-[206px]', className)} disabled={disabled} />
+          <Button
+            variant="outline"
+            className={cn('w-date-range-trigger', className)}
+            disabled={disabled}
+          />
         }
       >
         <CalendarIcon />
         <span className="min-w-0 flex-1 truncate text-left tabular-nums">{triggerLabel}</span>
         <ChevronDown />
       </PopoverTrigger>
-      <PopoverContent className="w-[282px] gap-0 overflow-hidden rounded-sm p-0" align="start">
+      <PopoverContent
+        className="w-date-range-popover gap-0 overflow-hidden rounded-sm p-0"
+        align="start"
+      >
         <Calendar
           mode="range"
           month={calendarMonth}

package/dist/assets/shared-assets/react-admin/custom/gallery-field.tsx CHANGED Viewed

@@ -189,7 +189,7 @@ export function GalleryField({
             >
               <CarouselContent className="-ml-3">
                 {canAdd && !disabled ? (
-                  <CarouselItem className="basis-[184px] pl-3">
+                  <CarouselItem className="basis-gallery-item pl-3">
                     <Card className="h-full" onClick={() => setOpen(true)}>
                       <CardContent className="flex cursor-pointer flex-col p-2">
                         <div className="flex aspect-square size-full flex-col items-center justify-center gap-1 overflow-hidden rounded-sm border border-border bg-background text-muted-foreground transition-colors hover:text-foreground">
@@ -208,7 +208,7 @@ export function GalleryField({
                   {value.map((id) => {
                     const item = mediaMap.get(id)
                     return (
-                      <CarouselItem key={id} className="basis-[184px] pl-3">
+                      <CarouselItem key={id} className="basis-gallery-item pl-3">
                         <SortableGalleryItem id={id} disabled={disabled}>
                           {item ? (
                             <MediaField
@@ -243,7 +243,7 @@ export function GalleryField({
           </div>
           <DragOverlay>
             {activeId ? (
-              <div className="w-[184px] scale-[0.98] cursor-grabbing opacity-95">
+              <div className="w-gallery-item scale-[0.98] cursor-grabbing opacity-95">
                 {activeItem ? (
                   <MediaField
                     value={activeId}

package/dist/assets/shared-assets/react-admin/custom/media-field.tsx CHANGED Viewed

@@ -102,7 +102,7 @@ export function MediaField({
                     data-media-field-action="true"
                     variant="outline"
                     onClick={handleChangeImage}
-                    className="w-[100px] border-primary/10"
+                    className="w-media-thumb border-primary/10"
                   >
                     Change
                   </Button>
@@ -111,7 +111,7 @@ export function MediaField({
                     data-media-field-action="true"
                     variant="default"
                     onClick={handleRemove}
-                    className="w-[100px]"
+                    className="w-media-thumb"
                   >
                     Remove
                   </Button>

package/dist/assets/shared-assets/react-admin/custom/nested-object-list-field.tsx CHANGED Viewed

@@ -13,6 +13,7 @@ import { FormDescription, FormField, FormItem, FormLabel } from '@admin/componen
 import { cloneDefaultValue } from '@admin/utils/form/clone-default-value'
 import { createListItemKey } from '@admin/utils/form/create-list-item-key'
 import { cn } from '@admin/utils/shared/cn'
+import { isRecord } from '@admin/utils/shared/is-record'
 import { Plus, X } from 'lucide-react'
 import { useFormContext, useWatch } from 'react-hook-form'
@@ -75,7 +76,8 @@ export function NestedObjectListField({
       if (!isExpandedItemValid) return
     }
-    const nextValue = cloneDefaultValue(defaultValue) as Record<string, unknown>
+    const clonedDefaultValue = cloneDefaultValue(defaultValue)
+    const nextValue = isRecord(clonedDefaultValue) ? clonedDefaultValue : {}
     const nextItems = [...items, nextValue]
     setValue(name, nextItems, {
       shouldDirty: true,

package/dist/assets/shared-assets/react-admin/custom/progressive-blur.tsx CHANGED Viewed

@@ -5,6 +5,8 @@ import { usePageBoundaryBlurVisibility } from '@admin/hooks/use-page-boundary-bl
 import { cn } from '@admin/utils/shared/cn'
 import { motion } from 'motion/react'
+const DEFAULT_PROGRESSIVE_BLUR_HEIGHT = '150px'
 type ProgressiveBlurProps = React.ComponentProps<typeof motion.div> & {
   backgroundColor?: string
   position?: 'top' | 'bottom'
@@ -18,7 +20,7 @@ function ProgressiveBlur({
   style,
   backgroundColor = 'var(--background)',
   position = 'top',
-  height = '150px',
+  height = DEFAULT_PROGRESSIVE_BLUR_HEIGHT,
   blurAmount = '0',
   scrollAware = true,
   ...props

package/dist/assets/shared-assets/react-admin/ui/dropdown-menu.tsx CHANGED Viewed

@@ -22,33 +22,30 @@ function DropdownMenuContent({
   alignOffset = 0,
   side = 'bottom',
   sideOffset = 4,
-  portalled = true,
   className,
   ...props
 }: MenuPrimitive.Popup.Props &
-  Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
-    portalled?: boolean
-  }) {
-  const content = (
-    <MenuPrimitive.Positioner
-      className="isolate z-50 outline-none"
-      align={align}
-      alignOffset={alignOffset}
-      side={side}
-      sideOffset={sideOffset}
-    >
-      <MenuPrimitive.Popup
-        data-slot="dropdown-menu-content"
-        className={cn(
-          'cn-menu-target cn-menu-translucent z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95',
-          className
-        )}
-        {...props}
-      />
-    </MenuPrimitive.Positioner>
+  Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>) {
+  return (
+    <MenuPrimitive.Portal>
+      <MenuPrimitive.Positioner
+        className="isolate z-50 outline-none"
+        align={align}
+        alignOffset={alignOffset}
+        side={side}
+        sideOffset={sideOffset}
+      >
+        <MenuPrimitive.Popup
+          data-slot="dropdown-menu-content"
+          className={cn(
+            'cn-menu-target cn-menu-translucent z-50 max-h-(--available-height) w-(--anchor-width) min-w-48 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl bg-popover p-1 text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95',
+            className
+          )}
+          {...props}
+        />
+      </MenuPrimitive.Positioner>
+    </MenuPrimitive.Portal>
   )
-  return portalled ? <MenuPrimitive.Portal>{content}</MenuPrimitive.Portal> : content
 }
 function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {

package/dist/assets/shared-assets/react-admin/ui/form.tsx CHANGED Viewed

@@ -3,6 +3,7 @@
 import * as React from 'react'
 import type { ControllerProps, FieldPath, FieldValues } from 'react-hook-form'
 import { Label } from '@admin/components/ui/label'
+import { useFieldErrorVisible } from '@admin/hooks/use-field-error-visible'
 import { cn } from '@admin/utils/shared/cn'
 import { Controller, FormProvider, useFormContext } from 'react-hook-form'
@@ -33,7 +34,8 @@ const FormField = <
 const useFormField = () => {
   const fieldContext = React.useContext(FormFieldContext)
   const itemContext = React.useContext(FormItemContext)
-  const { getFieldState, formState } = useFormContext()
+  const form = useFormContext()
+  const isErrorVisible = useFieldErrorVisible(form, fieldContext?.name ?? '')
   if (!fieldContext) {
     throw new Error('useFormField should be used within <FormField>')
@@ -43,7 +45,7 @@ const useFormField = () => {
     throw new Error('useFormField should be used within <FormItem>')
   }
-  const fieldState = getFieldState(fieldContext.name, formState)
+  const fieldState = form.getFieldState(fieldContext.name, form.formState)
   const { id } = itemContext
@@ -53,7 +55,8 @@ const useFormField = () => {
     formItemId: `${id}-form-item`,
     formDescriptionId: `${id}-form-item-description`,
     formMessageId: `${id}-form-item-message`,
-    ...fieldState
+    ...fieldState,
+    error: isErrorVisible ? fieldState.error : undefined
   }
 }

package/dist/assets/shared-assets/react-admin/ui/navigation-menu.tsx CHANGED Viewed

@@ -108,7 +108,7 @@ function NavigationMenuPositioner({
         )}
         {...props}
       >
-        <NavigationMenuPrimitive.Popup className="data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0">
+        <NavigationMenuPrimitive.Popup className="data-[ending-style]:easing-[ease] relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl bg-popover text-popover-foreground shadow ring-1 ring-foreground/5 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 xs:w-(--popup-width)">
           <NavigationMenuPrimitive.Viewport className="relative size-full overflow-hidden" />
         </NavigationMenuPrimitive.Popup>
       </NavigationMenuPrimitive.Positioner>

package/dist/{chunk-SG4U6EQY.js → chunk-BNHFSHPE.js} RENAMED Viewed

@@ -12,6 +12,7 @@ var CLI_PACKAGE_NAME = "betterstart-cli";
 var REDACTED = "[redacted]";
 // constants/paths.ts
+var ADMIN_CONTAINER_ROUTE_GROUP = "(container)";
 var BETTERSTART_DIR = ".betterstart";
 var CONFIG_FILE_NAME = "betterstart.config.ts";
 var DEVELOPMENT_ENV_FILES = [
@@ -181,6 +182,14 @@ function safeWriteFile(filePath, content, force = false) {
   fs.writeFileSync(filePath, content, "utf-8");
   return true;
 }
+function safeCopyFile(src, dest, force = false) {
+  if (!force && fs.existsSync(dest)) {
+    return false;
+  }
+  ensureDir(path.dirname(dest));
+  fs.copyFileSync(src, dest);
+  return true;
+}
 function createGeneratedFile(filePath, content) {
   return {
     path: filePath.split(path.sep).join("/"),
@@ -498,6 +507,7 @@ var R2_ENV_KEYS = [
   "BETTERSTART_R2_BUCKET_NAME",
   "BETTERSTART_R2_PUBLIC_URL"
 ];
+var PUBLIC_ASSET_FILE_NAMES = ["placeholder.png"];
 var PROXY_FILE_NAME = "proxy.ts";
 var PROXY_CONVENTION_FILE_NAMES = [
   "proxy.ts",
@@ -693,6 +703,7 @@ function applyAdminNamespaceToContent(content, namespaceValue) {
 }
 export {
+  ADMIN_CONTAINER_ROUTE_GROUP,
   BETTERSTART_DIR,
   CONFIG_FILE_NAME,
   LOCKFILE_MAP,
@@ -728,6 +739,7 @@ export {
   hashContent,
   ensureDir,
   safeWriteFile,
+  safeCopyFile,
   createGeneratedFile,
   toStrictJson,
   parseDotenvFile,
@@ -761,6 +773,7 @@ export {
   TIPTAP_CONTENT_EDITOR_DIRECTORIES,
   RAILWAY_BUCKET_ENV_KEYS,
   R2_ENV_KEYS,
+  PUBLIC_ASSET_FILE_NAMES,
   PROXY_FILE_NAME,
   PROXY_CONVENTION_FILE_NAMES,
   REMOVABLE_NAMESPACE_PATTERN,
@@ -779,4 +792,4 @@ export {
   replaceAdminDashToken,
   applyAdminNamespaceToContent
 };
-//# sourceMappingURL=chunk-SG4U6EQY.js.map
+//# sourceMappingURL=chunk-BNHFSHPE.js.map