@umami/react-zen 0.238.0 → 0.239.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { Button as Button$1, DisclosureGroup, Disclosure, DisclosurePanel, Dialog as Dialog$1, Breadcrumbs as Breadcrumbs$1, Breadcrumb as Breadcrumb$1, Calendar as Calendar$1, Heading as Heading$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell, Checkbox as Checkbox$1, Label as Label$1, ListBox, ListBoxItem, Separator, ListBoxSection, Header, Popover as Popover$1, ComboBox as ComboBox$1, Group, Input, TextField as TextField$1, TextArea, Table as Table$1, TableHeader as TableHeader$1, TableBody as TableBody$1, Row as Row$1, Column as Column$1, Cell, Tooltip as Tooltip$1, OverlayArrow, Menu as Menu$1, MenuItem as MenuItem$1, MenuSection as MenuSection$1, SubmenuTrigger, ModalOverlay, Modal as Modal$1, ProgressBar as ProgressBar$1, RadioGroup as RadioGroup$1, Radio as Radio$1, SearchField as SearchField$1, Select as Select$1, SelectValue, TooltipTrigger, Focusable, Slider as Slider$1, SliderOutput, SliderTrack, Switch as Switch$1, Tabs as Tabs$1, TabList as TabList$1, Tab as Tab$1, TabPanel as TabPanel$1, ToggleButton, TagGroup, TagList, Tag, SliderThumb } from 'react-aria-components';
+import { Button as Button$1, DisclosureGroup, Disclosure, DisclosurePanel, Dialog as Dialog$1, Breadcrumbs as Breadcrumbs$1, Breadcrumb as Breadcrumb$1, Calendar as Calendar$1, Heading as Heading$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell, Checkbox as Checkbox$1, Label as Label$1, ListBox, ListBoxItem, Separator, ListBoxSection, Header, Popover as Popover$1, ComboBox as ComboBox$1, Group, Input, TextField as TextField$1, TextArea, Table as Table$1, TableHeader as TableHeader$1, TableBody as TableBody$1, Row as Row$1, Column as Column$1, Cell, Tooltip as Tooltip$1, OverlayArrow, Menu as Menu$1, MenuItem as MenuItem$1, MenuSection as MenuSection$1, SubmenuTrigger, ModalOverlay, Modal as Modal$1, ProgressBar as ProgressBar$1, RadioGroup as RadioGroup$1, Radio as Radio$1, SearchField as SearchField$1, Select as Select$1, SelectValue, Slider as Slider$1, SliderOutput, SliderTrack, Switch as Switch$1, Tabs as Tabs$1, TabList as TabList$1, Tab as Tab$1, TabPanel as TabPanel$1, ToggleButton, TagGroup, TagList, Tag, SliderThumb } from 'react-aria-components';
 export { DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RouterProvider, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
 import * as lucide_react_star from 'lucide-react';
 import { forwardRef, createContext, isValidElement, cloneElement, createElement, Fragment as Fragment$1, useState, useRef, useEffect, useId, Children, useCallback, useLayoutEffect, useContext } from 'react';
@@ -3107,8 +3107,9 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
   const [copied, setCopied] = useState(false);
   const ref = useRef(timeout);
   const handleCopy = async () => {
-    if (value) {
-      await navigator.clipboard.writeText(value);
+    const text2 = typeof value === "function" ? value() : value;
+    if (text2) {
+      await navigator.clipboard.writeText(text2);
       setCopied(true);
       clearTimeout(ref.current);
       ref.current = +setTimeout(() => setCopied(false), timeout);
@@ -4134,21 +4135,6 @@ function useToast() {
   };
   return { toast: toast2, toasts };
 }
-function IconLabel({
-  icon,
-  label,
-  iconProps,
-  labelProps,
-  showLabel = true,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Row, { alignItems: "center", gap: true, ...props, children: [
-    icon && /* @__PURE__ */ jsx(Icon, { ...iconProps, children: icon }),
-    showLabel && label && /* @__PURE__ */ jsx(Text, { ...labelProps, children: label }),
-    showLabel && children
-  ] });
-}
 var objectFitMap = {
   fill: "object-fill",
   contain: "object-contain",
@@ -4240,7 +4226,11 @@ function MenuItem({
         className
       ),
       children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(IconLabel, { icon, label, children }),
+        /* @__PURE__ */ jsxs(Row, { alignItems: "center", gap: true, children: [
+          icon && /* @__PURE__ */ jsx(Icon, { children: icon }),
+          label && /* @__PURE__ */ jsx(Text, { children: label }),
+          children
+        ] }),
         showChecked && isSelected && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", children: /* @__PURE__ */ jsx(icons_exports.Check, {}) }),
         showSubMenuIcon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", children: /* @__PURE__ */ jsx(icons_exports.ChevronRight, {}) })
       ] })
@@ -4369,73 +4359,6 @@ function NavbarItem({
     }
   );
 }
-var NavMenuContext = createContext(null);
-function NavMenu({ muteItems, onItemClick, className, children, ...props }) {
-  return /* @__PURE__ */ jsx(NavMenuContext.Provider, { value: { onItemClick }, children: /* @__PURE__ */ jsx(Column, { ...props, color: muteItems ? "muted" : void 0, className, children }) });
-}
-function NavMenuGroup({
-  title,
-  allowMinimize = true,
-  isMinimized,
-  className,
-  children,
-  ...props
-}) {
-  const [minimized, setMinimized] = useState(!!isMinimized);
-  const handleClick = () => {
-    if (allowMinimize) {
-      setMinimized((state) => !state);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    Column,
-    {
-      ...props,
-      className: cn(
-        className,
-        allowMinimize && "cursor-pointer",
-        allowMinimize && minimized && "[&_.navmenu-children]:hidden"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          Row,
-          {
-            paddingY: "2",
-            paddingX: "3",
-            alignItems: "center",
-            justifyContent: "space-between",
-            onClick: handleClick,
-            children: [
-              /* @__PURE__ */ jsx(Text, { size: "xs", weight: "semibold", color: "muted", transform: "uppercase", children: title }),
-              allowMinimize && /* @__PURE__ */ jsx(Icon, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsx(icons_exports.ChevronRight, {}) })
-            ]
-          }
-        ),
-        !minimized && /* @__PURE__ */ jsx(Column, { className: "navmenu-children", children })
-      ]
-    }
-  );
-}
-function NavMenuItem({ isSelected, className, children, ...props }) {
-  const { onItemClick } = useContext(NavMenuContext);
-  return /* @__PURE__ */ jsx(
-    Row,
-    {
-      ...props,
-      paddingY: "2",
-      paddingX: "3",
-      borderRadius: "md",
-      onClick: onItemClick,
-      className: cn(
-        "cursor-pointer",
-        "hover:bg-interactive",
-        isSelected && "bg-interactive font-medium",
-        className
-      ),
-      children
-    }
-  );
-}
 var PALETTE_LABELS = {
   neutral: "Neutral",
   slate: "Slate",
@@ -4808,83 +4731,6 @@ function Select({
     }
   );
 }
-var SidebarContext = createContext(null);
-function Sidebar({ isCollapsed, muteItems, className, children, ...props }) {
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ jsx(
-    Column,
-    {
-      border: "right",
-      ...props,
-      className: cn(
-        "text-base",
-        isCollapsed && "w-16",
-        muteItems && "text-foreground-muted",
-        className
-      ),
-      children
-    }
-  ) });
-}
-function SidebarSection({
-  title,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Column, { ...props, paddingY: "2", className, children: [
-    title && /* @__PURE__ */ jsx(Box, { paddingX: "4", paddingY: "2", children: /* @__PURE__ */ jsx(Text, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: title }) }),
-    /* @__PURE__ */ jsx(Column, { children })
-  ] });
-}
-function SidebarHeader({
-  label,
-  icon,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Row, { ...props, paddingX: "4", paddingY: "3", gap: "3", alignItems: "center", className, children: [
-    icon && /* @__PURE__ */ jsx(Icon, { size: "sm", children: icon }),
-    label && /* @__PURE__ */ jsx(Text, { weight: "semibold", children: label }),
-    children
-  ] });
-}
-function SidebarItem({
-  label,
-  icon,
-  isSelected,
-  className,
-  children,
-  ...props
-}) {
-  const { isCollapsed } = useContext(SidebarContext);
-  return /* @__PURE__ */ jsxs(TooltipTrigger, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
-    /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsxs(
-      Row,
-      {
-        ...props,
-        paddingX: isCollapsed ? "0" : "4",
-        paddingY: "2",
-        gap: "3",
-        alignItems: "center",
-        justifyContent: isCollapsed ? "center" : void 0,
-        borderRadius: "md",
-        className: cn(
-          "cursor-pointer",
-          "hover:bg-interactive",
-          isSelected && "bg-interactive font-medium",
-          className
-        ),
-        children: [
-          icon && /* @__PURE__ */ jsx(Icon, { size: "sm", children: icon }),
-          label && !isCollapsed && /* @__PURE__ */ jsx(Text, { children: label }),
-          children
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { placement: "right", children: label })
-  ] });
-}
 function Fill2({ percentage }) {
   const width = `calc(10px + ${percentage}% - ${percentage * 0.2}px)`;
   return /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 rounded-full bg-primary", style: { width } });
@@ -5220,6 +5066,6 @@ function ZenProvider({
   return /* @__PURE__ */ jsx(ToastProvider, { ...toast2, children });
 }
 
-export { Accordion, AccordionItem, AlertBanner, AlertDialog, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, ComboBox, ConfirmationDialog, Container, CopyButton, DataCard, DataColumn, DataTable, Dialog, Dots, Flexbox, FloatingTooltip, Form, FormButtons, FormController, FormField, FormFieldArray, FormResetButton, FormSubmitButton, Grid, Heading, HoverTrigger, Icon, IconLabel, Image, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, Modal, NavMenu, NavMenuGroup, NavMenuItem, Navbar, NavbarContext, NavbarItem, PALETTES, PaletteSwitcher, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, Sidebar, SidebarHeader, SidebarItem, SidebarSection, Slider, Spinner, StatusLight, SubMenuTrigger, Switch, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, Text, TextField, ThemeButton, ThemeSwitcher, Toast, ToastContext, ToastProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipBubble, ZenProvider, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, AlertBanner, AlertDialog, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, ComboBox, ConfirmationDialog, Container, CopyButton, DataCard, DataColumn, DataTable, Dialog, Dots, Flexbox, FloatingTooltip, Form, FormButtons, FormController, FormField, FormFieldArray, FormResetButton, FormSubmitButton, Grid, Heading, HoverTrigger, Icon, Image, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, Modal, Navbar, NavbarContext, NavbarItem, PALETTES, PaletteSwitcher, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, SearchField, Select, Slider, Spinner, StatusLight, SubMenuTrigger, Switch, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, Text, TextField, ThemeButton, ThemeSwitcher, Toast, ToastContext, ToastProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipBubble, ZenProvider, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map