@adgytec/adgytec-web-ui-components 2.1.9 → 2.3.0

package/dist/index.js

@@ -1,128 +1,177 @@
 import { AppBarState as e, AppBarStateContext as t } from "./components/AppBar/AppBarState/index.js";
-import { a as n, i as r, n as ee, r as te, t as i } from "./chunks/NavigationState";
-import { n as a, t as o } from "./chunks/tapTarget";
-import { i as s, n as c, r as l, t as u } from "./chunks/ThemeSelector";
-import { t as d } from "./chunks/base";
-import { AppBarContext as f, AppBarHeadlineBlockSize as p, AppBarHeadlineTypography as m, useAppBarContext as h } from "./components/AppBar/core/index.js";
-import { t as g } from "./chunks/AppBar";
-import { t as _ } from "./chunks/Icon";
-import { t as v } from "./chunks/Loader";
-import { n as y, t as b } from "./chunks/useSplash";
-import { a as x, c as S, d as C, f as w, i as T, l as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N } from "./chunks/core";
-import { ButtonGroupContext as P, ConnectedButtonGroupContext as F, useButtonGroupContext as I, useConnectedButtonGroupContext as L } from "./components/Button/ButtonGroups/ButtonGroupContext/index.js";
-import { t as R } from "./chunks/ButtonGroup";
-import { t as z } from "./chunks/ConnectedButtonGroup";
-import { t as B } from "./chunks/RichTooltip";
-import { t as V } from "./chunks/RichTooltipActions";
-import { t as H } from "./chunks/RichTooltipInfo";
-import { RichTooltipSubhead as U } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js";
-import { RichTooltipText as W } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js";
-import { t as G } from "./chunks/Tooltip";
-import { TooltipTrigger as K } from "./components/Tooltip/TooltipTrigger/index.js";
-import { Button as q } from "./components/Button/Button/index.js";
-import { IconButton as J } from "./components/Button/IconButton/index.js";
-import { LinkButton as Y } from "./components/Button/LinkButton/index.js";
-import { LinkIconButton as X } from "./components/Button/LinkIconButton/index.js";
-import { a as Z, i as Q, n as ne, r as re, t as ie } from "./chunks/core2";
-import { t as ae } from "./chunks/SplitButton";
-import { SplitButtonPrimary as oe } from "./components/Button/SplitButton/SplitButtonPrimary/index.js";
-import { t as se } from "./chunks/SplitButtonTrigger";
-import { ToggleButton as ce } from "./components/Button/ToggleButton/index.js";
-import { ToggleIconButton as le } from "./components/Button/ToggleIconButton/index.js";
-import { t as ue } from "./chunks/AppBarAction";
-import { t as de } from "./chunks/AppBarAvatar";
-import { t as fe } from "./chunks/AppBarHeadline";
+import { n, r } from "./chunks/NavigationScrollContainer";
+import { n as ee, t as te } from "./chunks/tapTarget";
+import { i as ne, n as i, r as a, t as o } from "./chunks/ThemeSelector";
+import { t as s } from "./chunks/base";
+import { AppBarContext as c, AppBarHeadlineBlockSize as l, AppBarHeadlineTypography as u, useAppBarContext as d } from "./components/AppBar/core/index.js";
+import { t as f } from "./chunks/AppBar";
+import { t as p } from "./chunks/Icon";
+import { t as m } from "./chunks/Loader";
+import { n as h, t as g } from "./chunks/useSplash";
+import { a as _, c as v, d as y, f as b, i as x, l as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k } from "./chunks/core";
+import { ButtonGroupContext as A, ConnectedButtonGroupContext as j, useButtonGroupContext as M, useConnectedButtonGroupContext as N } from "./components/Button/ButtonGroups/ButtonGroupContext/index.js";
+import { t as P } from "./chunks/ButtonGroup";
+import { t as F } from "./chunks/ConnectedButtonGroup";
+import { t as I } from "./chunks/RichTooltip";
+import { t as L } from "./chunks/RichTooltipActions";
+import { t as R } from "./chunks/RichTooltipInfo";
+import { RichTooltipSubhead as z } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js";
+import { RichTooltipText as B } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js";
+import { t as V } from "./chunks/Tooltip";
+import { TooltipTrigger as H } from "./components/Tooltip/TooltipTrigger/index.js";
+import { Button as U } from "./components/Button/Button/index.js";
+import { IconButton as W } from "./components/Button/IconButton/index.js";
+import { LinkButton as G } from "./components/Button/LinkButton/index.js";
+import { LinkIconButton as K } from "./components/Button/LinkIconButton/index.js";
+import { a as q, i as J, n as Y, r as X, t as Z } from "./chunks/core2";
+import { t as re } from "./chunks/SplitButton";
+import { SplitButtonPrimary as ie } from "./components/Button/SplitButton/SplitButtonPrimary/index.js";
+import { t as ae } from "./chunks/SplitButtonTrigger";
+import { ToggleButton as oe } from "./components/Button/ToggleButton/index.js";
+import { ToggleIconButton as se } from "./components/Button/ToggleIconButton/index.js";
+import { t as ce } from "./chunks/AppBarAction";
+import { t as le } from "./chunks/AppBarAvatar";
+import { t as ue } from "./chunks/AppBarHeadline";
 import "./components/AppBar/index.js";
-import { Calendar as pe } from "./components/Calendar/Calendar/index.js";
-import { RangeCalendar as me } from "./components/Calendar/RangeCalendar/index.js";
-import { DialogBodyTypography as he, DialogContext as ge, DialogHeadlineTypography as _e, DialogIconSize as ve, useInDialog as ye } from "./components/Dialog/core/index.js";
-import { t as be } from "./chunks/Dialog";
-import { t as xe } from "./chunks/ActionDialog";
-import { t as Se } from "./chunks/Modal";
-import { t as Ce } from "./chunks/ModalOverlay";
-import { DisclosureTypographyContext as we, useDisclosureTypographyContext as Te } from "./components/Disclosure/context/index.js";
-import { t as Ee } from "./chunks/Disclosure";
-import { t as De } from "./chunks/DisclosureGroup";
-import { t as Oe } from "./chunks/DisclosureHeader";
-import { t as ke } from "./chunks/DisclosurePanel";
+import { Calendar as de } from "./components/Calendar/Calendar/index.js";
+import { RangeCalendar as fe } from "./components/Calendar/RangeCalendar/index.js";
+import { t as pe } from "./chunks/Card";
+import { n as me, t as he } from "./chunks/types";
+import { t as ge } from "./chunks/CardIcon";
+import "./components/Card/index.js";
+import { t as _e } from "./chunks/GridBackgroundDecorator";
+import { t as ve } from "./chunks/RadialGlowDecorator";
+import "./components/Decorators/index.js";
+import { DialogBodyTypography as ye, DialogContext as be, DialogHeadlineTypography as xe, DialogIconSize as Se, useInDialog as Ce } from "./components/Dialog/core/index.js";
+import { t as we } from "./chunks/Dialog";
+import { t as Te } from "./chunks/ActionDialog";
+import { t as Ee } from "./chunks/Modal";
+import { t as De } from "./chunks/ModalOverlay";
+import { DisclosureTypographyContext as Oe, useDisclosureTypographyContext as ke } from "./components/Disclosure/context/index.js";
+import { t as Ae } from "./chunks/Disclosure";
+import { t as je } from "./chunks/DisclosureGroup";
+import { t as Me } from "./chunks/DisclosureHeader";
+import { t as Ne } from "./chunks/DisclosurePanel";
 import "./components/Disclosure/index.js";
-import { t as Ae } from "./chunks/Divider";
-import { Image as je } from "./components/Image/index.js";
-import { n as Me, t as Ne } from "./chunks/Input";
-import { Description as Pe } from "./components/Input/Description/index.js";
-import { t as Fe } from "./chunks/FieldError";
-import { Label as Ie } from "./components/Input/Label/index.js";
-import { DateField as Le } from "./components/Input/DateField/index.js";
-import { t as Re } from "./chunks/Popover";
-import { n as ze, t as Be } from "./chunks/Input2";
-import { useControllableState as Ve } from "./components/Input/hooks/index.js";
-import { DatePicker as He } from "./components/Input/DatePicker/DatePicker/index.js";
-import { DateRangePicker as $ } from "./components/Input/DatePicker/DateRangePicker/index.js";
-import { n as Ue, t as We } from "./chunks/Radio";
-import { t as Ge } from "./chunks/SearchField";
-import { n as Ke, r as qe, t as Je } from "./chunks/Tag";
-import { t as Ye } from "./chunks/ComboBox";
-import { t as Xe } from "./chunks/ComboBoxPopover";
-import { t as Ze } from "./chunks/ComboBoxTrigger";
-import { Select as Qe } from "./components/Input/Select/Select/index.js";
-import { a as $e, c as et, d as tt, f as nt, i as rt, l as it, n as at, o as ot, p as st, r as ct, s as lt, t as ut, u as dt } from "./chunks/core6";
-import { Menu as ft } from "./components/Menu/Menu/index.js";
-import { MenuItem as pt } from "./components/Menu/MenuItem/index.js";
-import { t as mt } from "./chunks/MenuPopover";
-import { MenuSection as ht } from "./components/Menu/MenuSection/index.js";
-import { MenuSectionHeader as gt } from "./components/Menu/MenuSectionHeader/index.js";
-import { MenuShortcut as _t } from "./components/Menu/MenuShortcut/index.js";
-import { MenuTrailingText as vt } from "./components/Menu/MenuTrailingText/index.js";
-import { MenuTrigger as yt } from "./components/Menu/MenuTrigger/index.js";
-import { t as bt } from "./chunks/SubmenuPopover";
-import { SelectItem as xt } from "./components/Input/Select/SelectItem/index.js";
-import { SelectList as St } from "./components/Input/Select/SelectList/index.js";
-import { SelectListSection as Ct } from "./components/Input/Select/SelectListSection/index.js";
-import { SelectListSectionHeader as wt } from "./components/Input/Select/SelectListSectionHeader/index.js";
-import { t as Tt } from "./chunks/SelectPopover";
-import { t as Et } from "./chunks/SelectTrigger";
-import { a as Dt, c as Ot, i as kt, n as At, o as jt, r as Mt, s as Nt, t as Pt } from "./chunks/core7";
-import { t as Ft } from "./chunks/SliderOutput";
-import { t as It } from "./chunks/CenteredSlider";
-import { RangeSlider as Lt } from "./components/Input/Slider/RangeSlider/index.js";
-import { t as Rt } from "./chunks/Slider";
-import { t as zt } from "./chunks/Switch";
-import { TextArea as Bt } from "./components/Input/TextArea/index.js";
-import { TimeField as Vt } from "./components/Input/TimeField/index.js";
-import { n as Ht, t as Ut } from "./chunks/navContext";
-import { n as Wt, r as Gt, t as Kt } from "./chunks/Navigation";
-import { NavigationButton as qt } from "./components/Navigation/NavigationItem/NavigationButton/index.js";
-import { NavigationLink as Jt } from "./components/Navigation/NavigationItem/NavigationLink/index.js";
-import { t as Yt } from "./chunks/NavigationSection";
-import { t as Xt } from "./chunks/NavigationSectionLabel";
-import { SubNavigation as Zt } from "./components/Navigation/SubNavigation/SubNavigation/index.js";
-import { SubNavigationTrigger as Qt } from "./components/Navigation/SubNavigation/SubNavigationTrigger/index.js";
+import { t as Pe } from "./chunks/Divider";
+import { Image as Fe } from "./components/Image/index.js";
+import { n as Ie, t as Le } from "./chunks/Input";
+import { Description as Re } from "./components/Input/Description/index.js";
+import { t as ze } from "./chunks/FieldError";
+import { Label as Be } from "./components/Input/Label/index.js";
+import { DateField as Ve } from "./components/Input/DateField/index.js";
+import { t as He } from "./chunks/Popover";
+import { n as Ue, t as We } from "./chunks/Input2";
+import { useControllableState as Ge } from "./components/Input/hooks/index.js";
+import { DatePicker as Ke } from "./components/Input/DatePicker/DatePicker/index.js";
+import { DateRangePicker as qe } from "./components/Input/DatePicker/DateRangePicker/index.js";
+import { n as Je, t as Ye } from "./chunks/Radio";
+import { t as Xe } from "./chunks/SearchField";
+import { n as Ze, r as Qe, t as $e } from "./chunks/Tag";
+import { t as et } from "./chunks/ComboBox";
+import { t as tt } from "./chunks/ComboBoxPopover";
+import { t as nt } from "./chunks/ComboBoxTrigger";
+import { Select as rt } from "./components/Input/Select/Select/index.js";
+import { a as it, c as at, d as Q, f as ot, i as st, l as ct, n as lt, o as ut, p as dt, r as ft, s as pt, t as mt, u as ht } from "./chunks/core6";
+import { Menu as gt } from "./components/Menu/Menu/index.js";
+import { MenuItem as _t } from "./components/Menu/MenuItem/index.js";
+import { t as vt } from "./chunks/MenuPopover";
+import { MenuSection as yt } from "./components/Menu/MenuSection/index.js";
+import { MenuSectionHeader as bt } from "./components/Menu/MenuSectionHeader/index.js";
+import { MenuShortcut as xt } from "./components/Menu/MenuShortcut/index.js";
+import { MenuTrailingText as St } from "./components/Menu/MenuTrailingText/index.js";
+import { MenuTrigger as Ct } from "./components/Menu/MenuTrigger/index.js";
+import { t as wt } from "./chunks/SubmenuPopover";
+import { SelectItem as Tt } from "./components/Input/Select/SelectItem/index.js";
+import { SelectList as Et } from "./components/Input/Select/SelectList/index.js";
+import { SelectListSection as Dt } from "./components/Input/Select/SelectListSection/index.js";
+import { SelectListSectionHeader as Ot } from "./components/Input/Select/SelectListSectionHeader/index.js";
+import { t as kt } from "./chunks/SelectPopover";
+import { t as At } from "./chunks/SelectTrigger";
+import { a as jt, c as Mt, i as Nt, n as Pt, o as Ft, r as It, s as Lt, t as Rt } from "./chunks/core7";
+import { t as zt } from "./chunks/SliderOutput";
+import { t as Bt } from "./chunks/CenteredSlider";
+import { RangeSlider as Vt } from "./components/Input/Slider/RangeSlider/index.js";
+import { t as Ht } from "./chunks/Slider";
+import { t as Ut } from "./chunks/Switch";
+import { TextArea as Wt } from "./components/Input/TextArea/index.js";
+import { TimeField as Gt } from "./components/Input/TimeField/index.js";
+import { t as Kt } from "./chunks/ListAvatar";
+import { t as qt } from "./chunks/ListBox";
+import { t as Jt } from "./chunks/ListIcon";
+import { t as Yt } from "./chunks/ListItem";
+import { t as Xt } from "./chunks/ListLabelText";
+import { a as Zt, i as Qt, n as $t, o as en, r as tn, s as nn, t as rn } from "./chunks/ListMedia";
+import { t as an } from "./chunks/ListOverlineText";
+import { t as on } from "./chunks/ListSupportingText";
+import "./components/List/index.js";
+import { NavigationState as sn, NavigationStateContext as cn, useNavigationState as ln } from "./components/Navigation/NavigationState/index.js";
+import { n as un, t as dn } from "./chunks/navContext";
+import { n as fn, r as pn, t as mn } from "./chunks/Navigation";
+import { NavigationButton as hn } from "./components/Navigation/NavigationItem/NavigationButton/index.js";
+import { NavigationLink as gn } from "./components/Navigation/NavigationItem/NavigationLink/index.js";
+import { t as _n } from "./chunks/NavigationSection";
+import { t as vn } from "./chunks/NavigationSectionLabel";
+import { SubNavigation as yn } from "./components/Navigation/SubNavigation/SubNavigation/index.js";
+import { SubNavigationTrigger as bn } from "./components/Navigation/SubNavigation/SubNavigationTrigger/index.js";
 import "./components/Navigation/index.js";
-import { n as $t, t as en } from "./chunks/BottomSheetModal";
-import { t as tn } from "./chunks/BottomSheet";
-import { n as nn, t as rn } from "./chunks/SideSheetModal";
-import { n as an, t as on } from "./chunks/SideSheet";
+import { n as xn, t as Sn } from "./chunks/BottomSheetModal";
+import { t as Cn } from "./chunks/BottomSheet";
+import { n as wn, t as Tn } from "./chunks/SideSheetModal";
+import { n as En, t as Dn } from "./chunks/SideSheet";
 import "./components/Sheets/index.js";
-import { n as sn, r as cn, t as ln } from "./chunks/Snackbar";
-import { t as un } from "./chunks/Tab";
-import { t as dn } from "./chunks/TabList";
-import { t as fn } from "./chunks/TabPanel";
-import { t as pn } from "./chunks/TabPanels";
-import { t as mn } from "./chunks/Tabs";
+import { n as On, r as kn, t as An } from "./chunks/Snackbar";
+import { t as jn } from "./chunks/Tab";
+import { t as Mn } from "./chunks/TabList";
+import { t as Nn } from "./chunks/TabPanel";
+import { t as Pn } from "./chunks/TabPanels";
+import { t as Fn } from "./chunks/Tabs";
 import "./components/Tabs/index.js";
-import { n as hn, t as gn } from "./chunks/Toolbar";
-import * as _n from "zod";
-//#region src/utils/form/form.ts
-var vn = (e, t) => {
+import { n as In, t as Ln } from "./chunks/Toolbar";
+import * as Rn from "zod";
+import './assets/index.css';//#region src/utils/form/form.ts
+var zn = (e, t) => {
 	let n = Object.fromEntries(new FormData(e)), r = t.safeParse(n);
 	return r.success ? {
 		success: !0,
 		data: r.data
 	} : {
 		success: !1,
-		errors: _n.flattenError(r.error).fieldErrors
+		errors: Rn.flattenError(r.error).fieldErrors
 	};
-}, yn = {
+}, $ = {
+	"gradient-ambient-primary": "_gradient-ambient-primary_1aada_6",
+	"gradient-ambient-secondary": "_gradient-ambient-secondary_1aada_26",
+	"gradient-ambient-tertiary": "_gradient-ambient-tertiary_1aada_46",
+	"gradient-ambient-alt": "_gradient-ambient-alt_1aada_66",
+	"gradient-glow-primary": "_gradient-glow-primary_1aada_90",
+	"gradient-glow-secondary": "_gradient-glow-secondary_1aada_111",
+	"gradient-glow-tertiary": "_gradient-glow-tertiary_1aada_132",
+	"gradient-glow-alt": "_gradient-glow-alt_1aada_153",
+	"gradient-corner-primary": "_gradient-corner-primary_1aada_178",
+	"gradient-corner-secondary": "_gradient-corner-secondary_1aada_200",
+	"gradient-corner-tertiary": "_gradient-corner-tertiary_1aada_222",
+	"gradient-corner-alt": "_gradient-corner-alt_1aada_248",
+	"gradient-luster-soft": "_gradient-luster-soft_1aada_274",
+	"gradient-luster-metallic": "_gradient-luster-metallic_1aada_284",
+	"gradient-luster-deep": "_gradient-luster-deep_1aada_295"
+}, Bn = {
+	AmbientPrimary: $["gradient-ambient-primary"],
+	AmbientSecondary: $["gradient-ambient-secondary"],
+	AmbientTertiary: $["gradient-ambient-tertiary"],
+	AmbientAlt: $["gradient-ambient-alt"],
+	GlowPrimary: $["gradient-glow-primary"],
+	GlowSecondary: $["gradient-glow-secondary"],
+	GlowTertiary: $["gradient-glow-tertiary"],
+	GlowAlt: $["gradient-glow-alt"],
+	CornerPrimary: $["gradient-corner-primary"],
+	CornerSecondary: $["gradient-corner-secondary"],
+	CornerTertiary: $["gradient-corner-tertiary"],
+	CornerAlt: $["gradient-corner-alt"],
+	LusterSoft: $["gradient-luster-soft"],
+	LusterMetallic: $["gradient-luster-metallic"],
+	LusterDeep: $["gradient-luster-deep"]
+}, Vn = {
 	displayLarge: "typography-display-large-fluid",
 	displayMedium: "typography-display-medium-fluid",
 	displaySmall: "typography-display-small-fluid",
@@ -131,6 +180,6 @@ var vn = (e, t) => {
 	headlineSmall: "typography-headline-small-fluid"
 };
 //#endregion
-export { xe as ActionDialog, Pt as ActiveTrackStyles, g as AppBar, ue as AppBarAction, de as AppBarAvatar, f as AppBarContext, fe as AppBarHeadline, p as AppBarHeadlineBlockSize, m as AppBarHeadlineTypography, e as AppBarState, t as AppBarStateContext, Ke as AvatarSize, tn as BottomSheet, $t as BottomSheetContext, en as BottomSheetModal, q as Button, C as ButtonCore, R as ButtonGroup, P as ButtonGroupContext, T as ButtonIconSizeMapping, x as ButtonLabelTextMapping, w as ButtonReset, O as ButtonSizeBase, pe as Calendar, It as CenteredSlider, Me as Checkbox, Ne as CheckboxGroup, Ye as ComboBox, Xe as ComboBoxPopover, Ze as ComboBoxTrigger, A as ConnectedButton, z as ConnectedButtonGroup, F as ConnectedButtonGroupContext, Le as DateField, He as DatePicker, $ as DateRangePicker, Pe as Description, be as Dialog, he as DialogBodyTypography, ge as DialogContext, _e as DialogHeadlineTypography, ve as DialogIconSize, Ee as Disclosure, De as DisclosureGroup, Oe as DisclosureHeader, ke as DisclosurePanel, we as DisclosureTypographyContext, Ae as Divider, Fe as FieldError, _ as Icon, J as IconButton, j as IconButtonIconSizeMapping, je as Image, At as InactiveTrackStyles, Be as Input, ze as InputButton, Ie as Label, Y as LinkButton, X as LinkIconButton, v as Loader, ft as Menu, lt as MenuBaseLayout, pt as MenuItem, et as MenuItemIconSize, ut as MenuItemLeadingStyles, at as MenuItemStyles, ct as MenuItemTrailingStyles, mt as MenuPopover, ht as MenuSection, gt as MenuSectionHeader, rt as MenuSectionHeaderStyles, $e as MenuSectionStyles, _t as MenuShortcut, ot as MenuStyles, vt as MenuTrailingText, yt as MenuTrigger, Se as Modal, Ce as ModalOverlay, Kt as Navigation, qt as NavigationButton, Ut as NavigationContext, Jt as NavigationLink, Wt as NavigationRenderingContext, Yt as NavigationSection, Xt as NavigationSectionLabel, i as NavigationState, ee as NavigationStateContext, Re as Popover, Ue as Radio, We as RadioGroup, me as RangeCalendar, Lt as RangeSlider, B as RichTooltip, V as RichTooltipActions, H as RichTooltipInfo, U as RichTooltipSubhead, W as RichTooltipText, Ge as SearchField, Qe as Select, xt as SelectItem, St as SelectList, Ct as SelectListSection, wt as SelectListSectionHeader, Tt as SelectPopover, Et as SelectTrigger, on as SideSheet, nn as SideSheetContext, an as SideSheetDialog, rn as SideSheetModal, Rt as Slider, Ot as SliderColors, Ft as SliderOutput, kt as SliderSizeStyles, Dt as SliderStyles, sn as SnackbarQueueContext, ln as SnackbarRegion, y as Splash, ae as SplitButton, oe as SplitButtonPrimary, ie as SplitButtonPrimaryBase, se as SplitButtonTrigger, ne as SplitButtonTriggerBase, re as SplitButtonTriggerIconSize, Q as SplitButtonVariantBase, Zt as SubNavigation, Qt as SubNavigationTrigger, bt as SubmenuPopover, zt as Switch, un as Tab, dn as TabList, fn as TabPanel, pn as TabPanels, mn as Tabs, Je as Tag, qe as TagIconSize, o as TapTarget, a as TapTargetBefore, Bt as TextArea, c as ThemeProvider, u as ThemeSelector, Vt as TimeField, ce as ToggleButton, le as ToggleIconButton, hn as Toolbar, gn as ToolbarToggleButtonGroup, G as Tooltip, K as TooltipTrigger, jt as TrackContainerStyles, Nt as TrackStyles, Mt as VisualTrackStyles, s as buildThemeString, E as buttonColorBase, N as buttonColorConfig, S as buttonSizeConfig, yn as fluidTypography, r as getScrollProgress, n as getScrollTopFromProgress, dt as menuBaseColor, tt as menuColorConfig, nt as menuItemBaseColor, st as menuItemLabelColor, it as menuLayoutConfig, k as newButtonBaseDataAttrs, Z as splitButtonSizeConfig, d as typography, h as useAppBarContext, D as useButtonConfig, I as useButtonGroupContext, L as useConnectedButtonGroupContext, Ve as useControllableState, Te as useDisclosureTypographyContext, ye as useInDialog, Gt as useNavigationContainer, Ht as useNavigationContext, te as useNavigationState, cn as useSnackbarQueue, b as useSplash, l as useTheme, vn as validateAndGetFormValues, M as withTooltip };
+export { Te as ActionDialog, Rt as ActiveTrackStyles, f as AppBar, ce as AppBarAction, le as AppBarAvatar, c as AppBarContext, ue as AppBarHeadline, l as AppBarHeadlineBlockSize, u as AppBarHeadlineTypography, e as AppBarState, t as AppBarStateContext, Ze as AvatarSize, Cn as BottomSheet, xn as BottomSheetContext, Sn as BottomSheetModal, U as Button, y as ButtonCore, P as ButtonGroup, A as ButtonGroupContext, x as ButtonIconSizeMapping, _ as ButtonLabelTextMapping, b as ButtonReset, w as ButtonSizeBase, de as Calendar, pe as Card, ge as CardIcon, he as CardIconSize, Bt as CenteredSlider, Ie as Checkbox, Le as CheckboxGroup, et as ComboBox, tt as ComboBoxPopover, nt as ComboBoxTrigger, E as ConnectedButton, F as ConnectedButtonGroup, j as ConnectedButtonGroupContext, Ve as DateField, Ke as DatePicker, qe as DateRangePicker, Re as Description, we as Dialog, ye as DialogBodyTypography, be as DialogContext, xe as DialogHeadlineTypography, Se as DialogIconSize, Ae as Disclosure, je as DisclosureGroup, Me as DisclosureHeader, Ne as DisclosurePanel, Oe as DisclosureTypographyContext, Pe as Divider, ze as FieldError, _e as GridBackgroundDecorator, p as Icon, W as IconButton, D as IconButtonIconSizeMapping, Fe as Image, Pt as InactiveTrackStyles, We as Input, Ue as InputButton, Be as Label, G as LinkButton, K as LinkIconButton, Kt as ListAvatar, qt as ListBox, Jt as ListIcon, Yt as ListItem, Xt as ListLabelText, nn as ListMedia, rn as ListMediaImageHeight, $t as ListMediaImageWidth, tn as ListMediaLargeVideoHeight, Qt as ListMediaLargeVideoWidth, Zt as ListMediaVideoHeight, en as ListMediaVideoWidth, an as ListOverlineText, on as ListSupportingText, m as Loader, gt as Menu, pt as MenuBaseLayout, _t as MenuItem, at as MenuItemIconSize, mt as MenuItemLeadingStyles, lt as MenuItemStyles, ft as MenuItemTrailingStyles, vt as MenuPopover, yt as MenuSection, bt as MenuSectionHeader, st as MenuSectionHeaderStyles, it as MenuSectionStyles, xt as MenuShortcut, ut as MenuStyles, St as MenuTrailingText, Ct as MenuTrigger, Ee as Modal, De as ModalOverlay, mn as Navigation, hn as NavigationButton, dn as NavigationContext, gn as NavigationLink, fn as NavigationRenderingContext, _n as NavigationSection, vn as NavigationSectionLabel, sn as NavigationState, cn as NavigationStateContext, me as PaddingBetweenCards, He as Popover, ve as RadialGlowDecorator, Je as Radio, Ye as RadioGroup, fe as RangeCalendar, Vt as RangeSlider, I as RichTooltip, L as RichTooltipActions, R as RichTooltipInfo, z as RichTooltipSubhead, B as RichTooltipText, Xe as SearchField, rt as Select, Tt as SelectItem, Et as SelectList, Dt as SelectListSection, Ot as SelectListSectionHeader, kt as SelectPopover, At as SelectTrigger, Dn as SideSheet, wn as SideSheetContext, En as SideSheetDialog, Tn as SideSheetModal, Ht as Slider, Mt as SliderColors, zt as SliderOutput, Nt as SliderSizeStyles, jt as SliderStyles, On as SnackbarQueueContext, An as SnackbarRegion, h as Splash, re as SplitButton, ie as SplitButtonPrimary, Z as SplitButtonPrimaryBase, ae as SplitButtonTrigger, Y as SplitButtonTriggerBase, X as SplitButtonTriggerIconSize, J as SplitButtonVariantBase, yn as SubNavigation, bn as SubNavigationTrigger, wt as SubmenuPopover, Ut as Switch, jn as Tab, Mn as TabList, Nn as TabPanel, Pn as TabPanels, Fn as Tabs, $e as Tag, Qe as TagIconSize, te as TapTarget, ee as TapTargetBefore, Wt as TextArea, i as ThemeProvider, o as ThemeSelector, Gt as TimeField, oe as ToggleButton, se as ToggleIconButton, In as Toolbar, Ln as ToolbarToggleButtonGroup, V as Tooltip, H as TooltipTrigger, Ft as TrackContainerStyles, Lt as TrackStyles, It as VisualTrackStyles, ne as buildThemeString, S as buttonColorBase, k as buttonColorConfig, v as buttonSizeConfig, Vn as fluidTypography, n as getScrollProgress, r as getScrollTopFromProgress, Bn as gradientStyles, ht as menuBaseColor, Q as menuColorConfig, ot as menuItemBaseColor, dt as menuItemLabelColor, ct as menuLayoutConfig, T as newButtonBaseDataAttrs, q as splitButtonSizeConfig, s as typography, d as useAppBarContext, C as useButtonConfig, M as useButtonGroupContext, N as useConnectedButtonGroupContext, Ge as useControllableState, ke as useDisclosureTypographyContext, Ce as useInDialog, pn as useNavigationContainer, un as useNavigationContext, ln as useNavigationState, kn as useSnackbarQueue, g as useSplash, a as useTheme, zn as validateAndGetFormValues, O as withTooltip };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/utils/form/form.ts","../src/utils/typography/fluid.ts"],"sourcesContent":["import * as z from \"zod\";\n\ninterface FormValidateSuccessResult<T> {\n    success: true;\n    data: T;\n}\n\ninterface FormValidateFailureResult<T> {\n    success: false;\n    errors: Partial<Record<keyof T, string | string[]>>;\n}\n\ntype FormValidateResult<T> =\n    | FormValidateSuccessResult<T>\n    | FormValidateFailureResult<T>;\n\nexport type ValidateAndGetFormValues = <T extends z.ZodTypeAny>(\n    formElement: HTMLFormElement,\n    schema: T\n) => FormValidateResult<z.infer<T>>;\n\nexport const validateAndGetFormValues: ValidateAndGetFormValues = (\n    formElement,\n    schema\n) => {\n    const valueObject = Object.fromEntries(new FormData(formElement));\n    const result = schema.safeParse(valueObject);\n    if (result.success) {\n        return {\n            success: true,\n            data: result.data,\n        };\n    }\n\n    return {\n        success: false,\n        errors: z.flattenError(result.error).fieldErrors,\n    };\n};\n","export const fluidTypography = {\n    displayLarge: \"typography-display-large-fluid\",\n    displayMedium: \"typography-display-medium-fluid\",\n    displaySmall: \"typography-display-small-fluid\",\n\n    headlineLarge: \"typography-headline-large-fluid\",\n    headlineMedium: \"typography-headline-medium-fluid\",\n    headlineSmall: \"typography-headline-small-fluid\",\n} as const;\n\nexport type FluidTypographyVariant =\n    (typeof fluidTypography)[keyof typeof fluidTypography];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,MACT,GACA,MACC;CACD,IAAM,IAAc,OAAO,YAAY,IAAI,SAAS,CAAW,CAAC,GAC1D,IAAS,EAAO,UAAU,CAAW;CAQ3C,OAPI,EAAO,UACA;EACH,SAAS;EACT,MAAM,EAAO;CACjB,IAGG;EACH,SAAS;EACT,QAAQ,GAAE,aAAa,EAAO,KAAK,CAAC,CAAC;CACzC;AACJ,GCtCa,KAAkB;CAC3B,cAAc;CACd,eAAe;CACf,cAAc;CAEd,eAAe;CACf,gBAAgB;CAChB,eAAe;AACnB"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/utils/form/form.ts","../src/utils/gradients/gradients.module.css","../src/utils/gradients/gradients.ts","../src/utils/typography/fluid.ts"],"sourcesContent":["import * as z from \"zod\";\n\ninterface FormValidateSuccessResult<T> {\n    success: true;\n    data: T;\n}\n\ninterface FormValidateFailureResult<T> {\n    success: false;\n    errors: Partial<Record<keyof T, string | string[]>>;\n}\n\ntype FormValidateResult<T> =\n    | FormValidateSuccessResult<T>\n    | FormValidateFailureResult<T>;\n\nexport type ValidateAndGetFormValues = <T extends z.ZodTypeAny>(\n    formElement: HTMLFormElement,\n    schema: T\n) => FormValidateResult<z.infer<T>>;\n\nexport const validateAndGetFormValues: ValidateAndGetFormValues = (\n    formElement,\n    schema\n) => {\n    const valueObject = Object.fromEntries(new FormData(formElement));\n    const result = schema.safeParse(valueObject);\n    if (result.success) {\n        return {\n            success: true,\n            data: result.data,\n        };\n    }\n\n    return {\n        success: false,\n        errors: z.flattenError(result.error).fieldErrors,\n    };\n};\n","@layer adgytec.comps {\n    /* ==========================================================================\n       1. Ambient Diagonal Gradients (Soft Color Wash)\n       ========================================================================== */\n\n    .gradient-ambient-primary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            135deg,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-primary) 10%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-secondary) 7%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                100%\n        );\n    }\n\n    .gradient-ambient-secondary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            135deg,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-secondary) 10%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-tertiary) 7%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                100%\n        );\n    }\n\n    .gradient-ambient-tertiary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            135deg,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-tertiary) 10%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-extended-color-primary-alt-color) 7%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                100%\n        );\n    }\n\n    .gradient-ambient-alt {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            135deg,\n            color-mix(\n                    in srgb,\n                    var(--md-extended-color-primary-alt-color) 10%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-primary) 7%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                100%\n        );\n    }\n\n    /* ==========================================================================\n       2. Split Tint Top-Glow (Vertical Accent)\n       ========================================================================== */\n\n    .gradient-glow-primary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            180deg,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-primary) 12%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-primary) 3%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                45%,\n            var(--md-sys-color-surface-container-low) 100%\n        );\n    }\n\n    .gradient-glow-secondary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            180deg,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-secondary) 12%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-secondary) 3%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                45%,\n            var(--md-sys-color-surface-container-low) 100%\n        );\n    }\n\n    .gradient-glow-tertiary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            180deg,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-tertiary) 12%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-sys-color-tertiary) 3%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                45%,\n            var(--md-sys-color-surface-container-low) 100%\n        );\n    }\n\n    .gradient-glow-alt {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            180deg,\n            color-mix(\n                    in srgb,\n                    var(--md-extended-color-primary-alt-color) 12%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                0%,\n            color-mix(\n                    in srgb,\n                    var(--md-extended-color-primary-alt-color) 3%,\n                    var(--md-sys-color-surface-container-low)\n                )\n                45%,\n            var(--md-sys-color-surface-container-low) 100%\n        );\n    }\n\n    /* ==========================================================================\n       3. Corner Radial Glows (Soft Blend)\n       ========================================================================== */\n\n    .gradient-corner-primary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image:\n            radial-gradient(\n                circle at 0% 0%,\n                color-mix(in srgb, var(--md-sys-color-primary) 11%, transparent)\n                    0%,\n                transparent 70%\n            ),\n            radial-gradient(\n                circle at 100% 100%,\n                color-mix(\n                        in srgb,\n                        var(--md-sys-color-secondary) 8%,\n                        transparent\n                    )\n                    0%,\n                transparent 70%\n            );\n    }\n\n    .gradient-corner-secondary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image:\n            radial-gradient(\n                circle at 0% 0%,\n                color-mix(\n                        in srgb,\n                        var(--md-sys-color-secondary) 11%,\n                        transparent\n                    )\n                    0%,\n                transparent 70%\n            ),\n            radial-gradient(\n                circle at 100% 100%,\n                color-mix(in srgb, var(--md-sys-color-tertiary) 8%, transparent)\n                    0%,\n                transparent 70%\n            );\n    }\n\n    .gradient-corner-tertiary {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image:\n            radial-gradient(\n                circle at 0% 0%,\n                color-mix(\n                        in srgb,\n                        var(--md-sys-color-tertiary) 11%,\n                        transparent\n                    )\n                    0%,\n                transparent 70%\n            ),\n            radial-gradient(\n                circle at 100% 100%,\n                color-mix(\n                        in srgb,\n                        var(--md-extended-color-primary-alt-color) 8%,\n                        transparent\n                    )\n                    0%,\n                transparent 70%\n            );\n    }\n\n    .gradient-corner-alt {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image:\n            radial-gradient(\n                circle at 0% 0%,\n                color-mix(\n                        in srgb,\n                        var(--md-extended-color-primary-alt-color) 11%,\n                        transparent\n                    )\n                    0%,\n                transparent 70%\n            ),\n            radial-gradient(\n                circle at 100% 100%,\n                color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)\n                    0%,\n                transparent 70%\n            );\n    }\n\n    /* ==========================================================================\n       4. Monochromatic Surface Lusters (Colorless)\n       ========================================================================== */\n\n    .gradient-luster-soft {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            135deg,\n            var(--md-sys-color-surface-container) 0%,\n            var(--md-sys-color-surface-container-low) 100%\n        );\n    }\n\n    .gradient-luster-metallic {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            135deg,\n            var(--md-sys-color-surface-bright) 0%,\n            var(--md-sys-color-surface-container) 50%,\n            var(--md-sys-color-surface-container-low) 100%\n        );\n    }\n\n    .gradient-luster-deep {\n        background-color: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface);\n        background-image: linear-gradient(\n            145deg,\n            var(--md-sys-color-surface-container-high) 0%,\n            var(--md-sys-color-surface-container) 60%,\n            var(--md-sys-color-surface-container-lowest) 100%\n        );\n    }\n}\n","import styles from \"./gradients.module.css\";\n\nexport const gradientStyles = {\n    // 1. Ambient Diagonal Gradients (Very Low Opacity)\n    AmbientPrimary: styles[\"gradient-ambient-primary\"],\n    AmbientSecondary: styles[\"gradient-ambient-secondary\"],\n    AmbientTertiary: styles[\"gradient-ambient-tertiary\"],\n    AmbientAlt: styles[\"gradient-ambient-alt\"],\n\n    // 2. Split Tint Top-Glow (Vertical Accent)\n    GlowPrimary: styles[\"gradient-glow-primary\"],\n    GlowSecondary: styles[\"gradient-glow-secondary\"],\n    GlowTertiary: styles[\"gradient-glow-tertiary\"],\n    GlowAlt: styles[\"gradient-glow-alt\"],\n\n    // 3. Subtle Corner Radial Glows\n    CornerPrimary: styles[\"gradient-corner-primary\"],\n    CornerSecondary: styles[\"gradient-corner-secondary\"],\n    CornerTertiary: styles[\"gradient-corner-tertiary\"],\n    CornerAlt: styles[\"gradient-corner-alt\"],\n\n    // 4. Monochromatic Surface Lusters (Colorless)\n    LusterSoft: styles[\"gradient-luster-soft\"],\n    LusterMetallic: styles[\"gradient-luster-metallic\"],\n    LusterDeep: styles[\"gradient-luster-deep\"],\n} as const;\n","export const fluidTypography = {\n    displayLarge: \"typography-display-large-fluid\",\n    displayMedium: \"typography-display-medium-fluid\",\n    displaySmall: \"typography-display-small-fluid\",\n\n    headlineLarge: \"typography-headline-large-fluid\",\n    headlineMedium: \"typography-headline-medium-fluid\",\n    headlineSmall: \"typography-headline-small-fluid\",\n} as const;\n\nexport type FluidTypographyVariant =\n    (typeof fluidTypography)[keyof typeof fluidTypography];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,MACT,GACA,MACC;CACD,IAAM,IAAc,OAAO,YAAY,IAAI,SAAS,CAAW,CAAC,GAC1D,IAAS,EAAO,UAAU,CAAW;CAQ3C,OAPI,EAAO,UACA;EACH,SAAS;EACT,MAAM,EAAO;CACjB,IAGG;EACH,SAAS;EACT,QAAQ,GAAE,aAAa,EAAO,KAAK,CAAC,CAAC;CACzC;AACJ;;;;;;;;;;;;;;;;GEpCa,KAAiB;CAE1B,gBAAgB,EAAO;CACvB,kBAAkB,EAAO;CACzB,iBAAiB,EAAO;CACxB,YAAY,EAAO;CAGnB,aAAa,EAAO;CACpB,eAAe,EAAO;CACtB,cAAc,EAAO;CACrB,SAAS,EAAO;CAGhB,eAAe,EAAO;CACtB,iBAAiB,EAAO;CACxB,gBAAgB,EAAO;CACvB,WAAW,EAAO;CAGlB,YAAY,EAAO;CACnB,gBAAgB,EAAO;CACvB,YAAY,EAAO;AACvB,GCzBa,KAAkB;CAC3B,cAAc;CACd,eAAe;CACf,cAAc;CAEd,eAAe;CACf,gBAAgB;CAChB,eAAe;AACnB"}

package/dist/utils/gradients/gradients.d.ts

@@ -0,0 +1,17 @@
+export declare const gradientStyles: {
+    readonly AmbientPrimary: string;
+    readonly AmbientSecondary: string;
+    readonly AmbientTertiary: string;
+    readonly AmbientAlt: string;
+    readonly GlowPrimary: string;
+    readonly GlowSecondary: string;
+    readonly GlowTertiary: string;
+    readonly GlowAlt: string;
+    readonly CornerPrimary: string;
+    readonly CornerSecondary: string;
+    readonly CornerTertiary: string;
+    readonly CornerAlt: string;
+    readonly LusterSoft: string;
+    readonly LusterMetallic: string;
+    readonly LusterDeep: string;
+};

package/dist/utils/gradients/index.d.ts

@@ -0,0 +1 @@
+export * from './gradients';

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './form';
+export * from './gradients';
 export * from './ref';
 export * from './scroll';
 export * from './tapTarget';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@adgytec/adgytec-web-ui-components",
     "private": false,
-    "version": "2.1.9",
+    "version": "2.3.0",
     "type": "module",
     "sideEffects": [
         "**/*.css"

package/dist/chunks/NavigationState

@@ -1,69 +0,0 @@
-import { createContext as e, useCallback as t, useContext as n, useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/utils/scroll/scroll.ts
-function o({ scrollHeight: e, scrollTop: t, clientHeight: n }) {
-	let r = e - n;
-	return r <= 0 ? 0 : t / r;
-}
-function s({ scrollHeight: e, progress: t, clientHeight: n }) {
-	return t * (e - n);
-}
-//#endregion
-//#region src/components/Navigation/NavigationState/context.ts
-var c = e(null);
-function l() {
-	let e = n(c);
-	if (e === null) throw Error("Missing navigation state. Ensure this component is rendered within Navigation component.");
-	return e;
-}
-//#endregion
-//#region src/components/Navigation/NavigationState/NavigationState.tsx
-var u = ({ children: e }) => {
-	let [n, o] = i([]), l = r({}), u = r({}), d = t((e, t) => {
-		let n = l.current[e] ?? 0;
-		return t.scrollTop = s({
-			scrollHeight: t.scrollHeight,
-			clientHeight: t.clientHeight,
-			progress: n
-		}), u.current[e] ??= /* @__PURE__ */ new Set(), u.current[e].add(t), () => {
-			u.current[e]?.delete(t), u.current[e]?.size === 0 && delete u.current[e];
-		};
-	}, []);
-	return /* @__PURE__ */ a(c, {
-		value: {
-			openSubNavigation: t((e, t) => {
-				o((n) => [...n.filter((e) => e.depth < t), {
-					id: e,
-					depth: t
-				}]);
-			}, []),
-			closeSubNavigation: t((e) => {
-				let t = n.find((t) => t.id === e);
-				if (!t) return;
-				let r = n.filter((e) => e.depth >= t.depth);
-				for (let e of r) delete l.current[e.id];
-				o((e) => e.filter((e) => e.depth < t.depth));
-			}, [n]),
-			saveNavigationScrollTopProgress: t((e, t) => {
-				l.current[e] = t;
-				let n = u.current[e];
-				if (n) for (let e of n) {
-					let n = s({
-						scrollHeight: e.scrollHeight,
-						clientHeight: e.clientHeight,
-						progress: t
-					});
-					Math.abs(e.scrollTop - n) > 1 && (e.scrollTop = n);
-				}
-			}, []),
-			registerNavigationContainer: d,
-			isSubNavigationOpen: t((e) => n.some((t) => t.id === e), [n]),
-			isInert: t((e) => e < (n[n.length - 1]?.depth ?? 0), [n])
-		},
-		children: e
-	});
-};
-//#endregion
-export { s as a, o as i, c as n, l as r, u as t };
-
-//# sourceMappingURL=NavigationState.map

package/dist/chunks/NavigationState.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationState","names":["id","item","x","prev","progress","container","depth"],"sources":["../../src/utils/scroll/scroll.ts","../../src/components/Navigation/NavigationState/context.ts","../../src/components/Navigation/NavigationState/NavigationState.tsx"],"sourcesContent":["export function getScrollProgress({\n    scrollHeight,\n    scrollTop,\n    clientHeight,\n}: {\n    scrollTop: number;\n    scrollHeight: number;\n    clientHeight: number;\n}): number {\n    const maxScrollTop = scrollHeight - clientHeight;\n    return maxScrollTop <= 0 ? 0 : scrollTop / maxScrollTop;\n}\nexport function getScrollTopFromProgress({\n    scrollHeight,\n    progress,\n    clientHeight,\n}: {\n    progress: number;\n    scrollHeight: number;\n    clientHeight: number;\n}): number {\n    const maxScrollTop = scrollHeight - clientHeight;\n    return progress * maxScrollTop;\n}\n","import { createContext, useContext } from \"react\";\n\nexport type NavigationStateContextType = {\n    openSubNavigation: (id: string, depth: number) => void;\n    closeSubNavigation: (id: string) => void;\n    saveNavigationScrollTopProgress: (id: string, progress: number) => void;\n    registerNavigationContainer: (\n        id: string,\n        container: HTMLDivElement\n    ) => () => void;\n\n    isSubNavigationOpen: (id: string) => boolean;\n    isInert: (depth: number) => boolean;\n};\n\nexport const NavigationStateContext =\n    createContext<NavigationStateContextType | null>(null);\n\nexport function useNavigationState() {\n    const ctx = useContext(NavigationStateContext);\n    if (ctx === null) {\n        throw new Error(\n            \"Missing navigation state. Ensure this component is rendered within Navigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { type ReactNode, useCallback, useRef, useState } from \"react\";\nimport { getScrollTopFromProgress } from \"@/utils\";\nimport { NavigationStateContext } from \"./context\";\nimport type { NavScrollInfo, SubNavItem } from \"./types\";\n\nexport const NavigationState: React.FC<{ children?: ReactNode }> = ({\n    children,\n}) => {\n    const [openSubNavs, setOpenSubNavs] = useState<SubNavItem[]>([]);\n    const navScrollRef = useRef<NavScrollInfo>({});\n    const navContainersRef = useRef<Record<string, Set<HTMLDivElement>>>({});\n\n    const registerNavigationContainer = useCallback(\n        (id: string, container: HTMLDivElement) => {\n            const progress = navScrollRef.current[id] ?? 0;\n\n            container.scrollTop = getScrollTopFromProgress({\n                scrollHeight: container.scrollHeight,\n                clientHeight: container.clientHeight,\n                progress,\n            });\n\n            navContainersRef.current[id] ??= new Set();\n            navContainersRef.current[id].add(container);\n\n            return () => {\n                navContainersRef.current[id]?.delete(container);\n\n                if (navContainersRef.current[id]?.size === 0) {\n                    delete navContainersRef.current[id];\n                }\n            };\n        },\n        []\n    );\n\n    const openSubNavigation = useCallback((id: string, depth: number) => {\n        setOpenSubNavs((prev) => [\n            ...prev.filter((item) => item.depth < depth),\n            { id, depth },\n        ]);\n    }, []);\n\n    const closeSubNavigation = useCallback(\n        (id: string) => {\n            const item = openSubNavs.find((x) => x.id === id);\n            if (!item) {\n                return;\n            }\n\n            const removedItems = openSubNavs.filter(\n                (x) => x.depth >= item.depth\n            );\n            for (const removedItem of removedItems) {\n                delete navScrollRef.current[removedItem.id];\n            }\n\n            setOpenSubNavs((prev) => prev.filter((x) => x.depth < item.depth));\n        },\n        [openSubNavs]\n    );\n\n    const saveNavigationScrollTopProgress = useCallback(\n        (id: string, progress: number) => {\n            navScrollRef.current[id] = progress;\n\n            const containers = navContainersRef.current[id];\n\n            if (!containers) {\n                return;\n            }\n\n            for (const container of containers) {\n                const targetScrollTop = getScrollTopFromProgress({\n                    scrollHeight: container.scrollHeight,\n                    clientHeight: container.clientHeight,\n                    progress,\n                });\n\n                if (Math.abs(container.scrollTop - targetScrollTop) > 1) {\n                    container.scrollTop = targetScrollTop;\n                }\n            }\n        },\n        []\n    );\n\n    const isSubNavigationOpen = useCallback(\n        (id: string) => {\n            return openSubNavs.some((item) => item.id === id);\n        },\n        [openSubNavs]\n    );\n\n    const isInert = useCallback(\n        (depth: number) => {\n            const activeDepth = openSubNavs[openSubNavs.length - 1]?.depth ?? 0;\n\n            return depth < activeDepth;\n        },\n        [openSubNavs]\n    );\n\n    return (\n        <NavigationStateContext\n            value={{\n                openSubNavigation,\n                closeSubNavigation,\n                saveNavigationScrollTopProgress,\n                registerNavigationContainer,\n                isSubNavigationOpen,\n                isInert,\n            }}\n        >\n            {children}\n        </NavigationStateContext>\n    );\n};\n"],"mappings":";;;AAAA,SAAgB,EAAkB,EAC9B,iBACA,cACA,mBAKO;CACP,IAAM,IAAe,IAAe;CACpC,OAAO,KAAgB,IAAI,IAAI,IAAY;AAC/C;AACA,SAAgB,EAAyB,EACrC,iBACA,aACA,mBAKO;CAEP,OAAO,KADc,IAAe;AAExC;;;ACRA,IAAa,IACT,EAAiD,IAAI;AAEzD,SAAO,IAAA;CACH,IAAA,IAAY,EAAW,CAAsB;CAC7C,IAAI,MAAQ,MACR,MAAU,MACN,0FACJ;CACH,OAEM;AAAG;;;ACrBd,IAAa,KAAuD,EAChE,kBACE;CACF,IAAM,CAAC,GAAa,KAAkB,EAAuB,CAAA,CAAE,GACzD,IAAe,EAAsB,CAAC,CAAC,GACvC,IAAmB,EAA4C,CAAC,CAAC,GAEjE,IAA8B,GAC/B,GAAY,MAA8B;EACvC,IAAM,IAAW,EAAa,QAAQ,MAAO;EAW7C,OATA,EAAU,YAAY,EAAyB;GAC3C,cAAc,EAAU;GACxB,cAAc,EAAU;GACxB;EACJ,CAAC,GAED,EAAiB,QAAQ,uBAAQ,IAAI,IAAI,GACzC,EAAiB,QAAQ,EAAG,CAAC,IAAI,CAAS,SAE7B;GAGT,AAFA,EAAiB,QAAQ,EAAG,EAAE,OAAO,CAAS,GAE1C,EAAiB,QAAQ,EAAG,EAAE,SAAS,KACvC,OAAO,EAAiB,QAAQ;EAExC;CACJ,GACA,CAAA,CACJ;CAqEA,OACI,kBAAC,GAAD;EACI,OAAO;GACH,mBAtEc,GAAaA,GAAY,MAAkB;IACjE,GAAgB,MAAS,CACrB,GAAG,EAAK,QAAQ,MAAS,EAAK,QAAQ,CAAK,GAC3C;KAAE,IAAAA;KAAI;IAAM,CAAC,CAChB;GACL,GAAG,CAAA,CAiES;GACA,oBAhEe,GACtBA,MAAe;IACZ,IAAMC,IAAO,EAAY,MAAM,MAAM,EAAE,OAAOD,CAAE;IAChD,IAAI,CAACC,GACD;IAGJ,IAAM,IAAe,EAAY,QAC5BC,MAAMA,EAAE,SAASD,EAAK,KAC3B;IACA,KAAK,IAAM,KAAe,GACtB,OAAO,EAAa,QAAQ,EAAY;IAG5C,GAAgBE,MAASA,EAAK,QAAQD,MAAMA,EAAE,QAAQD,EAAK,KAAK,CAAC;GACrE,GACA,CAAC,CAAW,CAgDJ;GACA,iCA9C4B,GACnCD,GAAYI,MAAqB;IAC9B,EAAa,QAAQJ,KAAMI;IAE3B,IAAM,IAAa,EAAiB,QAAQJ;IAEvC,OAIL,KAAK,IAAMK,KAAa,GAAY;KAChC,IAAM,IAAkB,EAAyB;MAC7C,cAAcA,EAAU;MACxB,cAAcA,EAAU;MACxB,UAAAD;KACJ,CAAC;KAED,AAAI,KAAK,IAAIC,EAAU,YAAY,CAAe,IAAI,MAClDA,EAAU,YAAY;IAE9B;GACJ,GACA,CAAA,CAwBQ;GACA;GACA,qBAvBgB,GACvBL,MACU,EAAY,MAAMC,MAASA,EAAK,OAAOD,CAAE,GAEpD,CAAC,CAAW,CAmBJ;GACA,SAjBI,GACXM,MAGUA,KAFa,EAAY,EAAY,SAAS,EAAE,EAAE,SAAS,IAItE,CAAC,CAAW,CAWJ;EACJ;EAEC;CACmB,CAAA;AAEhC"}