@btst/stack 2.12.0 → 2.12.2

package/dist/packages/ui/src/components/auto-form/fields/array.cjs

@@ -3,6 +3,8 @@
 const jsxRuntime = require('react/jsx-runtime');
 const accordion = require('../../accordion.cjs');
 const button = require('../../button.cjs');
+const form = require('../../form.cjs');
+const input = require('../../input.cjs');
 const separator = require('../../separator.cjs');
 const LucideIcons = require('lucide-react');
 const reactHookForm = require('react-hook-form');
@@ -26,20 +28,70 @@ function getArrayElementType(item) {
   }
   return null;
 }
+function getPrimitiveDefault(itemSchema) {
+  const base = helpers.getBaseSchema(itemSchema);
+  if (!base) return "";
+  switch (helpers.getBaseType(base)) {
+    case "ZodBoolean":
+      return false;
+    case "ZodNumber":
+      return 0;
+    default:
+      return "";
+  }
+}
 function AutoFormArray({
   name,
   item,
   form,
   path = [],
   fieldConfig
+}) {
+  const itemDefType = getArrayElementType(item);
+  const elementBaseSchema = itemDefType ? helpers.getBaseSchema(itemDefType) : null;
+  const elementPrimitiveType = elementBaseSchema ? helpers.getBaseType(elementBaseSchema) : "";
+  const isObjectArray = !!itemDefType && elementPrimitiveType === "ZodObject";
+  const title = fieldConfig?.label ?? helpers.beautifyObjectName(name);
+  if (isObjectArray) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ObjectAutoFormArray,
+      {
+        name,
+        item,
+        form,
+        path,
+        fieldConfig,
+        itemDefType,
+        title
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PrimitiveAutoFormArray,
+    {
+      name,
+      item,
+      form,
+      path,
+      fieldConfig,
+      itemDefType,
+      title
+    }
+  );
+}
+function ObjectAutoFormArray({
+  name,
+  form,
+  path = [],
+  fieldConfig,
+  itemDefType,
+  title
 }) {
   const fieldPath = path.join(".");
   const { fields, append, remove } = reactHookForm.useFieldArray({
     control: form.control,
     name: fieldPath
   });
-  const title = fieldConfig?.label ?? helpers.beautifyObjectName(name);
-  const itemDefType = getArrayElementType(item);
   return /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: name, className: "border-none", children: [
     /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionContent, { children: [
@@ -63,11 +115,11 @@ function AutoFormArray({
               type: "button",
               className: "hover:bg-zinc-300 hover:text-black focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:hover:bg-zinc-300 dark:hover:text-black dark:hover:ring-0 dark:hover:ring-offset-0 dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0",
               onClick: () => remove(index),
-              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash, { className: "size-4 " })
+              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash, { className: "size-4" })
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(separator.Separator, {})
-        ] }, `${key}`);
+        ] }, key);
       }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         button.Button,
@@ -85,5 +137,130 @@ function AutoFormArray({
     ] })
   ] });
 }
+function PrimitiveAutoFormArray({
+  name,
+  item,
+  form,
+  path = [],
+  fieldConfig,
+  itemDefType,
+  title
+}) {
+  const fieldPath = path.join(".");
+  const rawValues = reactHookForm.useWatch({ control: form.control, name: fieldPath }) ?? [];
+  const values = Array.isArray(rawValues) ? rawValues : [];
+  const appendItem = () => {
+    const def = itemDefType ? getPrimitiveDefault(itemDefType) : "";
+    form.setValue(fieldPath, [...values, def], {
+      shouldDirty: true,
+      shouldValidate: false
+    });
+  };
+  const removeItem = (index) => {
+    const next = values.filter((_, i) => i !== index);
+    form.setValue(fieldPath, next, {
+      shouldDirty: true,
+      shouldValidate: false
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: name, className: "border-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionContent, { children: [
+      values.map((_, index) => {
+        const cellPath = `${fieldPath}.${index}`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-col", children: [
+          itemDefType ? /* @__PURE__ */ jsxRuntime.jsx(
+            PrimitiveArrayRow,
+            {
+              form,
+              itemSchema: itemDefType,
+              cellPath
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              type: "button",
+              className: "hover:bg-zinc-300 hover:text-black focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:hover:bg-zinc-300 dark:hover:text-black dark:hover:ring-0 dark:hover:ring-offset-0 dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0",
+              onClick: () => removeItem(index),
+              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(separator.Separator, {})
+        ] }, `${fieldPath}-${index}`);
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "secondary",
+          onClick: appendItem,
+          className: "mt-4 flex items-center",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "mr-2", size: 16 }),
+            "Add"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function PrimitiveArrayRow({
+  form: form$1,
+  itemSchema,
+  cellPath
+}) {
+  const baseSchema = helpers.getBaseSchema(itemSchema);
+  const t = baseSchema ? helpers.getBaseType(baseSchema) : "";
+  if (t === "ZodBoolean") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      form.FormField,
+      {
+        control: form$1.control,
+        name: cellPath,
+        render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { className: "flex flex-row items-center gap-2 space-y-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": "Toggle",
+              checked: Boolean(field.value),
+              onChange: (e) => field.onChange(e.target.checked)
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(form.FormLabel, { className: "font-normal cursor-pointer", children: field.value ? "Selected" : "Not selected" }),
+          /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+        ] })
+      }
+    );
+  }
+  const inputType = t === "ZodNumber" ? "number" : "text";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    form.FormField,
+    {
+      control: form$1.control,
+      name: cellPath,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(form.FormLabel, { className: "sr-only", children: "Row value" }),
+        /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            type: inputType,
+            name: field.name,
+            ref: field.ref,
+            onBlur: field.onBlur,
+            value: field.value === void 0 || field.value === null ? "" : String(field.value),
+            onChange: (ev) => field.onChange(
+              inputType === "number" ? Number.isNaN(ev.target.valueAsNumber) ? void 0 : ev.target.valueAsNumber : ev.target.value
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+      ] })
+    }
+  );
+}
 
 module.exports = AutoFormArray;

package/dist/packages/ui/src/components/auto-form/fields/array.mjs

@@ -1,10 +1,12 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { AccordionItem, AccordionTrigger, AccordionContent } from '../../accordion.mjs';
 import { Button } from '../../button.mjs';
+import { FormField, FormItem, FormControl, FormLabel, FormMessage } from '../../form.mjs';
+import { Input } from '../../input.mjs';
 import { Separator } from '../../separator.mjs';
 import { Trash, Plus } from 'lucide-react';
-import { useFieldArray } from 'react-hook-form';
-import { beautifyObjectName } from '../helpers.mjs';
+import { useFieldArray, useWatch } from 'react-hook-form';
+import { getBaseSchema, getBaseType, beautifyObjectName } from '../helpers.mjs';
 import AutoFormObject from './object.mjs';
 
 function getDefType(schema) {
@@ -24,20 +26,70 @@ function getArrayElementType(item) {
   }
   return null;
 }
+function getPrimitiveDefault(itemSchema) {
+  const base = getBaseSchema(itemSchema);
+  if (!base) return "";
+  switch (getBaseType(base)) {
+    case "ZodBoolean":
+      return false;
+    case "ZodNumber":
+      return 0;
+    default:
+      return "";
+  }
+}
 function AutoFormArray({
   name,
   item,
   form,
   path = [],
   fieldConfig
+}) {
+  const itemDefType = getArrayElementType(item);
+  const elementBaseSchema = itemDefType ? getBaseSchema(itemDefType) : null;
+  const elementPrimitiveType = elementBaseSchema ? getBaseType(elementBaseSchema) : "";
+  const isObjectArray = !!itemDefType && elementPrimitiveType === "ZodObject";
+  const title = fieldConfig?.label ?? beautifyObjectName(name);
+  if (isObjectArray) {
+    return /* @__PURE__ */ jsx(
+      ObjectAutoFormArray,
+      {
+        name,
+        item,
+        form,
+        path,
+        fieldConfig,
+        itemDefType,
+        title
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    PrimitiveAutoFormArray,
+    {
+      name,
+      item,
+      form,
+      path,
+      fieldConfig,
+      itemDefType,
+      title
+    }
+  );
+}
+function ObjectAutoFormArray({
+  name,
+  form,
+  path = [],
+  fieldConfig,
+  itemDefType,
+  title
 }) {
   const fieldPath = path.join(".");
   const { fields, append, remove } = useFieldArray({
     control: form.control,
     name: fieldPath
   });
-  const title = fieldConfig?.label ?? beautifyObjectName(name);
-  const itemDefType = getArrayElementType(item);
   return /* @__PURE__ */ jsxs(AccordionItem, { value: name, className: "border-none", children: [
     /* @__PURE__ */ jsx(AccordionTrigger, { children: title }),
     /* @__PURE__ */ jsxs(AccordionContent, { children: [
@@ -61,11 +113,11 @@ function AutoFormArray({
               type: "button",
               className: "hover:bg-zinc-300 hover:text-black focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:hover:bg-zinc-300 dark:hover:text-black dark:hover:ring-0 dark:hover:ring-offset-0 dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0",
               onClick: () => remove(index),
-              children: /* @__PURE__ */ jsx(Trash, { className: "size-4 " })
+              children: /* @__PURE__ */ jsx(Trash, { className: "size-4" })
             }
           ) }),
           /* @__PURE__ */ jsx(Separator, {})
-        ] }, `${key}`);
+        ] }, key);
       }),
       /* @__PURE__ */ jsxs(
         Button,
@@ -83,5 +135,130 @@ function AutoFormArray({
     ] })
   ] });
 }
+function PrimitiveAutoFormArray({
+  name,
+  item,
+  form,
+  path = [],
+  fieldConfig,
+  itemDefType,
+  title
+}) {
+  const fieldPath = path.join(".");
+  const rawValues = useWatch({ control: form.control, name: fieldPath }) ?? [];
+  const values = Array.isArray(rawValues) ? rawValues : [];
+  const appendItem = () => {
+    const def = itemDefType ? getPrimitiveDefault(itemDefType) : "";
+    form.setValue(fieldPath, [...values, def], {
+      shouldDirty: true,
+      shouldValidate: false
+    });
+  };
+  const removeItem = (index) => {
+    const next = values.filter((_, i) => i !== index);
+    form.setValue(fieldPath, next, {
+      shouldDirty: true,
+      shouldValidate: false
+    });
+  };
+  return /* @__PURE__ */ jsxs(AccordionItem, { value: name, className: "border-none", children: [
+    /* @__PURE__ */ jsx(AccordionTrigger, { children: title }),
+    /* @__PURE__ */ jsxs(AccordionContent, { children: [
+      values.map((_, index) => {
+        const cellPath = `${fieldPath}.${index}`;
+        return /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-col", children: [
+          itemDefType ? /* @__PURE__ */ jsx(
+            PrimitiveArrayRow,
+            {
+              form,
+              itemSchema: itemDefType,
+              cellPath
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("div", { className: "my-4 flex justify-end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "icon",
+              type: "button",
+              className: "hover:bg-zinc-300 hover:text-black focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 dark:bg-white dark:text-black dark:hover:bg-zinc-300 dark:hover:text-black dark:hover:ring-0 dark:hover:ring-offset-0 dark:focus-visible:ring-0 dark:focus-visible:ring-offset-0",
+              onClick: () => removeItem(index),
+              children: /* @__PURE__ */ jsx(Trash, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Separator, {})
+        ] }, `${fieldPath}-${index}`);
+      }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          onClick: appendItem,
+          className: "mt-4 flex items-center",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-2", size: 16 }),
+            "Add"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function PrimitiveArrayRow({
+  form,
+  itemSchema,
+  cellPath
+}) {
+  const baseSchema = getBaseSchema(itemSchema);
+  const t = baseSchema ? getBaseType(baseSchema) : "";
+  if (t === "ZodBoolean") {
+    return /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: cellPath,
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { className: "flex flex-row items-center gap-2 space-y-0", children: [
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": "Toggle",
+              checked: Boolean(field.value),
+              onChange: (e) => field.onChange(e.target.checked)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FormLabel, { className: "font-normal cursor-pointer", children: field.value ? "Selected" : "Not selected" }),
+          /* @__PURE__ */ jsx(FormMessage, {})
+        ] })
+      }
+    );
+  }
+  const inputType = t === "ZodNumber" ? "number" : "text";
+  return /* @__PURE__ */ jsx(
+    FormField,
+    {
+      control: form.control,
+      name: cellPath,
+      render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(FormLabel, { className: "sr-only", children: "Row value" }),
+        /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: inputType,
+            name: field.name,
+            ref: field.ref,
+            onBlur: field.onBlur,
+            value: field.value === void 0 || field.value === null ? "" : String(field.value),
+            onChange: (ev) => field.onChange(
+              inputType === "number" ? Number.isNaN(ev.target.valueAsNumber) ? void 0 : ev.target.valueAsNumber : ev.target.value
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx(FormMessage, {})
+      ] })
+    }
+  );
+}
 
 export { AutoFormArray as default };

package/dist/packages/ui/src/components/auto-form/fields/object.cjs

@@ -198,11 +198,12 @@ function AutoFormObject({
           const ParentElement = fieldConfigItem.renderParent ?? DefaultParent;
           const defaultValue = fieldConfigItem.inputProps?.defaultValue;
           const value = field.value ?? defaultValue ?? "";
+          const { defaultValue: _omitDV, ...safeInputProps } = fieldConfigItem.inputProps ?? {};
           const fieldProps = {
             ...helpers.zodToHtmlInputProps(item),
             ...field,
-            ...fieldConfigItem.inputProps,
-            disabled: fieldConfigItem.inputProps?.disabled || isDisabled,
+            ...safeInputProps,
+            disabled: safeInputProps.disabled || isDisabled,
             ref: void 0,
             value
           };

package/dist/packages/ui/src/components/auto-form/fields/object.mjs

@@ -182,11 +182,12 @@ function AutoFormObject({
           const ParentElement = fieldConfigItem.renderParent ?? DefaultParent;
           const defaultValue = fieldConfigItem.inputProps?.defaultValue;
           const value = field.value ?? defaultValue ?? "";
+          const { defaultValue: _omitDV, ...safeInputProps } = fieldConfigItem.inputProps ?? {};
           const fieldProps = {
             ...zodToHtmlInputProps(item),
             ...field,
-            ...fieldConfigItem.inputProps,
-            disabled: fieldConfigItem.inputProps?.disabled || isDisabled,
+            ...safeInputProps,
+            disabled: safeInputProps.disabled || isDisabled,
             ref: void 0,
             value
           };

package/dist/packages/ui/src/components/auto-form/helpers.cjs

@@ -210,10 +210,6 @@ function buildFieldConfigFromJsonSchema(jsonSchema, fieldComponents) {
         fieldType
       )) {
         config.fieldType = fieldType;
-      } else {
-        console.warn(
-          `CMS: Unknown fieldType "${fieldType}" for field "${key}". Provide a component via fieldComponents override or use a built-in type.`
-        );
       }
     }
     const reservedProps = /* @__PURE__ */ new Set([

package/dist/packages/ui/src/components/auto-form/helpers.mjs

@@ -208,10 +208,6 @@ function buildFieldConfigFromJsonSchema(jsonSchema, fieldComponents) {
         fieldType
       )) {
         config.fieldType = fieldType;
-      } else {
-        console.warn(
-          `CMS: Unknown fieldType "${fieldType}" for field "${key}". Provide a component via fieldComponents override or use a built-in type.`
-        );
       }
     }
     const reservedProps = /* @__PURE__ */ new Set([

package/dist/packages/ui/src/components/auto-form/index.cjs

@@ -43,10 +43,17 @@ function AutoForm({
     defaultValues: defaultValues ?? void 0,
     values: valuesProp
   });
+  const [schemaSubmitError, setSchemaSubmitError] = React.useState(null);
   function onSubmit(values) {
+    setSchemaSubmitError(null);
     const parsedValues = formSchema.safeParse(values);
     if (parsedValues.success) {
       onSubmitProp?.(parsedValues.data, form$1);
+    } else {
+      const message = parsedValues.error.issues.map(
+        (issue) => `${issue.path.length ? `${issue.path.join(".")}: ` : ""}${issue.message}`
+      ).join(" \xB7 ");
+      setSchemaSubmitError(message);
     }
   }
   React__default.useEffect(() => {
@@ -64,7 +71,7 @@ function AutoForm({
     "form",
     {
       onSubmit: (e) => {
-        form$1.handleSubmit(onSubmit)(e);
+        form$1.handleSubmit(onSubmit, () => setSchemaSubmitError(null))(e);
       },
       className: utils.cn("space-y-5", className),
       children: [
@@ -77,6 +84,14 @@ function AutoForm({
             fieldConfig
           }
         ),
+        schemaSubmitError ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive",
+            children: schemaSubmitError
+          }
+        ) : null,
         renderChildren
       ]
     }

package/dist/packages/ui/src/components/auto-form/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Form } from '../form.mjs';
-import React__default from 'react';
+import React__default, { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { Button } from '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
@@ -35,10 +35,17 @@ function AutoForm({
     defaultValues: defaultValues ?? void 0,
     values: valuesProp
   });
+  const [schemaSubmitError, setSchemaSubmitError] = useState(null);
   function onSubmit(values) {
+    setSchemaSubmitError(null);
     const parsedValues = formSchema.safeParse(values);
     if (parsedValues.success) {
       onSubmitProp?.(parsedValues.data, form);
+    } else {
+      const message = parsedValues.error.issues.map(
+        (issue) => `${issue.path.length ? `${issue.path.join(".")}: ` : ""}${issue.message}`
+      ).join(" \xB7 ");
+      setSchemaSubmitError(message);
     }
   }
   React__default.useEffect(() => {
@@ -56,7 +63,7 @@ function AutoForm({
     "form",
     {
       onSubmit: (e) => {
-        form.handleSubmit(onSubmit)(e);
+        form.handleSubmit(onSubmit, () => setSchemaSubmitError(null))(e);
       },
       className: cn("space-y-5", className),
       children: [
@@ -69,6 +76,14 @@ function AutoForm({
             fieldConfig
           }
         ),
+        schemaSubmitError ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive",
+            children: schemaSubmitError
+          }
+        ) : null,
         renderChildren
       ]
     }

package/dist/packages/ui/src/components/avatar.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const index = require('../../../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.11_@types_react-dom@19.2.3_@types_react@19.2.14__@types_reac_5e99ccf265cbb36ef8e7150da8f5489e/node_modules/@radix-ui/react-avatar/dist/index.cjs');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.11_@types_react-dom@19.2.3_@types_react@19.2.14__@types_reac_3f32f53d97352d9b2c79f551e54530d2/node_modules/@radix-ui/react-avatar/dist/index.cjs');
 const utils = require('../lib/utils.cjs');
 
 function Avatar({

package/dist/packages/ui/src/components/avatar.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Root, Image, Fallback } from '../../../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.11_@types_react-dom@19.2.3_@types_react@19.2.14__@types_reac_5e99ccf265cbb36ef8e7150da8f5489e/node_modules/@radix-ui/react-avatar/dist/index.mjs';
+import { Root, Image, Fallback } from '../../../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.11_@types_react-dom@19.2.3_@types_react@19.2.14__@types_reac_3f32f53d97352d9b2c79f551e54530d2/node_modules/@radix-ui/react-avatar/dist/index.mjs';
 import { cn } from '../lib/utils.mjs';
 
 function Avatar({

package/dist/packages/ui/src/components/calendar.cjs

@@ -6,8 +6,8 @@ const React = require('react');
 const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
-const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.4/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
-const DayPicker = require('../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.4/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
+const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
+const DayPicker = require('../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.7/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
 
 function _interopNamespaceCompat(e) {
   if (e && typeof e === 'object' && 'default' in e) return e;
@@ -91,7 +91,10 @@ function Calendar({
           captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
-        table: "w-full border-collapse",
+        month_grid: utils.cn(
+          "w-full border-collapse",
+          defaultClassNames.month_grid
+        ),
         weekdays: utils.cn("flex", defaultClassNames.weekdays),
         weekday: utils.cn(
           "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",

package/dist/packages/ui/src/components/calendar.mjs

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react';
 import { cn } from '../lib/utils.mjs';
 import { buttonVariants, Button } from './button.mjs';
-import { getDefaultClassNames } from '../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.4/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.mjs';
-import { DayPicker } from '../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.4/node_modules/react-day-picker/dist/esm/DayPicker.mjs';
+import { getDefaultClassNames } from '../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.7/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.mjs';
+import { DayPicker } from '../../../../node_modules/.pnpm/react-day-picker@9.13.2_react@19.2.7/node_modules/react-day-picker/dist/esm/DayPicker.mjs';
 
 function Calendar({
   className,
@@ -75,7 +75,10 @@ function Calendar({
           captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
-        table: "w-full border-collapse",
+        month_grid: cn(
+          "w-full border-collapse",
+          defaultClassNames.month_grid
+        ),
         weekdays: cn("flex", defaultClassNames.weekdays),
         weekday: cn(
           "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",