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

package/dist/components/Navigation/NavigationState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["id","item","x","prev","depth","children"],"sources":["../../../../src/components/Navigation/NavigationState/context.ts","../../../../src/components/Navigation/NavigationState/NavigationState.tsx"],"sourcesContent":["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\n    isSubNavigationOpen: (id: string) => boolean;\n    isInert: (depth: number) => boolean;\n\n    getNavigationScrollProgress: (id: string) => number;\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 { 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\n    const getNavigationScrollProgress = useCallback((id: string) => {\n        return navScrollRef.current[id] ?? 0;\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        []\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                getNavigationScrollProgress,\n                openSubNavigation,\n                closeSubNavigation,\n                saveNavigationScrollTopProgress,\n                isSubNavigationOpen,\n                isInert,\n            }}\n        >\n            {children}\n        </NavigationStateContext>\n    );\n};\n"],"mappings":";;;;AAaA,IAAa,IACT,EAAiD,IAAI;AAEzD,SAAO,IAAA;CACH,IAAA,IAAY,EAAW,CAAsB;CAC7C,IAAI,MAAQ,MACR,MAAU,MACN,0FACJ;CACH,OAEM;AAAG;;;aCpBD,KAAsD,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAC,EAAA,gBAAA,GAEnE;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KACgE,IAAA,CAAA,GAAE,EAAA,KAAA,KAAA,IAAA,EAAA;CAA/D,IAAA,CAAA,GAAA,KAAsC,EAAuB,CAAE,GAAE;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KACtB,IAAA,CAAC,GAAC,EAAA,KAAA,KAAA,IAAA,EAAA;CAA7C,IAAA,IAAqB,EAAsB,CAAE,GAAE;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KAEC,KAAA,MACrC,EAAY,QAAS,MAArB,GACV,EAAA,KAAA,KAAA,IAAA,EAAA;CAFD,IAAA,IAAoC,GAE7B;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KAE+B,KAAA,GAAA,MAAA;EAClC,GAAe,MAAU,CAAA,GAClB,EAAI,QAAQ,MAAU,EAAI,QAAS,CAAK,GAC3C;GAAA,IAAEA;GAAE;EAAQ,CAAC,CAChB;CAAC,GACL,EAAA,KAAA,KAAA,IAAA,EAAA;CALD,IAAA,IAA0B,GAKnB;CAAA,AAAA,EAAA,OAAA,IAiBF,IAAA,EAAA,MAdD,KAAA,MAAA;EACI,IAAA,IAAa,EAAW,MAAM,MAAO,EAAC,OAAQA,CAAE;EAChD,IAAI,CAACC,GAAI;EAIT,IAAA,IAAqB,EAAW,QAC5B,MAAOC,EAAC,SAAUD,EAAI,KAC1B;EACA,KAAK,IAAA,KAAqB,GACtB,OAAO,EAAY,QAAS,EAAW;EAG3C,GAAe,MAAUE,EAAI,QAAQ,MAAOD,EAAC,QAASD,EAAI,KAAM,CAAC;CAAC,GACrE,EAAA,KAAA,GAAA,EAAA,KAAA;CAfL,IAAA,IAA2B,GAiBzB;CAAA,AAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,KAGE,KAAA,GAAA,MAAA;EACI,EAAY,QAASD,KAAM;CAAH,GAC3B,EAAA,KAAA,KAAA,IAAA,EAAA;CAHL,IAAA,IAAwC,GAKtC;CAAA,AAAA,EAAA,OAAA,IAKG,IAAA,EAAA,MAFD,KAAA,MACW,EAAW,MAAM,MAAUC,EAAI,OAAQD,CAAE,GACnD,EAAA,KAAA,GAAA,EAAA,KAAA;CAHL,IAAA,IAA4B,GAK1B;CAAA,AAAA,EAAA,OAAA,IAOG,IAAA,EAAA,OAJD,KAAA,MAGWI,KAFa,EAAY,EAAW,SAAU,EAAS,EAAA,SAA1C,IAGvB,EAAA,KAAA,GAAA,EAAA,MAAA;CALL,IAAA,IAAgB,GAOd;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAIa,IAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;CAOP,GAAC,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAGoB,OAHpB,EAAA,QAAA,KAAA,EAAA,QAAA,KARL,IAAA,kBAAC,GAAD;EACW,OAAA;EASN;CAVkB,CAAA,GAWE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAXzB;AAWyB"}

package/dist/components/Navigation/SubNavigation/SubNavigation/index.js

@@ -1,10 +1,10 @@
 import { t as e } from "../../../../chunks/compiler-runtime";
-import { r as t } from "../../../../chunks/NavigationState";
+import { t } from "../../../../chunks/NavigationScrollContainer";
 import { t as n } from "../../../../chunks/base";
 import { IconButton as r } from "../../../Button/IconButton/index.js";
 import { useInDialog as i } from "../../../Dialog/core/index.js";
 import { a, o, r as s, t as c } from "../../../../chunks/core8";
-import { t as l } from "../../../../chunks/NavigationScrollContainer";
+import { useNavigationState as l } from "../../NavigationState/index.js";
 import { r as u } from "../../../../chunks/Navigation";
 import d from "clsx";
 import { useContext as f } from "react";
@@ -18,7 +18,7 @@ import { createPortal as x } from "react-dom";
 var S = e(), C = (e) => {
 	let C = (0, S.c)(30), w, T, E, D, O, k, A;
 	C[0] === e ? (w = C[1], T = C[2], E = C[3], D = C[4], O = C[5], k = C[6], A = C[7]) : ({className: T, label: D, children: w, inert: E, ref: k, style: A, ...O} = e, C[0] = e, C[1] = w, C[2] = T, C[3] = E, C[4] = D, C[5] = O, C[6] = k, C[7] = A);
-	let j = y(k), M = i(), { id: N, depth: P } = s(), { isInert: F, isSubNavigationOpen: I } = t(), { container: L } = u(), R = f(c), z = D ?? R;
+	let j = y(k), M = i(), { id: N, depth: P } = s(), { isInert: F, isSubNavigationOpen: I } = l(), { container: L } = u(), R = f(c), z = D ?? R;
 	if (L === null) return null;
 	let B;
 	C[8] === Symbol.for("react.memo_cache_sentinel") ? (B = {
@@ -55,7 +55,7 @@ var S = e(), C = (e) => {
 					"data-heading": !0,
 					children: z
 				})]
-			}), /* @__PURE__ */ p(l, { children: w })]
+			}), /* @__PURE__ */ p(t, { children: w })]
 		})
 	}), C[12] = w, C[13] = T, C[14] = P, C[15] = z, C[16] = E, C[17] = M, C[18] = F, C[19] = O, C[20] = A, C[21] = j, C[22] = H) : H = C[22];
 	let U;

package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js

@@ -1,14 +1,14 @@
 import { t as e } from "../../../../chunks/compiler-runtime";
-import { r as t } from "../../../../chunks/NavigationState";
-import { n, r, t as i } from "../../../../chunks/core8";
+import { n as t, r as n, t as r } from "../../../../chunks/core8";
+import { useNavigationState as i } from "../../NavigationState/index.js";
 import { jsx as a } from "react/jsx-runtime";
 import { ButtonContext as o, DEFAULT_SLOT as s, Provider as c } from "react-aria-components";
 //#region src/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.tsx
 var l = e(), u = (e) => {
-	let u = (0, l.c)(29), { stateID: d, children: f, label: p } = e, m = r(), { openSubNavigation: h, closeSubNavigation: g, isSubNavigationOpen: _ } = t(), v = `${m.id}--${d}`, y = m.depth + 1, b;
-	u[0] === p ? b = u[1] : (b = [i, p], u[0] = p, u[1] = b);
+	let u = (0, l.c)(29), { stateID: d, children: f, label: p } = e, m = n(), { openSubNavigation: h, closeSubNavigation: g, isSubNavigationOpen: _ } = i(), v = `${m.id}--${d}`, y = m.depth + 1, b;
+	u[0] === p ? b = u[1] : (b = [r, p], u[0] = p, u[1] = b);
 	let x;
-	u[2] !== y || u[3] !== v ? (x = [n, {
+	u[2] !== y || u[3] !== v ? (x = [t, {
 		id: v,
 		depth: y
 	}], u[2] = y, u[3] = v, u[4] = x) : x = u[4];

package/dist/components/Navigation/index.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../../chunks/NavigationState";
+import { NavigationState as e, NavigationStateContext as t, useNavigationState as n } from "./NavigationState/index.js";
 import { n as r, t as i } from "../../chunks/navContext";
 import { n as a, r as o, t as s } from "../../chunks/Navigation";
 import { NavigationButton as c } from "./NavigationItem/NavigationButton/index.js";
@@ -7,4 +7,4 @@ import { t as u } from "../../chunks/NavigationSection";
 import { t as d } from "../../chunks/NavigationSectionLabel";
 import { SubNavigation as f } from "./SubNavigation/SubNavigation/index.js";
 import { SubNavigationTrigger as p } from "./SubNavigation/SubNavigationTrigger/index.js";
-export { s as Navigation, c as NavigationButton, i as NavigationContext, l as NavigationLink, a as NavigationRenderingContext, u as NavigationSection, d as NavigationSectionLabel, n as NavigationState, e as NavigationStateContext, f as SubNavigation, p as SubNavigationTrigger, o as useNavigationContainer, r as useNavigationContext, t as useNavigationState };
+export { s as Navigation, c as NavigationButton, i as NavigationContext, l as NavigationLink, a as NavigationRenderingContext, u as NavigationSection, d as NavigationSectionLabel, e as NavigationState, t as NavigationStateContext, f as SubNavigation, p as SubNavigationTrigger, o as useNavigationContainer, r as useNavigationContext, n as useNavigationState };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './components/AppBar';
 export * from './components/Button';
 export * from './components/Calendar';
+export * from './components/Card';
 export * from './components/Decorators';
 export * from './components/Dialog';
 export * from './components/Disclosure';
@@ -8,6 +9,7 @@ export * from './components/Divider';
 export * from './components/Icon';
 export * from './components/Image';
 export * from './components/Input';
+export * from './components/List';
 export * from './components/Loader';
 export * from './components/Menu';
 export * from './components/Navigation';

package/dist/index.js

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

@@ -1,7 +1,7 @@
 {
     "name": "@adgytec/adgytec-web-ui-components",
     "private": false,
-    "version": "2.2.0",
+    "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"}