@umami/react-zen 0.80.0 → 0.82.0

package/dist/index.css

@@ -2706,13 +2706,22 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__NmUzO {
+.Text_truncate__N2RhO {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
+.Text_italic__OTQxO {
+  font-style: italic;
+}
+.Text_underline__ZjA1M {
+  text-decoration: underline;
+}
+.Text_strikethrough__NTlhM {
+  text-decoration: line-through;
+}
 
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
@@ -3310,23 +3319,23 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__MDIxN {
+.List_list__M2YzO {
   min-width: 100px;
   outline: none;
   overflow: auto;
 }
-.List_separator__YWY4N {
+.List_separator__NzBlZ {
   border-bottom: var(--border);
 }
-.List_section__NWU0Y:not(:last-child) {
+.List_section__MWM1Y:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__Yzg0Y {
+.List_header__ZmQyN {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__NjEyN {
+.List_item__M2IxN {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3339,22 +3348,25 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__NjEyN[data-focus],
-.List_item__NjEyN[data-focus-visible] {
+.List_item__M2IxN[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.List_item__M2IxN[data-focus],
+.List_item__M2IxN[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__NjEyN:hover {
+.List_item__M2IxN:hover {
   background: var(--highlight-color);
 }
-.List_item__NjEyN[data-selected] {
+.List_item__M2IxN[data-selected] {
   font-weight: bold;
 }
-.List_item__NjEyN[data-selected] .List_check__MTNlZ {
+.List_item__M2IxN[data-selected] .List_check__OWQxN {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.List_check__MTNlZ {
+.List_check__OWQxN {
   display: none;
 }
 
@@ -3383,7 +3395,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__YmUyN {
+.Menu_menu__ZGIxY {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3392,19 +3404,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__NDFlO {
+.Menu_separator__YjgwM {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__YjJjY:not(:last-child) {
+.Menu_section__MmNkY:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__NDVjN {
+.Menu_header__YmQ0M {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__YjBiN {
+.Menu_item__NzJlM {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3417,28 +3429,31 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__YjBiN[data-focus],
-.Menu_item__YjBiN[data-focus-visible] {
+.Menu_item__NzJlM[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.Menu_item__NzJlM[data-focus],
+.Menu_item__NzJlM[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN:hover {
+.Menu_item__NzJlM:hover {
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN[data-selected] {
+.Menu_item__NzJlM[data-selected] {
   font-weight: bold;
 }
-.Menu_item__YjBiN[data-selected] .Menu_check__YmVhZ {
+.Menu_item__NzJlM[data-selected] .Menu_check__ZDc1Z {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__YmVhZ {
+.Menu_check__ZDc1Z {
   display: none;
 }
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
-.Modal_overlay__OGJmN {
+.Modal_overlay__MzBhO {
   position: fixed;
   top: 0;
   left: 0;
@@ -3449,18 +3464,19 @@ body a.Button_button__NDYwM {
   align-items: center;
   justify-content: center;
   --modal-offset: 50%;
+  z-index: 9999;
 }
-.Modal_overlay__OGJmN[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms;
+.Modal_overlay__MzBhO[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms;
 }
-.Modal_overlay__OGJmN[data-exiting] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms reverse ease-in;
+.Modal_overlay__MzBhO[data-exiting] {
+  animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ {
+.Modal_modal__YTU3M {
   position: relative;
   z-index: 9999;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z {
+.Modal_modal__YTU3M.Modal_left__ZDU0O {
   position: absolute;
   top: 0;
   left: 0;
@@ -3468,7 +3484,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ {
+.Modal_modal__YTU3M.Modal_right__MGFhO {
   position: absolute;
   top: 0;
   right: 0;
@@ -3476,7 +3492,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY {
+.Modal_modal__YTU3M.Modal_top__OTY4M {
   position: absolute;
   top: 0;
   left: 0;
@@ -3484,7 +3500,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ {
+.Modal_modal__YTU3M.Modal_bottom__NjY4N {
   position: absolute;
   left: 0;
   right: 0;
@@ -3492,41 +3508,41 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O {
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
   width: 100dvw;
   height: 100dvh;
 }
-.Modal_modal__OTZjZ.Modal_center__NmI1N[data-entering] {
-  animation: Modal_modal-zoom__ZWRlM 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+.Modal_modal__YTU3M.Modal_center__ZTViM[data-entering] {
+  animation: Modal_modal-zoom__MjY4Y 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-entering] {
-  animation: Modal_modal-left__ODA0M 200ms ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
+  animation: Modal_modal-left__YTc0N 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-exiting] {
-  animation: Modal_modal-left__ODA0M 200ms reverse ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
+  animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-entering] {
-  animation: Modal_modal-right__ZjYwM 200ms ease-out;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
+  animation: Modal_modal-right__MWY0Z 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-exiting] {
-  animation: Modal_modal-right__ZjYwM 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
+  animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-entering] {
-  animation: Modal_modal-top__N2VhY 200ms ease-out;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
+  animation: Modal_modal-top__OTQ2M 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-exiting] {
-  animation: Modal_modal-top__N2VhY 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
+  animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-entering] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms ease-out;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
+  animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-exiting] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
+  animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms ease-out;
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
 }
-@keyframes Modal_modal-fade-in__MzJiZ {
+@keyframes Modal_modal-fade-in__OTcxN {
   from {
     opacity: 0;
   }
@@ -3534,7 +3550,7 @@ body a.Button_button__NDYwM {
     opacity: 1;
   }
 }
-@keyframes Modal_modal-zoom__ZWRlM {
+@keyframes Modal_modal-zoom__MjY4Y {
   from {
     transform: scale(0.8);
   }
@@ -3542,7 +3558,7 @@ body a.Button_button__NDYwM {
     transform: scale(1);
   }
 }
-@keyframes Modal_modal-left__ODA0M {
+@keyframes Modal_modal-left__YTc0N {
   from {
     transform: translateX(-100%);
   }
@@ -3550,7 +3566,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-right__ZjYwM {
+@keyframes Modal_modal-right__MWY0Z {
   from {
     transform: translateX(100%);
   }
@@ -3558,7 +3574,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-top__N2VhY {
+@keyframes Modal_modal-top__OTQ2M {
   from {
     transform: translateY(-100%);
   }
@@ -3566,7 +3582,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-bottom__ZTQ3Y {
+@keyframes Modal_modal-bottom__NDlkZ {
   from {
     transform: translateY(100%);
   }

package/dist/index.d.ts

@@ -644,7 +644,7 @@ declare module '@umami/react-zen/Menu' {
         className?: string;
         children?: ReactNode;
     }
-    function Menu({ items, className, children, ...props }: MenuProps): import("react").JSX.Element;
+    function Menu({ className, children, ...props }: MenuProps): import("react").JSX.Element;
     function MenuItem({ children, className, ...props }: MenuItemProps<any>): import("react").JSX.Element;
     function MenuSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
     function MenuSection({ title, className, children, ...props }: MenuSectionProps<any> & {
@@ -900,10 +900,13 @@ declare module '@umami/react-zen/Text' {
         wrap?: Responsive<TextWrap>;
         transform?: Responsive<TextTransform>;
         truncate?: Responsive<boolean>;
+        italic?: Responsive<boolean>;
+        underline?: Responsive<boolean>;
+        strikethrough?: Responsive<boolean>;
         as?: 'span' | 'div' | 'label' | 'p';
         asChild?: boolean;
     }
-    export function Text({ color, size, spacing, weight, align, wrap, transform, truncate, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
+    export function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/TextField' {

package/dist/index.js

@@ -29795,7 +29795,7 @@ var import_classnames12 = __toESM(require_classnames());
 var import_classnames11 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
-var Text_default = { "truncate": "Text_truncate__NmUzO" };
+var Text_default = { "truncate": "Text_truncate__N2RhO", "italic": "Text_italic__OTQxO", "underline": "Text_underline__ZjA1M", "strikethrough": "Text_strikethrough__NTlhM" };
 
 // src/components/Text.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -29808,6 +29808,9 @@ function Text({
   wrap,
   transform,
   truncate,
+  italic,
+  underline,
+  strikethrough,
   as = "span",
   asChild,
   className,
@@ -29829,7 +29832,15 @@ function Text({
     Component,
     {
       ...props,
-      className: (0, import_classnames11.default)(Text_default.text, className, classes, truncate && Text_default.truncate),
+      className: (0, import_classnames11.default)(
+        Text_default.text,
+        className,
+        classes,
+        truncate && Text_default.truncate,
+        italic && Text_default.italic,
+        underline && Text_default.underline,
+        strikethrough && Text_default.strikethrough
+      ),
       style: { ...styleProps, ...style },
       children
     }
@@ -30611,7 +30622,7 @@ var import_react184 = require("react");
 var import_classnames32 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__MDIxN", "separator": "List_separator__YWY4N", "section": "List_section__NWU0Y", "header": "List_header__Yzg0Y", "item": "List_item__NjEyN", "check": "List_check__MTNlZ" };
+var List_default = { "list": "List_list__M2YzO", "separator": "List_separator__NzBlZ", "section": "List_section__MWM1Y", "header": "List_header__ZmQyN", "item": "List_item__M2IxN", "check": "List_check__OWQxN" };
 
 // src/components/List.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -30692,11 +30703,11 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__NDFlO", "section": "Menu_section__YjJjY", "header": "Menu_header__NDVjN", "item": "Menu_item__YjBiN", "check": "Menu_check__YmVhZ" };
+var Menu_default = { "menu": "Menu_menu__ZGIxY", "separator": "Menu_separator__YjgwM", "section": "Menu_section__MmNkY", "header": "Menu_header__YmQ0M", "item": "Menu_item__NzJlM", "check": "Menu_check__ZDc1Z" };
 
 // src/components/Menu.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
-function Menu2({ items, className, children, ...props }) {
+function Menu2({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ children, className, ...props }) {
@@ -30724,7 +30735,7 @@ function MenuSection({
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Modal.module.css
-var Modal_default = { "overlay": "Modal_overlay__OGJmN", "modal-fade-in": "Modal_modal-fade-in__MzJiZ", "modal": "Modal_modal__OTZjZ", "left": "Modal_left__Mzg1Z", "right": "Modal_right__YmRmZ", "top": "Modal_top__ZDUzY", "bottom": "Modal_bottom__ZDRhZ", "fullscreen": "Modal_fullscreen__NTU4O", "center": "Modal_center__NmI1N", "modal-zoom": "Modal_modal-zoom__ZWRlM", "modal-left": "Modal_modal-left__ODA0M", "modal-right": "Modal_modal-right__ZjYwM", "modal-top": "Modal_modal-top__N2VhY", "modal-bottom": "Modal_modal-bottom__ZTQ3Y" };
+var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
 
 // src/components/Modal.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -29684,7 +29684,7 @@ var import_classnames12 = __toESM(require_classnames());
 var import_classnames11 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
-var Text_default = { "truncate": "Text_truncate__NmUzO" };
+var Text_default = { "truncate": "Text_truncate__N2RhO", "italic": "Text_italic__OTQxO", "underline": "Text_underline__ZjA1M", "strikethrough": "Text_strikethrough__NTlhM" };
 
 // src/components/Text.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
@@ -29697,6 +29697,9 @@ function Text({
   wrap,
   transform,
   truncate,
+  italic,
+  underline,
+  strikethrough,
   as = "span",
   asChild,
   className,
@@ -29718,7 +29721,15 @@ function Text({
     Component,
     {
       ...props,
-      className: (0, import_classnames11.default)(Text_default.text, className, classes, truncate && Text_default.truncate),
+      className: (0, import_classnames11.default)(
+        Text_default.text,
+        className,
+        classes,
+        truncate && Text_default.truncate,
+        italic && Text_default.italic,
+        underline && Text_default.underline,
+        strikethrough && Text_default.strikethrough
+      ),
       style: { ...styleProps, ...style },
       children
     }
@@ -30500,7 +30511,7 @@ import { Fragment as Fragment6 } from "react";
 var import_classnames32 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__MDIxN", "separator": "List_separator__YWY4N", "section": "List_section__NWU0Y", "header": "List_header__Yzg0Y", "item": "List_item__NjEyN", "check": "List_check__MTNlZ" };
+var List_default = { "list": "List_list__M2YzO", "separator": "List_separator__NzBlZ", "section": "List_section__MWM1Y", "header": "List_header__ZmQyN", "item": "List_item__M2IxN", "check": "List_check__OWQxN" };
 
 // src/components/List.tsx
 import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -30581,11 +30592,11 @@ function Loading(props) {
 var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__NDFlO", "section": "Menu_section__YjJjY", "header": "Menu_header__NDVjN", "item": "Menu_item__YjBiN", "check": "Menu_check__YmVhZ" };
+var Menu_default = { "menu": "Menu_menu__ZGIxY", "separator": "Menu_separator__YjgwM", "section": "Menu_section__MmNkY", "header": "Menu_header__YmQ0M", "item": "Menu_item__NzJlM", "check": "Menu_check__ZDc1Z" };
 
 // src/components/Menu.tsx
 import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
-function Menu2({ items, className, children, ...props }) {
+function Menu2({ className, children, ...props }) {
   return /* @__PURE__ */ jsx44($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ children, className, ...props }) {
@@ -30613,7 +30624,7 @@ function MenuSection({
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Modal.module.css
-var Modal_default = { "overlay": "Modal_overlay__OGJmN", "modal-fade-in": "Modal_modal-fade-in__MzJiZ", "modal": "Modal_modal__OTZjZ", "left": "Modal_left__Mzg1Z", "right": "Modal_right__YmRmZ", "top": "Modal_top__ZDUzY", "bottom": "Modal_bottom__ZDRhZ", "fullscreen": "Modal_fullscreen__NTU4O", "center": "Modal_center__NmI1N", "modal-zoom": "Modal_modal-zoom__ZWRlM", "modal-left": "Modal_modal-left__ODA0M", "modal-right": "Modal_modal-right__ZjYwM", "modal-top": "Modal_modal-top__N2VhY", "modal-bottom": "Modal_modal-bottom__ZTQ3Y" };
+var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
 
 // src/components/Modal.tsx
 import { jsx as jsx45 } from "react/jsx-runtime";

package/package.json

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

package/styles.css

@@ -3026,13 +3026,22 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
-.Text_truncate__NmUzO {
+.Text_truncate__N2RhO {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
+.Text_italic__OTQxO {
+  font-style: italic;
+}
+.Text_underline__ZjA1M {
+  text-decoration: underline;
+}
+.Text_strikethrough__NTlhM {
+  text-decoration: line-through;
+}
 
 /* virtual-css:css:fa53717340120f23a623f1ff98237d94 */
 .Accordion_accordion__ODg3O {
@@ -3630,23 +3639,23 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
-.List_list__MDIxN {
+.List_list__M2YzO {
   min-width: 100px;
   outline: none;
   overflow: auto;
 }
-.List_separator__YWY4N {
+.List_separator__NzBlZ {
   border-bottom: var(--border);
 }
-.List_section__NWU0Y:not(:last-child) {
+.List_section__MWM1Y:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.List_header__Yzg0Y {
+.List_header__ZmQyN {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.List_item__NjEyN {
+.List_item__M2IxN {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3659,22 +3668,25 @@ body a.Button_button__NDYwM {
   outline: none;
   border-radius: var(--border-radius);
 }
-.List_item__NjEyN[data-focus],
-.List_item__NjEyN[data-focus-visible] {
+.List_item__M2IxN[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.List_item__M2IxN[data-focus],
+.List_item__M2IxN[data-focus-visible] {
   background: var(--highlight-color);
 }
-.List_item__NjEyN:hover {
+.List_item__M2IxN:hover {
   background: var(--highlight-color);
 }
-.List_item__NjEyN[data-selected] {
+.List_item__M2IxN[data-selected] {
   font-weight: bold;
 }
-.List_item__NjEyN[data-selected] .List_check__MTNlZ {
+.List_item__M2IxN[data-selected] .List_check__OWQxN {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.List_check__MTNlZ {
+.List_check__OWQxN {
   display: none;
 }
 
@@ -3703,7 +3715,7 @@ body a.Button_button__NDYwM {
 }
 
 /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
-.Menu_menu__YmUyN {
+.Menu_menu__ZGIxY {
   min-width: 200px;
   border: var(--border);
   border-radius: var(--border-radius);
@@ -3712,19 +3724,19 @@ body a.Button_button__NDYwM {
   background: var(--background-color);
   overflow: hidden;
 }
-.Menu_separator__NDFlO {
+.Menu_separator__YjgwM {
   border-bottom: var(--border);
   margin: var(--spacing-2) calc(-1 * var(--spacing-3));
 }
-.Menu_section__YjJjY:not(:last-child) {
+.Menu_section__MmNkY:not(:last-child) {
   margin-bottom: var(--spacing-4);
 }
-.Menu_header__NDVjN {
+.Menu_header__YmQ0M {
   font-size: var(--font-size-2);
   font-weight: var(--font-weight-bold);
   padding: var(--padding);
 }
-.Menu_item__YjBiN {
+.Menu_item__NzJlM {
   display: flex;
   align-items: center;
   gap: var(--gap);
@@ -3737,28 +3749,31 @@ body a.Button_button__NDYwM {
   outline: none;
   width: 100%;
 }
-.Menu_item__YjBiN[data-focus],
-.Menu_item__YjBiN[data-focus-visible] {
+.Menu_item__NzJlM[data-disabled] {
+  color: var(--font-color-disabled);
+}
+.Menu_item__NzJlM[data-focus],
+.Menu_item__NzJlM[data-focus-visible] {
   outline: var(--outline);
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN:hover {
+.Menu_item__NzJlM:hover {
   background: var(--highlight-color);
 }
-.Menu_item__YjBiN[data-selected] {
+.Menu_item__NzJlM[data-selected] {
   font-weight: bold;
 }
-.Menu_item__YjBiN[data-selected] .Menu_check__YmVhZ {
+.Menu_item__NzJlM[data-selected] .Menu_check__ZDc1Z {
   display: flex;
   justify-content: flex-end;
   flex: 1;
 }
-.Menu_check__YmVhZ {
+.Menu_check__ZDc1Z {
   display: none;
 }
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
-.Modal_overlay__OGJmN {
+.Modal_overlay__MzBhO {
   position: fixed;
   top: 0;
   left: 0;
@@ -3769,18 +3784,19 @@ body a.Button_button__NDYwM {
   align-items: center;
   justify-content: center;
   --modal-offset: 50%;
+  z-index: 9999;
 }
-.Modal_overlay__OGJmN[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms;
+.Modal_overlay__MzBhO[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms;
 }
-.Modal_overlay__OGJmN[data-exiting] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms reverse ease-in;
+.Modal_overlay__MzBhO[data-exiting] {
+  animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ {
+.Modal_modal__YTU3M {
   position: relative;
   z-index: 9999;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z {
+.Modal_modal__YTU3M.Modal_left__ZDU0O {
   position: absolute;
   top: 0;
   left: 0;
@@ -3788,7 +3804,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ {
+.Modal_modal__YTU3M.Modal_right__MGFhO {
   position: absolute;
   top: 0;
   right: 0;
@@ -3796,7 +3812,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY {
+.Modal_modal__YTU3M.Modal_top__OTY4M {
   position: absolute;
   top: 0;
   left: 0;
@@ -3804,7 +3820,7 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ {
+.Modal_modal__YTU3M.Modal_bottom__NjY4N {
   position: absolute;
   left: 0;
   right: 0;
@@ -3812,41 +3828,41 @@ body a.Button_button__NDYwM {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O {
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
   width: 100dvw;
   height: 100dvh;
 }
-.Modal_modal__OTZjZ.Modal_center__NmI1N[data-entering] {
-  animation: Modal_modal-zoom__ZWRlM 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+.Modal_modal__YTU3M.Modal_center__ZTViM[data-entering] {
+  animation: Modal_modal-zoom__MjY4Y 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-entering] {
-  animation: Modal_modal-left__ODA0M 200ms ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
+  animation: Modal_modal-left__YTc0N 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_left__Mzg1Z[data-exiting] {
-  animation: Modal_modal-left__ODA0M 200ms reverse ease-out;
+.Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
+  animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-entering] {
-  animation: Modal_modal-right__ZjYwM 200ms ease-out;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
+  animation: Modal_modal-right__MWY0Z 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_right__YmRmZ[data-exiting] {
-  animation: Modal_modal-right__ZjYwM 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
+  animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-entering] {
-  animation: Modal_modal-top__N2VhY 200ms ease-out;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
+  animation: Modal_modal-top__OTQ2M 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_top__ZDUzY[data-exiting] {
-  animation: Modal_modal-top__N2VhY 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
+  animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-entering] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms ease-out;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
+  animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
 }
-.Modal_modal__OTZjZ.Modal_bottom__ZDRhZ[data-exiting] {
-  animation: Modal_modal-bottom__ZTQ3Y 200ms reverse ease-in;
+.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
+  animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
 }
-.Modal_modal__OTZjZ.Modal_fullscreen__NTU4O[data-entering] {
-  animation: Modal_modal-fade-in__MzJiZ 200ms ease-out;
+.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
+  animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
 }
-@keyframes Modal_modal-fade-in__MzJiZ {
+@keyframes Modal_modal-fade-in__OTcxN {
   from {
     opacity: 0;
   }
@@ -3854,7 +3870,7 @@ body a.Button_button__NDYwM {
     opacity: 1;
   }
 }
-@keyframes Modal_modal-zoom__ZWRlM {
+@keyframes Modal_modal-zoom__MjY4Y {
   from {
     transform: scale(0.8);
   }
@@ -3862,7 +3878,7 @@ body a.Button_button__NDYwM {
     transform: scale(1);
   }
 }
-@keyframes Modal_modal-left__ODA0M {
+@keyframes Modal_modal-left__YTc0N {
   from {
     transform: translateX(-100%);
   }
@@ -3870,7 +3886,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-right__ZjYwM {
+@keyframes Modal_modal-right__MWY0Z {
   from {
     transform: translateX(100%);
   }
@@ -3878,7 +3894,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-top__N2VhY {
+@keyframes Modal_modal-top__OTQ2M {
   from {
     transform: translateY(-100%);
   }
@@ -3886,7 +3902,7 @@ body a.Button_button__NDYwM {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-bottom__ZTQ3Y {
+@keyframes Modal_modal-bottom__NDlkZ {
   from {
     transform: translateY(100%);
   }