@timeax/form-palette 0.0.17 → 0.0.19

package/dist/index.d.mts

@@ -8,7 +8,6 @@ import { DayPicker } from 'react-day-picker';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { $ZodError } from 'zod/v4/core';
 import './../../../../node_modules/@inertiajs/core/types/types.d';
 import 'axios';
@@ -1870,8 +1869,6 @@ interface ShadcnToggleUiProps extends Omit<React.ComponentProps<typeof Switch>,
  */
 type ShadcnToggleVariantProps$1 = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
 
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
 /**
  * Visual size of the radio UI.
  */
@@ -1919,6 +1916,7 @@ interface RadioRenderOptionContext<TValue> {
     disabled: boolean;
     size: RadioSize;
     density: RadioDensity;
+    click(): void;
     /**
      * DOM id of this option (tied to the underlying RadioGroupItem).
      */
@@ -1956,7 +1954,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionValue = "id"
      */
-    optionValue?: keyof TItem;
+    optionValue?: (keyof TItem) | string;
     /**
      * Property name on TItem that holds the **label**.
      *
@@ -1964,7 +1962,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionLabel = "title"
      */
-    optionLabel?: keyof TItem;
+    optionLabel?: (keyof TItem) | string;
     /**
      * Optional custom renderer for each option.
      *
@@ -2027,8 +2025,9 @@ interface ShadcnRadioUiProps<TItem, TValue> {
 /**
  * Full props for the Shadcn-based radio variant.
  */
-type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & Pick<React.ComponentProps<typeof RadioGroup>, "name"> & {
+type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & {
     id?: string;
+    name?: string;
     className?: string;
     "aria-describedby"?: string;
 };
@@ -2094,6 +2093,7 @@ interface CheckboxRenderOptionContext<TValue> {
     size: CheckboxSize;
     density: CheckboxDensity;
     checkboxId?: string;
+    click(): void;
     /**
      * Prebuilt Shadcn checkbox node.
      */
@@ -2354,6 +2354,7 @@ interface ShadcnMultiSelectVariantProps extends Pick<VariantBaseProps<SelectPrim
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger summary.
@@ -2760,6 +2761,7 @@ interface ShadcnTreeSelectVariantProps extends Pick<VariantBaseProps<TreeValue>,
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     renderValue?: (ctx: {
         selectedItems: NormalizedTreeItem[];
@@ -2974,6 +2976,7 @@ interface ShadcnSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger value.

package/dist/index.d.ts

@@ -8,7 +8,6 @@ import { DayPicker } from 'react-day-picker';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { $ZodError } from 'zod/v4/core';
 import './../../../../node_modules/@inertiajs/core/types/types.d';
 import 'axios';
@@ -1870,8 +1869,6 @@ interface ShadcnToggleUiProps extends Omit<React.ComponentProps<typeof Switch>,
  */
 type ShadcnToggleVariantProps$1 = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
 
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
 /**
  * Visual size of the radio UI.
  */
@@ -1919,6 +1916,7 @@ interface RadioRenderOptionContext<TValue> {
     disabled: boolean;
     size: RadioSize;
     density: RadioDensity;
+    click(): void;
     /**
      * DOM id of this option (tied to the underlying RadioGroupItem).
      */
@@ -1956,7 +1954,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionValue = "id"
      */
-    optionValue?: keyof TItem;
+    optionValue?: (keyof TItem) | string;
     /**
      * Property name on TItem that holds the **label**.
      *
@@ -1964,7 +1962,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionLabel = "title"
      */
-    optionLabel?: keyof TItem;
+    optionLabel?: (keyof TItem) | string;
     /**
      * Optional custom renderer for each option.
      *
@@ -2027,8 +2025,9 @@ interface ShadcnRadioUiProps<TItem, TValue> {
 /**
  * Full props for the Shadcn-based radio variant.
  */
-type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & Pick<React.ComponentProps<typeof RadioGroup>, "name"> & {
+type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & {
     id?: string;
+    name?: string;
     className?: string;
     "aria-describedby"?: string;
 };
@@ -2094,6 +2093,7 @@ interface CheckboxRenderOptionContext<TValue> {
     size: CheckboxSize;
     density: CheckboxDensity;
     checkboxId?: string;
+    click(): void;
     /**
      * Prebuilt Shadcn checkbox node.
      */
@@ -2354,6 +2354,7 @@ interface ShadcnMultiSelectVariantProps extends Pick<VariantBaseProps<SelectPrim
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger summary.
@@ -2760,6 +2761,7 @@ interface ShadcnTreeSelectVariantProps extends Pick<VariantBaseProps<TreeValue>,
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     renderValue?: (ctx: {
         selectedItems: NormalizedTreeItem[];
@@ -2974,6 +2976,7 @@ interface ShadcnSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger value.

package/dist/index.js

@@ -35570,6 +35570,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     () => normalizeItems(
       items,
       mappers,
+      //@ts-ignore
       optionValue,
       optionLabel
     ),
@@ -35702,6 +35703,10 @@ var InnerShadcnRadioVariant = (props, ref) => {
                 size: size4,
                 density,
                 optionId,
+                click() {
+                  if (optionDisabled) return;
+                  handleSelect(displayItem.value);
+                },
                 radio: radioNode
               })
             },
@@ -36593,6 +36598,11 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
                   size: size4,
                   density,
                   checkboxId,
+                  click() {
+                    if (optionDisabled) return;
+                    const nextInternal = effectiveTristate ? internalState === "none" ? true : internalState === true ? false : "none" : internalState === true ? false : true;
+                    updateGroupValue(item.value, nextInternal, effectiveTristate);
+                  },
                   checkbox: checkboxNode
                 }),
                 hiddenInput
@@ -36658,11 +36668,9 @@ var checkboxModule = {
     tags: ["checkbox", "group", "boolean", "tri-state"]
   }
 };
-function capitalizeFirst3(label) {
-  if (!label) return label;
-  return label.charAt(0).toUpperCase() + label.slice(1);
-}
-function normalizeOptions(opts, config3) {
+
+// src/lib/normalise-selects.ts
+function globalNormalizeOptions(opts, config3) {
   if (!opts || !opts.length) return [];
   return opts.map((raw, index2) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
@@ -36689,6 +36697,13 @@ function normalizeOptions(opts, config3) {
     };
   });
 }
+function capitalizeFirst3(label) {
+  if (!label) return label;
+  return label.charAt(0).toUpperCase() + label.slice(1);
+}
+function normalizeOptions(opts, config3) {
+  return globalNormalizeOptions(opts, config3);
+}
 function triggerHeight(size4) {
   switch (size4) {
     case "sm":
@@ -37014,7 +37029,13 @@ var ShadcnSelectVariant = React54__namespace.forwardRef(function ShadcnSelectVar
                             item,
                             selected: selectedItem != null && String(selectedItem.value) === String(item.value),
                             index: index2,
-                            option: optionNode
+                            option: optionNode,
+                            click() {
+                              if (disabled || readOnly || item.disabled) return;
+                              handleChange(String(item.value));
+                              setOpen(false);
+                              setQuery("");
+                            }
                           });
                         }),
                         virtualScroll && renderedItems.length < filteredItems.length && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 text-[10px] text-muted-foreground text-center", children: "Scroll to load more\u2026" })
@@ -37304,36 +37325,8 @@ function removeSelectValue(current, valueToRemove) {
   const target = String(valueToRemove);
   return current.filter((v) => String(v) !== target);
 }
-function capitalizeFirst4(label) {
-  if (!label) return label;
-  return label.charAt(0).toUpperCase() + label.slice(1);
-}
 function normalizeOptions2(opts, config3) {
-  if (!opts || !opts.length) return [];
-  return opts.map((raw, index2) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    const asObj = typeof raw === "string" || typeof raw === "number" ? { label: String(raw), value: raw } : raw;
-    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 = 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;
-    const disabled = typeof config3.optionDisabled === "function" ? config3.optionDisabled(raw) : typeof config3.optionDisabled === "string" ? !!asObj[config3.optionDisabled] : !!asObj.disabled;
-    const icon = typeof config3.optionIcon === "function" ? config3.optionIcon(raw) : typeof config3.optionIcon === "string" ? asObj[config3.optionIcon] : asObj.icon;
-    const key = typeof config3.optionKey === "function" ? config3.optionKey(raw, index2) : typeof config3.optionKey === "string" ? (_i = (_h = asObj[config3.optionKey]) != null ? _h : value) != null ? _i : index2 : (_k = (_j = asObj.key) != null ? _j : value) != null ? _k : index2;
-    return {
-      key: String(key),
-      value,
-      labelNode,
-      labelText,
-      description,
-      disabled,
-      icon,
-      raw
-    };
-  });
+  return globalNormalizeOptions(opts, config3);
 }
 function triggerHeight2(size4) {
   switch (size4) {
@@ -37437,9 +37430,7 @@ var ShadcnMultiSelectVariant = React54__namespace.forwardRef(function ShadcnMult
   const filteredItems = React54__namespace.useMemo(() => {
     if (!query) return items;
     const q = query.toLowerCase();
-    return items.filter(
-      (it) => it.labelText.toLowerCase().includes(q)
-    );
+    return items.filter((it) => it.labelText.toLowerCase().includes(q));
   }, [items, query]);
   const selectableItems = React54__namespace.useMemo(
     () => items.filter((it) => !it.disabled),
@@ -37592,7 +37583,7 @@ var ShadcnMultiSelectVariant = React54__namespace.forwardRef(function ShadcnMult
       type: "button",
       disabled: disabledTrigger,
       className: cn(
-        "flex w-full items-center justify-between rounded-md border border-input bg-background px-3 text-left shadow-xs",
+        "flex w-full items-center justify-between rounded-md border border-input bg-surfaces-input px-3 text-left shadow-xs",
         "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         heightCls,
@@ -37717,9 +37708,7 @@ var ShadcnMultiSelectVariant = React54__namespace.forwardRef(function ShadcnMult
                       }
                     ),
                     filteredItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }) : filteredItems.map((item, index2) => {
-                      const selected = selectedValues.has(
-                        item.value
-                      );
+                      const selected = selectedValues.has(item.value);
                       const row = /* @__PURE__ */ jsxRuntime.jsxs(
                         "button",
                         {
@@ -37756,7 +37745,11 @@ var ShadcnMultiSelectVariant = React54__namespace.forwardRef(function ShadcnMult
                         item,
                         selected,
                         index: index2,
-                        option: row
+                        option: row,
+                        click() {
+                          if (item.disabled) return;
+                          handleToggleValue(item.value);
+                        }
                       });
                     }),
                     showSelectAll && selectAllPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -37846,9 +37839,7 @@ var ShadcnMultiSelectVariant = React54__namespace.forwardRef(function ShadcnMult
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: cn(
-                    "flex-1 min-w-0 flex items-stretch"
-                  ),
+                  className: cn("flex-1 min-w-0 flex items-stretch"),
                   "data-slot": "select-region",
                   children: MultiSelectCore
                 }
@@ -40077,7 +40068,7 @@ function Badge({
     }
   );
 }
-function capitalizeFirst5(label) {
+function capitalizeFirst4(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -40089,7 +40080,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 = capitalizeFirst5(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;
@@ -40399,7 +40390,7 @@ var ShadcnTreeSelectVariant = React54__namespace.forwardRef(function ShadcnTreeS
     displayedNodes.map((item, index2) => {
       const selected = selectedValues.includes(item.value);
       const isExpanded = expanded.has(item.value);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      const optionNode = /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           className: cn(
@@ -40457,6 +40448,16 @@ var ShadcnTreeSelectVariant = React54__namespace.forwardRef(function ShadcnTreeS
         },
         item.key
       );
+      if (!renderOption) return optionNode;
+      return renderOption({
+        item,
+        selected,
+        index: index2,
+        option: optionNode,
+        click() {
+          if (!item.disabled) handleToggleValue(item);
+        }
+      });
     })
   ] });
   const SelectBody = /* @__PURE__ */ jsxRuntime.jsxs(
@@ -43133,7 +43134,7 @@ function normalizeValue(val, multiple) {
   if (Array.isArray(val)) return val[0] || "";
   return val || "";
 }
-function capitalizeFirst6(label) {
+function capitalizeFirst5(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -43159,7 +43160,7 @@ function normalizeOption(input, {
       label2 = String(rawValue != null ? rawValue : value2);
     }
     if (autoCap && typeof label2 === "string") {
-      label2 = capitalizeFirst6(label2);
+      label2 = capitalizeFirst5(label2);
     }
     const icon = optionIcon != null ? anyInput[optionIcon] : (_b = anyInput.icon) != null ? _b : void 0;
     const disabled = optionDisabled != null ? !!anyInput[optionDisabled] : !!anyInput.disabled;
@@ -43181,7 +43182,7 @@ function normalizeOption(input, {
     const value2 = String(input);
     let label2 = value2;
     if (autoCap && typeof label2 === "string") {
-      label2 = capitalizeFirst6(label2);
+      label2 = capitalizeFirst5(label2);
     }
     return {
       ui: {
@@ -43195,7 +43196,7 @@ function normalizeOption(input, {
   const value = String(baseValue);
   let label = anyInput.label != null ? anyInput.label : String(value);
   if (autoCap && typeof label === "string") {
-    label = capitalizeFirst6(label);
+    label = capitalizeFirst5(label);
   }
   return {
     ui: {