@timeax/form-palette 0.0.12 → 0.0.14

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.
      */
@@ -3638,13 +3649,14 @@ interface InputFieldBaseProps<TValue = unknown> {
  * NOTE: this is a type alias (not an interface) so we can safely intersect
  * unions coming from VariantPropsFor<K> / VariantValueFor<K>.
  */
-type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & InputFieldClassNameProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & InputFieldClassNameProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | 'defaultValue'> & {
     variant: K;
     /**
      * @deprecated Use the specific *ClassName props instead
      * (className, labelClassName, errorClassName, etc.).
      */
     classes?: Partial<InputFieldClassNames>;
+    defaultValue?: any;
 };
 interface InputFieldClassNameProps {
     /** Root comes from `className` on HTMLDivElement */

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.
      */
@@ -3638,13 +3649,14 @@ interface InputFieldBaseProps<TValue = unknown> {
  * NOTE: this is a type alias (not an interface) so we can safely intersect
  * unions coming from VariantPropsFor<K> / VariantValueFor<K>.
  */
-type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & InputFieldClassNameProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & InputFieldClassNameProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | 'defaultValue'> & {
     variant: K;
     /**
      * @deprecated Use the specific *ClassName props instead
      * (className, labelClassName, errorClassName, etc.).
      */
     classes?: Partial<InputFieldClassNames>;
+    defaultValue?: any;
 };
 interface InputFieldClassNameProps {
     /** Root comes from `className` on HTMLDivElement */

package/dist/index.js

@@ -35460,6 +35460,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 +35493,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 +35529,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     itemGapPx,
     size: size4 = "md",
     density = "comfortable",
+    autoCap = false,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -35632,6 +35649,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 +35674,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
               "data-disabled": optionDisabled ? "true" : "false",
               className: baseOptionClass,
               children: renderOption({
-                item,
+                item: displayItem,
                 index: index2,
                 selected,
                 disabled: optionDisabled,
@@ -35678,8 +35702,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 +36199,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 +36236,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 +36285,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     itemGapPx,
     size: size4 = "md",
     density = "comfortable",
+    autoCap = false,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -36281,7 +36323,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 +36524,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 +36564,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
               className: baseOptionClass,
               children: [
                 renderOption({
-                  item,
+                  item: displayItem,
                   index: index2,
                   state: internalState,
                   effectiveTristate,
@@ -36543,12 +36595,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 +36637,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 +36649,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 +37283,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 +37295,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 +40056,7 @@ function Badge({
     }
   );
 }
-function capitalizeFirst3(label) {
+function capitalizeFirst5(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -40016,7 +40068,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;