achery-ui 0.7.2 → 0.8.0

package/dist/index.js

@@ -1433,17 +1433,18 @@ var searchGlyphs = (query, allNames, limit = Infinity) => {
 };
 
 // src/components/GlyphPicker/GlyphPicker.css.ts
-var categoryHeading = "GlyphPicker_categoryHeading__gr39tw6";
-var clearBtn = "GlyphPicker_clearBtn__gr39twa";
-var emptyState = "GlyphPicker_emptyState__gr39tw9";
-var glyphBtn = "GlyphPicker_glyphBtn__gr39tw8";
-var glyphGrid = "GlyphPicker_glyphGrid__gr39tw7";
-var popoverContent = "GlyphPicker_popoverContent__gr39tw2";
-var scrollArea = "GlyphPicker_scrollArea__gr39tw5";
-var searchInput = "GlyphPicker_searchInput__gr39tw4";
-var searchRow = "GlyphPicker_searchRow__gr39tw3";
-var trigger = "GlyphPicker_trigger__gr39tw0";
-var triggerPlaceholder = "GlyphPicker_triggerPlaceholder__gr39tw1";
+var categoryHeading = "GlyphPicker_categoryHeading__gr39tw7";
+var clearBtn = "GlyphPicker_clearBtn__gr39twb";
+var emptyState = "GlyphPicker_emptyState__gr39twa";
+var glyphBtn = "GlyphPicker_glyphBtn__gr39tw9";
+var glyphGrid = "GlyphPicker_glyphGrid__gr39tw8";
+var popoverContent = "GlyphPicker_popoverContent__gr39tw3";
+var scrollArea = "GlyphPicker_scrollArea__gr39tw6";
+var searchInput = "GlyphPicker_searchInput__gr39tw5";
+var searchRow = "GlyphPicker_searchRow__gr39tw4";
+var trigger = "GlyphPicker_trigger__gr39tw1";
+var triggerPlaceholder = "GlyphPicker_triggerPlaceholder__gr39tw2";
+var triggerWrap = "GlyphPicker_triggerWrap__gr39tw0";
 var ALL_NAMES = Object.values(GlyphCategories).flat();
 var GlyphPicker = ({
   value: value2,
@@ -1475,28 +1476,28 @@ var GlyphPicker = ({
   const searchResults = isSearching ? searchGlyphs(q, ALL_NAMES) : null;
   return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange: disabled ? () => {
   } : setOpen, modal: false, children: [
-    /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: [trigger, className].filter(Boolean).join(" "),
-        disabled,
-        "aria-label": value2 ? `Selected glyph: ${glyphLabel(value2)}` : placeholder,
-        children: [
-          value2 ? /* @__PURE__ */ jsx(Glyph, { name: value2, size: 16 }) : /* @__PURE__ */ jsx("span", { className: triggerPlaceholder, children: placeholder }),
-          clearable && value2 && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: clearBtn,
-              onClick: handleClear,
-              "aria-label": "Clear glyph",
-              children: /* @__PURE__ */ jsx(Glyph, { name: "close", size: 12 })
-            }
-          )
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ jsxs("div", { className: [triggerWrap, className].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: trigger,
+          disabled,
+          "aria-label": value2 ? `Selected glyph: ${glyphLabel(value2)}` : placeholder,
+          children: value2 ? /* @__PURE__ */ jsx(Glyph, { name: value2, size: 16 }) : /* @__PURE__ */ jsx("span", { className: triggerPlaceholder, children: placeholder })
+        }
+      ) }),
+      clearable && value2 && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: clearBtn,
+          onClick: handleClear,
+          "aria-label": "Clear glyph",
+          children: /* @__PURE__ */ jsx(Glyph, { name: "close", size: 12 })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxs(
       PopoverPrimitive.Content,
       {