@zydon/common 2.7.63 → 2.7.65

package/dist/theme/styles/index.d.ts

@@ -2,50 +2,25 @@ import * as _mui_material_styles_createTypography from '@mui/material/styles/cre
 import * as csstype from 'csstype';
 import { CSSObject, Theme } from '@mui/material/styles';
 
-/**
- * Usage:
- * ...hideScrollX,
- * ...hideScrollY,
- */
 declare const hideScrollX: CSSObject;
 declare const hideScrollY: CSSObject;
-/**
- * Usage:
- * ...textGradient(`to right, ${theme.vars.palette.text.primary}, ${alpha(theme.vars.palette.text.primary, 0.2)}`
- */
 declare function textGradient(color: string): CSSObject;
-/**
- * Usage:
- * ...borderGradient({ color: `to right, ${theme.vars.palette.text.primary}, ${alpha(theme.vars.palette.text.primary, 0.2)}`, padding: '4px' }),
- */
 type BorderGradientProps = {
     color?: string;
     padding?: string;
 };
 declare function borderGradient(props?: BorderGradientProps): CSSObject;
-/**
- * Usage:
- * ...bgGradient({ color: `to right, ${theme.vars.palette.grey[900]} 25%, ${varAlpha(theme.vars.palette.primary.darkerChannel, 0.88)}`, imgUrl: '/assets/background/overlay.png' }),
- */
 type BgGradientProps = {
     color: string;
     imgUrl?: string;
 };
 declare function bgGradient({ color, imgUrl }: BgGradientProps): CSSObject;
-/**
- * Usage:
- * ...bgBlur({ color: `varAlpha(theme.vars.palette.background.paperChannel, 0.8)`, imgUrl: '/assets/background/overlay.png', blur: 6 }),
- */
 type BgBlurProps = {
     color: string;
     blur?: number;
     imgUrl?: string;
 };
 declare function bgBlur({ color, blur, imgUrl }: BgBlurProps): CSSObject;
-/**
- * Usage:
- * ...maxLine({ line: 2, persistent: theme.typography.caption }),
- */
 type MediaFontSize = {
     [key: string]: {
         fontSize: React.CSSProperties['fontSize'];
@@ -56,10 +31,6 @@ type MaxLineProps = {
     persistent?: Partial<React.CSSProperties>;
 };
 declare function maxLine({ line, persistent }: MaxLineProps): CSSObject;
-/**
- * Usage:
- * ...paper({ theme, color: varAlpha(theme.vars.palette.background.paperChannel, 0.9), dropdown: true }),
- */
 type PaperProps = {
     theme: Theme;
     color?: string;
@@ -193,7 +164,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
     flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
     float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
-    fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
+    fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
     fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
     fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
     fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -218,7 +189,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
     fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
     fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
-    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
+    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
     forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
     gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
     gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -445,7 +416,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
     zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
     all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
-    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
     background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
     border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -454,7 +425,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
-    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
     borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -486,7 +457,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -729,8 +700,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
     WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
     WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -741,16 +712,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
     msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
     msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -831,7 +802,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
     MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
     msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
     OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
     OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -841,7 +812,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
+    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
     OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;
@@ -1024,10 +995,6 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     ":valid"?: unknown;
     ":visited"?: unknown;
 };
-/**
- * Usage:
- * ...menuItem(theme)
- */
 declare function menuItem(theme: Theme): {
     [x: string]: unknown;
     padding: string;
@@ -1872,21 +1839,9 @@ declare const mediaQueries: {
     upLg: string;
     upXl: string;
 };
-/**
- * Set font family
- */
 declare function setFont(fontName: string): string;
-/**
- * Converts rem to px
- */
 declare function remToPx(value: string): number;
-/**
- * Converts px to rem
- */
 declare function pxToRem(value: number): string;
-/**
- * Responsive font sizes
- */
 declare function responsiveFontSizes({ sm, md, lg, }: {
     sm: number;
     md: number;
@@ -1896,34 +1851,15 @@ declare function responsiveFontSizes({ sm, md, lg, }: {
         fontSize: string;
     };
 };
-/**
- * Converts a hex color to RGB channels
- */
 declare function hexToRgbChannel(hex: string): string;
-/**
- * Converts a hex color to RGBA channels with optional alpha support
- * Supports:
- * - 6-digit hex: "#FF0000" -> "255 0 0"
- * - 8-digit hex: "#FF000080" -> "255 0 0 / 0.5"
- * - 6-digit hex with explicit alpha: hexToRgbaChannel("#FF0000", 0.5) -> "255 0 0 / 0.5"
- */
 declare function hexToRgbaChannel(hex: string, alpha?: number): string;
-/**
- * Converts a hex color to RGB channels
- */
 declare function createPaletteChannel(hexPalette: Record<string, string>): {
     [x: string]: string;
 };
-/**
- * Color definition with optional alpha
- */
 interface ColorWithAlpha {
     color: string;
     alpha?: number;
 }
-/**
- * Color with alpha channel
- */
 declare function varAlpha(color: string, opacity?: number): string;
 
 export { BgBlurProps, BgGradientProps, BorderGradientProps, ColorWithAlpha, MaxLineProps, MediaFontSize, bgBlur, bgGradient, borderGradient, createPaletteChannel, hexToRgbChannel, hexToRgbaChannel, hideScrollX, hideScrollY, maxLine, mediaQueries, menuItem, paper, pxToRem, remToPx, responsiveFontSizes, setFont, stylesMode, textGradient, varAlpha };

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as default } from '../chunk-VPKUUY5Q.js';
+export { b as default } from '../chunk-CU7PKEY2.js';
 import '../chunk-LDGBS7ZI.js';
-import '../chunk-WUFEPE2G.js';
 export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
+import '../chunk-WUFEPE2G.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=theme-provider.js.map

package/dist/theme/with-settings/index.d.ts

@@ -4,10 +4,6 @@ import { S as SettingsState } from '../../settings-583c107c.js';
 import { T as ThemeUpdateOptions } from '../../types-b8e8c021.js';
 import '@mui/material/styles/createTypography';
 
-/**
- * [1] settings @primaryColor
- * [2] settings @contrast
- */
 declare function updateCoreWithSettings(theme: ThemeUpdateOptions, settings: SettingsState): ThemeUpdateOptions;
 declare function updateComponentsWithSettings(settings: SettingsState): {
     components: Components<Omit<Theme, "palette" | "components"> & _mui_material_styles.CssVarsTheme>;

package/dist/types/sectionProps.d.ts

@@ -1,3 +1,4 @@
+import { StackProps } from '@mui/material/Stack';
 import { MutableRefObject, ReactNode } from 'react';
 
 interface SectionProps {
@@ -7,6 +8,7 @@ interface SectionProps {
     subTitle?: string;
     isRequired?: boolean;
     child: ReactNode;
+    sectionContentProps?: StackProps;
 }
 
 export { SectionProps };

package/dist/types/selectList.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+
+interface SelectListProps {
+    label?: ReactNode;
+    value?: string | string[];
+    multiple?: boolean;
+    options: {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+        startContent?: ReactNode;
+    }[];
+    total?: number;
+    onChange: (value: string | string[]) => void;
+    pagination?: {
+        page: number;
+        perPage: number;
+        onChange: (page: number, perPage: number) => void;
+    };
+    onSearch?: (search?: string) => void;
+    onAdd?: VoidFunction;
+    loading?: boolean;
+    loadingView?: ReactNode;
+    fetching?: boolean;
+    fetchingView?: ReactNode;
+    emptyView?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+}
+
+export { SelectListProps };

package/dist/types/selectList.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=selectList.js.map

package/dist/types/selectList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/utils/compare.d.ts

@@ -1,26 +1,5 @@
 export { default as isEqual } from 'react-fast-compare';
 
-/**
- * Realiza comparação profunda entre dois valores com tratamento especial para Sets.
- *
- * Esta função utiliza react-fast-compare como base, mas adiciona lógica especial
- * para Sets que contêm objetos, já que react-fast-compare pode não comparar
- * corretamente Sets com objetos complexos em algumas situações.
- *
- * @param a - Primeiro valor a ser comparado
- * @param b - Segundo valor a ser comparado
- * @returns true se os valores são profundamente iguais, false caso contrário
- *
- * @example
- * ```typescript
- * const set1 = new Set([{id: 1}, {id: 2}]);
- * const set2 = new Set([{id: 1}, {id: 2}]);
- * deepCompareWithSets(set1, set2); // true
- *
- * deepCompareWithSets([1, 2, 3], [1, 2, 3]); // true
- * deepCompareWithSets({a: 1}, {a: 1}); // true
- * ```
- */
 declare const deepCompareWithSets: (a: unknown, b: unknown) => boolean;
 
 export { deepCompareWithSets };

package/dist/utils/dnd.js

@@ -1,11 +1,11 @@
-export { x as CSS, r as add, b as canUseDOM, y as findFirstFocusableNode, w as getEventCoordinates, i as getOwnerDocument, e as getWindow, t as hasViewportRelativeCoordinates, f as isDocument, g as isHTMLElement, u as isKeyboardEvent, d as isNode, h as isSVGElement, v as isTouchEvent, c as isWindow, s as subtract, a as useCombinedRefs, k as useEvent, l as useInterval, j as useIsomorphicLayoutEffect, m as useLatestValue, n as useLazyMemo, o as useNodeRef, p as usePrevious, q as useUniqueId } from '../chunk-33C6UWPV.js';
-import i, { useState, useCallback } from 'react';
+export * from '@dnd-kit/accessibility';
 export * from '@dnd-kit/core';
 export * from '@dnd-kit/modifiers';
 export * from '@dnd-kit/sortable';
+export * from '@dnd-kit/utilities';
 
-var c={display:"none"};function q(e){let{id:n,value:t}=e;return i.createElement("div",{id:n,style:c},t)}function z(e){let{id:n,announcement:t,ariaLiveType:r="assertive"}=e,o={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return i.createElement("div",{id:n,style:o,role:"status","aria-live":r,"aria-atomic":!0},t)}function B(){let[e,n]=useState("");return {announce:useCallback(r=>{r!=null&&n(r);},[]),announcement:e}}var u=(e,n)=>{if(e?.data?.current)return e.data.current[n]},G=e=>u(e,"index")||0;
+var t=(e,r)=>{if(e?.data?.current)return e.data.current[r]},n=e=>t(e,"index")||0;
 
-export { q as HiddenText, z as LiveRegion, u as getData, G as getIndex, B as useAnnouncement };
+export { t as getData, n as getIndex };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=dnd.js.map

package/dist/utils/dnd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@dnd-kit/accessibility/src/components/HiddenText/HiddenText.tsx","../../node_modules/@dnd-kit/accessibility/src/components/LiveRegion/LiveRegion.tsx","../../node_modules/@dnd-kit/accessibility/src/hooks/useAnnouncement.ts","../../src/utils/dnd.ts"],"names":["hiddenStyles","display","HiddenText","id","value","React","style","LiveRegion","announcement","ariaLiveType","visuallyHidden","position","top","left","width","height","margin","border","padding","overflow","clip","clipPath","whiteSpace","role","useAnnouncement","setAnnouncement","useState","announce","useCallback","getData","data","propName","getIndex"],"mappings":"sQAOA,IAAMA,EAAoC,CACxCC,QAAS,MAD+B,WAI1BC,EAAAA,EAAAA,IAAW,CAACC,GAAAA,EAAIC,MAAAA,KAC9B,OACEC,EAAAA,cAAA,MAAA,CAAKF,GAAIA,EAAIG,MAAON,GACjBI,CADH,CAIH,UCTeG,EAAAA,EAAAA,IAAW,CAACJ,GAAAA,EAAIK,aAAAA,EAAcC,aAAAA,EAAe,eAErDC,EAAsC,CAC1CC,SAAU,QACVC,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAAQ,EACRC,OAAQ,GACRC,OAAQ,EACRC,QAAS,EACTC,SAAU,SACVC,KAAM,gBACNC,SAAU,cACVC,WAAY,UAGd,OACEjB,EAAAA,cAAA,MAAA,CACEF,GAAIA,EACJG,MAAOI,EACPa,KAAK,qBACMd,oBAGVD,CAPH,CAUH,UClCegB,GAAAA,CACd,GAAM,CAAChB,EAAciB,CAAf,EAAkCC,EAAS,EAAD,EAOhD,MAAO,CAACC,SANSC,EAAaxB,GAAD,CACvBA,GAAS,MACXqB,EAAgBrB,CAAD,GAEhB,CAAA,CAJyB,EAMVI,aAAAA,EACnB,CCRD,WAAc,gBACd,WAAc,qBACd,WAAc,oBAGP,IAAMqB,EAAU,CACrBC,EACAC,IACkB,CAClB,GAAKD,GAAM,MAAM,QAEjB,OAAOA,EAAK,KAAK,QAAQC,CAAQ,CACnC,EAEaC,EAAYF,GAChBD,EAAgBC,EAAM,OAAO,GAAK","sourcesContent":["import React from 'react';\n\ninterface Props {\n  id: string;\n  value: string;\n}\n\nconst hiddenStyles: React.CSSProperties = {\n  display: 'none',\n};\n\nexport function HiddenText({id, value}: Props) {\n  return (\n    <div id={id} style={hiddenStyles}>\n      {value}\n    </div>\n  );\n}\n","import React from 'react';\n\nexport interface Props {\n  id: string;\n  announcement: string;\n  ariaLiveType?: \"polite\" | \"assertive\" | \"off\";\n}\n\nexport function LiveRegion({id, announcement, ariaLiveType = \"assertive\"}: Props) {\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden: React.CSSProperties = {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap',\n  };\n  \n  return (\n    <div\n      id={id}\n      style={visuallyHidden}\n      role=\"status\"\n      aria-live={ariaLiveType}\n      aria-atomic\n    >\n      {announcement}\n    </div>\n  );\n}\n","import {useCallback, useState} from 'react';\n\nexport function useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback((value: string | undefined) => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n\n  return {announce, announcement} as const;\n}\n","import { Active, Over } from '@dnd-kit/core';\n\nexport * from '@dnd-kit/accessibility';\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/modifiers';\nexport * from '@dnd-kit/sortable';\nexport * from '@dnd-kit/utilities';\n\nexport const getData = <T>(\n  data: Active | Over | undefined,\n  propName: string,\n): T | undefined => {\n  if (!data?.data?.current) return undefined;\n\n  return data.data.current[propName];\n};\n\nexport const getIndex = (data: Active | Over | undefined) => {\n  return getData<number>(data, 'index') || 0;\n};\n"]}
+{"version":3,"sources":["../../src/utils/dnd.ts"],"names":["getData","data","propName","getIndex"],"mappings":"AAEA,WAAc,yBACd,WAAc,gBACd,WAAc,qBACd,WAAc,oBACd,WAAc,qBAEP,IAAMA,EAAU,CACrBC,EACAC,IACkB,CAClB,GAAKD,GAAM,MAAM,QAEjB,OAAOA,EAAK,KAAK,QAAQC,CAAQ,CACnC,EAEaC,EAAYF,GAChBD,EAAgBC,EAAM,OAAO,GAAK","sourcesContent":["import { Active, Over } from '@dnd-kit/core';\n\nexport * from '@dnd-kit/accessibility';\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/modifiers';\nexport * from '@dnd-kit/sortable';\nexport * from '@dnd-kit/utilities';\n\nexport const getData = <T>(\n  data: Active | Over | undefined,\n  propName: string,\n): T | undefined => {\n  if (!data?.data?.current) return undefined;\n\n  return data.data.current[propName];\n};\n\nexport const getIndex = (data: Active | Over | undefined) => {\n  return getData<number>(data, 'index') || 0;\n};\n"]}

package/dist/utils/execution.d.ts

@@ -1,76 +1,6 @@
 import * as lodash from 'lodash';
 
-/**
- * Executa imediatamente uma função e retorna seu resultado.
- *
- * Esta função utilitária é usada para avaliar expressões de forma "eager" (ansiosa),
- * executando a função fornecida imediatamente e retornando seu valor. É útil em
- * situações onde você quer forçar a execução imediata de uma função que poderia
- * ser avaliada de forma lazy (preguiçosa).
- *
- * @template T - O tipo do valor retornado pela função
- * @param fn - A função a ser executada imediatamente
- * @returns O resultado da execução da função
- *
- * @example
- * ```typescript
- * // Execução imediata de uma computação
- * const result = eager(() => {
- *   console.log('Executando agora!');
- *   return 42;
- * }); // result = 42, e o console.log é executado imediatamente
- *
- * // Útil para inicialização de valores
- * const config = eager(() => ({
- *   apiUrl: process.env.API_URL || 'http://localhost:3000',
- *   timeout: 5000
- * }));
- *
- * // Forçar execução de side effects
- * eager(() => {
- *   localStorage.setItem('initialized', 'true');
- *   return null;
- * });
- * ```
- */
 declare const eager: <T>(fn: () => T) => T;
-/**
- * Adia a execução de uma função para o próximo ciclo do event loop.
- *
- * Esta função utiliza setTimeout com delay 0 para agendar a execução da função
- * fornecida para o próximo tick do event loop. É útil para quebrar operações
- * síncronas longas ou para garantir que o DOM seja atualizado antes da execução.
- *
- * @template T - O tipo do valor retornado pela função
- * @param fn - A função a ser executada de forma adiada
- * @returns Uma Promise que resolve com o resultado da função
- *
- * @example
- * ```typescript
- * // Adiar execução para permitir atualização do DOM
- * const updateUI = async () => {
- *   setLoading(true);
- *
- *   const result = await defer(() => {
- *     return processLargeDataset(data);
- *   });
- *
- *   setLoading(false);
- *   return result;
- * };
- *
- * // Quebrar operação síncrona longa
- * const processInChunks = async (items: any[]) => {
- *   for (let i = 0; i < items.length; i += 100) {
- *     const chunk = items.slice(i, i + 100);
- *     processChunk(chunk);
- *
- *     // Permite que outras tarefas sejam executadas
- *     await defer(() => {});
- *   }
- * };
- * ```
- */
 declare const defer: <T>(fn: () => T) => Promise<T>;
 declare const debounce: {
     <T extends (...args: any) => any>(func: T, wait: number | undefined, options: lodash.DebounceSettingsLeading): lodash.DebouncedFuncLeading<T>;

package/dist/utils/object.d.ts

@@ -1,9 +1,3 @@
-/**
- * Define uma propriedade aninhada em um objeto usando notação de ponto
- * @param obj - O objeto onde definir a propriedade
- * @param path - O caminho da propriedade usando notação de ponto (ex: 'a.b.c')
- * @param value - O valor a ser definido
- */
 declare const setNestedProperty: (obj: Record<string, unknown>, path: string, value: unknown) => void;
 
 export { setNestedProperty };

package/dist/utils/paymentValidators.d.ts

@@ -1,9 +1,3 @@
-/**
- * Implementa o algoritmo de Luhn para validação de números de cartão de crédito.
- * Retorna true se o número for válido ou uma mensagem de erro caso contrário.
- *
- * @param cardNumber Número do cartão (com ou sem espaços)
- */
 declare const validateCardNumber: (cardNumber: string) => boolean | string;
 declare const validateExpirationDate: (value: string) => true | "Mês inválido" | "Cartão expirado";
 

package/dist/utils/popup.d.ts

@@ -1,10 +1,3 @@
-/**
- * Abre uma janela popup centralizada, ajustando para múltiplos monitores e zoom.
- * @param {string} url URL que será carregada na popup
- * @param {number} desiredWidth Largura desejada da popup (px)
- * @param {number} desiredHeight Altura desejada da popup (px)
- * @returns {Window|null} Referência à janela criada, ou null se bloqueada
- */
 declare const openCenteredPopup: (url: string, desiredWidth?: number, desiredHeight?: number) => Window | null;
 
 export { openCenteredPopup };

package/dist/utils/string.d.ts

@@ -1,8 +1,3 @@
-/**
- * Extrai as iniciais de um nome ou texto
- * @param name - Nome ou texto para extrair as iniciais
- * @returns String com as iniciais (máximo 2 caracteres)
- */
 declare const getInitials: (name: string) => string;
 
 export { getInitials };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.7.63",
+  "version": "2.7.65",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -104,6 +104,7 @@
     "@types/color": "^3.0.6",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^30.0.0",
+    "@types/jest-axe": "^3.5.9",
     "@types/lodash": "^4.17.20",
     "@types/node": "^20.0.0",
     "@types/react": "^18.3.4",
@@ -116,6 +117,7 @@
     "autoprefixer": "^10.4.20",
     "eslint": "^8.47.0",
     "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -123,6 +125,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
+    "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest-util": "^30.0.5",
@@ -138,9 +141,11 @@
     "vite": "^6.0.7"
   },
   "dependencies": {
+    "@dnd-kit/accessibility": "^3.1.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "browser-image-compression": "^2.0.2",
     "card-validator": "^10.0.3",
     "color": "^4.2.3",

package/dist/chunk-33C6UWPV.js

@@ -1,7 +0,0 @@
-import { useMemo, useLayoutEffect, useEffect, useRef, useCallback } from 'react';
-
-function Y(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];return useMemo(()=>u=>{t.forEach(r=>r(u));},t)}var D=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function a(n){let t=Object.prototype.toString.call(n);return t==="[object Window]"||t==="[object global]"}function b(n){return "nodeType"in n}function c(n){var t,e;return n?a(n)?n:b(n)&&(t=(e=n.ownerDocument)==null?void 0:e.defaultView)!=null?t:window:window}function j(n){let{Document:t}=c(n);return n instanceof t}function C(n){return a(n)?!1:n instanceof c(n).HTMLElement}function L(n){return n instanceof c(n).SVGElement}function x(n){return n?a(n)?n.document:b(n)?j(n)?n:C(n)||L(n)?n.ownerDocument:document:document:document}var E=D?useLayoutEffect:useEffect;function M(n){let t=useRef(n);return E(()=>{t.current=n;}),useCallback(function(){for(var e=arguments.length,u=new Array(e),r=0;r<e;r++)u[r]=arguments[r];return t.current==null?void 0:t.current(...u)},[])}function A(){let n=useRef(null),t=useCallback((u,r)=>{n.current=setInterval(u,r);},[]),e=useCallback(()=>{n.current!==null&&(clearInterval(n.current),n.current=null);},[]);return [t,e]}function I(n,t){t===void 0&&(t=[n]);let e=useRef(n);return E(()=>{e.current!==n&&(e.current=n);},t),e}function v(n,t){let e=useRef();return useMemo(()=>{let u=n(e.current);return e.current=u,u},[...t])}function N(n){let t=M(n),e=useRef(null),u=useCallback(r=>{r!==e.current&&t?.(r,e.current),e.current=r;},[]);return [e,u]}function F(n){let t=useRef();return useEffect(()=>{t.current=n;},[n]),t.current}var f={};function H(n,t){return useMemo(()=>{if(t)return t;let e=f[n]==null?0:f[n]+1;return f[n]=e,n+"-"+e},[n,t])}function S(n){return function(t){for(var e=arguments.length,u=new Array(e>1?e-1:0),r=1;r<e;r++)u[r-1]=arguments[r];return u.reduce((s,T)=>{let y=Object.entries(T);for(let[d,p]of y){let m=s[d];m!=null&&(s[d]=m+n*p);}return s},{...t})}}var W=S(1),q=S(-1);function O(n){return "clientX"in n&&"clientY"in n}function z(n){if(!n)return !1;let{KeyboardEvent:t}=c(n.target);return t&&n instanceof t}function V(n){if(!n)return !1;let{TouchEvent:t}=c(n.target);return t&&n instanceof t}function G(n){if(V(n)){if(n.touches&&n.touches.length){let{clientX:t,clientY:e}=n.touches[0];return {x:t,y:e}}else if(n.changedTouches&&n.changedTouches.length){let{clientX:t,clientY:e}=n.changedTouches[0];return {x:t,y:e}}}return O(n)?{x:n.clientX,y:n.clientY}:null}var w=Object.freeze({Translate:{toString(n){if(!n)return;let{x:t,y:e}=n;return "translate3d("+(t?Math.round(t):0)+"px, "+(e?Math.round(e):0)+"px, 0)"}},Scale:{toString(n){if(!n)return;let{scaleX:t,scaleY:e}=n;return "scaleX("+t+") scaleY("+e+")"}},Transform:{toString(n){if(n)return [w.Translate.toString(n),w.Scale.toString(n)].join(" ")}},Transition:{toString(n){let{property:t,duration:e,easing:u}=n;return t+" "+e+"ms "+u}}}),h="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function K(n){return n.matches(h)?n:n.querySelector(h)}
-
-export { Y as a, D as b, a as c, b as d, c as e, j as f, C as g, L as h, x as i, E as j, M as k, A as l, I as m, v as n, N as o, F as p, H as q, W as r, q as s, O as t, z as u, V as v, G as w, w as x, K as y };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-33C6UWPV.js.map

package/dist/chunk-33C6UWPV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/@dnd-kit/utilities/src/hooks/useCombinedRefs.ts","../node_modules/@dnd-kit/utilities/src/execution-context/canUseDOM.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isWindow.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isNode.ts","../node_modules/@dnd-kit/utilities/src/execution-context/getWindow.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isDocument.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isHTMLElement.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isSVGElement.ts","../node_modules/@dnd-kit/utilities/src/execution-context/getOwnerDocument.ts","../node_modules/@dnd-kit/utilities/src/hooks/useIsomorphicLayoutEffect.ts","../node_modules/@dnd-kit/utilities/src/hooks/useEvent.ts","../node_modules/@dnd-kit/utilities/src/hooks/useInterval.ts","../node_modules/@dnd-kit/utilities/src/hooks/useLatestValue.ts","../node_modules/@dnd-kit/utilities/src/hooks/useLazyMemo.ts","../node_modules/@dnd-kit/utilities/src/hooks/useNodeRef.ts","../node_modules/@dnd-kit/utilities/src/hooks/usePrevious.ts","../node_modules/@dnd-kit/utilities/src/hooks/useUniqueId.ts","../node_modules/@dnd-kit/utilities/src/adjustment.ts","../node_modules/@dnd-kit/utilities/src/event/hasViewportRelativeCoordinates.ts","../node_modules/@dnd-kit/utilities/src/event/isKeyboardEvent.ts","../node_modules/@dnd-kit/utilities/src/event/isTouchEvent.ts","../node_modules/@dnd-kit/utilities/src/coordinates/getEventCoordinates.ts","../node_modules/@dnd-kit/utilities/src/css.ts","../node_modules/@dnd-kit/utilities/src/focus/findFirstFocusableNode.ts"],"names":["useCombinedRefs","refs","useMemo","node","forEach","ref","canUseDOM","window","document","createElement","isWindow","element","elementString","Object","prototype","toString","call","isNode","getWindow","target","_target$ownerDocument","_target$ownerDocument2","ownerDocument","defaultView","isDocument","Document","isHTMLElement","HTMLElement","isSVGElement","SVGElement","getOwnerDocument","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useEvent","handler","handlerRef","useRef","current","useCallback","args","useInterval","intervalRef","set","listener","duration","setInterval","clear","clearInterval","useLatestValue","value","dependencies","valueRef","useLazyMemo","callback","newValue","useNodeRef","onChange","onChangeHandler","setNodeRef","usePrevious","ids","useUniqueId","prefix","id","createAdjustmentFn","modifier","object","adjustments","reduce","accumulator","adjustment","entries","key","valueAdjustment","add","subtract","hasViewportRelativeCoordinates","event","isKeyboardEvent","KeyboardEvent","isTouchEvent","TouchEvent","getEventCoordinates","touches","length","clientX","x","clientY","y","changedTouches","CSS","freeze","Translate","transform","Math","round","Scale","scaleX","scaleY","Transform","join","Transition","_ref","property","easing","SELECTOR","findFirstFocusableNode","matches","querySelector"],"mappings":"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","sourcesContent":["import {useMemo} from 'react';\n\nexport function useCombinedRefs<T>(\n  ...refs: ((node: T) => void)[]\n): (node: T) => void {\n  return useMemo(\n    () => (node: T) => {\n      refs.forEach((ref) => ref(node));\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    refs\n  );\n}\n","// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n","export function isWindow(element: Object): element is typeof window {\n  const elementString = Object.prototype.toString.call(element);\n  return (\n    elementString === '[object Window]' ||\n    // In Electron context the Window object serializes to [object global]\n    elementString === '[object global]'\n  );\n}\n","export function isNode(node: Object): node is Node {\n  return 'nodeType' in node;\n}\n","import {isWindow} from '../type-guards/isWindow';\nimport {isNode} from '../type-guards/isNode';\n\nexport function getWindow(target: Event['target']): typeof window {\n  if (!target) {\n    return window;\n  }\n\n  if (isWindow(target)) {\n    return target;\n  }\n\n  if (!isNode(target)) {\n    return window;\n  }\n\n  return target.ownerDocument?.defaultView ?? window;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nexport function isDocument(node: Node): node is Document {\n  const {Document} = getWindow(node);\n\n  return node instanceof Document;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nimport {isWindow} from './isWindow';\n\nexport function isHTMLElement(node: Node | Window): node is HTMLElement {\n  if (isWindow(node)) {\n    return false;\n  }\n\n  return node instanceof getWindow(node).HTMLElement;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nexport function isSVGElement(node: Node): node is SVGElement {\n  return node instanceof getWindow(node).SVGElement;\n}\n","import {\n  isWindow,\n  isHTMLElement,\n  isDocument,\n  isNode,\n  isSVGElement,\n} from '../type-guards';\n\nexport function getOwnerDocument(target: Event['target']): Document {\n  if (!target) {\n    return document;\n  }\n\n  if (isWindow(target)) {\n    return target.document;\n  }\n\n  if (!isNode(target)) {\n    return document;\n  }\n\n  if (isDocument(target)) {\n    return target;\n  }\n\n  if (isHTMLElement(target) || isSVGElement(target)) {\n    return target.ownerDocument;\n  }\n\n  return document;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\nimport {canUseDOM} from '../execution-context';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport function useEvent<T extends Function>(handler: T | undefined) {\n  const handlerRef = useRef<T | undefined>(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return useCallback(function (...args: any) {\n    return handlerRef.current?.(...args);\n  }, []);\n}\n","import {useCallback, useRef} from 'react';\n\nexport function useInterval() {\n  const intervalRef = useRef<number | null>(null);\n\n  const set = useCallback((listener: Function, duration: number) => {\n    intervalRef.current = setInterval(listener, duration);\n  }, []);\n\n  const clear = useCallback(() => {\n    if (intervalRef.current !== null) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  return [set, clear] as const;\n}\n","import {useRef} from 'react';\nimport type {DependencyList} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport function useLatestValue<T extends any>(\n  value: T,\n  dependencies: DependencyList = [value]\n) {\n  const valueRef = useRef<T>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (valueRef.current !== value) {\n      valueRef.current = value;\n    }\n  }, dependencies);\n\n  return valueRef;\n}\n","import {useMemo, useRef} from 'react';\n\nexport function useLazyMemo<T>(\n  callback: (prevValue: T | undefined) => T,\n  dependencies: any[]\n) {\n  const valueRef = useRef<T>();\n\n  return useMemo(\n    () => {\n      const newValue = callback(valueRef.current);\n      valueRef.current = newValue;\n\n      return newValue;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...dependencies]\n  );\n}\n","import {useRef, useCallback} from 'react';\n\nimport {useEvent} from './useEvent';\n\nexport function useNodeRef(\n  onChange?: (\n    newElement: HTMLElement | null,\n    previousElement: HTMLElement | null\n  ) => void\n) {\n  const onChangeHandler = useEvent(onChange);\n  const node = useRef<HTMLElement | null>(null);\n  const setNodeRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (element !== node.current) {\n        onChangeHandler?.(element, node.current);\n      }\n\n      node.current = element;\n    },\n    //eslint-disable-next-line\n    []\n  );\n\n  return [node, setNodeRef] as const;\n}\n","import {useRef, useEffect} from 'react';\n\nexport function usePrevious<T>(value: T) {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import {useMemo} from 'react';\n\nlet ids: Record<string, number> = {};\n\nexport function useUniqueId(prefix: string, value?: string) {\n  return useMemo(() => {\n    if (value) {\n      return value;\n    }\n\n    const id = ids[prefix] == null ? 0 : ids[prefix] + 1;\n    ids[prefix] = id;\n\n    return `${prefix}-${id}`;\n  }, [prefix, value]);\n}\n","function createAdjustmentFn(modifier: number) {\n  return <T extends Record<U, number>, U extends string>(\n    object: T,\n    ...adjustments: Partial<T>[]\n  ): T => {\n    return adjustments.reduce<T>(\n      (accumulator, adjustment) => {\n        const entries = Object.entries(adjustment) as [U, number][];\n\n        for (const [key, valueAdjustment] of entries) {\n          const value = accumulator[key];\n\n          if (value != null) {\n            accumulator[key] = (value + modifier * valueAdjustment) as T[U];\n          }\n        }\n\n        return accumulator;\n      },\n      {\n        ...object,\n      }\n    );\n  };\n}\n\nexport const add = createAdjustmentFn(1);\nexport const subtract = createAdjustmentFn(-1);\n","export function hasViewportRelativeCoordinates(\n  event: Event\n): event is Event & Pick<PointerEvent, 'clientX' | 'clientY'> {\n  return 'clientX' in event && 'clientY' in event;\n}\n","import {getWindow} from '../execution-context';\n\nexport function isKeyboardEvent(\n  event: Event | undefined | null\n): event is KeyboardEvent {\n  if (!event) {\n    return false;\n  }\n\n  const {KeyboardEvent} = getWindow(event.target);\n\n  return KeyboardEvent && event instanceof KeyboardEvent;\n}\n","import {getWindow} from '../execution-context';\n\nexport function isTouchEvent(\n  event: Event | undefined | null\n): event is TouchEvent {\n  if (!event) {\n    return false;\n  }\n\n  const {TouchEvent} = getWindow(event.target);\n\n  return TouchEvent && event instanceof TouchEvent;\n}\n","import type {Coordinates} from './types';\nimport {isTouchEvent, hasViewportRelativeCoordinates} from '../event';\n\n/**\n * Returns the normalized x and y coordinates for mouse and touch events.\n */\nexport function getEventCoordinates(event: Event): Coordinates | null {\n  if (isTouchEvent(event)) {\n    if (event.touches && event.touches.length) {\n      const {clientX: x, clientY: y} = event.touches[0];\n\n      return {\n        x,\n        y,\n      };\n    } else if (event.changedTouches && event.changedTouches.length) {\n      const {clientX: x, clientY: y} = event.changedTouches[0];\n\n      return {\n        x,\n        y,\n      };\n    }\n  }\n\n  if (hasViewportRelativeCoordinates(event)) {\n    return {\n      x: event.clientX,\n      y: event.clientY,\n    };\n  }\n\n  return null;\n}\n","export type Transform = {\n  x: number;\n  y: number;\n  scaleX: number;\n  scaleY: number;\n};\n\nexport interface Transition {\n  property: string;\n  easing: string;\n  duration: number;\n}\n\nexport const CSS = Object.freeze({\n  Translate: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      const {x, y} = transform;\n\n      return `translate3d(${x ? Math.round(x) : 0}px, ${\n        y ? Math.round(y) : 0\n      }px, 0)`;\n    },\n  },\n  Scale: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      const {scaleX, scaleY} = transform;\n\n      return `scaleX(${scaleX}) scaleY(${scaleY})`;\n    },\n  },\n  Transform: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      return [\n        CSS.Translate.toString(transform),\n        CSS.Scale.toString(transform),\n      ].join(' ');\n    },\n  },\n  Transition: {\n    toString({property, duration, easing}: Transition) {\n      return `${property} ${duration}ms ${easing}`;\n    },\n  },\n});\n","const SELECTOR =\n  'a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]';\n\nexport function findFirstFocusableNode(\n  element: HTMLElement\n): HTMLElement | null {\n  if (element.matches(SELECTOR)) {\n    return element;\n  }\n\n  return element.querySelector(SELECTOR);\n}\n"]}