@umami/react-zen 0.208.0 → 0.210.0

package/dist/index.css

@@ -3470,24 +3470,6 @@ body a.Button_button__NGQyO {
   transform: translateY(-50%);
 }
 
-/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__NjQ2M {
-  display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-.Text_italic__MmI4Y {
-  font-style: italic;
-}
-.Text_underline__MzZmN {
-  text-decoration: underline;
-}
-.Text_strikethrough__ZTg3Y {
-  text-decoration: line-through;
-}
-
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
   display: flex;
@@ -3530,6 +3512,24 @@ body a.Button_button__NGQyO {
   transition: max-height 0.5s ease-out;
 }
 
+/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
+.Text_truncate__NjQ2M {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.Text_italic__MmI4Y {
+  font-style: italic;
+}
+.Text_underline__MzZmN {
+  text-decoration: underline;
+}
+.Text_strikethrough__ZTg3Y {
+  text-decoration: line-through;
+}
+
 /* virtual-css:css:94870e251b7b77526d8ae103079be601 */
 .Heading_heading__MGIyZ {
   color: var(--heading-color);
@@ -3786,7 +3786,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:8ac5a8adaf8e8de9ae56ee4600f2cfaa */
-.ComboBox_combobox__ZDYxZ {
+.ComboBox_combobox__Zjg5Z {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
@@ -3794,19 +3794,19 @@ body a.Button_button__NGQyO {
   padding: var(--padding);
   border-radius: var(--border-radius);
 }
-.ComboBox_input__YjNkN {
+.ComboBox_input__NDBmM {
   font-size: var(--font-size);
   border: none;
   outline: none;
 }
-.ComboBox_button__NTlhM {
+.ComboBox_button__NTI1M {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
 }
-.ComboBox_list__NTdiY {
+.ComboBox_list__NWZhZ {
   margin-top: var(--padding-y);
   margin-left: calc(-1 * var(--padding-x));
   padding: var(--spacing-2);
@@ -3816,6 +3816,9 @@ body a.Button_button__NGQyO {
   box-shadow: var(--box-shadow-3);
   width: 260px;
 }
+.ComboBox_icon__YTI0N {
+  cursor: pointer;
+}
 
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
 .Code_code__ZTc0M {

package/dist/index.js

@@ -28226,48 +28226,44 @@ var createLucideIcon = (iconName, iconNode) => {
 var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
 var Check = createLucideIcon("check", __iconNode);
 
-// node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode2);
-
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode3 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode3);
+var __iconNode2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode2);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/copy.js
-var __iconNode4 = [
+var __iconNode3 = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-var Copy = createLucideIcon("copy", __iconNode4);
+var Copy = createLucideIcon("copy", __iconNode3);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/info.js
-var __iconNode5 = [
+var __iconNode4 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-var Info = createLucideIcon("info", __iconNode5);
+var Info = createLucideIcon("info", __iconNode4);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/minus.js
-var __iconNode6 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-var Minus = createLucideIcon("minus", __iconNode6);
+var __iconNode5 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+var Minus = createLucideIcon("minus", __iconNode5);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/moon.js
-var __iconNode7 = [
+var __iconNode6 = [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ];
-var Moon = createLucideIcon("moon", __iconNode7);
+var Moon = createLucideIcon("moon", __iconNode6);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/search.js
-var __iconNode8 = [
+var __iconNode7 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-var Search = createLucideIcon("search", __iconNode8);
+var Search = createLucideIcon("search", __iconNode7);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/square-pen.js
-var __iconNode9 = [
+var __iconNode8 = [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -28277,10 +28273,10 @@ var __iconNode9 = [
     }
   ]
 ];
-var SquarePen = createLucideIcon("square-pen", __iconNode9);
+var SquarePen = createLucideIcon("square-pen", __iconNode8);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/sun.js
-var __iconNode10 = [
+var __iconNode9 = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -28291,10 +28287,10 @@ var __iconNode10 = [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ];
-var Sun = createLucideIcon("sun", __iconNode10);
+var Sun = createLucideIcon("sun", __iconNode9);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/triangle-alert.js
-var __iconNode11 = [
+var __iconNode10 = [
   [
     "path",
     {
@@ -28305,14 +28301,14 @@ var __iconNode11 = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-var TriangleAlert = createLucideIcon("triangle-alert", __iconNode11);
+var TriangleAlert = createLucideIcon("triangle-alert", __iconNode10);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode12 = [
+var __iconNode11 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode12);
+var X = createLucideIcon("x", __iconNode11);
 
 // src/components/Icon.tsx
 var import_classnames = __toESM(require_classnames());
@@ -32922,8 +32918,11 @@ function useBreakpoint() {
 }
 
 // src/components/Accordion.tsx
-var import_react186 = require("react");
 var import_classnames14 = __toESM(require_classnames());
+var import_react186 = require("react");
+
+// css-modules:E:\dev\umami-react-zen\src\components\Accordion.module.css
+var Accordion_default = { "accordion": "Accordion_accordion__ODg3O", "item": "Accordion_item__ZDU3Z", "button": "Accordion_button__MTRiY", "icon": "Accordion_icon__NDMwM", "panel": "Accordion_panel__OTQ4M", "expanded": "Accordion_expanded__ODY0N" };
 
 // src/components/Text.tsx
 var import_classnames13 = __toESM(require_classnames());
@@ -32981,9 +32980,6 @@ function Text({
   );
 }
 
-// css-modules:E:\dev\umami-react-zen\src\components\Accordion.module.css
-var Accordion_default = { "accordion": "Accordion_accordion__ODg3O", "item": "Accordion_item__ZDU3Z", "button": "Accordion_button__MTRiY", "icon": "Accordion_icon__NDMwM", "panel": "Accordion_panel__OTQ4M", "expanded": "Accordion_expanded__ODY0N" };
-
 // src/components/Accordion.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function Accordion({ className, children, ...props }) {
@@ -33009,7 +33005,7 @@ function AccordionItem({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button2, { slot: "trigger", className: Accordion_default.button, children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text, { children: trigger }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDown, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, { className: Accordion_default.icon, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRight, {}) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames14.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
       ]
@@ -33155,7 +33151,7 @@ function Breadcrumbs2({ children, className, ...props }) {
 function Breadcrumb2({ children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronDown, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChevronRight, {}) })
   ] });
 }
 
@@ -33199,9 +33195,9 @@ function Calendar2({
       onChange: handleChange,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { className: Calendar_default.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronDown, {}) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { rotate: 180, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronDown, {}) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRight, {}) }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
@@ -33241,9 +33237,47 @@ function Checkbox2({ label, className, children, ...props }) {
 // src/components/ComboBox.tsx
 var import_classnames23 = __toESM(require_classnames());
 
+// src/components/Grid.tsx
+var import_classnames21 = __toESM(require_classnames());
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Grid({
+  display = "grid",
+  justifyContent,
+  justifyItems,
+  alignContent,
+  alignItems,
+  gap,
+  gapX,
+  gapY,
+  autoFlow,
+  rows,
+  columns,
+  areas,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const [classes, styleProps] = useDesignProps({
+    display,
+    justifyContent,
+    justifyItems,
+    alignContent,
+    alignItems,
+    gap,
+    gapX,
+    gapY,
+    gridTemplateRows: rows,
+    gridTemplateColumns: columns,
+    gridTemplateAreas: areas,
+    gridAutoFlow: autoFlow
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Box, { ...props, className: (0, import_classnames21.default)(className, classes), style: { ...styleProps, ...style }, children });
+}
+
 // src/components/List.tsx
 var import_react187 = require("react");
-var import_classnames21 = __toESM(require_classnames());
+var import_classnames22 = __toESM(require_classnames());
 
 // src/lib/constants.ts
 var ACCENT_COLORS = [
@@ -33290,7 +33324,7 @@ function getHighlightColor(color) {
 var List_default = { "list": "List_list__Yzk2Y", "separator": "List_separator__ODZiZ", "section": "List_section__NTI0O", "header": "List_header__MjE1Y", "item": "List_item__MzU5Y", "checkmark": "List_checkmark__YzRiZ", "hideCheckmark": "List_hideCheckmark__NDlhN", "fullscreen": "List_fullscreen__NWMyY" };
 
 // src/components/List.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function List({
   id,
   items = [],
@@ -33318,9 +33352,9 @@ function List({
     }
   };
   const fieldId = useFieldId(id);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Label2, { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Label2, { htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       $eed445e0843c11d0$export$41f133550aa26f48,
       {
         id: fieldId,
@@ -33329,7 +33363,7 @@ function List({
         selectedKeys: value || selectedKeys,
         defaultSelectedKeys: value || defaultSelectedKeys,
         items,
-        className: (0, import_classnames21.default)(
+        className: (0, import_classnames22.default)(
           List_default.list,
           className,
           !showCheckmark && List_default.hideCheckmark,
@@ -33340,9 +33374,9 @@ function List({
         children: children || items?.map((item) => {
           const id2 = item[idProperty] || item.toString();
           const label2 = item[labelProperty] || item.toString();
-          return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react187.Fragment, { children: [
-            item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ListItem, { id: id2, className: List_default.item, children: label2 })
+          return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react187.Fragment, { children: [
+            item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ListItem, { id: id2, className: List_default.item, children: label2 })
           ] }, id2);
         })
       }
@@ -33356,70 +33390,32 @@ function ListItem({
   showCheckmark = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     $eed445e0843c11d0$export$a11e76429ed99b4,
     {
       ...props,
       id,
-      className: (0, import_classnames21.default)(List_default.item, className),
+      className: (0, import_classnames22.default)(List_default.item, className),
       textValue: typeof children === "string" ? children : id?.toString(),
       children: [
         children,
-        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, {}) })
+        showCheckmark && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Check, {}) })
       ]
     }
   );
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames21.default)(List_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames22.default)(List_default.separator, className) });
 }
 function ListSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames21.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames22.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
 
-// src/components/Grid.tsx
-var import_classnames22 = __toESM(require_classnames());
-var import_jsx_runtime31 = require("react/jsx-runtime");
-function Grid({
-  display = "grid",
-  justifyContent,
-  justifyItems,
-  alignContent,
-  alignItems,
-  gap,
-  gapX,
-  gapY,
-  autoFlow,
-  rows,
-  columns,
-  areas,
-  className,
-  style,
-  children,
-  ...props
-}) {
-  const [classes, styleProps] = useDesignProps({
-    display,
-    justifyContent,
-    justifyItems,
-    alignContent,
-    alignItems,
-    gap,
-    gapX,
-    gapY,
-    gridTemplateRows: rows,
-    gridTemplateColumns: columns,
-    gridTemplateAreas: areas,
-    gridAutoFlow: autoFlow
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Box, { ...props, className: (0, import_classnames22.default)(className, classes), style: { ...styleProps, ...style }, children });
-}
-
 // css-modules:E:\dev\umami-react-zen\src\components\ComboBox.module.css
-var ComboBox_default = { "combobox": "ComboBox_combobox__ZDYxZ", "input": "ComboBox_input__YjNkN", "button": "ComboBox_button__NTlhM", "list": "ComboBox_list__NTdiY" };
+var ComboBox_default = { "combobox": "ComboBox_combobox__Zjg5Z", "input": "ComboBox_input__NDBmM", "button": "ComboBox_button__NTI1M", "list": "ComboBox_list__NWZhZ", "icon": "ComboBox_icon__YTI0N" };
 
 // src/components/ComboBox.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -33441,7 +33437,7 @@ function ComboBox2({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Grid, { alignItems: "center", columns: "1fr auto", width: "100%", children: [
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { className: ComboBox_default.input }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronDown, {}) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { rotate: 90, className: ComboBox_default.icon, "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronRight, {}) }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: ComboBox_default.list, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(List, { items, renderEmptyState, ...listProps, children: children || items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ListItem, { textValue: item, children: item }, item)) }) }) })
       ]
@@ -34112,8 +34108,8 @@ function Modal2({
 }
 
 // src/components/Navbar.tsx
-var import_react197 = require("react");
 var import_classnames38 = __toESM(require_classnames());
+var import_react197 = require("react");
 
 // css-modules:E:\dev\umami-react-zen\src\components\Navbar.module.css
 var Navbar_default = { "nav": "Navbar_nav__ZjEwM", "item": "Navbar_item__MWVhZ", "icon": "Navbar_icon__ZmM1N" };
@@ -34138,7 +34134,7 @@ function NavbarItem({ label, children, className, ...props }) {
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronDown, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronRight, {}) })
       ] }),
       children
     ] });
@@ -34207,10 +34203,7 @@ function NavMenuGroup({
             onClick: handleClick,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { className: NavMenu_default.title, children: title }),
-              allowMinimize && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Icon2, { rotate: minimized ? -90 : 0, color: "muted", children: [
-                "3+ 6.",
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, {})
-              ] })
+              allowMinimize && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronRight, {}) })
             ]
           }
         ),
@@ -34474,8 +34467,8 @@ function SearchField2({
 }
 
 // src/components/Select.tsx
-var import_react201 = require("react");
 var import_classnames46 = __toESM(require_classnames());
+var import_react201 = require("react");
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
 var Select_default = { "select": "Select_select__M2I4N", "button": "Select_button__NTc5Y", "value": "Select_value__ZTYwN", "list": "Select_list__NTcwM", "search": "Select_search__MWNhN" };
@@ -34533,7 +34526,7 @@ function Select2({
             className: (0, import_classnames46.default)(Select_default.button, buttonProps?.className),
             children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: Select_default.value, children: [
               /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon2, { "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ChevronDown, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon2, { rotate: 90, "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ChevronRight, {}) })
             ] })
           }
         ),
@@ -34910,7 +34903,6 @@ lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/check.js:
-lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/info.js:

package/dist/index.mjs

@@ -28101,48 +28101,44 @@ var createLucideIcon = (iconName, iconNode) => {
 var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
 var Check = createLucideIcon("check", __iconNode);
 
-// node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __iconNode2);
-
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode3 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode3);
+var __iconNode2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode2);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/copy.js
-var __iconNode4 = [
+var __iconNode3 = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-var Copy = createLucideIcon("copy", __iconNode4);
+var Copy = createLucideIcon("copy", __iconNode3);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/info.js
-var __iconNode5 = [
+var __iconNode4 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-var Info = createLucideIcon("info", __iconNode5);
+var Info = createLucideIcon("info", __iconNode4);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/minus.js
-var __iconNode6 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-var Minus = createLucideIcon("minus", __iconNode6);
+var __iconNode5 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+var Minus = createLucideIcon("minus", __iconNode5);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/moon.js
-var __iconNode7 = [
+var __iconNode6 = [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ];
-var Moon = createLucideIcon("moon", __iconNode7);
+var Moon = createLucideIcon("moon", __iconNode6);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/search.js
-var __iconNode8 = [
+var __iconNode7 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-var Search = createLucideIcon("search", __iconNode8);
+var Search = createLucideIcon("search", __iconNode7);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/square-pen.js
-var __iconNode9 = [
+var __iconNode8 = [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -28152,10 +28148,10 @@ var __iconNode9 = [
     }
   ]
 ];
-var SquarePen = createLucideIcon("square-pen", __iconNode9);
+var SquarePen = createLucideIcon("square-pen", __iconNode8);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/sun.js
-var __iconNode10 = [
+var __iconNode9 = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -28166,10 +28162,10 @@ var __iconNode10 = [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ];
-var Sun = createLucideIcon("sun", __iconNode10);
+var Sun = createLucideIcon("sun", __iconNode9);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/triangle-alert.js
-var __iconNode11 = [
+var __iconNode10 = [
   [
     "path",
     {
@@ -28180,14 +28176,14 @@ var __iconNode11 = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-var TriangleAlert = createLucideIcon("triangle-alert", __iconNode11);
+var TriangleAlert = createLucideIcon("triangle-alert", __iconNode10);
 
 // node_modules/.pnpm/lucide-react@0.511.0_react@19.2.0/node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode12 = [
+var __iconNode11 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("x", __iconNode12);
+var X = createLucideIcon("x", __iconNode11);
 
 // src/components/Icon.tsx
 var import_classnames = __toESM(require_classnames());
@@ -32797,8 +32793,11 @@ function useBreakpoint() {
 }
 
 // src/components/Accordion.tsx
-import { useState as useState8 } from "react";
 var import_classnames14 = __toESM(require_classnames());
+import { useState as useState8 } from "react";
+
+// css-modules:E:\dev\umami-react-zen\src\components\Accordion.module.css
+var Accordion_default = { "accordion": "Accordion_accordion__ODg3O", "item": "Accordion_item__ZDU3Z", "button": "Accordion_button__MTRiY", "icon": "Accordion_icon__NDMwM", "panel": "Accordion_panel__OTQ4M", "expanded": "Accordion_expanded__ODY0N" };
 
 // src/components/Text.tsx
 var import_classnames13 = __toESM(require_classnames());
@@ -32856,9 +32855,6 @@ function Text({
   );
 }
 
-// css-modules:E:\dev\umami-react-zen\src\components\Accordion.module.css
-var Accordion_default = { "accordion": "Accordion_accordion__ODg3O", "item": "Accordion_item__ZDU3Z", "button": "Accordion_button__MTRiY", "icon": "Accordion_icon__NDMwM", "panel": "Accordion_panel__OTQ4M", "expanded": "Accordion_expanded__ODY0N" };
-
 // src/components/Accordion.tsx
 import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function Accordion({ className, children, ...props }) {
@@ -32884,7 +32880,7 @@ function AccordionItem({
       children: [
         /* @__PURE__ */ jsxs9(Button2, { slot: "trigger", className: Accordion_default.button, children: [
           /* @__PURE__ */ jsx21(Text, { children: trigger }),
-          /* @__PURE__ */ jsx21(Icon2, { className: Accordion_default.icon, size: "xs", children: /* @__PURE__ */ jsx21(ChevronDown, {}) })
+          /* @__PURE__ */ jsx21(Icon2, { className: Accordion_default.icon, size: "sm", children: /* @__PURE__ */ jsx21(ChevronRight, {}) })
         ] }),
         /* @__PURE__ */ jsx21($28f4fd908f0de97f$export$feabaa331e1d464c, { className: (0, import_classnames14.default)(Accordion_default.panel, expanded && Accordion_default.expanded), children: panel })
       ]
@@ -33030,7 +33026,7 @@ function Breadcrumbs2({ children, className, ...props }) {
 function Breadcrumb2({ children, className, ...props }) {
   return /* @__PURE__ */ jsxs12($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames18.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ jsx27(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx27(ChevronDown, {}) })
+    /* @__PURE__ */ jsx27(Icon2, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx27(ChevronRight, {}) })
   ] });
 }
 
@@ -33074,9 +33070,9 @@ function Calendar2({
       onChange: handleChange,
       children: [
         /* @__PURE__ */ jsxs13("header", { className: Calendar_default.header, children: [
-          /* @__PURE__ */ jsx28(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx28(Icon2, { rotate: 180, children: /* @__PURE__ */ jsx28(ChevronDown, {}) }) }),
+          /* @__PURE__ */ jsx28(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx28(Icon2, { rotate: 180, children: /* @__PURE__ */ jsx28(ChevronRight, {}) }) }),
           /* @__PURE__ */ jsx28($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-          /* @__PURE__ */ jsx28(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx28(Icon2, { children: /* @__PURE__ */ jsx28(ChevronDown, {}) }) })
+          /* @__PURE__ */ jsx28(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx28(Icon2, { children: /* @__PURE__ */ jsx28(ChevronRight, {}) }) })
         ] }),
         /* @__PURE__ */ jsxs13($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
           /* @__PURE__ */ jsx28($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx28($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
@@ -33116,9 +33112,47 @@ function Checkbox2({ label, className, children, ...props }) {
 // src/components/ComboBox.tsx
 var import_classnames23 = __toESM(require_classnames());
 
+// src/components/Grid.tsx
+var import_classnames21 = __toESM(require_classnames());
+import { jsx as jsx30 } from "react/jsx-runtime";
+function Grid({
+  display = "grid",
+  justifyContent,
+  justifyItems,
+  alignContent,
+  alignItems,
+  gap,
+  gapX,
+  gapY,
+  autoFlow,
+  rows,
+  columns,
+  areas,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const [classes, styleProps] = useDesignProps({
+    display,
+    justifyContent,
+    justifyItems,
+    alignContent,
+    alignItems,
+    gap,
+    gapX,
+    gapY,
+    gridTemplateRows: rows,
+    gridTemplateColumns: columns,
+    gridTemplateAreas: areas,
+    gridAutoFlow: autoFlow
+  });
+  return /* @__PURE__ */ jsx30(Box, { ...props, className: (0, import_classnames21.default)(className, classes), style: { ...styleProps, ...style }, children });
+}
+
 // src/components/List.tsx
 import { Fragment as Fragment3 } from "react";
-var import_classnames21 = __toESM(require_classnames());
+var import_classnames22 = __toESM(require_classnames());
 
 // src/lib/constants.ts
 var ACCENT_COLORS = [
@@ -33165,7 +33199,7 @@ function getHighlightColor(color) {
 var List_default = { "list": "List_list__Yzk2Y", "separator": "List_separator__ODZiZ", "section": "List_section__NTI0O", "header": "List_header__MjE1Y", "item": "List_item__MzU5Y", "checkmark": "List_checkmark__YzRiZ", "hideCheckmark": "List_hideCheckmark__NDlhN", "fullscreen": "List_fullscreen__NWMyY" };
 
 // src/components/List.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs15 } from "react/jsx-runtime";
 function List({
   id,
   items = [],
@@ -33194,8 +33228,8 @@ function List({
   };
   const fieldId = useFieldId(id);
   return /* @__PURE__ */ jsxs15(Fragment4, { children: [
-    label && /* @__PURE__ */ jsx30(Label2, { htmlFor: fieldId, children: label }),
-    /* @__PURE__ */ jsx30(
+    label && /* @__PURE__ */ jsx31(Label2, { htmlFor: fieldId, children: label }),
+    /* @__PURE__ */ jsx31(
       $eed445e0843c11d0$export$41f133550aa26f48,
       {
         id: fieldId,
@@ -33204,7 +33238,7 @@ function List({
         selectedKeys: value || selectedKeys,
         defaultSelectedKeys: value || defaultSelectedKeys,
         items,
-        className: (0, import_classnames21.default)(
+        className: (0, import_classnames22.default)(
           List_default.list,
           className,
           !showCheckmark && List_default.hideCheckmark,
@@ -33216,8 +33250,8 @@ function List({
           const id2 = item[idProperty] || item.toString();
           const label2 = item[labelProperty] || item.toString();
           return /* @__PURE__ */ jsxs15(Fragment3, { children: [
-            item[separatorProperty] && /* @__PURE__ */ jsx30($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
-            /* @__PURE__ */ jsx30(ListItem, { id: id2, className: List_default.item, children: label2 })
+            item[separatorProperty] && /* @__PURE__ */ jsx31($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+            /* @__PURE__ */ jsx31(ListItem, { id: id2, className: List_default.item, children: label2 })
           ] }, id2);
         })
       }
@@ -33236,65 +33270,27 @@ function ListItem({
     {
       ...props,
       id,
-      className: (0, import_classnames21.default)(List_default.item, className),
+      className: (0, import_classnames22.default)(List_default.item, className),
       textValue: typeof children === "string" ? children : id?.toString(),
       children: [
         children,
-        showCheckmark && /* @__PURE__ */ jsx30(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ jsx30(Check, {}) })
+        showCheckmark && /* @__PURE__ */ jsx31(Icon2, { "aria-hidden": "true", className: List_default.checkmark, children: /* @__PURE__ */ jsx31(Check, {}) })
       ]
     }
   );
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx30($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames21.default)(List_default.separator, className) });
+  return /* @__PURE__ */ jsx31($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames22.default)(List_default.separator, className) });
 }
 function ListSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs15($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames21.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ jsx30($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ jsxs15($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames22.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ jsx31($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
 
-// src/components/Grid.tsx
-var import_classnames22 = __toESM(require_classnames());
-import { jsx as jsx31 } from "react/jsx-runtime";
-function Grid({
-  display = "grid",
-  justifyContent,
-  justifyItems,
-  alignContent,
-  alignItems,
-  gap,
-  gapX,
-  gapY,
-  autoFlow,
-  rows,
-  columns,
-  areas,
-  className,
-  style,
-  children,
-  ...props
-}) {
-  const [classes, styleProps] = useDesignProps({
-    display,
-    justifyContent,
-    justifyItems,
-    alignContent,
-    alignItems,
-    gap,
-    gapX,
-    gapY,
-    gridTemplateRows: rows,
-    gridTemplateColumns: columns,
-    gridTemplateAreas: areas,
-    gridAutoFlow: autoFlow
-  });
-  return /* @__PURE__ */ jsx31(Box, { ...props, className: (0, import_classnames22.default)(className, classes), style: { ...styleProps, ...style }, children });
-}
-
 // css-modules:E:\dev\umami-react-zen\src\components\ComboBox.module.css
-var ComboBox_default = { "combobox": "ComboBox_combobox__ZDYxZ", "input": "ComboBox_input__YjNkN", "button": "ComboBox_button__NTlhM", "list": "ComboBox_list__NTdiY" };
+var ComboBox_default = { "combobox": "ComboBox_combobox__Zjg5Z", "input": "ComboBox_input__NDBmM", "button": "ComboBox_button__NTI1M", "list": "ComboBox_list__NWZhZ", "icon": "ComboBox_icon__YTI0N" };
 
 // src/components/ComboBox.tsx
 import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -33316,7 +33312,7 @@ function ComboBox2({
       children: [
         /* @__PURE__ */ jsxs16(Grid, { alignItems: "center", columns: "1fr auto", width: "100%", children: [
           /* @__PURE__ */ jsx32($3985021b0ad6602f$export$f5b8910cec6cf069, { className: ComboBox_default.input }),
-          /* @__PURE__ */ jsx32($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ jsx32(Icon2, { "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ jsx32(ChevronDown, {}) }) })
+          /* @__PURE__ */ jsx32($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: ComboBox_default.button, children: /* @__PURE__ */ jsx32(Icon2, { rotate: 90, className: ComboBox_default.icon, "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ jsx32(ChevronRight, {}) }) })
         ] }),
         /* @__PURE__ */ jsx32($07b14b47974efb58$export$5b6b19405a83ff9d, { ...popoverProps, children: /* @__PURE__ */ jsx32("div", { className: ComboBox_default.list, children: /* @__PURE__ */ jsx32(List, { items, renderEmptyState, ...listProps, children: children || items?.map((item) => /* @__PURE__ */ jsx32(ListItem, { textValue: item, children: item }, item)) }) }) })
       ]
@@ -34017,7 +34013,7 @@ function NavbarItem({ label, children, className, ...props }) {
     return /* @__PURE__ */ jsxs28(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
       /* @__PURE__ */ jsxs28("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
         /* @__PURE__ */ jsx51(Text, { children: label }),
-        /* @__PURE__ */ jsx51(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ jsx51(ChevronDown, {}) })
+        /* @__PURE__ */ jsx51(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ jsx51(ChevronRight, {}) })
       ] }),
       children
     ] });
@@ -34086,10 +34082,7 @@ function NavMenuGroup({
             onClick: handleClick,
             children: [
               /* @__PURE__ */ jsx52(Text, { className: NavMenu_default.title, children: title }),
-              allowMinimize && /* @__PURE__ */ jsxs29(Icon2, { rotate: minimized ? -90 : 0, color: "muted", children: [
-                "3+ 6.",
-                /* @__PURE__ */ jsx52(ChevronDown, {})
-              ] })
+              allowMinimize && /* @__PURE__ */ jsx52(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsx52(ChevronRight, {}) })
             ]
           }
         ),
@@ -34353,8 +34346,8 @@ function SearchField2({
 }
 
 // src/components/Select.tsx
-import { useState as useState19 } from "react";
 var import_classnames46 = __toESM(require_classnames());
+import { useState as useState19 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
 var Select_default = { "select": "Select_select__M2I4N", "button": "Select_button__NTc5Y", "value": "Select_value__ZTYwN", "list": "Select_list__NTcwM", "search": "Select_search__MWNhN" };
@@ -34412,7 +34405,7 @@ function Select2({
             className: (0, import_classnames46.default)(Select_default.button, buttonProps?.className),
             children: /* @__PURE__ */ jsxs38("div", { className: Select_default.value, children: [
               /* @__PURE__ */ jsx63($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-              /* @__PURE__ */ jsx63(Icon2, { "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ jsx63(ChevronDown, {}) })
+              /* @__PURE__ */ jsx63(Icon2, { rotate: 90, "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ jsx63(ChevronRight, {}) })
             ] })
           }
         ),
@@ -34904,7 +34897,6 @@ lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/check.js:
-lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/info.js:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.208.0",
+  "version": "0.210.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -3788,24 +3788,6 @@ body a.Button_button__NGQyO {
   transform: translateY(-50%);
 }
 
-/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__NjQ2M {
-  display: inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-.Text_italic__MmI4Y {
-  font-style: italic;
-}
-.Text_underline__MzZmN {
-  text-decoration: underline;
-}
-.Text_strikethrough__ZTg3Y {
-  text-decoration: line-through;
-}
-
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
   display: flex;
@@ -3848,6 +3830,24 @@ body a.Button_button__NGQyO {
   transition: max-height 0.5s ease-out;
 }
 
+/* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
+.Text_truncate__NjQ2M {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+}
+.Text_italic__MmI4Y {
+  font-style: italic;
+}
+.Text_underline__MzZmN {
+  text-decoration: underline;
+}
+.Text_strikethrough__ZTg3Y {
+  text-decoration: line-through;
+}
+
 /* virtual-css:css:94870e251b7b77526d8ae103079be601 */
 .Heading_heading__MGIyZ {
   color: var(--heading-color);
@@ -4104,7 +4104,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:8ac5a8adaf8e8de9ae56ee4600f2cfaa */
-.ComboBox_combobox__ZDYxZ {
+.ComboBox_combobox__Zjg5Z {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
@@ -4112,19 +4112,19 @@ body a.Button_button__NGQyO {
   padding: var(--padding);
   border-radius: var(--border-radius);
 }
-.ComboBox_input__YjNkN {
+.ComboBox_input__NDBmM {
   font-size: var(--font-size);
   border: none;
   outline: none;
 }
-.ComboBox_button__NTlhM {
+.ComboBox_button__NTI1M {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
 }
-.ComboBox_list__NTdiY {
+.ComboBox_list__NWZhZ {
   margin-top: var(--padding-y);
   margin-left: calc(-1 * var(--padding-x));
   padding: var(--spacing-2);
@@ -4134,6 +4134,9 @@ body a.Button_button__NGQyO {
   box-shadow: var(--box-shadow-3);
   width: 260px;
 }
+.ComboBox_icon__YTI0N {
+  cursor: pointer;
+}
 
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
 .Code_code__ZTc0M {