betterstart-cli 0.0.124 → 0.0.125

package/dist/assets/shared-assets/react-admin/ui/checkbox.tsx

@@ -9,7 +9,7 @@ function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
-        'peer relative flex size-4 shrink-0 items-center justify-center rounded border border-border transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground',
+        'peer relative flex size-4.5 shrink-0 items-center justify-center rounded-[4px] border border-foreground/15 transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground',
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/combobox.tsx

@@ -113,7 +113,7 @@ function ComboboxContent({
           data-slot="combobox-content"
           data-chips={!!anchor}
           className={cn(
-            'cn-menu-target cn-menu-translucent group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[chips=true]:min-w-(--anchor-width) 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-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-9 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
+            'cn-menu-target cn-menu-translucent group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width))] origin-(--transform-origin) overflow-hidden rounded bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[chips=true]:min-w-(--anchor-width) 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-[slot=input-group]:m-2 *:data-[slot=input-group]:mb-1 *:data-[slot=input-group]:h-9 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',
             className
           )}
           {...props}
@@ -128,7 +128,7 @@ function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {
     <ComboboxPrimitive.List
       data-slot="combobox-list"
       className={cn(
-        'no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0',
+        'no-scrollbar max-h-[min(calc(--spacing(72)-(--spacing(11))),calc(var(--available-height)-(--spacing(11))))] scroll-py-1 overflow-y-auto overscroll-contain px-2 pt-1 pb-2 data-empty:p-0',
         className
       )}
       {...props}
@@ -141,7 +141,7 @@ function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.
     <ComboboxPrimitive.Item
       data-slot="combobox-item"
       className={cn(
-        "relative flex w-full cursor-default items-center gap-2.5 rounded py-2 pr-8 pl-3 outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex w-full cursor-default items-center gap-2.5 rounded py-2 pr-8 pl-3 font-medium outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}

package/dist/assets/shared-assets/react-admin/ui/input-group.tsx

@@ -14,7 +14,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
       data-slot="input-group"
       role="group"
       className={cn(
-        'group/input-group relative flex h-9 w-full min-w-0 items-center rounded border border-border bg-input/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded has-data-[align=block-start]:rounded has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
+        'group/input-group relative flex h-9 w-full min-w-0 items-center rounded border border-border bg-input transition-colors outline-none has-data-[align=block-end]:rounded has-data-[align=block-start]:rounded has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
         className
       )}
       {...props}

package/dist/cli.js

@@ -17686,7 +17686,7 @@ ${indent}  maxItems={${field.maxItems}}` : ""
       props: {
         indent,
         pathNameProp: pathNameProp(path114),
-        formItemProps: formItemProps(field, "flex flex-row items-start space-x-3 space-y-0"),
+        formItemProps: formItemProps(field, "gap-2 flex flex-row items-start space-y-0"),
         labelWithDescription: labelWithDescription(
           `<FormLabel>${nestedLabel}</FormLabel>`,
           nestedHint,
@@ -17899,7 +17899,7 @@ function renderBooleanField(field, indent, label, hintJSX, context) {
     props: {
       indent,
       fieldName: field.name,
-      formItemProps: formItemProps(field, "flex flex-row items-start space-x-3 space-y-0"),
+      formItemProps: formItemProps(field, "gap-2 flex flex-row items-start space-y-0"),
       onCheckedChange,
       label,
       hintJsxContent: hintJSX ? `
@@ -18920,7 +18920,7 @@ function renderMultiSelectFieldActionButtonsTemplate({
   return `
 ${indent}            {canCreateOption ? (
 ${indent}              <>
-${indent}                <ComboboxSeparator />
+${indent}                <ComboboxSeparator className="group-data-empty/combobox-content:hidden" />
 ${indent}                <div className="p-1">
 ${indent}                  <Button
 ${indent}                    type="button"
@@ -18937,6 +18937,18 @@ ${indent}                </div>
 ${indent}              </>
 ${indent}            ) : null}`;
 }
+function renderMultiSelectFieldEmptyStateTemplate({
+  indent,
+  lowerLabel,
+  creatable
+}) {
+  if (creatable) {
+    return `${indent}            {canCreateOption ? null : (
+${indent}              <ComboboxEmpty>No ${lowerLabel} found.</ComboboxEmpty>
+${indent}            )}`;
+  }
+  return `${indent}            <ComboboxEmpty>No ${lowerLabel} found.</ComboboxEmpty>`;
+}
 function renderMultiSelectFieldActionButtonsSerializedValueTemplate({
   indent,
   fieldName,
@@ -18950,6 +18962,7 @@ function renderMultiSelectFieldActionButtonsSerializedValueTemplate({
   stringify,
   searchBinding,
   lowerLabel,
+  emptyState,
   defaultValueFromHandlerContent,
   clearSearch,
   createAction
@@ -19024,9 +19037,9 @@ ${indent}                )}
 ${indent}              </span>
 ${indent}            </ComboboxTrigger>
 ${indent}          </FormControl>
-${indent}          <ComboboxContent align="start">
+${indent}          <ComboboxContent align="end">
 ${indent}            <ComboboxInput placeholder="Search ${lowerLabel}..." showTrigger={false} />
-${indent}            <ComboboxEmpty>No ${lowerLabel} found.</ComboboxEmpty>
+${emptyState}
 ${indent}            <ComboboxList>
 ${indent}              {(option) => (
 ${indent}                <ComboboxItem key={option.value} value={option}>
@@ -19050,6 +19063,8 @@ function renderMultiSelectFieldRenderer(request) {
       return renderMultiSelectFieldSearchBindingTemplate(request.props);
     case "renderMultiSelectFieldCreateLabelTemplate":
       return renderMultiSelectFieldCreateLabelTemplate(request.props);
+    case "renderMultiSelectFieldEmptyStateTemplate":
+      return renderMultiSelectFieldEmptyStateTemplate(request.props);
     case "renderMultiSelectFieldActionButtonsTemplate":
       return renderMultiSelectFieldActionButtonsTemplate(request.props);
     case "renderMultiSelectFieldActionButtonsSerializedValueTemplate":
@@ -19106,6 +19121,14 @@ function renderMultiSelectField(field, indent, label, hintJSX, context) {
   }) : "";
   const clearSearch = isCreatable ? `
 ${indent}            ${setSearchVar}('')` : "";
+  const emptyState = renderMultiSelectFieldRenderer({
+    kind: "renderMultiSelectFieldEmptyStateTemplate",
+    props: {
+      indent,
+      lowerLabel,
+      creatable: isCreatable === true
+    }
+  });
   return renderMultiSelectFieldRenderer({
     kind: "renderMultiSelectFieldActionButtonsSerializedValueTemplate",
     props: {
@@ -19125,6 +19148,7 @@ ${indent}            ${setSearchVar}('')` : "";
       stringify: JSON.stringify(placeholder),
       searchBinding,
       lowerLabel,
+      emptyState,
       defaultValueFromHandlerContent: defaultValueFromHandler ? `${indent}            ${defaultValueFromHandler}(nextValues)
 ` : "",
       clearSearch,