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

package/dist/index.js

@@ -1,145 +1,137 @@
-import { AppBarState as e, AppBarStateContext as t } from "./components/AppBar/AppBarState/index.js";
-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 { AppBarState as ee, AppBarStateContext as te, useAppBarState as ne } from "./components/AppBar/AppBarState/index.js";
+import { n as e, r as t } from "./chunks/NavigationScrollContainer";
+import { n, t as r } from "./chunks/tapTarget";
+import { a as i, c as a, i as o, l as s, n as c, o as l, r as u, s as d, t as f } from "./chunks/ThemeSelector";
+import { t as p } from "./chunks/base";
+import { AppBarContext as m, AppBarHeadlineBlockSize as h, AppBarHeadlineTypography as g, useAppBarContext as _ } from "./components/AppBar/core/index.js";
+import { t as v } from "./chunks/AppBar";
+import { t as y } from "./chunks/Icon";
+import { t as b } from "./chunks/Loader";
+import { n as x, t as S } from "./chunks/useSplash";
+import { a as C, c as w, d as T, f as E, i as D, l as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F } from "./chunks/core";
+import { ButtonGroupContext as I, ConnectedButtonGroupContext as L, useButtonGroupContext as R, useConnectedButtonGroupContext as z } from "./components/Button/ButtonGroups/ButtonGroupContext/index.js";
+import { t as B } from "./chunks/ButtonGroup";
+import { t as V } from "./chunks/ConnectedButtonGroup";
+import { t as H } from "./chunks/RichTooltip";
+import { t as U } from "./chunks/RichTooltipActions";
+import { t as W } from "./chunks/RichTooltipInfo";
+import { RichTooltipSubhead as G } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js";
+import { RichTooltipText as K } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js";
+import { t as q } from "./chunks/Tooltip";
+import { TooltipTrigger as J } from "./components/Tooltip/TooltipTrigger/index.js";
+import { Button as Y } from "./components/Button/Button/index.js";
+import { IconButton as X } from "./components/Button/IconButton/index.js";
+import { LinkButton as Z } from "./components/Button/LinkButton/index.js";
+import { LinkIconButton as re } from "./components/Button/LinkIconButton/index.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./chunks/core2";
+import { t as le } from "./chunks/SplitButton";
+import { SplitButtonPrimary as ue } from "./components/Button/SplitButton/SplitButtonPrimary/index.js";
+import { t as de } from "./chunks/SplitButtonTrigger";
+import { ToggleButton as fe } from "./components/Button/ToggleButton/index.js";
+import { ToggleIconButton as pe } from "./components/Button/ToggleIconButton/index.js";
+import { t as me } from "./chunks/AppBarAction";
+import { t as he } from "./chunks/AppBarAvatar";
+import { t as ge } from "./chunks/AppBarHeadline";
 import "./components/AppBar/index.js";
-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 { a as _e, i as ve, n as ye, r as be, t as xe } from "./chunks/core3";
+import { Calendar as Se } from "./components/Calendar/Calendar/index.js";
+import { RangeCalendar as Ce } from "./components/Calendar/RangeCalendar/index.js";
+import { t as we } from "./chunks/Card";
+import { n as Te, t as Ee } from "./chunks/types";
+import { t as De } from "./chunks/CardIcon";
 import "./components/Card/index.js";
-import { t as _e } from "./chunks/GridBackgroundDecorator";
-import { t as ve } from "./chunks/RadialGlowDecorator";
+import { t as Oe } from "./chunks/GridBackgroundDecorator";
+import { t as ke } 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 { DialogBodyTypography as Ae, DialogContext as je, DialogHeadlineTypography as Me, DialogIconSize as Ne, useInDialog as Pe } from "./components/Dialog/core/index.js";
+import { t as Fe } from "./chunks/Dialog";
+import { t as Ie } from "./chunks/ActionDialog";
+import { t as Le } from "./chunks/Modal";
+import { t as Re } from "./chunks/ModalOverlay";
+import { DisclosureTypographyContext as ze, useDisclosureTypographyContext as Be } from "./components/Disclosure/context/index.js";
+import { t as Ve } from "./chunks/Disclosure";
+import { t as He } from "./chunks/DisclosureGroup";
+import { t as Ue } from "./chunks/DisclosureHeader";
+import { t as We } from "./chunks/DisclosurePanel";
 import "./components/Disclosure/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 { t as Ge } from "./chunks/Divider";
+import { n as Ke, t as qe } from "./chunks/Input";
+import { Description as Je } from "./components/Input/Description/index.js";
+import { t as Ye } from "./chunks/FieldError";
+import { Label as Xe } from "./components/Input/Label/index.js";
+import { DateField as Ze } from "./components/Input/DateField/index.js";
+import { t as Qe } from "./chunks/Popover";
+import { n as $e, t as et } from "./chunks/Input2";
+import { useControllableState as tt } from "./components/Input/hooks/index.js";
+import { DatePicker as nt } from "./components/Input/DatePicker/DatePicker/index.js";
+import { DateRangePicker as rt } from "./components/Input/DatePicker/DateRangePicker/index.js";
+import { n as it, t as at } from "./chunks/Radio";
+import { t as ot } from "./chunks/SearchField";
+import { n as st, r as ct, t as lt } from "./chunks/Tag";
+import { t as Q } from "./chunks/ComboBox";
+import { t as ut } from "./chunks/ComboBoxPopover";
+import { t as dt } from "./chunks/ComboBoxTrigger";
+import { Select as ft } from "./components/Input/Select/Select/index.js";
+import { a as pt, c as mt, d as ht, f as gt, i as _t, l as vt, n as yt, o as bt, p as xt, r as St, s as Ct, t as wt, u as Tt } from "./chunks/core6";
+import { Menu as Et } from "./components/Menu/Menu/index.js";
+import { MenuItem as Dt } from "./components/Menu/MenuItem/index.js";
+import { t as Ot } from "./chunks/MenuPopover";
+import { MenuSection as kt } from "./components/Menu/MenuSection/index.js";
+import { MenuSectionHeader as At } from "./components/Menu/MenuSectionHeader/index.js";
+import { MenuShortcut as jt } from "./components/Menu/MenuShortcut/index.js";
+import { MenuTrailingText as Mt } from "./components/Menu/MenuTrailingText/index.js";
+import { MenuTrigger as Nt } from "./components/Menu/MenuTrigger/index.js";
+import { t as Pt } from "./chunks/SubmenuPopover";
+import { SelectItem as Ft } from "./components/Input/Select/SelectItem/index.js";
+import { SelectList as It } from "./components/Input/Select/SelectList/index.js";
+import { SelectListSection as Lt } from "./components/Input/Select/SelectListSection/index.js";
+import { SelectListSectionHeader as Rt } from "./components/Input/Select/SelectListSectionHeader/index.js";
+import { t as zt } from "./chunks/SelectPopover";
+import { t as Bt } from "./chunks/SelectTrigger";
+import { a as Vt, c as Ht, i as Ut, n as Wt, o as Gt, r as Kt, s as qt, t as Jt } from "./chunks/core7";
+import { t as Yt } from "./chunks/SliderOutput";
+import { t as Xt } from "./chunks/CenteredSlider";
+import { RangeSlider as Zt } from "./components/Input/Slider/RangeSlider/index.js";
+import { t as Qt } from "./chunks/Slider";
+import { t as $t } from "./chunks/Switch";
+import { TextArea as en } from "./components/Input/TextArea/index.js";
+import { TimeField as tn } from "./components/Input/TimeField/index.js";
+import { t as nn } from "./chunks/ListAction";
+import { t as rn } from "./chunks/ListAvatar";
+import { t as an } from "./chunks/ListBox";
+import { t as on } from "./chunks/ListIcon";
+import { t as sn } from "./chunks/ListItem";
+import { t as cn } from "./chunks/ListLabelText";
+import { a as ln, i as un, n as dn, o as fn, r as pn, s as mn, t as hn } from "./chunks/ListMedia";
+import { t as gn } from "./chunks/ListOverlineText";
+import { t as _n } from "./chunks/ListSupportingText";
+import { t as vn } from "./chunks/ListTrailingText";
 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 { NavigationState as yn, NavigationStateContext as bn, useNavigationState as xn } from "./components/Navigation/NavigationState/index.js";
+import { n as Sn, t as Cn } from "./chunks/navContext";
+import { n as wn, r as Tn, t as En } from "./chunks/Navigation";
+import { NavigationButton as Dn } from "./components/Navigation/NavigationItem/NavigationButton/index.js";
+import { NavigationLink as On } from "./components/Navigation/NavigationItem/NavigationLink/index.js";
+import { t as kn } from "./chunks/NavigationSection";
+import { t as An } from "./chunks/NavigationSectionLabel";
+import { SubNavigation as jn } from "./components/Navigation/SubNavigation/SubNavigation/index.js";
+import { SubNavigationTrigger as Mn } from "./components/Navigation/SubNavigation/SubNavigationTrigger/index.js";
 import "./components/Navigation/index.js";
-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 { n as Nn, t as Pn } from "./chunks/BottomSheetModal";
+import { t as Fn } from "./chunks/BottomSheet";
+import { n as In, t as Ln } from "./chunks/SideSheetModal";
+import { n as Rn, t as zn } from "./chunks/SideSheet";
 import "./components/Sheets/index.js";
-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 { n as Bn, r as Vn, t as Hn } from "./chunks/Snackbar";
+import { t as Un } from "./chunks/Tab";
+import { t as Wn } from "./chunks/TabList";
+import { t as Gn } from "./chunks/TabPanel";
+import { t as Kn } from "./chunks/TabPanels";
+import { t as qn } from "./chunks/Tabs";
 import "./components/Tabs/index.js";
-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: Rn.flattenError(r.error).fieldErrors
-	};
-}, $ = {
+import { n as Jn, t as Yn } from "./chunks/Toolbar";
+import './assets/index.css';//#region src/utils/gradients/gradients.module.css
+var $ = {
 	"gradient-ambient-primary": "_gradient-ambient-primary_1aada_6",
 	"gradient-ambient-secondary": "_gradient-ambient-secondary_1aada_26",
 	"gradient-ambient-tertiary": "_gradient-ambient-tertiary_1aada_46",
@@ -155,7 +147,7 @@ var zn = (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"
-}, Bn = {
+}, Xn = {
 	AmbientPrimary: $["gradient-ambient-primary"],
 	AmbientSecondary: $["gradient-ambient-secondary"],
 	AmbientTertiary: $["gradient-ambient-tertiary"],
@@ -171,7 +163,7 @@ var zn = (e, t) => {
 	LusterSoft: $["gradient-luster-soft"],
 	LusterMetallic: $["gradient-luster-metallic"],
 	LusterDeep: $["gradient-luster-deep"]
-}, Vn = {
+}, Zn = {
 	displayLarge: "typography-display-large-fluid",
 	displayMedium: "typography-display-medium-fluid",
 	displaySmall: "typography-display-small-fluid",
@@ -180,6 +172,6 @@ var zn = (e, t) => {
 	headlineSmall: "typography-headline-small-fluid"
 };
 //#endregion
-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 };
+export { Ie as ActionDialog, Jt as ActiveTrackStyles, v as AppBar, me as AppBarAction, he as AppBarAvatar, m as AppBarContext, ge as AppBarHeadline, h as AppBarHeadlineBlockSize, g as AppBarHeadlineTypography, ee as AppBarState, te as AppBarStateContext, st as AvatarSize, Fn as BottomSheet, Nn as BottomSheetContext, Pn as BottomSheetModal, Y as Button, T as ButtonCore, B as ButtonGroup, I as ButtonGroupContext, D as ButtonIconSizeMapping, C as ButtonLabelTextMapping, E as ButtonReset, A as ButtonSizeBase, Se as Calendar, be as CalendarBaseStyles, we as Card, De as CardIcon, Ee as CardIconSize, Xt as CenteredSlider, Ke as Checkbox, qe as CheckboxGroup, Q as ComboBox, ut as ComboBoxPopover, dt as ComboBoxTrigger, M as ConnectedButton, V as ConnectedButtonGroup, L as ConnectedButtonGroupContext, Ze as DateField, nt as DatePicker, rt as DateRangePicker, Je as Description, Fe as Dialog, Ae as DialogBodyTypography, je as DialogContext, Me as DialogHeadlineTypography, Ne as DialogIconSize, Ve as Disclosure, He as DisclosureGroup, Ue as DisclosureHeader, We as DisclosurePanel, ze as DisclosureTypographyContext, Ge as Divider, Ye as FieldError, Oe as GridBackgroundDecorator, y as Icon, X as IconButton, N as IconButtonIconSizeMapping, Wt as InactiveTrackStyles, et as Input, $e as InputButton, Xe as Label, Z as LinkButton, re as LinkIconButton, nn as ListAction, rn as ListAvatar, an as ListBox, on as ListIcon, sn as ListItem, cn as ListLabelText, mn as ListMedia, hn as ListMediaImageHeight, dn as ListMediaImageWidth, pn as ListMediaLargeVideoHeight, un as ListMediaLargeVideoWidth, ln as ListMediaVideoHeight, fn as ListMediaVideoWidth, gn as ListOverlineText, _n as ListSupportingText, vn as ListTrailingText, b as Loader, Et as Menu, Ct as MenuBaseLayout, Dt as MenuItem, mt as MenuItemIconSize, wt as MenuItemLeadingStyles, yt as MenuItemStyles, St as MenuItemTrailingStyles, Ot as MenuPopover, kt as MenuSection, At as MenuSectionHeader, _t as MenuSectionHeaderStyles, pt as MenuSectionStyles, jt as MenuShortcut, bt as MenuStyles, Mt as MenuTrailingText, Nt as MenuTrigger, Le as Modal, Re as ModalOverlay, En as Navigation, Dn as NavigationButton, Cn as NavigationContext, On as NavigationLink, wn as NavigationRenderingContext, kn as NavigationSection, An as NavigationSectionLabel, yn as NavigationState, bn as NavigationStateContext, Te as PaddingBetweenCards, Qe as Popover, ke as RadialGlowDecorator, it as Radio, at as RadioGroup, Ce as RangeCalendar, Zt as RangeSlider, H as RichTooltip, U as RichTooltipActions, W as RichTooltipInfo, G as RichTooltipSubhead, K as RichTooltipText, ot as SearchField, ft as Select, Ft as SelectItem, It as SelectList, Lt as SelectListSection, Rt as SelectListSectionHeader, zt as SelectPopover, Bt as SelectTrigger, zn as SideSheet, In as SideSheetContext, Rn as SideSheetDialog, Ln as SideSheetModal, Qt as Slider, Ht as SliderColors, Yt as SliderOutput, Ut as SliderSizeStyles, Vt as SliderStyles, Bn as SnackbarQueueContext, Hn as SnackbarRegion, x as Splash, le as SplitButton, ue as SplitButtonPrimary, ce as SplitButtonPrimaryBase, de as SplitButtonTrigger, oe as SplitButtonTriggerBase, se as SplitButtonTriggerIconSize, ae as SplitButtonVariantBase, jn as SubNavigation, Mn as SubNavigationTrigger, Pt as SubmenuPopover, $t as Switch, Un as Tab, Wn as TabList, Gn as TabPanel, Kn as TabPanels, qn as Tabs, lt as Tag, ct as TagIconSize, r as TapTarget, n as TapTargetBefore, en as TextArea, u as ThemeItem, c as ThemeProvider, f as ThemeSelector, tn as TimeField, fe as ToggleButton, pe as ToggleIconButton, Jn as Toolbar, Yn as ToolbarToggleButtonGroup, q as Tooltip, J as TooltipTrigger, Gt as TrackContainerStyles, qt as TrackStyles, Kt as VisualTrackStyles, s as buildThemeString, O as buttonColorBase, F as buttonColorConfig, w as buttonSizeConfig, o as contrastItems, ve as defaultMaxYearIncrement, _e as defaultMinYear, Zn as fluidTypography, e as getScrollProgress, t as getScrollTopFromProgress, Xn as gradientStyles, xe as isRangeCalendarState, i as isThemeContrast, l as isThemeMode, Tt as menuBaseColor, ht as menuColorConfig, gt as menuItemBaseColor, xt as menuItemLabelColor, vt as menuLayoutConfig, d as modeItems, j as newButtonBaseDataAttrs, ie as splitButtonSizeConfig, p as typography, _ as useAppBarContext, ne as useAppBarState, k as useButtonConfig, R as useButtonGroupContext, ye as useCalendarState, z as useConnectedButtonGroupContext, tt as useControllableState, Be as useDisclosureTypographyContext, Pe as useInDialog, Tn as useNavigationContainer, Sn as useNavigationContext, xn as useNavigationState, Vn as useSnackbarQueue, S as useSplash, a as useTheme, P 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":["styles","getScrollProgress","getScrollTopFromProgress","TapTarget","isThemeContrast","useTheme","contrastItems","buildThemeString","ThemeProvider","isThemeMode","ThemeItem","modeItems","ThemeSelector","typography","AppBar","Icon","Loader","Splash","useSplash","ButtonLabelTextMapping","buttonSizeConfig","ButtonCore","ButtonReset","ButtonIconSizeMapping","buttonColorBase","useButtonConfig","ButtonSizeBase","newButtonBaseDataAttrs","ConnectedButton","IconButtonIconSizeMapping","withTooltip","buttonColorConfig","ButtonGroup","ConnectedButtonGroup","RichTooltip","RichTooltipActions","RichTooltipInfo","Tooltip","splitButtonSizeConfig","SplitButtonVariantBase","SplitButtonTriggerBase","SplitButtonTriggerIconSize","SplitButtonPrimaryBase","SplitButton","SplitButtonTrigger","AppBarAction","AppBarAvatar","AppBarHeadline","defaultMinYear","defaultMaxYearIncrement","useCalendarState","CalendarBaseStyles","isRangeCalendarState","Card","PaddingBetweenCards","CardIconSize","CardIcon","GridBackgroundDecorator","RadialGlowDecorator","Dialog","ActionDialog","Modal","ModalOverlay","Disclosure","DisclosureGroup","DisclosureHeader","DisclosurePanel","Divider","Checkbox","CheckboxGroup","FieldError","Popover","InputButton","Input","Radio","RadioGroup","SearchField","AvatarSize","TagIconSize","Tag","ComboBox","ComboBoxPopover","ComboBoxTrigger","MenuSectionStyles","MenuItemIconSize","menuColorConfig","menuItemBaseColor","MenuSectionHeaderStyles","menuLayoutConfig","MenuItemStyles","MenuStyles","menuItemLabelColor","MenuItemTrailingStyles","MenuBaseLayout","MenuItemLeadingStyles","menuBaseColor","MenuPopover","SubmenuPopover","SelectPopover","SelectTrigger","SliderStyles","SliderColors","SliderSizeStyles","InactiveTrackStyles","TrackContainerStyles","VisualTrackStyles","TrackStyles","ActiveTrackStyles","SliderOutput","CenteredSlider","Slider","Switch","ListAction","ListAvatar","ListBox","ListIcon","ListItem","ListLabelText","ListMediaVideoHeight","ListMediaLargeVideoWidth","ListMediaImageWidth","ListMediaVideoWidth","ListMediaLargeVideoHeight","ListMedia","ListMediaImageHeight","ListOverlineText","ListSupportingText","ListTrailingText","useNavigationContext","NavigationContext","NavigationRenderingContext","useNavigationContainer","Navigation","NavigationSection","NavigationSectionLabel","BottomSheetContext","BottomSheetModal","BottomSheet","SideSheetContext","SideSheetModal","SideSheetDialog","SideSheet","SnackbarQueueContext","useSnackbarQueue","SnackbarRegion","Tab","TabList","TabPanel","TabPanels","Tabs","Toolbar","ToolbarToggleButtonGroup","gradients_module_default","gradientStyles","fluidTypography","AppBarContext","AppBarHeadlineBlockSize","AppBarHeadlineTypography","AppBarState","AppBarStateContext","Button","ButtonGroupContext","Calendar","ConnectedButtonGroupContext","DateField","DatePicker","DateRangePicker","Description","DialogBodyTypography","DialogContext","DialogHeadlineTypography","DialogIconSize","DisclosureTypographyContext","IconButton","Label","LinkButton","LinkIconButton","Menu","MenuItem","MenuSection","MenuSectionHeader","MenuShortcut","MenuTrailingText","MenuTrigger","NavigationButton","NavigationLink","NavigationState","NavigationStateContext","RangeCalendar","RangeSlider","RichTooltipSubhead","RichTooltipText","Select","SelectItem","SelectList","SelectListSection","SelectListSectionHeader","SplitButtonPrimary","SubNavigation","SubNavigationTrigger","TapTargetBefore","TextArea","TimeField","ToggleButton","ToggleIconButton","TooltipTrigger","useAppBarContext","useAppBarState","useButtonGroupContext","useConnectedButtonGroupContext","useControllableState","useDisclosureTypographyContext","useInDialog","useNavigationState"],"sources":["../src/utils/gradients/gradients.module.css","../src/utils/gradients/gradients.ts","../src/utils/typography/fluid.ts"],"sourcesContent":["@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\n/**\n * A curated set of subtle card background gradient CSS class names that automatically\n * adapt to light and dark theme modes using Material You CSS Custom Properties.\n *\n * Designed specifically for surface containers and cards to provide visual depth\n * without affecting text readability or distracting the user.\n *\n * Gradients are grouped into four categories:\n * - **Ambient Diagonal Gradients**: Soft, low-opacity diagonal blends between theme colors.\n * - **Split Tint Top-Glow**: Vertical accent glows concentrated along the top edge.\n * - **Subtle Corner Radial Glows**: Dual-corner radial glow accents.\n * - **Monochromatic Surface Lusters**: Colorless lusters leveraging surface container elevation levels.\n *\n * @example\n * ```tsx\n * import { gradientStyles } from '@adgytec/web-ui-components';\n * import clsx from 'clsx';\n *\n * function CardComponent() {\n *     return (\n *         <div className={clsx('card-base', gradientStyles.AmbientPrimary)}>\n *             <h3>Card Title</h3>\n *             <p>This card background uses a soft, ambient primary-to-secondary gradient.</p>\n *         </div>\n *     );\n * }\n * ```\n */\nexport const gradientStyles = {\n    // 1. Ambient Diagonal Gradients (Very Low Opacity)\n\n    /**\n     * Soft, diagonal Primary (10%) to Secondary (7%) color blend.\n     *\n     * Linear gradient at 135deg with surface container fallback and theme color contrast.\n     */\n    AmbientPrimary: styles[\"gradient-ambient-primary\"],\n\n    /**\n     * Soft, diagonal Secondary (10%) to Tertiary (7%) color blend.\n     *\n     * Linear gradient at 135deg with surface container fallback and theme color contrast.\n     */\n    AmbientSecondary: styles[\"gradient-ambient-secondary\"],\n\n    /**\n     * Soft, diagonal Tertiary (10%) to Primary-Alt (7%) color blend.\n     *\n     * Linear gradient at 135deg with surface container fallback and theme color contrast.\n     */\n    AmbientTertiary: styles[\"gradient-ambient-tertiary\"],\n\n    /**\n     * Soft, diagonal Primary-Alt (10%) to Primary (7%) color blend.\n     *\n     * Linear gradient at 135deg with surface container fallback and theme color contrast.\n     */\n    AmbientAlt: styles[\"gradient-ambient-alt\"],\n\n    // 2. Split Tint Top-Glow (Vertical Accent)\n\n    /**\n     * Vertical accent glow concentrating Primary (12% to 3%) color at the top edge.\n     *\n     * Linear gradient at 180deg providing a subtle backlit header effect.\n     */\n    GlowPrimary: styles[\"gradient-glow-primary\"],\n\n    /**\n     * Vertical accent glow concentrating Secondary (12% to 3%) color at the top edge.\n     *\n     * Linear gradient at 180deg providing a subtle backlit header effect.\n     */\n    GlowSecondary: styles[\"gradient-glow-secondary\"],\n\n    /**\n     * Vertical accent glow concentrating Tertiary (12% to 3%) color at the top edge.\n     *\n     * Linear gradient at 180deg providing a subtle backlit header effect.\n     */\n    GlowTertiary: styles[\"gradient-glow-tertiary\"],\n\n    /**\n     * Vertical accent glow concentrating Primary-Alt (12% to 3%) color at the top edge.\n     *\n     * Linear gradient at 180deg providing a subtle backlit header effect.\n     */\n    GlowAlt: styles[\"gradient-glow-alt\"],\n\n    // 3. Subtle Corner Radial Glows\n\n    /**\n     * Subtle dual corner radial glow with top-left Primary (11%) and bottom-right Secondary (8%).\n     */\n    CornerPrimary: styles[\"gradient-corner-primary\"],\n\n    /**\n     * Subtle dual corner radial glow with top-left Secondary (11%) and bottom-right Tertiary (8%).\n     */\n    CornerSecondary: styles[\"gradient-corner-secondary\"],\n\n    /**\n     * Subtle dual corner radial glow with top-left Tertiary (11%) and bottom-right Primary-Alt (8%).\n     */\n    CornerTertiary: styles[\"gradient-corner-tertiary\"],\n\n    /**\n     * Subtle dual corner radial glow with top-left Primary-Alt (11%) and bottom-right Primary (8%).\n     */\n    CornerAlt: styles[\"gradient-corner-alt\"],\n\n    // 4. Monochromatic Surface Lusters (Colorless)\n\n    /**\n     * Subtle top-to-bottom surface container monochromatic gradient.\n     */\n    LusterSoft: styles[\"gradient-luster-soft\"],\n\n    /**\n     * Sleek diagonal surface container metallic-like monochromatic luster gradient.\n     */\n    LusterMetallic: styles[\"gradient-luster-metallic\"],\n\n    /**\n     * Deeper monochromatic luster gradient transitioning from high to lowest surface container levels.\n     */\n    LusterDeep: styles[\"gradient-luster-deep\"],\n} as const;\n\n/**\n * Union of all gradient style variant keys in {@link gradientStyles}.\n */\nexport type GradientStyleKey = keyof typeof gradientStyles;\n\n/**\n * Union of all gradient style CSS class name values in {@link gradientStyles}.\n */\nexport type GradientStyleClass = (typeof gradientStyles)[GradientStyleKey];\n","/**\n * Fluid typography variants that scale smoothly between minimum and maximum viewport sizes.\n *\n * Implemented using CSS `clamp()` to dynamically interpolate font size and line height\n * according to screen width without jarring breakpoint jumps.\n *\n * Available for Display and Headline roles where responsive scaling produces the most\n * impactful visual balance across mobile, tablet, and desktop viewports.\n *\n * @example\n * ```tsx\n * import { fluidTypography } from '@adgytec/web-ui-components';\n * import clsx from 'clsx';\n *\n * function HeroBanner() {\n *     return (\n *         <h1 className={clsx(fluidTypography.displayLarge)}>\n *             Fluid Responsive Title\n *         </h1>\n *     );\n * }\n * ```\n */\nexport const fluidTypography = {\n    // 1. Display\n\n    /** Large fluid display style smoothly scaling with viewport width. */\n    displayLarge: \"typography-display-large-fluid\",\n    /** Medium fluid display style smoothly scaling with viewport width. */\n    displayMedium: \"typography-display-medium-fluid\",\n    /** Small fluid display style smoothly scaling with viewport width. */\n    displaySmall: \"typography-display-small-fluid\",\n\n    // 2. Headline\n\n    /** Large fluid headline style smoothly scaling with viewport width. */\n    headlineLarge: \"typography-headline-large-fluid\",\n    /** Medium fluid headline style smoothly scaling with viewport width. */\n    headlineMedium: \"typography-headline-medium-fluid\",\n    /** Small fluid headline style smoothly scaling with viewport width. */\n    headlineSmall: \"typography-headline-small-fluid\",\n} as const;\n\n/**\n * Union of all fluid typography CSS class name values in {@link fluidTypography}.\n */\nexport type FluidTypographyVariant =\n    (typeof fluidTypography)[keyof typeof fluidTypography];\n\n/**\n * Union of all fluid typography role keys in {@link fluidTypography}.\n */\nexport type FluidTypographyKey = keyof typeof fluidTypography;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8BayJ,KAAiB;CAQ1B,gBAAgBzJ,EAAO;CAOvB,kBAAkBA,EAAO;CAOzB,iBAAiBA,EAAO;CAOxB,YAAYA,EAAO;CASnB,aAAaA,EAAO;CAOpB,eAAeA,EAAO;CAOtB,cAAcA,EAAO;CAOrB,SAASA,EAAO;CAOhB,eAAeA,EAAO;CAKtB,iBAAiBA,EAAO;CAKxB,gBAAgBA,EAAO;CAKvB,WAAWA,EAAO;CAOlB,YAAYA,EAAO;CAKnB,gBAAgBA,EAAO;CAKvB,YAAYA,EAAO;AACvB,GC1Ga0J,KAAkB;CAI3B,cAAc;CAEd,eAAe;CAEf,cAAc;CAKd,eAAe;CAEf,gBAAgB;CAEhB,eAAe;AACnB"}

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

@@ -1,17 +1,114 @@
+/**
+ * A curated set of subtle card background gradient CSS class names that automatically
+ * adapt to light and dark theme modes using Material You CSS Custom Properties.
+ *
+ * Designed specifically for surface containers and cards to provide visual depth
+ * without affecting text readability or distracting the user.
+ *
+ * Gradients are grouped into four categories:
+ * - **Ambient Diagonal Gradients**: Soft, low-opacity diagonal blends between theme colors.
+ * - **Split Tint Top-Glow**: Vertical accent glows concentrated along the top edge.
+ * - **Subtle Corner Radial Glows**: Dual-corner radial glow accents.
+ * - **Monochromatic Surface Lusters**: Colorless lusters leveraging surface container elevation levels.
+ *
+ * @example
+ * ```tsx
+ * import { gradientStyles } from '@adgytec/web-ui-components';
+ * import clsx from 'clsx';
+ *
+ * function CardComponent() {
+ *     return (
+ *         <div className={clsx('card-base', gradientStyles.AmbientPrimary)}>
+ *             <h3>Card Title</h3>
+ *             <p>This card background uses a soft, ambient primary-to-secondary gradient.</p>
+ *         </div>
+ *     );
+ * }
+ * ```
+ */
 export declare const gradientStyles: {
+    /**
+     * Soft, diagonal Primary (10%) to Secondary (7%) color blend.
+     *
+     * Linear gradient at 135deg with surface container fallback and theme color contrast.
+     */
     readonly AmbientPrimary: string;
+    /**
+     * Soft, diagonal Secondary (10%) to Tertiary (7%) color blend.
+     *
+     * Linear gradient at 135deg with surface container fallback and theme color contrast.
+     */
     readonly AmbientSecondary: string;
+    /**
+     * Soft, diagonal Tertiary (10%) to Primary-Alt (7%) color blend.
+     *
+     * Linear gradient at 135deg with surface container fallback and theme color contrast.
+     */
     readonly AmbientTertiary: string;
+    /**
+     * Soft, diagonal Primary-Alt (10%) to Primary (7%) color blend.
+     *
+     * Linear gradient at 135deg with surface container fallback and theme color contrast.
+     */
     readonly AmbientAlt: string;
+    /**
+     * Vertical accent glow concentrating Primary (12% to 3%) color at the top edge.
+     *
+     * Linear gradient at 180deg providing a subtle backlit header effect.
+     */
     readonly GlowPrimary: string;
+    /**
+     * Vertical accent glow concentrating Secondary (12% to 3%) color at the top edge.
+     *
+     * Linear gradient at 180deg providing a subtle backlit header effect.
+     */
     readonly GlowSecondary: string;
+    /**
+     * Vertical accent glow concentrating Tertiary (12% to 3%) color at the top edge.
+     *
+     * Linear gradient at 180deg providing a subtle backlit header effect.
+     */
     readonly GlowTertiary: string;
+    /**
+     * Vertical accent glow concentrating Primary-Alt (12% to 3%) color at the top edge.
+     *
+     * Linear gradient at 180deg providing a subtle backlit header effect.
+     */
     readonly GlowAlt: string;
+    /**
+     * Subtle dual corner radial glow with top-left Primary (11%) and bottom-right Secondary (8%).
+     */
     readonly CornerPrimary: string;
+    /**
+     * Subtle dual corner radial glow with top-left Secondary (11%) and bottom-right Tertiary (8%).
+     */
     readonly CornerSecondary: string;
+    /**
+     * Subtle dual corner radial glow with top-left Tertiary (11%) and bottom-right Primary-Alt (8%).
+     */
     readonly CornerTertiary: string;
+    /**
+     * Subtle dual corner radial glow with top-left Primary-Alt (11%) and bottom-right Primary (8%).
+     */
     readonly CornerAlt: string;
+    /**
+     * Subtle top-to-bottom surface container monochromatic gradient.
+     */
     readonly LusterSoft: string;
+    /**
+     * Sleek diagonal surface container metallic-like monochromatic luster gradient.
+     */
     readonly LusterMetallic: string;
+    /**
+     * Deeper monochromatic luster gradient transitioning from high to lowest surface container levels.
+     */
     readonly LusterDeep: string;
 };
+/**
+ * Union of all gradient style variant keys in {@link gradientStyles}.
+ */
+export type GradientStyleKey = keyof typeof gradientStyles;
+/**
+ * Union of all gradient style CSS class name values in {@link gradientStyles}.
+ */
+export type GradientStyleClass = (typeof gradientStyles)[GradientStyleKey];

package/dist/utils/index.d.ts

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

package/dist/utils/ref/ref.d.ts

@@ -1,4 +1,37 @@
-import { ComponentRef, Ref } from 'react';
-export type RefProp<T extends React.ElementType> = {
+import { ComponentRef, ElementType, Ref } from 'react';
+/**
+ * Utility type that provides a strongly typed `ref` prop for a given React component or HTML element.
+ *
+ * Primarily used in composite input and form components (such as `Input`, `TextArea`,
+ * `DateField`, `DatePicker`, `TimeField`, and `CharacterCount`) where the component wraps
+ * an underlying primitive DOM element or React Aria component, allowing callers to pass
+ * a ref targeting the inner interactive element.
+ *
+ * @template T - The React component or intrinsic HTML tag name whose instance/DOM ref type is extracted via {@link ComponentRef}.
+ *
+ * @example
+ * ```tsx
+ * import type { RefProp } from "@/utils";
+ * import type { Input } from "react-aria-components";
+ *
+ * export interface CustomInputProps extends RefProp<typeof Input> {
+ *     label: string;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * import type { RefProp } from "@/utils";
+ *
+ * export interface CharacterCountProps extends RefProp<"span"> {
+ *     current: number;
+ *     max: number;
+ * }
+ * ```
+ */
+export type RefProp<T extends ElementType> = {
+    /**
+     * Optional ref targeting the underlying DOM element or component instance.
+     */
     ref?: Ref<ComponentRef<T>>;
 };