@umami/react-zen 0.96.0 → 0.98.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.96.0",
+  "version": "0.98.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -47,20 +47,20 @@
   "dependencies": {
     "@fontsource/jetbrains-mono": "^5.2.5",
     "@internationalized/date": "^3.8.0",
-    "@react-aria/focus": "^3.20.1",
+    "@react-aria/focus": "^3.20.2",
     "@react-spring/web": "^9.7.5",
     "classnames": "^2.5.1",
     "glob": "^10.3.10",
     "highlight.js": "^11.11.1",
     "lucide-react": "^0.479.0",
-    "next": "^15.2.4",
+    "next": "^15.3.2",
     "react": "^19.1.0",
-    "react-aria-components": "^1.7.1",
+    "react-aria-components": "^1.8.0",
     "react-dom": "^19.1.0",
-    "react-hook-form": "^7.55.0",
+    "react-hook-form": "^7.56.4",
     "react-icons": "^5.4.0",
     "thenby": "^1.3.4",
-    "zustand": "^5.0.3"
+    "zustand": "^5.0.4"
   },
   "devDependencies": {
     "@hyrious/esbuild-plugin-commonjs": "^0.2.4",
@@ -70,24 +70,24 @@
     "@svgr/rollup": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
     "@types/mdx": "^2.0.11",
-    "@types/node": "^22.14.0",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.1",
+    "@types/node": "^22.15.18",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
     "@umami/esbuild-plugin-css-modules": "0.4.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",
-    "esbuild": "^0.25.2",
+    "esbuild": "^0.25.4",
     "esbuild-css-modules-plugin": "^3.1.2",
-    "esbuild-plugin-svgr": "^3.1.0",
+    "esbuild-plugin-svgr": "^3.1.1",
     "esbuild-postcss": "^0.0.4",
     "eslint": "^8.16.0",
     "eslint-config-next": "15.2.2",
-    "eslint-config-prettier": "^10.1.1",
+    "eslint-config-prettier": "^10.1.5",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-prettier": "^5.4.0",
     "husky": "^9.1.1",
     "lint-staged": "^15.5.0",
     "npm-run-all": "^4.1.5",

package/styles.css

@@ -4030,59 +4030,67 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
-.Table_table__MjczZ {
+.Table_table__YjllN {
   font-size: var(--font-size);
   color: var(--font-color);
   border-collapse: collapse;
   width: 100%;
   position: relative;
 }
-.Table_table__MjczZ th,
-.Table_table__MjczZ td {
+.Table_table__YjllN th,
+.Table_table__YjllN td {
   min-width: 0;
 }
-.Table_header__YjU3M,
-.Table_body__MzgxM {
+.Table_header__NmE0Y,
+.Table_body__ZWYwN {
   display: contents;
 }
-.Table_header__YjU3M {
+.Table_header__NmE0Y {
   display: grid;
   border-bottom: 1px solid var(--border-color);
 }
-.Table_header__YjU3M tr {
+.Table_header__NmE0Y tr {
   display: contents;
 }
-.Table_row__MTdmZ {
+.Table_row__Y2M0Y {
   display: grid;
   border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
 }
-.Table_header__YjU3M .Table_column__ZDFlM:first-child,
-.Table_row__MTdmZ .Table_cell__NzhiM:first-child {
+.Table_header__NmE0Y .Table_column__ZGY2M:first-child,
+.Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
   padding-left: 0;
 }
-.Table_header__YjU3M .Table_column__ZDFlM:last-child,
-.Table_row__MTdmZ .Table_cell__NzhiM:last-child {
+.Table_header__NmE0Y .Table_column__ZGY2M:last-child,
+.Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
   padding-right: 0;
 }
-.Table_column__ZDFlM {
+.Table_column__ZGY2M {
   display: flex;
   padding: var(--padding);
   text-align: left;
   font-weight: 700;
   flex: 1;
 }
-.Table_cell__NzhiM {
+.Table_cell__MmZjM {
   display: flex;
   padding: var(--padding);
   flex: 1;
 }
-.Table_start__ODJiN {
+.Table_row__Y2M0Y .Table_cell__MmZjM a {
+  font-weight: 500;
+  text-decoration: underline var(--base-color-6);
+  text-underline-offset: 4px;
+}
+.Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
+  text-decoration: underline var(--base-color-10);
+}
+.Table_start__NGFiN {
   justify-content: flex-start;
 }
-.Table_center__MTI5M {
+.Table_center__NzFjM {
   justify-content: center;
 }
-.Table_end__MjE3N {
+.Table_end__NmQyY {
   justify-content: flex-end;
 }
 
@@ -4263,23 +4271,25 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__M2YzO {
+.List_list__NzVmN {
+  display: grid;
   min-width: 100px;
   outline: none;
   overflow: auto;
+  gap: var(--spacing-1);
 }
-.List_separator__NzBlZ {
+.List_separator__M2U0O {
   border-bottom: var(--border);
 }
-.List_section__MWM1Y:not(:last-child) {
+.List_section__Y2Q0Z:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__ZmQyN {
+.List_header__M2ZhY {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__M2IxN {
+.List_item__YmFjO {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -4292,25 +4302,43 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__M2IxN[data-disabled] {
+.List_item__YmFjO[data-disabled] {
   color: var(--font-color-disabled);
 }
-.List_item__M2IxN[data-focus],
-.List_item__M2IxN[data-focus-visible] {
+.List_item__YmFjO[data-focus],
+.List_item__YmFjO[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__M2IxN:hover {
+.List_item__YmFjO:hover {
   background: var(--highlight-color);
 }
-.List_item__M2IxN[data-selected] {
+.List_item__YmFjO[data-selected] {
   font-weight: bold;
+  & .List_check__NjUwZ {
+    display: flex;
+    justify-content: flex-end;
+    flex: 1;
+  }
 }
-.List_item__M2IxN[data-selected] .List_check__OWQxN {
-  display: flex;
-  justify-content: flex-end;
-  flex: 1;
+.List_variant-1__MGY0O {
+  & .List_item__YmFjO:hover,
+  .List_item__YmFjO[data-selected] {
+    background: var(--base-color-2);
+  }
+}
+.List_variant-2__NTJlM {
+  & .List_item__YmFjO:hover,
+  .List_item__YmFjO[data-selected] {
+    background: var(--base-color-3);
+  }
+}
+.List_variant-3__NTEyY {
+  & .List_item__YmFjO:hover,
+  .List_item__YmFjO[data-selected] {
+    background: var(--base-color-4);
+  }
 }
-.List_check__OWQxN {
+.List_check__NjUwZ {
   display: none;
 }
 
@@ -4535,15 +4563,15 @@ body a.Button_button__NDYwM {
   }
 }
 
-/* virtual-css:css:bb343d54051132b757b1faf696c283f2 */
-.NavBar_nav__NDgxZ {
+/* virtual-css:css:4a4829d96e3dd3519c018c8edddc2d35 */
+.Navbar_nav__ZjEwM {
   display: flex;
   align-items: center;
   font-size: var(--font-size);
   color: var(--font-color);
   gap: var(--gap-lg);
 }
-.NavBar_item__OGRlN {
+.Navbar_item__MWVhZ {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -4552,15 +4580,15 @@ body a.Button_button__NDYwM {
   font-weight: 700;
   cursor: default;
 }
-.NavBar_item__OGRlN:hover {
+.Navbar_item__MWVhZ:hover {
   background: var(--highlight-color);
 }
-.NavBar_nav__NDgxZ .NavBar_item__OGRlN > a,
-.NavBar_nav__NDgxZ .NavBar_item__OGRlN > a:hover {
+.Navbar_nav__ZjEwM .Navbar_item__MWVhZ > a,
+.Navbar_nav__ZjEwM .Navbar_item__MWVhZ > a:hover {
   color: var(--font-color);
   text-decoration: none;
 }
-.NavBar_icon__NWFiY {
+.Navbar_icon__ZmM1N {
   color: var(--font-color-muted);
 }
 
@@ -4730,8 +4758,8 @@ body a.Button_button__NDYwM {
   background: none;
 }
 
-/* virtual-css:css:12d12fae43d9120371ddbb4f1c814f07 */
-.SideNav_sidenav__M2NlY {
+/* virtual-css:css:844962527a8f0e375161b58db0fc39ed */
+.Sidebar_sidenav__ODc2Z {
   height: 100%;
   font-size: var(--font-size);
   border-right: 1px solid var(--border-color);
@@ -4739,29 +4767,29 @@ body a.Button_button__NDYwM {
   overflow: hidden;
   transition: width 0.1s ease-out;
 }
-.SideNav_header__NGU1Y {
+.Sidebar_header__YWI3N {
   display: flex;
   align-items: center;
   gap: var(--gap);
   padding: var(--padding);
 }
-.SideNav_name__OTM0N {
+.Sidebar_name__NThjO {
   font-weight: var(--font-weight-bold);
 }
-.SideNav_section__MTUxM {
+.Sidebar_section__YzQwN {
   padding: var(--spacing-3);
   overflow: hidden;
 }
-.SideNav_title__YTg5O {
+.Sidebar_title__NDBlN {
   font-weight: var(--font-weight-bold);
 }
-.SideNav_content__MjczM {
+.Sidebar_content__NmUzM {
   display: grid;
   min-height: 40px;
   gap: var(--gap);
   overflow: hidden;
 }
-.SideNav_item__ZTlkN {
+.Sidebar_item__ZjYxZ {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -4775,62 +4803,62 @@ body a.Button_button__NDYwM {
   white-space: nowrap;
   overflow: hidden;
 }
-.SideNav_item__ZTlkN:hover {
+.Sidebar_item__ZjYxZ:hover {
   color: var(--font-color);
 }
-.SideNav_label__NDU1N {
+.Sidebar_label__OTI3N {
   opacity: 1;
   width: 100%;
   transition: all 0.3s;
 }
-.SideNav_collapsed__YzExM .SideNav_label__NDU1N {
+.Sidebar_collapsed__NDY0N .Sidebar_label__OTI3N {
   opacity: 0;
   width: 0;
   transition: all 0.3s;
 }
-.SideNav_collapsed__YzExM {
+.Sidebar_collapsed__NDY0N {
   width: 68px;
   transition: width 0.2s ease-in-out;
 }
-.SideNav_muted__MmRlM .SideNav_item__ZTlkN {
+.Sidebar_muted__NjI0N .Sidebar_item__ZjYxZ {
   color: var(--font-color-muted);
 }
-.SideNav_muted__MmRlM .SideNav_item__ZTlkN:hover {
+.Sidebar_muted__NjI0N .Sidebar_item__ZjYxZ:hover {
   color: var(--font-color);
 }
-.SideNav_muted__MmRlM .SideNav_item__ZTlkN.SideNav_selected__ZjY4N {
+.Sidebar_muted__NjI0N .Sidebar_item__ZjYxZ.Sidebar_selected__N2RhZ {
   color: var(--font-color);
 }
-.SideNav_variant-quiet__OTZlN {
+.Sidebar_variant-quiet__ZjllN {
   background: transparent;
-  & .SideNav_item__ZTlkN:hover,
-  .SideNav_selected__ZjY4N {
+  & .Sidebar_item__ZjYxZ:hover,
+  .Sidebar_selected__N2RhZ {
     border: 1px solid var(--border-color);
     border-radius: var(--border-radius);
   }
 }
-.SideNav_variant-1__NjVmN {
+.Sidebar_variant-1__NmFhM {
   background: var(--base-color-1);
-  & .SideNav_item__ZTlkN:hover,
-  .SideNav_selected__ZjY4N {
+  & .Sidebar_item__ZjYxZ:hover,
+  .Sidebar_selected__N2RhZ {
     background: var(--base-color-2);
   }
 }
-.SideNav_variant-2__NWZjM {
+.Sidebar_variant-2__OWYzZ {
   background: var(--base-color-2);
-  & .SideNav_item__ZTlkN:hover,
-  .SideNav_selected__ZjY4N {
+  & .Sidebar_item__ZjYxZ:hover,
+  .Sidebar_selected__N2RhZ {
     background: var(--base-color-3);
   }
 }
-.SideNav_variant-3__ZDE4O {
+.Sidebar_variant-3__ODk2Y {
   background: var(--base-color-3);
-  & .SideNav_item__ZTlkN:hover,
-  .SideNav_selected__ZjY4N {
+  & .Sidebar_item__ZjYxZ:hover,
+  .Sidebar_selected__N2RhZ {
     background: var(--base-color-4);
   }
 }
-.SideNav_sidenav__M2NlY.SideNav_noborder__YTJjO {
+.Sidebar_sidenav__ODc2Z.Sidebar_noborder__NTJlN {
   border: 0;
 }