@umami/react-zen 0.87.0 → 0.89.0

package/dist/index.css

@@ -2766,30 +2766,31 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
-.Dialog_dialog__ZmY2N {
+.Dialog_dialog__YzZhN {
   position: relative;
   outline: none;
+  overflow: auto;
 }
-.Dialog_title__Yzg1Y {
+.Dialog_title__NjZlN {
   font-size: var(--font-size-4);
   font-weight: 700;
   margin-bottom: var(--spacing-3);
 }
-.Dialog_modal__OWRhY {
+.Dialog_modal__YjEzN {
   padding: var(--spacing-6);
   box-shadow: var(--box-shadow-4);
   background: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
 }
-.Dialog_menu__YmJjN {
+.Dialog_menu__ZmFhN {
   padding: var(--spacing-2);
   box-shadow: var(--box-shadow-3);
   background: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
 }
-.Dialog_sheet__Mjk2Y {
+.Dialog_sheet__NzkxM {
   background: var(--background-color);
   width: 100%;
   height: 100%;

package/dist/index.d.ts

@@ -764,7 +764,8 @@ declare module '@umami/react-zen/SearchField' {
 }
 
 declare module '@umami/react-zen/Select' {
-    import { PopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components';
+    import { ReactNode } from 'react';
+    import { PopoverProps, SelectProps as AriaSelectProps, SelectValueRenderProps } from 'react-aria-components';
     import { ListProps } from '@umami/react-zen/List';
     interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
         items?: any[];
@@ -777,6 +778,9 @@ declare module '@umami/react-zen/Select' {
         onChange?: (e: any) => void;
         listProps?: ListProps;
         popoverProps?: PopoverProps;
+        renderValue?: ReactNode | ((values: SelectValueRenderProps<object> & {
+            defaultChildren: ReactNode;
+        }) => ReactNode);
     }
     const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<any>>;
     export { Select };

package/dist/index.js

@@ -29895,7 +29895,7 @@ var import_classnames14 = __toESM(require_classnames());
 var import_classnames13 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Dialog.module.css
-var Dialog_default = { "dialog": "Dialog_dialog__ZmY2N", "title": "Dialog_title__Yzg1Y", "modal": "Dialog_modal__OWRhY", "menu": "Dialog_menu__YmJjN", "sheet": "Dialog_sheet__Mjk2Y" };
+var Dialog_default = { "dialog": "Dialog_dialog__YzZhN", "title": "Dialog_title__NjZlN", "modal": "Dialog_modal__YjEzN", "menu": "Dialog_menu__ZmFhN", "sheet": "Dialog_sheet__NzkxM" };
 
 // src/components/Dialog.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
@@ -31026,6 +31026,7 @@ var Select2 = (0, import_react189.forwardRef)(
     onChange,
     listProps,
     popoverProps,
+    renderValue,
     className,
     children,
     ...props
@@ -31045,7 +31046,7 @@ var Select2 = (0, import_react189.forwardRef)(
         children: [
           label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames43.default)(input_default.input, className), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($82d7e5349645de74$export$e288731fd71264f0, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.Chevron, {}) }) })
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Column, { className: Select_default.popover, children: [

package/dist/index.mjs

@@ -29784,7 +29784,7 @@ var import_classnames14 = __toESM(require_classnames());
 var import_classnames13 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Dialog.module.css
-var Dialog_default = { "dialog": "Dialog_dialog__ZmY2N", "title": "Dialog_title__Yzg1Y", "modal": "Dialog_modal__OWRhY", "menu": "Dialog_menu__YmJjN", "sheet": "Dialog_sheet__Mjk2Y" };
+var Dialog_default = { "dialog": "Dialog_dialog__YzZhN", "title": "Dialog_title__NjZlN", "modal": "Dialog_modal__YjEzN", "menu": "Dialog_menu__ZmFhN", "sheet": "Dialog_sheet__NzkxM" };
 
 // src/components/Dialog.tsx
 import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -30919,6 +30919,7 @@ var Select2 = forwardRef9(
     onChange,
     listProps,
     popoverProps,
+    renderValue,
     className,
     children,
     ...props
@@ -30938,7 +30939,7 @@ var Select2 = forwardRef9(
         children: [
           label && /* @__PURE__ */ jsx53(Label2, { children: label }),
           /* @__PURE__ */ jsx53($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames43.default)(input_default.input, className), children: /* @__PURE__ */ jsxs30(Row, { justifyContent: "space-between", gap: "3", children: [
-            /* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, {}),
+            /* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
             /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx53(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ jsx53(Icons.Chevron, {}) }) })
           ] }) }),
           /* @__PURE__ */ jsx53(Popover2, { ...popoverProps, children: /* @__PURE__ */ jsxs30(Column, { className: Select_default.popover, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.87.0",
+  "version": "0.89.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -74,7 +74,7 @@
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.1",
     "@umami/esbuild-plugin-css-modules": "0.4.0",
-    "@umami/shiso": "^0.50.0",
+    "@umami/shiso": "^0.51.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-syntax-hermes-parser": "^0.26.0",
     "dts-bundle": "^0.7.3",

package/styles.css

@@ -30,12 +30,12 @@
   --letter-spacing-4: 0.025em;
   --letter-spacing-5: 0.05em;
 
-  --heading-size-1: 60px;
-  --heading-size-2: 36px;
-  --heading-size-3: 28px;
-  --heading-size-4: 24px;
-  --heading-size-5: 16px;
-  --heading-size-6: 14px;
+  --heading-size-1: 16px;
+  --heading-size-2: 20px;
+  --heading-size-3: 24px;
+  --heading-size-4: 32px;
+  --heading-size-5: 42px;
+  --heading-size-6: 60px;
 
   /* Spacing */
 
@@ -3086,30 +3086,31 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
-.Dialog_dialog__ZmY2N {
+.Dialog_dialog__YzZhN {
   position: relative;
   outline: none;
+  overflow: auto;
 }
-.Dialog_title__Yzg1Y {
+.Dialog_title__NjZlN {
   font-size: var(--font-size-4);
   font-weight: 700;
   margin-bottom: var(--spacing-3);
 }
-.Dialog_modal__OWRhY {
+.Dialog_modal__YjEzN {
   padding: var(--spacing-6);
   box-shadow: var(--box-shadow-4);
   background: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
 }
-.Dialog_menu__YmJjN {
+.Dialog_menu__ZmFhN {
   padding: var(--spacing-2);
   box-shadow: var(--box-shadow-3);
   background: var(--background-color);
   border: var(--border);
   border-radius: var(--border-radius);
 }
-.Dialog_sheet__Mjk2Y {
+.Dialog_sheet__NzkxM {
   background: var(--background-color);
   width: 100%;
   height: 100%;