@umami/react-zen 0.65.0 → 0.66.0

package/dist/index.mjs

@@ -27273,7 +27273,7 @@ import { forwardRef as forwardRef2 } from "react";
 var import_classnames7 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
-var Button_default = { "button": "Button_button__ZTY3M", "primary": "Button_primary__YzkyZ", "outline": "Button_outline__OGU2Z", "quiet": "Button_quiet__ZTliZ", "danger": "Button_danger__ZDc1M", "sm": "Button_sm__NzRiZ", "md": "Button_md__ZTZiM", "lg": "Button_lg__ODE0Z", "xl": "Button_xl__NzE0M" };
+var Button_default = { "button": "Button_button__NDYwM", "primary": "Button_primary__OWE0M", "outline": "Button_outline__NTQyN", "quiet": "Button_quiet__NDFjM", "danger": "Button_danger__NDUzM", "sm": "Button_sm__NTVjM", "md": "Button_md__NDE4O", "lg": "Button_lg__NTU4O", "xl": "Button_xl__NjFkM" };
 
 // src/components/Button.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
@@ -27281,8 +27281,8 @@ var Button2 = forwardRef2(
   ({
     variant = "secondary",
     size = "md",
-    preventFocusOnPress = true,
     asChild,
+    preventFocusOnPress = true,
     className,
     children,
     ...props
@@ -27322,18 +27322,19 @@ function FormResetButton({ values = {}, children, onPress, ...props }) {
 var import_classnames8 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Spinner.module.css
-var Spinner_default = { "spinner": "Spinner_spinner__NGM1Z", "spinner-rotate": "Spinner_spinner-rotate__OGEwZ", "track": "Spinner_track__NDk4Z", "fill": "Spinner_fill__NDViY", "spinner-dash": "Spinner_spinner-dash__ZDNmY", "size-sm": "Spinner_size-sm__NTY4Y", "size-md": "Spinner_size-md__ZDQ0Y", "size-lg": "Spinner_size-lg__YzIxZ", "size-xl": "Spinner_size-xl__NGQ1Z", "quiet": "Spinner_quiet__ODg0N" };
+var Spinner_default = { "spinner": "Spinner_spinner__MmRhN", "spinner-rotate": "Spinner_spinner-rotate__MDI2M", "track": "Spinner_track__ODIyN", "fill": "Spinner_fill__OGY5Y", "spinner-dash": "Spinner_spinner-dash__ZDE2N", "size-sm": "Spinner_size-sm__YWEwM", "size-md": "Spinner_size-md__NThiM", "size-lg": "Spinner_size-lg__MDEzN", "size-xl": "Spinner_size-xl__ZTNkN", "quiet": "Spinner_quiet__ZGJlM", "disabled": "Spinner_disabled__YjdjY" };
 
 // src/components/Spinner.tsx
 import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 function Spinner(props) {
-  const { size = "lg", quiet, className, ...domProps } = props;
+  const { size = "lg", quiet, className, isDisabled, ...domProps } = props;
   return /* @__PURE__ */ jsx12(
     "div",
     {
       ...domProps,
       className: (0, import_classnames8.default)(Spinner_default.spinner, className, Spinner_default[`size-${size}`], {
-        [Spinner_default.quiet]: quiet
+        [Spinner_default.quiet]: quiet,
+        [Spinner_default.disabled]: isDisabled
       }),
       children: /* @__PURE__ */ jsxs4("svg", { viewBox: "25 25 50 50", children: [
         /* @__PURE__ */ jsx12("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
@@ -27345,10 +27346,16 @@ function Spinner(props) {
 
 // src/components/LoadingButton.tsx
 import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-function LoadingButton({ isLoading, children, ...props }) {
-  return /* @__PURE__ */ jsxs5(Button2, { ...props, children: [
-    isLoading && /* @__PURE__ */ jsx13(Icon, { size: "sm", children: /* @__PURE__ */ jsx13(Spinner, {}) }),
-    children
+function LoadingButton({
+  isLoading,
+  isDisabled,
+  showText = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(Button2, { ...props, isDisabled, children: [
+    isLoading && /* @__PURE__ */ jsx13(Icon, { size: "sm", children: /* @__PURE__ */ jsx13(Spinner, { isDisabled }) }),
+    showText && children
   ] });
 }
 
@@ -27364,7 +27371,6 @@ function FormSubmitButton({
   const {
     formState: { isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful }
   } = useFormContext();
-  console.log({ isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful });
   return /* @__PURE__ */ jsx14(
     LoadingButton,
     {
@@ -31441,19 +31447,30 @@ function Code({ asChild, children }) {
 var import_classnames21 = __toESM(require_classnames());
 
 // src/components/List.tsx
+import { Fragment as Fragment4 } from "react";
 var import_classnames19 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__ZjQ0Z", "separator": "List_separator__OGExO", "section": "List_section__MGFiY", "header": "List_header__MDczN", "item": "List_item__OGFiZ", "check": "List_check__NTA3N" };
+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" };
 
 // src/components/List.tsx
 import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
-function List({ items, className, children, ...props }) {
-  return /* @__PURE__ */ jsx28($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames19.default)(List_default.list, className), children: children || items?.map((item, index) => {
-    if (item === null) {
-      return /* @__PURE__ */ jsx28($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }, index);
-    }
-    return /* @__PURE__ */ jsx28(ListItem, { id: item, className: List_default.item, children: item }, index);
+function List({
+  items,
+  idProperty = "id",
+  labelProperty = "label",
+  separatorProperty = "separatpr",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames19.default)(List_default.list, className), children: children || items?.map((item) => {
+    const id = item[idProperty] || item.toString();
+    const label = item[labelProperty] || item.toString();
+    return /* @__PURE__ */ jsxs14(Fragment4, { children: [
+      item[separatorProperty] && /* @__PURE__ */ jsx28($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+      /* @__PURE__ */ jsx28(ListItem, { id, className: List_default.item, children: label })
+    ] }, id);
   }) });
 }
 function ListItem({ children, className, ...props }) {
@@ -31579,7 +31596,7 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\styles\input.module.css
-var input_default = { "field": "input_field__NGM0Z", "row": "input_row__NjY4Y", "input": "input_input__MjUyM", "icon": "input_icon__ZjY5O" };
+var input_default = { "field": "input_field__ZGEyY", "row": "input_row__YTllZ", "input": "input_input__ZTAzN", "icon": "input_icon__YjcxZ" };
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "allowCopy": "TextField_allowCopy__Y2RhY", "icon": "TextField_icon__MWVlN" };
@@ -31639,7 +31656,7 @@ var TextField2 = forwardRef5(
 var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__Mzg4M", "value": "ConfirmationDialog_value__YzhjZ" };
 
 // src/components/ConfirmationDialog.tsx
-import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -31658,7 +31675,7 @@ function ConfirmationDialog({
       className: (0, import_classnames26.default)(ConfirmationDialog_default.dialog, className),
       isConfirmDisabled: !canSave,
       children: ({ close }) => {
-        return /* @__PURE__ */ jsxs17(Fragment4, { children: [
+        return /* @__PURE__ */ jsxs17(Fragment5, { children: [
           typeof children === "function" ? children({ close }) : children,
           /* @__PURE__ */ jsxs17(Text, { children: [
             confirmMessage || "Type the following value to confirm",
@@ -31894,7 +31911,7 @@ import { useRef as useRef8, useState as useState12, useEffect as useEffect11 } f
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -31945,7 +31962,7 @@ function HoverTrigger({
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment6, { children: [
     /* @__PURE__ */ jsx43("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
     /* @__PURE__ */ jsx43(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ jsx43(
       "div",
@@ -32093,12 +32110,7 @@ var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__N
 // src/components/Menu.tsx
 import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
 function Menu2({ items, className, children, ...props }) {
-  return /* @__PURE__ */ jsx47($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames37.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
-    if (item === null) {
-      return /* @__PURE__ */ jsx47($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
-    }
-    return /* @__PURE__ */ jsx47(MenuItem2, { id: item, children: item }, index);
-  }) });
+  return /* @__PURE__ */ jsx47($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames37.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ children, className, ...props }) {
   return /* @__PURE__ */ jsxs24($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames37.default)(Menu_default.item, className), children: [
@@ -32213,10 +32225,10 @@ var import_classnames41 = __toESM(require_classnames());
 var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YzdlO", "track": "ProgressBar_track__YzgzY", "fill": "ProgressBar_fill__ZTJlM", "value": "ProgressBar_value__NDk1Z" };
 
 // src/components/ProgressBar.tsx
-import { Fragment as Fragment6, jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 function ProgressBar2({ className, showValue, ...props }) {
   return /* @__PURE__ */ jsx51($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ jsxs27(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs27(Fragment7, { children: [
       /* @__PURE__ */ jsx51("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx51("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
       showValue && /* @__PURE__ */ jsx51("div", { className: ProgressBar_default.value, children: valueText })
     ] });
@@ -32230,13 +32242,13 @@ var import_classnames42 = __toESM(require_classnames());
 var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__NGMyY", "track": "ProgressCircle_track__YzY2M", "fill": "ProgressCircle_fill__ZmMzM", "value": "ProgressCircle_value__YjM0Y" };
 
 // src/components/ProgressCircle.tsx
-import { Fragment as Fragment7, jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx52, jsxs as jsxs28 } from "react/jsx-runtime";
 function ProgressCircle({ className, showValue, ...props }) {
   return /* @__PURE__ */ jsx52($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames42.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
     const radius = 45;
     const circumference = radius * 2 * Math.PI;
     const offset = circumference - percentage / 100 * circumference;
-    return /* @__PURE__ */ jsxs28(Fragment7, { children: [
+    return /* @__PURE__ */ jsxs28(Fragment8, { children: [
       /* @__PURE__ */ jsxs28("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ jsx52("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
         /* @__PURE__ */ jsx52(
@@ -32285,7 +32297,7 @@ var import_classnames44 = __toESM(require_classnames());
 var SearchField_default = { "search": "SearchField_search__MzkwY", "input": "SearchField_input__OGFiY", "close": "SearchField_close__NmJkM" };
 
 // src/components/SearchField.tsx
-import { Fragment as Fragment8, jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
 var SearchField2 = forwardRef8(
   ({ label, placeholder, value, delay = 0, onSearch, className, ...props }, ref) => {
     const [search, setSearch] = useState16(value ?? "");
@@ -32313,7 +32325,7 @@ var SearchField2 = forwardRef8(
         className: (0, import_classnames44.default)(input_default.field, className),
         onChange: handleChange,
         children: ({ state }) => {
-          return /* @__PURE__ */ jsxs30(Fragment8, { children: [
+          return /* @__PURE__ */ jsxs30(Fragment9, { children: [
             label && /* @__PURE__ */ jsx54(Label2, { children: label }),
             /* @__PURE__ */ jsxs30("div", { className: input_default.row, children: [
               /* @__PURE__ */ jsx54(Icon, { className: (0, import_classnames44.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ jsx54(Icons.MagnifyingGlass, {}) }),
@@ -32345,19 +32357,25 @@ var import_classnames45 = __toESM(require_classnames());
 import { forwardRef as forwardRef9 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
-var Select_default = { "button": "Select_button__YTc2N", "list": "Select_list__ZjZhM", "icon": "Select_icon__NzU3O" };
+var Select_default = { "button": "Select_button__ZGY1Y", "popover": "Select_popover__MTQ1Y", "list": "Select_list__MDYyZ", "icon": "Select_icon__N2M0O", "search": "Select_search__MWQwM" };
 
 // src/components/Select.tsx
 import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
 var Select2 = forwardRef9(
   ({
-    children,
     items = [],
     value,
     label,
-    className,
+    isLoading,
+    allowSearch,
+    searchDelay,
+    onSearch,
     onSelectionChange,
     onChange,
+    listProps,
+    popoverProps,
+    className,
+    children,
     ...props
   }, ref) => {
     const handleChange = (e) => {
@@ -32377,7 +32395,27 @@ var Select2 = forwardRef9(
             /* @__PURE__ */ jsx55($82d7e5349645de74$export$e288731fd71264f0, {}),
             /* @__PURE__ */ jsx55("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx55(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ jsx55(Icons.Chevron, {}) }) })
           ] }) }),
-          /* @__PURE__ */ jsx55(Popover2, { children: /* @__PURE__ */ jsx55(List, { items, className: Select_default.list, children }) })
+          /* @__PURE__ */ jsx55(Popover2, { ...popoverProps, children: /* @__PURE__ */ jsxs31(Column, { className: Select_default.popover, children: [
+            allowSearch && /* @__PURE__ */ jsx55(
+              SearchField2,
+              {
+                className: Select_default.search,
+                onSearch,
+                delay: searchDelay,
+                autoFocus: true
+              }
+            ),
+            isLoading && /* @__PURE__ */ jsx55(Loading, { icon: "dots", position: "center", size: "sm" }),
+            /* @__PURE__ */ jsx55(
+              List,
+              {
+                ...listProps,
+                className: (0, import_classnames45.default)(Select_default.list, listProps?.className),
+                style: { ...listProps?.style, display: isLoading ? "none" : void 0 },
+                children
+              }
+            )
+          ] }) })
         ]
       }
     );
@@ -32389,47 +32427,81 @@ var import_classnames46 = __toESM(require_classnames());
 import { createContext as createContext4, useContext as useContext6 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\SideNav.module.css
-var SideNav_default = { "sidenav": "SideNav_sidenav__NTNmY", "header": "SideNav_header__NzhjN", "name": "SideNav_name__ZWUxM", "section": "SideNav_section__MmE3N", "title": "SideNav_title__N2Y0O", "content": "SideNav_content__MzA2M", "item": "SideNav_item__OGU5M", "label": "SideNav_label__NjFiY", "collapsed": "SideNav_collapsed__NTBlM" };
+var SideNav_default = { "sidenav": "SideNav_sidenav__M2NlY", "header": "SideNav_header__NGU1Y", "name": "SideNav_name__OTM0N", "section": "SideNav_section__MTUxM", "title": "SideNav_title__YTg5O", "content": "SideNav_content__MjczM", "item": "SideNav_item__ZTlkN", "label": "SideNav_label__NDU1N", "collapsed": "SideNav_collapsed__YzExM", "muted": "SideNav_muted__MmRlM", "selected": "SideNav_selected__ZjY4N", "variant-quiet": "SideNav_variant-quiet__OTZlN", "variant-1": "SideNav_variant-1__NjVmN", "variant-2": "SideNav_variant-2__NWZjM", "variant-3": "SideNav_variant-3__ZDE4O", "noborder": "SideNav_noborder__YTJjO" };
 
 // src/components/SideNav.tsx
 import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
 var SideNavContext = createContext4(null);
-function SideNav({ isCollapsed, children }) {
-  return /* @__PURE__ */ jsx56(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ jsx56("div", { className: (0, import_classnames46.default)(SideNav_default.sidenav, isCollapsed && SideNav_default.collapsed), children }) });
+function SideNav({
+  variant = "1",
+  isCollapsed,
+  muteItems = true,
+  showBorder = true,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx56(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ jsx56(
+    Column,
+    {
+      ...props,
+      className: (0, import_classnames46.default)(
+        SideNav_default.sidenav,
+        isCollapsed && SideNav_default.collapsed,
+        muteItems && SideNav_default.muted,
+        variant && SideNav_default[`variant-${variant}`],
+        !showBorder && SideNav_default.noborder,
+        className
+      ),
+      children
+    }
+  ) });
+}
+function SideNavSection({
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs32(Column, { className: SideNav_default.section, children: [
+    title && /* @__PURE__ */ jsx56("div", { className: SideNav_default.title, children: title }),
+    /* @__PURE__ */ jsx56("div", { className: SideNav_default.content, children })
+  ] });
 }
 function SideNavHeader({
-  name,
+  label,
   icon,
-  children
+  className,
+  children,
+  ...props
 }) {
-  return /* @__PURE__ */ jsxs32(Block, { children: [
+  return /* @__PURE__ */ jsxs32(Row, { ...props, className: (0, import_classnames46.default)(SideNav_default.header, className), children: [
     icon && /* @__PURE__ */ jsx56(Icon, { size: "sm", children: icon }),
-    /* @__PURE__ */ jsx56("div", { className: (0, import_classnames46.default)(SideNav_default.name, SideNav_default.label), children: name }),
+    /* @__PURE__ */ jsx56("div", { className: (0, import_classnames46.default)(SideNav_default.name, SideNav_default.label), children: label }),
     children
   ] });
 }
-function SideNavSection({ title, children }) {
-  return /* @__PURE__ */ jsxs32("div", { className: SideNav_default.section, children: [
-    title && /* @__PURE__ */ jsx56("div", { className: SideNav_default.title, children: title }),
-    /* @__PURE__ */ jsx56("div", { className: SideNav_default.content, children })
-  ] });
-}
 function SideNavItem({
   label,
   icon,
+  isSelected,
   className,
+  children,
   ...props
 }) {
   const { isCollapsed } = useContext6(SideNavContext);
-  if (isCollapsed) {
-    return /* @__PURE__ */ jsxs32($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, children: [
-      /* @__PURE__ */ jsx56($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ jsx56(Block, { className: (0, import_classnames46.default)(SideNav_default.item, className), children: icon && /* @__PURE__ */ jsx56(Icon, { size: "sm", children: icon }) }) }),
-      /* @__PURE__ */ jsx56(Tooltip2, { placement: "right", children: label })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs32(Block, { ...props, className: (0, import_classnames46.default)(SideNav_default.item, className), children: [
-    icon && /* @__PURE__ */ jsx56(Icon, { size: "sm", children: icon }),
-    label && /* @__PURE__ */ jsx56(Text, { className: SideNav_default.label, children: label })
+  return /* @__PURE__ */ jsxs32($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
+    /* @__PURE__ */ jsx56($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ jsxs32(
+      Row,
+      {
+        ...props,
+        className: (0, import_classnames46.default)(SideNav_default.item, className, isSelected && SideNav_default.selected),
+        children: [
+          icon && /* @__PURE__ */ jsx56(Icon, { size: "sm", children: icon }),
+          label && /* @__PURE__ */ jsx56(Text, { className: (0, import_classnames46.default)(SideNav_default.label), children: label }),
+          children
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx56(Tooltip2, { placement: "right", children: label })
   ] });
 }
 
@@ -32441,7 +32513,7 @@ var import_classnames47 = __toESM(require_classnames());
 var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_header__ZTE2M", "track": "Slider_track__ODk5M", "fill": "Slider_fill__YzdhM", "thumb": "Slider_thumb__NGEzM" };
 
 // src/components/Slider.tsx
-import { Fragment as Fragment9, jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 var Slider2 = forwardRef10(
   ({ className, showValue = true, label, ...props }, ref) => {
     return /* @__PURE__ */ jsxs33($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames47.default)(Slider_default.slider, className), children: [
@@ -32451,7 +32523,7 @@ var Slider2 = forwardRef10(
       ] }),
       /* @__PURE__ */ jsx57($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
         const isHorizontal = state.orientation === "horizontal";
-        return /* @__PURE__ */ jsxs33(Fragment9, { children: [
+        return /* @__PURE__ */ jsxs33(Fragment10, { children: [
           /* @__PURE__ */ jsx57(
             "div",
             {
@@ -32498,11 +32570,11 @@ var import_classnames49 = __toESM(require_classnames());
 var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track__ZWU0O", "knob": "Switch_knob__YjFmZ" };
 
 // src/components/Switch.tsx
-import { Fragment as Fragment10, jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 var Switch2 = forwardRef11(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsxs35(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs35(Fragment11, { children: [
       label && /* @__PURE__ */ jsx59(Label2, { children: label }),
       /* @__PURE__ */ jsxs35(
         $8e59e948500a8fe1$export$b5d5cf8927ab7262,
@@ -32621,11 +32693,11 @@ var import_classnames52 = __toESM(require_classnames());
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
-import { Fragment as Fragment11, jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx63, jsxs as jsxs37 } from "react/jsx-runtime";
 var Toggle = forwardRef13(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsxs37(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs37(Fragment12, { children: [
       label && /* @__PURE__ */ jsx63(Label2, { children: label }),
       /* @__PURE__ */ jsx63(
         $efde0372d7a700fe$export$d2b052e7b4be1756,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.65.0",
+  "version": "0.66.0",
   "description": "React components built by Umami",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -20,7 +20,7 @@
     "access": "public"
   },
   "scripts": {
-    "dev": "next dev -p 9000 --turbo",
+    "dev": "next dev -p 9001 --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -73,7 +73,7 @@
     "@types/react": "^19.0.9",
     "@types/react-dom": "^19.0.3",
     "@umami/esbuild-plugin-css-modules": "0.4.0",
-    "@umami/shiso": "^0.47.0",
+    "@umami/shiso": "^0.50.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-syntax-hermes-parser": "^0.26.0",
     "dts-bundle": "^0.7.3",
@@ -81,7 +81,7 @@
     "esbuild-css-modules-plugin": "^3.1.2",
     "esbuild-plugin-svgr": "^3.1.0",
     "esbuild-postcss": "^0.0.4",
-    "eslint": "^9.22.0",
+    "eslint": "^8.16.0",
     "eslint-config-next": "15.2.2",
     "eslint-config-prettier": "^10.1.1",
     "eslint-import-resolver-alias": "^1.1.2",