@timeax/form-palette 0.0.13 → 0.0.15

package/dist/index.d.mts

@@ -1940,6 +1940,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      * - `RadioItem<TValue>[]`, or
      * - any custom TItem[] when used with mapping functions
      *   or optionValue/optionLabel keys.
+     * - primitive arrays such as `string[]` or `number[]` (fallback).
      */
     items: readonly TItem[];
     /**
@@ -1996,6 +1997,11 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      * Default: "comfortable".
      */
     density?: RadioDensity;
+    /**
+     * When true, capitalizes the **first letter** of the label
+     * (only applied when the label is a string).
+     */
+    autoCap?: boolean;
     /**
      * ARIA overrides for the group.
      */
@@ -2166,6 +2172,11 @@ interface ShadcnCheckboxUiProps<TItem, TValue> {
      * Default: "comfortable".
      */
     density?: CheckboxDensity;
+    /**
+     * When true, capitalizes the first letter of the label
+     * (only applied when the label is a string).
+     */
+    autoCap?: boolean;
     /**
      * ARIA attributes for the group wrapper.
      */
@@ -3241,20 +3252,56 @@ interface CoreRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
 declare function CoreRoot(props: CoreRootProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Combined provider + form-root wrapper.
- *
- * Usage:
- *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
- *     {...fields + buttons...}
- *   </CoreShell>
+ * Shared base props for CoreShell, independent of wrapping behaviour.
  */
-type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
+type CoreShellBaseProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
     /**
      * Props passed directly to the underlying <form> element via CoreRoot.
      */
     formProps?: CoreRootProps;
     children?: React.ReactNode;
 };
+/**
+ * When `wrapped` is true, you can provide gap/contentClassName.
+ */
+type CoreShellWrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped: true;
+    /**
+     * Gap for the inner wrapper. You can still control layout
+     * (flex/grid/etc.) via `contentClassName`.
+     */
+    gap?: React.CSSProperties["gap"];
+    /**
+     * Class applied to the wrapper around children.
+     */
+    contentClassName?: string;
+};
+/**
+ * When `wrapped` is not true (false/undefined), gap/contentClassName
+ * are not allowed.
+ */
+type CoreShellUnwrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped?: false | undefined;
+};
+type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellWrappedProps<V, S, K> | CoreShellUnwrappedProps<V, S, K>;
+/**
+ * Combined provider + form-root wrapper.
+ *
+ * Usage:
+ *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ *
+ *   <CoreShell
+ *     adapter="local"
+ *     schema={schema}
+ *     wrapped
+ *     gap="1rem"
+ *     contentClassName="flex flex-col"
+ *   >
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ */
 declare function CoreShell<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local">(props: CoreShellProps<V, S, K>): react_jsx_runtime.JSX.Element;
 
 interface UseButtonOptions {

package/dist/index.d.ts

@@ -1940,6 +1940,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      * - `RadioItem<TValue>[]`, or
      * - any custom TItem[] when used with mapping functions
      *   or optionValue/optionLabel keys.
+     * - primitive arrays such as `string[]` or `number[]` (fallback).
      */
     items: readonly TItem[];
     /**
@@ -1996,6 +1997,11 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      * Default: "comfortable".
      */
     density?: RadioDensity;
+    /**
+     * When true, capitalizes the **first letter** of the label
+     * (only applied when the label is a string).
+     */
+    autoCap?: boolean;
     /**
      * ARIA overrides for the group.
      */
@@ -2166,6 +2172,11 @@ interface ShadcnCheckboxUiProps<TItem, TValue> {
      * Default: "comfortable".
      */
     density?: CheckboxDensity;
+    /**
+     * When true, capitalizes the first letter of the label
+     * (only applied when the label is a string).
+     */
+    autoCap?: boolean;
     /**
      * ARIA attributes for the group wrapper.
      */
@@ -3241,20 +3252,56 @@ interface CoreRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
 declare function CoreRoot(props: CoreRootProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Combined provider + form-root wrapper.
- *
- * Usage:
- *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
- *     {...fields + buttons...}
- *   </CoreShell>
+ * Shared base props for CoreShell, independent of wrapping behaviour.
  */
-type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
+type CoreShellBaseProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
     /**
      * Props passed directly to the underlying <form> element via CoreRoot.
      */
     formProps?: CoreRootProps;
     children?: React.ReactNode;
 };
+/**
+ * When `wrapped` is true, you can provide gap/contentClassName.
+ */
+type CoreShellWrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped: true;
+    /**
+     * Gap for the inner wrapper. You can still control layout
+     * (flex/grid/etc.) via `contentClassName`.
+     */
+    gap?: React.CSSProperties["gap"];
+    /**
+     * Class applied to the wrapper around children.
+     */
+    contentClassName?: string;
+};
+/**
+ * When `wrapped` is not true (false/undefined), gap/contentClassName
+ * are not allowed.
+ */
+type CoreShellUnwrappedProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellBaseProps<V, S, K> & {
+    wrapped?: false | undefined;
+};
+type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreShellWrappedProps<V, S, K> | CoreShellUnwrappedProps<V, S, K>;
+/**
+ * Combined provider + form-root wrapper.
+ *
+ * Usage:
+ *   <CoreShell adapter="local" schema={schema} formProps={{ className: "space-y-4" }}>
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ *
+ *   <CoreShell
+ *     adapter="local"
+ *     schema={schema}
+ *     wrapped
+ *     gap="1rem"
+ *     contentClassName="flex flex-col"
+ *   >
+ *     {...fields + buttons...}
+ *   </CoreShell>
+ */
 declare function CoreShell<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local">(props: CoreShellProps<V, S, K>): react_jsx_runtime.JSX.Element;
 
 interface UseButtonOptions {

package/dist/index.js

@@ -14090,6 +14090,26 @@ function CoreRoot(props) {
   ] });
 }
 function CoreShell(props) {
+  if (props.wrapped) {
+    const {
+      formProps: formProps2,
+      children: children2,
+      wrapped,
+      // eslint-disable-line @typescript-eslint/no-unused-vars
+      gap,
+      contentClassName,
+      ...coreProps2
+    } = props;
+    const content = /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: contentClassName,
+        style: gap !== void 0 ? { gap } : void 0,
+        children: children2
+      }
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(CoreProvider, { ...coreProps2, children: /* @__PURE__ */ jsxRuntime.jsx(CoreRoot, { ...formProps2 != null ? formProps2 : {}, children: content }) });
+  }
   const { formProps, children, ...coreProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(CoreProvider, { ...coreProps, children: /* @__PURE__ */ jsxRuntime.jsx(CoreRoot, { ...formProps != null ? formProps : {}, children }) });
 }
@@ -35460,6 +35480,10 @@ function descriptionTextSize(size4) {
       return "text-xs";
   }
 }
+function capitalizeFirst(label) {
+  if (!label) return label;
+  return label.charAt(0).toUpperCase() + label.slice(1);
+}
 function normalizeItems(items, mappers, optionValueKey, optionLabelKey) {
   if (mappers) {
     return items.map((item, index2) => ({
@@ -35489,7 +35513,19 @@ function normalizeItems(items, mappers, optionValueKey, optionLabelKey) {
       };
     });
   }
-  return items;
+  return items.map((item, index2) => {
+    if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
+      const v = item;
+      return {
+        value: v,
+        label: String(item),
+        description: void 0,
+        disabled: false,
+        key: index2
+      };
+    }
+    return item;
+  });
 }
 function isEqualValue(a, b) {
   return Object.is(a, b);
@@ -35513,6 +35549,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     itemGapPx,
     size: size4 = "md",
     density = "comfortable",
+    autoCap = false,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -35632,6 +35669,13 @@ var InnerShadcnRadioVariant = (props, ref) => {
         const optionDisabled = !!disabled || !!item.disabled;
         const optionKey = (_a = item.key) != null ? _a : index2;
         const optionId = id ? `${id}-option-${optionKey}` : void 0;
+        let displayItem = item;
+        if (autoCap && typeof item.label === "string") {
+          displayItem = {
+            ...item,
+            label: capitalizeFirst(item.label)
+          };
+        }
         const radioNode = /* @__PURE__ */ jsxRuntime.jsx(
           RadioGroupItem2,
           {
@@ -35650,7 +35694,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
               "data-disabled": optionDisabled ? "true" : "false",
               className: baseOptionClass,
               children: renderOption({
-                item,
+                item: displayItem,
                 index: index2,
                 selected,
                 disabled: optionDisabled,
@@ -35678,8 +35722,8 @@ var InnerShadcnRadioVariant = (props, ref) => {
                 children: [
                   radioNode,
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClassesBase, children: item.label }),
-                    item.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: descriptionClassesBase, children: item.description })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClassesBase, children: displayItem.label }),
+                    displayItem.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: descriptionClassesBase, children: displayItem.description })
                   ] })
                 ]
               }
@@ -36175,6 +36219,10 @@ function descriptionTextSize2(size4) {
       return "text-xs";
   }
 }
+function capitalizeFirst2(label) {
+  if (!label) return label;
+  return label.charAt(0).toUpperCase() + label.slice(1);
+}
 function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
   if (!items || !items.length) return [];
   if (mappers) {
@@ -36208,7 +36256,20 @@ function normalizeItems2(items, mappers, optionValueKey, optionLabelKey) {
       };
     });
   }
-  return items;
+  return items.map((item, index2) => {
+    if (typeof item === "string" || typeof item === "number" || typeof item === "boolean") {
+      const v = item;
+      return {
+        value: v,
+        label: String(item),
+        description: void 0,
+        disabled: false,
+        key: index2,
+        tristate: void 0
+      };
+    }
+    return item;
+  });
 }
 function isEqualValue2(a, b) {
   return Object.is(a, b);
@@ -36244,6 +36305,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     itemGapPx,
     size: size4 = "md",
     density = "comfortable",
+    autoCap = false,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -36281,7 +36343,10 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
       };
       onValue(nextPublic, detail);
     };
-    const labelText = singleLabel != null ? singleLabel : void 0;
+    let labelText = singleLabel != null ? singleLabel : void 0;
+    if (autoCap && typeof labelText === "string") {
+      labelText = capitalizeFirst2(labelText);
+    }
     const descriptionText = singleDescription != null ? singleDescription : void 0;
     const labelCls = cn(
       "text-foreground",
@@ -36479,6 +36544,13 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
         const optionDisabled = !!disabled || !!item.disabled;
         const optionKey = (_c = item.key) != null ? _c : index2;
         const checkboxId = id ? `${id}-option-${optionKey}` : void 0;
+        let displayItem = item;
+        if (autoCap && typeof item.label === "string") {
+          displayItem = {
+            ...item,
+            label: capitalizeFirst2(item.label)
+          };
+        }
         const checkboxNode = /* @__PURE__ */ jsxRuntime.jsx(
           Checkbox2,
           {
@@ -36512,7 +36584,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
               className: baseOptionClass,
               children: [
                 renderOption({
-                  item,
+                  item: displayItem,
                   index: index2,
                   state: internalState,
                   effectiveTristate,
@@ -36543,12 +36615,12 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
                   children: [
                     checkboxNode,
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClassesBase, children: item.label }),
-                      item.description != null && /* @__PURE__ */ jsxRuntime.jsx(
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClassesBase, children: displayItem.label }),
+                      displayItem.description != null && /* @__PURE__ */ jsxRuntime.jsx(
                         "span",
                         {
                           className: descriptionClassesBase,
-                          children: item.description
+                          children: displayItem.description
                         }
                       )
                     ] })
@@ -36585,7 +36657,7 @@ var checkboxModule = {
     tags: ["checkbox", "group", "boolean", "tri-state"]
   }
 };
-function capitalizeFirst(label) {
+function capitalizeFirst3(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -36597,7 +36669,7 @@ function normalizeOptions(opts, config3) {
     const value = typeof config3.optionValue === "function" ? config3.optionValue(raw) : typeof config3.optionValue === "string" ? asObj[config3.optionValue] : (_c = (_b = (_a = asObj.value) != null ? _a : asObj.id) != null ? _b : asObj.key) != null ? _c : String(index2);
     let labelNode = typeof config3.optionLabel === "function" ? config3.optionLabel(raw) : typeof config3.optionLabel === "string" ? (_e = (_d = asObj[config3.optionLabel]) != null ? _d : asObj.label) != null ? _e : String(value) : (_f = asObj.label) != null ? _f : String(value);
     if (config3.autoCap && typeof labelNode === "string") {
-      labelNode = capitalizeFirst(labelNode);
+      labelNode = capitalizeFirst3(labelNode);
     }
     const labelText = typeof labelNode === "string" ? labelNode : typeof labelNode === "number" ? String(labelNode) : (_g = asObj.labelText) != null ? _g : String(value);
     const description = typeof config3.optionDescription === "function" ? config3.optionDescription(raw) : typeof config3.optionDescription === "string" ? asObj[config3.optionDescription] : asObj.description;
@@ -37231,7 +37303,7 @@ function removeSelectValue(current, valueToRemove) {
   const target = String(valueToRemove);
   return current.filter((v) => String(v) !== target);
 }
-function capitalizeFirst2(label) {
+function capitalizeFirst4(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -37243,7 +37315,7 @@ function normalizeOptions2(opts, config3) {
     const value = typeof config3.optionValue === "function" ? config3.optionValue(raw) : typeof config3.optionValue === "string" ? asObj[config3.optionValue] : (_c = (_b = (_a = asObj.value) != null ? _a : asObj.id) != null ? _b : asObj.key) != null ? _c : String(index2);
     let labelNode = typeof config3.optionLabel === "function" ? config3.optionLabel(raw) : typeof config3.optionLabel === "string" ? (_e = (_d = asObj[config3.optionLabel]) != null ? _d : asObj.label) != null ? _e : String(value) : (_f = asObj.label) != null ? _f : String(value);
     if (config3.autoCap && typeof labelNode === "string") {
-      labelNode = capitalizeFirst2(labelNode);
+      labelNode = capitalizeFirst4(labelNode);
     }
     const labelText = typeof labelNode === "string" ? labelNode : typeof labelNode === "number" ? String(labelNode) : (_g = asObj.labelText) != null ? _g : String(value);
     const description = typeof config3.optionDescription === "function" ? config3.optionDescription(raw) : typeof config3.optionDescription === "string" ? asObj[config3.optionDescription] : asObj.description;
@@ -40004,7 +40076,7 @@ function Badge({
     }
   );
 }
-function capitalizeFirst3(label) {
+function capitalizeFirst5(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -40016,7 +40088,7 @@ function normalizeTree(opts, config3, level = 0, parentValue, path = []) {
     const value = typeof config3.optionValue === "function" ? config3.optionValue(raw) : typeof config3.optionValue === "string" ? asObj[config3.optionValue] : (_c = (_b = (_a = asObj.value) != null ? _a : asObj.id) != null ? _b : asObj.key) != null ? _c : String(index2);
     let labelNode = typeof config3.optionLabel === "function" ? config3.optionLabel(raw) : typeof config3.optionLabel === "string" ? (_e = (_d = asObj[config3.optionLabel]) != null ? _d : asObj.label) != null ? _e : String(value) : (_f = asObj.label) != null ? _f : String(value);
     if (config3.autoCap && typeof labelNode === "string") {
-      labelNode = capitalizeFirst3(labelNode);
+      labelNode = capitalizeFirst5(labelNode);
     }
     const labelText = typeof labelNode === "string" ? labelNode : typeof labelNode === "number" ? String(labelNode) : (_g = asObj.labelText) != null ? _g : String(value);
     const description = typeof config3.optionDescription === "function" ? config3.optionDescription(raw) : typeof config3.optionDescription === "string" ? asObj[config3.optionDescription] : asObj.description;