@timeax/form-palette 0.0.17 → 0.0.19

package/dist/index.mjs

@@ -35549,6 +35549,7 @@ var InnerShadcnRadioVariant = (props, ref) => {
     () => normalizeItems(
       items,
       mappers,
+      //@ts-ignore
       optionValue,
       optionLabel
     ),
@@ -35681,6 +35682,10 @@ var InnerShadcnRadioVariant = (props, ref) => {
                 size: size4,
                 density,
                 optionId,
+                click() {
+                  if (optionDisabled) return;
+                  handleSelect(displayItem.value);
+                },
                 radio: radioNode
               })
             },
@@ -36572,6 +36577,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
@@ -36637,11 +36647,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;
@@ -36668,6 +36676,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":
@@ -36993,7 +37008,13 @@ var ShadcnSelectVariant = React54.forwardRef(function ShadcnSelectVariant2(props
                             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__ */ jsx("div", { className: "px-2 py-1 text-[10px] text-muted-foreground text-center", children: "Scroll to load more\u2026" })
@@ -37283,36 +37304,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) {
@@ -37416,9 +37409,7 @@ var ShadcnMultiSelectVariant = React54.forwardRef(function ShadcnMultiSelectVari
   const filteredItems = React54.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.useMemo(
     () => items.filter((it) => !it.disabled),
@@ -37571,7 +37562,7 @@ var ShadcnMultiSelectVariant = React54.forwardRef(function ShadcnMultiSelectVari
       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,
@@ -37696,9 +37687,7 @@ var ShadcnMultiSelectVariant = React54.forwardRef(function ShadcnMultiSelectVari
                       }
                     ),
                     filteredItems.length === 0 ? /* @__PURE__ */ 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__ */ jsxs(
                         "button",
                         {
@@ -37735,7 +37724,11 @@ var ShadcnMultiSelectVariant = React54.forwardRef(function ShadcnMultiSelectVari
                         item,
                         selected,
                         index: index2,
-                        option: row
+                        option: row,
+                        click() {
+                          if (item.disabled) return;
+                          handleToggleValue(item.value);
+                        }
                       });
                     }),
                     showSelectAll && selectAllPosition === "bottom" && /* @__PURE__ */ jsxs(
@@ -37825,9 +37818,7 @@ var ShadcnMultiSelectVariant = React54.forwardRef(function ShadcnMultiSelectVari
               /* @__PURE__ */ 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
                 }
@@ -40056,7 +40047,7 @@ function Badge({
     }
   );
 }
-function capitalizeFirst5(label) {
+function capitalizeFirst4(label) {
   if (!label) return label;
   return label.charAt(0).toUpperCase() + label.slice(1);
 }
@@ -40068,7 +40059,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;
@@ -40378,7 +40369,7 @@ var ShadcnTreeSelectVariant = React54.forwardRef(function ShadcnTreeSelectVarian
     displayedNodes.map((item, index2) => {
       const selected = selectedValues.includes(item.value);
       const isExpanded = expanded.has(item.value);
-      return /* @__PURE__ */ jsxs(
+      const optionNode = /* @__PURE__ */ jsxs(
         "div",
         {
           className: cn(
@@ -40436,6 +40427,16 @@ var ShadcnTreeSelectVariant = React54.forwardRef(function ShadcnTreeSelectVarian
         },
         item.key
       );
+      if (!renderOption) return optionNode;
+      return renderOption({
+        item,
+        selected,
+        index: index2,
+        option: optionNode,
+        click() {
+          if (!item.disabled) handleToggleValue(item);
+        }
+      });
     })
   ] });
   const SelectBody = /* @__PURE__ */ jsxs(
@@ -43112,7 +43113,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);
 }
@@ -43138,7 +43139,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;
@@ -43160,7 +43161,7 @@ function normalizeOption(input, {
     const value2 = String(input);
     let label2 = value2;
     if (autoCap && typeof label2 === "string") {
-      label2 = capitalizeFirst6(label2);
+      label2 = capitalizeFirst5(label2);
     }
     return {
       ui: {
@@ -43174,7 +43175,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: {