@umami/react-zen 0.238.0 → 0.239.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +2 -51
- package/dist/index.d.ts +2 -51
- package/dist/index.js +8 -170
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -164
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/styles.full.css +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -399,7 +399,7 @@ interface ContainerProps extends BoxProps {
|
|
|
399
399
|
declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
400
400
|
|
|
401
401
|
interface CopyButtonProps {
|
|
402
|
-
value?: string;
|
|
402
|
+
value?: string | (() => string);
|
|
403
403
|
timeout?: number;
|
|
404
404
|
className?: string;
|
|
405
405
|
children?: ReactNode;
|
|
@@ -609,16 +609,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'>
|
|
|
609
609
|
}
|
|
610
610
|
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
611
611
|
|
|
612
|
-
interface IconLabelProps extends RowProps {
|
|
613
|
-
children?: ReactNode;
|
|
614
|
-
icon: ReactNode;
|
|
615
|
-
label?: ReactNode;
|
|
616
|
-
iconProps?: IconProps;
|
|
617
|
-
labelProps?: TextProps;
|
|
618
|
-
showLabel?: boolean;
|
|
619
|
-
}
|
|
620
|
-
declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react_jsx_runtime.JSX.Element;
|
|
621
|
-
|
|
622
612
|
interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
623
613
|
src: string;
|
|
624
614
|
alt?: string;
|
|
@@ -756,22 +746,6 @@ interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
|
|
|
756
746
|
}
|
|
757
747
|
declare function NavbarItem({ label, children, className, color: _color, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
|
|
758
748
|
|
|
759
|
-
interface NavMenuProps extends ColumnProps {
|
|
760
|
-
muteItems?: boolean;
|
|
761
|
-
onItemClick?: () => void;
|
|
762
|
-
}
|
|
763
|
-
declare function NavMenu({ muteItems, onItemClick, className, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
|
|
764
|
-
interface NavMenuGroupProps extends ColumnProps {
|
|
765
|
-
title?: string;
|
|
766
|
-
allowMinimize?: boolean;
|
|
767
|
-
isMinimized?: boolean;
|
|
768
|
-
}
|
|
769
|
-
declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, ...props }: NavMenuGroupProps): react_jsx_runtime.JSX.Element;
|
|
770
|
-
interface NavMenuItemProps extends RowProps {
|
|
771
|
-
isSelected?: boolean;
|
|
772
|
-
}
|
|
773
|
-
declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
774
|
-
|
|
775
749
|
interface PaletteSwitcherProps {
|
|
776
750
|
className?: string;
|
|
777
751
|
}
|
|
@@ -841,29 +815,6 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
|
841
815
|
}
|
|
842
816
|
declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
843
817
|
|
|
844
|
-
interface SidebarProps extends ColumnProps {
|
|
845
|
-
isCollapsed?: boolean;
|
|
846
|
-
muteItems?: boolean;
|
|
847
|
-
children?: ReactNode;
|
|
848
|
-
}
|
|
849
|
-
declare function Sidebar({ isCollapsed, muteItems, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
850
|
-
declare function SidebarSection({ title, className, children, ...props }: {
|
|
851
|
-
title?: string;
|
|
852
|
-
children: ReactNode;
|
|
853
|
-
} & ColumnProps): react_jsx_runtime.JSX.Element;
|
|
854
|
-
declare function SidebarHeader({ label, icon, className, children, ...props }: {
|
|
855
|
-
label: string;
|
|
856
|
-
icon?: ReactNode;
|
|
857
|
-
children?: ReactNode;
|
|
858
|
-
} & RowProps): react_jsx_runtime.JSX.Element;
|
|
859
|
-
interface SidebarItemProps extends RowProps {
|
|
860
|
-
isSelected?: boolean;
|
|
861
|
-
}
|
|
862
|
-
declare function SidebarItem({ label, icon, isSelected, className, children, ...props }: {
|
|
863
|
-
label?: string;
|
|
864
|
-
icon?: ReactNode;
|
|
865
|
-
} & SidebarItemProps): react_jsx_runtime.JSX.Element;
|
|
866
|
-
|
|
867
818
|
interface SliderProps extends SliderProps$1 {
|
|
868
819
|
label?: ReactNode;
|
|
869
820
|
showValue?: boolean;
|
|
@@ -986,4 +937,4 @@ interface ZenProviderProps {
|
|
|
986
937
|
}
|
|
987
938
|
declare function ZenProvider({ children, theme, colorScheme, palette, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
|
|
988
939
|
|
|
989
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon,
|
|
940
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -399,7 +399,7 @@ interface ContainerProps extends BoxProps {
|
|
|
399
399
|
declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
400
400
|
|
|
401
401
|
interface CopyButtonProps {
|
|
402
|
-
value?: string;
|
|
402
|
+
value?: string | (() => string);
|
|
403
403
|
timeout?: number;
|
|
404
404
|
className?: string;
|
|
405
405
|
children?: ReactNode;
|
|
@@ -609,16 +609,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'>
|
|
|
609
609
|
}
|
|
610
610
|
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
611
611
|
|
|
612
|
-
interface IconLabelProps extends RowProps {
|
|
613
|
-
children?: ReactNode;
|
|
614
|
-
icon: ReactNode;
|
|
615
|
-
label?: ReactNode;
|
|
616
|
-
iconProps?: IconProps;
|
|
617
|
-
labelProps?: TextProps;
|
|
618
|
-
showLabel?: boolean;
|
|
619
|
-
}
|
|
620
|
-
declare function IconLabel({ icon, label, iconProps, labelProps, showLabel, children, ...props }: IconLabelProps): react_jsx_runtime.JSX.Element;
|
|
621
|
-
|
|
622
612
|
interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
623
613
|
src: string;
|
|
624
614
|
alt?: string;
|
|
@@ -756,22 +746,6 @@ interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
|
|
|
756
746
|
}
|
|
757
747
|
declare function NavbarItem({ label, children, className, color: _color, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
|
|
758
748
|
|
|
759
|
-
interface NavMenuProps extends ColumnProps {
|
|
760
|
-
muteItems?: boolean;
|
|
761
|
-
onItemClick?: () => void;
|
|
762
|
-
}
|
|
763
|
-
declare function NavMenu({ muteItems, onItemClick, className, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
|
|
764
|
-
interface NavMenuGroupProps extends ColumnProps {
|
|
765
|
-
title?: string;
|
|
766
|
-
allowMinimize?: boolean;
|
|
767
|
-
isMinimized?: boolean;
|
|
768
|
-
}
|
|
769
|
-
declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, ...props }: NavMenuGroupProps): react_jsx_runtime.JSX.Element;
|
|
770
|
-
interface NavMenuItemProps extends RowProps {
|
|
771
|
-
isSelected?: boolean;
|
|
772
|
-
}
|
|
773
|
-
declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
774
|
-
|
|
775
749
|
interface PaletteSwitcherProps {
|
|
776
750
|
className?: string;
|
|
777
751
|
}
|
|
@@ -841,29 +815,6 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
|
841
815
|
}
|
|
842
816
|
declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
843
817
|
|
|
844
|
-
interface SidebarProps extends ColumnProps {
|
|
845
|
-
isCollapsed?: boolean;
|
|
846
|
-
muteItems?: boolean;
|
|
847
|
-
children?: ReactNode;
|
|
848
|
-
}
|
|
849
|
-
declare function Sidebar({ isCollapsed, muteItems, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
850
|
-
declare function SidebarSection({ title, className, children, ...props }: {
|
|
851
|
-
title?: string;
|
|
852
|
-
children: ReactNode;
|
|
853
|
-
} & ColumnProps): react_jsx_runtime.JSX.Element;
|
|
854
|
-
declare function SidebarHeader({ label, icon, className, children, ...props }: {
|
|
855
|
-
label: string;
|
|
856
|
-
icon?: ReactNode;
|
|
857
|
-
children?: ReactNode;
|
|
858
|
-
} & RowProps): react_jsx_runtime.JSX.Element;
|
|
859
|
-
interface SidebarItemProps extends RowProps {
|
|
860
|
-
isSelected?: boolean;
|
|
861
|
-
}
|
|
862
|
-
declare function SidebarItem({ label, icon, isSelected, className, children, ...props }: {
|
|
863
|
-
label?: string;
|
|
864
|
-
icon?: ReactNode;
|
|
865
|
-
} & SidebarItemProps): react_jsx_runtime.JSX.Element;
|
|
866
|
-
|
|
867
818
|
interface SliderProps extends SliderProps$1 {
|
|
868
819
|
label?: ReactNode;
|
|
869
820
|
showValue?: boolean;
|
|
@@ -986,4 +937,4 @@ interface ZenProviderProps {
|
|
|
986
937
|
}
|
|
987
938
|
declare function ZenProvider({ children, theme, colorScheme, palette, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
|
|
988
939
|
|
|
989
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon,
|
|
940
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, 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 };
|
package/dist/index.js
CHANGED
|
@@ -3128,8 +3128,9 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
|
|
|
3128
3128
|
const [copied, setCopied] = react.useState(false);
|
|
3129
3129
|
const ref = react.useRef(timeout);
|
|
3130
3130
|
const handleCopy = async () => {
|
|
3131
|
-
|
|
3132
|
-
|
|
3131
|
+
const text2 = typeof value === "function" ? value() : value;
|
|
3132
|
+
if (text2) {
|
|
3133
|
+
await navigator.clipboard.writeText(text2);
|
|
3133
3134
|
setCopied(true);
|
|
3134
3135
|
clearTimeout(ref.current);
|
|
3135
3136
|
ref.current = +setTimeout(() => setCopied(false), timeout);
|
|
@@ -4155,21 +4156,6 @@ function useToast() {
|
|
|
4155
4156
|
};
|
|
4156
4157
|
return { toast: toast2, toasts };
|
|
4157
4158
|
}
|
|
4158
|
-
function IconLabel({
|
|
4159
|
-
icon,
|
|
4160
|
-
label,
|
|
4161
|
-
iconProps,
|
|
4162
|
-
labelProps,
|
|
4163
|
-
showLabel = true,
|
|
4164
|
-
children,
|
|
4165
|
-
...props
|
|
4166
|
-
}) {
|
|
4167
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Row, { alignItems: "center", gap: true, ...props, children: [
|
|
4168
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...iconProps, children: icon }),
|
|
4169
|
-
showLabel && label && /* @__PURE__ */ jsxRuntime.jsx(Text, { ...labelProps, children: label }),
|
|
4170
|
-
showLabel && children
|
|
4171
|
-
] });
|
|
4172
|
-
}
|
|
4173
4159
|
var objectFitMap = {
|
|
4174
4160
|
fill: "object-fill",
|
|
4175
4161
|
contain: "object-contain",
|
|
@@ -4261,7 +4247,11 @@ function MenuItem({
|
|
|
4261
4247
|
className
|
|
4262
4248
|
),
|
|
4263
4249
|
children: ({ isSelected }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
4264
|
-
/* @__PURE__ */ jsxRuntime.
|
|
4250
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Row, { alignItems: "center", gap: true, children: [
|
|
4251
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { children: icon }),
|
|
4252
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(Text, { children: label }),
|
|
4253
|
+
children
|
|
4254
|
+
] }),
|
|
4265
4255
|
showChecked && isSelected && /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.Check, {}) }),
|
|
4266
4256
|
showSubMenuIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronRight, {}) })
|
|
4267
4257
|
] })
|
|
@@ -4390,73 +4380,6 @@ function NavbarItem({
|
|
|
4390
4380
|
}
|
|
4391
4381
|
);
|
|
4392
4382
|
}
|
|
4393
|
-
var NavMenuContext = react.createContext(null);
|
|
4394
|
-
function NavMenu({ muteItems, onItemClick, className, children, ...props }) {
|
|
4395
|
-
return /* @__PURE__ */ jsxRuntime.jsx(NavMenuContext.Provider, { value: { onItemClick }, children: /* @__PURE__ */ jsxRuntime.jsx(Column, { ...props, color: muteItems ? "muted" : void 0, className, children }) });
|
|
4396
|
-
}
|
|
4397
|
-
function NavMenuGroup({
|
|
4398
|
-
title,
|
|
4399
|
-
allowMinimize = true,
|
|
4400
|
-
isMinimized,
|
|
4401
|
-
className,
|
|
4402
|
-
children,
|
|
4403
|
-
...props
|
|
4404
|
-
}) {
|
|
4405
|
-
const [minimized, setMinimized] = react.useState(!!isMinimized);
|
|
4406
|
-
const handleClick = () => {
|
|
4407
|
-
if (allowMinimize) {
|
|
4408
|
-
setMinimized((state) => !state);
|
|
4409
|
-
}
|
|
4410
|
-
};
|
|
4411
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4412
|
-
Column,
|
|
4413
|
-
{
|
|
4414
|
-
...props,
|
|
4415
|
-
className: cn(
|
|
4416
|
-
className,
|
|
4417
|
-
allowMinimize && "cursor-pointer",
|
|
4418
|
-
allowMinimize && minimized && "[&_.navmenu-children]:hidden"
|
|
4419
|
-
),
|
|
4420
|
-
children: [
|
|
4421
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4422
|
-
Row,
|
|
4423
|
-
{
|
|
4424
|
-
paddingY: "2",
|
|
4425
|
-
paddingX: "3",
|
|
4426
|
-
alignItems: "center",
|
|
4427
|
-
justifyContent: "space-between",
|
|
4428
|
-
onClick: handleClick,
|
|
4429
|
-
children: [
|
|
4430
|
-
/* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", weight: "semibold", color: "muted", transform: "uppercase", children: title }),
|
|
4431
|
-
allowMinimize && /* @__PURE__ */ jsxRuntime.jsx(Icon, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronRight, {}) })
|
|
4432
|
-
]
|
|
4433
|
-
}
|
|
4434
|
-
),
|
|
4435
|
-
!minimized && /* @__PURE__ */ jsxRuntime.jsx(Column, { className: "navmenu-children", children })
|
|
4436
|
-
]
|
|
4437
|
-
}
|
|
4438
|
-
);
|
|
4439
|
-
}
|
|
4440
|
-
function NavMenuItem({ isSelected, className, children, ...props }) {
|
|
4441
|
-
const { onItemClick } = react.useContext(NavMenuContext);
|
|
4442
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4443
|
-
Row,
|
|
4444
|
-
{
|
|
4445
|
-
...props,
|
|
4446
|
-
paddingY: "2",
|
|
4447
|
-
paddingX: "3",
|
|
4448
|
-
borderRadius: "md",
|
|
4449
|
-
onClick: onItemClick,
|
|
4450
|
-
className: cn(
|
|
4451
|
-
"cursor-pointer",
|
|
4452
|
-
"hover:bg-interactive",
|
|
4453
|
-
isSelected && "bg-interactive font-medium",
|
|
4454
|
-
className
|
|
4455
|
-
),
|
|
4456
|
-
children
|
|
4457
|
-
}
|
|
4458
|
-
);
|
|
4459
|
-
}
|
|
4460
4383
|
var PALETTE_LABELS = {
|
|
4461
4384
|
neutral: "Neutral",
|
|
4462
4385
|
slate: "Slate",
|
|
@@ -4829,83 +4752,6 @@ function Select({
|
|
|
4829
4752
|
}
|
|
4830
4753
|
);
|
|
4831
4754
|
}
|
|
4832
|
-
var SidebarContext = react.createContext(null);
|
|
4833
|
-
function Sidebar({ isCollapsed, muteItems, className, children, ...props }) {
|
|
4834
|
-
return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4835
|
-
Column,
|
|
4836
|
-
{
|
|
4837
|
-
border: "right",
|
|
4838
|
-
...props,
|
|
4839
|
-
className: cn(
|
|
4840
|
-
"text-base",
|
|
4841
|
-
isCollapsed && "w-16",
|
|
4842
|
-
muteItems && "text-foreground-muted",
|
|
4843
|
-
className
|
|
4844
|
-
),
|
|
4845
|
-
children
|
|
4846
|
-
}
|
|
4847
|
-
) });
|
|
4848
|
-
}
|
|
4849
|
-
function SidebarSection({
|
|
4850
|
-
title,
|
|
4851
|
-
className,
|
|
4852
|
-
children,
|
|
4853
|
-
...props
|
|
4854
|
-
}) {
|
|
4855
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Column, { ...props, paddingY: "2", className, children: [
|
|
4856
|
-
title && /* @__PURE__ */ jsxRuntime.jsx(Box, { paddingX: "4", paddingY: "2", children: /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", weight: "semibold", transform: "uppercase", color: "muted", children: title }) }),
|
|
4857
|
-
/* @__PURE__ */ jsxRuntime.jsx(Column, { children })
|
|
4858
|
-
] });
|
|
4859
|
-
}
|
|
4860
|
-
function SidebarHeader({
|
|
4861
|
-
label,
|
|
4862
|
-
icon,
|
|
4863
|
-
className,
|
|
4864
|
-
children,
|
|
4865
|
-
...props
|
|
4866
|
-
}) {
|
|
4867
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Row, { ...props, paddingX: "4", paddingY: "3", gap: "3", alignItems: "center", className, children: [
|
|
4868
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "sm", children: icon }),
|
|
4869
|
-
label && /* @__PURE__ */ jsxRuntime.jsx(Text, { weight: "semibold", children: label }),
|
|
4870
|
-
children
|
|
4871
|
-
] });
|
|
4872
|
-
}
|
|
4873
|
-
function SidebarItem({
|
|
4874
|
-
label,
|
|
4875
|
-
icon,
|
|
4876
|
-
isSelected,
|
|
4877
|
-
className,
|
|
4878
|
-
children,
|
|
4879
|
-
...props
|
|
4880
|
-
}) {
|
|
4881
|
-
const { isCollapsed } = react.useContext(SidebarContext);
|
|
4882
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.TooltipTrigger, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
|
|
4883
|
-
/* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Focusable, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4884
|
-
Row,
|
|
4885
|
-
{
|
|
4886
|
-
...props,
|
|
4887
|
-
paddingX: isCollapsed ? "0" : "4",
|
|
4888
|
-
paddingY: "2",
|
|
4889
|
-
gap: "3",
|
|
4890
|
-
alignItems: "center",
|
|
4891
|
-
justifyContent: isCollapsed ? "center" : void 0,
|
|
4892
|
-
borderRadius: "md",
|
|
4893
|
-
className: cn(
|
|
4894
|
-
"cursor-pointer",
|
|
4895
|
-
"hover:bg-interactive",
|
|
4896
|
-
isSelected && "bg-interactive font-medium",
|
|
4897
|
-
className
|
|
4898
|
-
),
|
|
4899
|
-
children: [
|
|
4900
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "sm", children: icon }),
|
|
4901
|
-
label && !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx(Text, { children: label }),
|
|
4902
|
-
children
|
|
4903
|
-
]
|
|
4904
|
-
}
|
|
4905
|
-
) }),
|
|
4906
|
-
/* @__PURE__ */ jsxRuntime.jsx(Tooltip, { placement: "right", children: label })
|
|
4907
|
-
] });
|
|
4908
|
-
}
|
|
4909
4755
|
function Fill2({ percentage }) {
|
|
4910
4756
|
const width = `calc(10px + ${percentage}% - ${percentage * 0.2}px)`;
|
|
4911
4757
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-0 rounded-full bg-primary", style: { width } });
|
|
@@ -5308,7 +5154,6 @@ exports.Grid = Grid;
|
|
|
5308
5154
|
exports.Heading = Heading;
|
|
5309
5155
|
exports.HoverTrigger = HoverTrigger;
|
|
5310
5156
|
exports.Icon = Icon;
|
|
5311
|
-
exports.IconLabel = IconLabel;
|
|
5312
5157
|
exports.Image = Image;
|
|
5313
5158
|
exports.Label = Label;
|
|
5314
5159
|
exports.List = List;
|
|
@@ -5322,9 +5167,6 @@ exports.MenuItem = MenuItem;
|
|
|
5322
5167
|
exports.MenuSection = MenuSection;
|
|
5323
5168
|
exports.MenuSeparator = MenuSeparator;
|
|
5324
5169
|
exports.Modal = Modal;
|
|
5325
|
-
exports.NavMenu = NavMenu;
|
|
5326
|
-
exports.NavMenuGroup = NavMenuGroup;
|
|
5327
|
-
exports.NavMenuItem = NavMenuItem;
|
|
5328
5170
|
exports.Navbar = Navbar;
|
|
5329
5171
|
exports.NavbarContext = NavbarContext;
|
|
5330
5172
|
exports.NavbarItem = NavbarItem;
|
|
@@ -5339,10 +5181,6 @@ exports.RadioGroup = RadioGroup;
|
|
|
5339
5181
|
exports.Row = Row;
|
|
5340
5182
|
exports.SearchField = SearchField;
|
|
5341
5183
|
exports.Select = Select;
|
|
5342
|
-
exports.Sidebar = Sidebar;
|
|
5343
|
-
exports.SidebarHeader = SidebarHeader;
|
|
5344
|
-
exports.SidebarItem = SidebarItem;
|
|
5345
|
-
exports.SidebarSection = SidebarSection;
|
|
5346
5184
|
exports.Slider = Slider;
|
|
5347
5185
|
exports.Spinner = Spinner;
|
|
5348
5186
|
exports.StatusLight = StatusLight;
|