@umami/react-zen 0.209.0 → 0.211.0

package/README.md

@@ -4,7 +4,6 @@
 
 - Beautifully-designed components
 - Built on top of [React Aria](https://react-spectrum.adobe.com/react-aria/) primitives.
-- No Tailwind, pure CSS.
 
 [Learn more](https://zen.umami.is/)
 

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__YzI1M {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
@@ -3794,19 +3794,20 @@ body a.Button_button__NGQyO {
   padding: var(--padding);
   border-radius: var(--border-radius);
 }
-.ComboBox_input__YjNkN {
+.ComboBox_input__MzZjN {
   font-size: var(--font-size);
   border: none;
   outline: none;
+  background-color: inherit;
 }
-.ComboBox_button__NTlhM {
+.ComboBox_button__MTcyY {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
 }
-.ComboBox_list__NTdiY {
+.ComboBox_list__ZTQwM {
   margin-top: var(--padding-y);
   margin-left: calc(-1 * var(--padding-x));
   padding: var(--spacing-2);
@@ -3816,6 +3817,9 @@ body a.Button_button__NGQyO {
   box-shadow: var(--box-shadow-3);
   width: 260px;
 }
+.ComboBox_icon__NDQyM {
+  cursor: pointer;
+}
 
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
 .Code_code__ZTc0M {
@@ -4710,29 +4714,31 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
-.Select_select__M2I4N {
+.Select_select__NGY0O {
   width: 100%;
 }
-.Select_button__NTc5Y {
+.Select_button__NmEzN {
   width: 100%;
   min-height: 40px;
 }
-.Select_value__ZTYwN {
+.Select_value__MTA5M {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   gap: var(--gap);
 }
-.Select_list__NTcwM {
+.Select_list__ZDYyZ {
   padding: var(--spacing-2);
   background-color: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
   box-shadow: var(--box-shadow-3);
   width: 260px;
+  max-height: 42vh;
+  overflow-y: auto;
 }
-.Select_search__MWNhN {
+.Select_search__MWFkM {
   margin-bottom: var(--spacing-2);
 }
 

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: 90, 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, { rotate: -90, 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 }) }),
@@ -33419,7 +33415,7 @@ function ListSection({ title, className, children, ...props }) {
 }
 
 // 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__YzI1M", "input": "ComboBox_input__MzZjN", "button": "ComboBox_button__MTcyY", "list": "ComboBox_list__ZTQwM", "icon": "ComboBox_icon__NDQyM" };
 
 // 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,11 +34467,11 @@ 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" };
+var Select_default = { "select": "Select_select__NGY0O", "button": "Select_button__NmEzN", "value": "Select_value__MTA5M", "list": "Select_list__ZDYyZ", "search": "Select_search__MWFkM" };
 
 // src/components/Select.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -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: 90, 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, { rotate: -90, 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 }) }),
@@ -33294,7 +33290,7 @@ function ListSection({ title, className, children, ...props }) {
 }
 
 // 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__YzI1M", "input": "ComboBox_input__MzZjN", "button": "ComboBox_button__MTcyY", "list": "ComboBox_list__ZTQwM", "icon": "ComboBox_icon__NDQyM" };
 
 // 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,11 +34346,11 @@ 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" };
+var Select_default = { "select": "Select_select__NGY0O", "button": "Select_button__NmEzN", "value": "Select_value__MTA5M", "list": "Select_list__ZDYyZ", "search": "Select_search__MWFkM" };
 
 // src/components/Select.tsx
 import { jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -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.209.0",
+  "version": "0.211.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -33,7 +33,7 @@
   },
   "lint-staged": {
     "**/*.{js,jsx,ts,tsx,json,css}": [
-      "biome check --apply"
+      "biome check --write --no-errors-on-unmatched --files-ignore-unknown=true"
     ]
   },
   "dependencies": {
@@ -42,49 +42,49 @@
     "@react-aria/focus": "^3.21.2",
     "@react-spring/web": "^9.7.5",
     "classnames": "^2.5.1",
-    "glob": "^10.3.10",
+    "glob": "^13.0.0",
     "highlight.js": "^11.11.1",
-    "lucide-react": "^0.511.0",
-    "next": "^15.5.6",
+    "lucide-react": "^0.555.0",
+    "next": "^16.0.5",
     "react": "^19.2.0",
     "react-aria-components": "^1.13.0",
     "react-dom": "^19.2.0",
-    "react-hook-form": "^7.65.0",
+    "react-hook-form": "^7.66.1",
     "react-icons": "^5.4.0",
     "thenby": "^1.3.4",
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.5",
+    "@biomejs/biome": "^2.3.7",
     "@hyrious/esbuild-plugin-commonjs": "^0.2.6",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@svgr/cli": "^8.1.0",
     "@types/mdx": "^2.0.11",
-    "@types/node": "^22.18.11",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/node": "^22.19.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@umami/esbuild-plugin-css-modules": "0.4.0",
     "@umami/shiso": "^0.55.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "dts-bundle": "^0.7.3",
-    "esbuild": "^0.25.11",
+    "esbuild": "^0.27.0",
     "esbuild-css-modules-plugin": "^3.1.5",
     "esbuild-plugin-svgr": "^3.1.1",
     "esbuild-postcss": "^0.0.4",
     "husky": "^9.1.1",
-    "lint-staged": "^15.5.2",
+    "lint-staged": "^16.2.7",
     "npm-run-all": "^4.1.5",
-    "rollup": "^4.52.4",
+    "rollup": "^4.53.3",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-esbuild": "^6.1.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "stylelint": "^16.25.0",
+    "stylelint": "^16.26.0",
     "stylelint-config-recommended": "^15.0.0",
-    "tsup": "^8.5.0",
+    "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },
   "pnpm": {

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__YzI1M {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
@@ -4112,19 +4112,20 @@ body a.Button_button__NGQyO {
   padding: var(--padding);
   border-radius: var(--border-radius);
 }
-.ComboBox_input__YjNkN {
+.ComboBox_input__MzZjN {
   font-size: var(--font-size);
   border: none;
   outline: none;
+  background-color: inherit;
 }
-.ComboBox_button__NTlhM {
+.ComboBox_button__MTcyY {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
 }
-.ComboBox_list__NTdiY {
+.ComboBox_list__ZTQwM {
   margin-top: var(--padding-y);
   margin-left: calc(-1 * var(--padding-x));
   padding: var(--spacing-2);
@@ -4134,6 +4135,9 @@ body a.Button_button__NGQyO {
   box-shadow: var(--box-shadow-3);
   width: 260px;
 }
+.ComboBox_icon__NDQyM {
+  cursor: pointer;
+}
 
 /* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
 .Code_code__ZTc0M {
@@ -5028,29 +5032,31 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:851dd5366a20c382ffec60997ee93e35 */
-.Select_select__M2I4N {
+.Select_select__NGY0O {
   width: 100%;
 }
-.Select_button__NTc5Y {
+.Select_button__NmEzN {
   width: 100%;
   min-height: 40px;
 }
-.Select_value__ZTYwN {
+.Select_value__MTA5M {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   gap: var(--gap);
 }
-.Select_list__NTcwM {
+.Select_list__ZDYyZ {
   padding: var(--spacing-2);
   background-color: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
   box-shadow: var(--box-shadow-3);
   width: 260px;
+  max-height: 42vh;
+  overflow-y: auto;
 }
-.Select_search__MWNhN {
+.Select_search__MWFkM {
   margin-bottom: var(--spacing-2);
 }