@timeax/form-palette 0.0.28 → 0.0.29

package/dist/index.mjs

@@ -7748,7 +7748,11 @@ function SelectTrigger({
   icon: Icon3 = ChevronDown,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  const content = !props.asChild ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    Icon3 && /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(Icon3, { className: "size-4 opacity-50" }) })
+  ] }) : children;
+  return /* @__PURE__ */ jsx(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -7758,10 +7762,7 @@ function SelectTrigger({
         className
       ),
       ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(Icon3, { className: "size-4 opacity-50" }) })
-      ]
+      children: content
     }
   );
 }
@@ -16386,9 +16387,7 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
   const filteredItems = React10.useMemo(() => {
     if (!query) return items;
     const q2 = query.toLowerCase();
-    return items.filter(
-      (it) => it.labelText.toLowerCase().includes(q2)
-    );
+    return items.filter((it) => it.labelText.toLowerCase().includes(q2));
   }, [items, query]);
   const [visibleCount, setVisibleCount] = React10.useState(
     () => virtualScroll ? Math.min(virtualScrollPageSize, filteredItems.length) : filteredItems.length
@@ -16399,9 +16398,7 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
       setVisibleCount(filteredItems.length);
       return;
     }
-    setVisibleCount(
-      Math.min(virtualScrollPageSize, filteredItems.length)
-    );
+    setVisibleCount(Math.min(virtualScrollPageSize, filteredItems.length));
   }, [virtualScroll, filteredItems.length, virtualScrollPageSize]);
   const handleListScroll = React10.useCallback(() => {
     if (!virtualScroll) return;
@@ -16416,7 +16413,12 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
         return Math.min(next, filteredItems.length);
       });
     }
-  }, [virtualScroll, filteredItems.length, virtualScrollPageSize, virtualScrollThreshold]);
+  }, [
+    virtualScroll,
+    filteredItems.length,
+    virtualScrollPageSize,
+    virtualScrollThreshold
+  ]);
   const renderedItems = React10.useMemo(
     () => virtualScroll ? filteredItems.slice(0, visibleCount) : filteredItems,
     [filteredItems, visibleCount, virtualScroll]
@@ -16426,9 +16428,7 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
       var _a2, _b2, _c;
       if (!onValue) return;
       const primitive = (_a2 = valueMap.get(rawKey)) != null ? _a2 : rawKey;
-      const item = (_b2 = items.find(
-        (it) => String(it.value) === String(primitive)
-      )) != null ? _b2 : null;
+      const item = (_b2 = items.find((it) => String(it.value) === String(primitive))) != null ? _b2 : null;
       const detail = {
         source: "variant",
         raw: (_c = item == null ? void 0 : item.raw) != null ? _c : primitive,
@@ -16476,7 +16476,7 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
     const selectedValue = value;
     const renderable = button != null ? button : children;
     const content = (() => {
-      var _a2, _b2, _c, _d;
+      var _a2, _b2, _c, _d, _e;
       if (typeof renderable === "function") {
         return renderable({
           open,
@@ -16490,7 +16490,7 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
       if (iconNode) {
         return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center", children: iconNode });
       }
-      return /* @__PURE__ */ jsx("span", { className: "truncate", children: (_d = selectedItem == null ? void 0 : selectedItem.labelNode) != null ? _d : placeholder != null ? placeholder : "Select..." });
+      return /* @__PURE__ */ jsx("span", { className: "truncate", children: (_e = (_d = selectedItem == null ? void 0 : selectedItem.labelNode) != null ? _d : placeholder) != null ? _e : "Select..." });
     })();
     return /* @__PURE__ */ jsx(
       "button",
@@ -16611,75 +16611,70 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
       },
       children: [
         TriggerBody,
-        /* @__PURE__ */ jsxs(
-          SelectContent,
-          {
-            className: cn("min-w-32", contentClassName),
-            children: [
-              searchable && /* @__PURE__ */ jsx("div", { className: "p-1", children: /* @__PURE__ */ jsx(
-                Input,
+        /* @__PURE__ */ jsxs(SelectContent, { className: cn("min-w-32", contentClassName), children: [
+          searchable && /* @__PURE__ */ jsx("div", { className: "p-1", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              autoFocus: true,
+              icon: /* @__PURE__ */ jsx(Search, { className: "size-4" }),
+              value: query,
+              onChange: (e4) => setQuery(e4.target.value),
+              placeholder: searchPlaceholder != null ? searchPlaceholder : "Search...",
+              size,
+              density
+            }
+          ) }),
+          items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: (_b = emptyLabel != null ? emptyLabel : emptySearchText) != null ? _b : "No options available" }) : (
+            /* CASE 2: have options, but search filters everything out */
+            filteredItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }) : (
+              // CASE 3: normal list, possibly virtually paged
+              /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  autoFocus: true,
-                  icon: /* @__PURE__ */ jsx(Search, { className: "size-4" }),
-                  value: query,
-                  onChange: (e4) => setQuery(e4.target.value),
-                  placeholder: searchPlaceholder != null ? searchPlaceholder : "Search...",
-                  size,
-                  density
+                  ref: listRef,
+                  className: "max-h-60 overflow-auto",
+                  onScroll: handleListScroll,
+                  children: [
+                    renderedItems.map((item, index) => {
+                      var _a2;
+                      const optionNode = /* @__PURE__ */ jsx(
+                        SelectItem,
+                        {
+                          value: String(item.value),
+                          disabled: item.disabled,
+                          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+                            item.icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: item.icon }),
+                            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                              /* @__PURE__ */ jsx("span", { children: item.labelNode }),
+                              item.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: item.description })
+                            ] })
+                          ] })
+                        },
+                        item.key
+                      );
+                      const renderer = (_a2 = item.render) != null ? _a2 : renderOption;
+                      if (!renderer) return optionNode;
+                      return renderer({
+                        item,
+                        selected: selectedItem != null && String(selectedItem.value) === String(item.value),
+                        index,
+                        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" })
+                  ]
                 }
-              ) }),
-              items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: (_b = emptyLabel != null ? emptyLabel : emptySearchText) != null ? _b : "No options available" }) : (
-                /* CASE 2: have options, but search filters everything out */
-                filteredItems.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: emptySearchText != null ? emptySearchText : "No results found" }) : (
-                  // CASE 3: normal list, possibly virtually paged
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      ref: listRef,
-                      className: "max-h-60 overflow-auto",
-                      onScroll: handleListScroll,
-                      children: [
-                        renderedItems.map((item, index) => {
-                          var _a2;
-                          const optionNode = /* @__PURE__ */ jsx(
-                            SelectItem,
-                            {
-                              value: String(item.value),
-                              disabled: item.disabled,
-                              children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-                                item.icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: item.icon }),
-                                /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                                  /* @__PURE__ */ jsx("span", { children: item.labelNode }),
-                                  item.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: item.description })
-                                ] })
-                              ] })
-                            },
-                            item.key
-                          );
-                          const renderer = (_a2 = item.render) != null ? _a2 : renderOption;
-                          if (!renderer) return optionNode;
-                          return renderer({
-                            item,
-                            selected: selectedItem != null && String(selectedItem.value) === String(item.value),
-                            index,
-                            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" })
-                      ]
-                    }
-                  )
-                )
               )
-            ]
-          }
-        )
+            )
+          )
+        ] })
       ]
     }
   );
@@ -16738,9 +16733,7 @@ var ShadcnSelectVariant = React10.forwardRef(function ShadcnSelectVariant2(props
               /* @__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: SelectWithTrigger
                 }