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

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","ListBoxConfigContext","Menu","MenuItem","MenuSection","MenuSectionHeader","MenuShortcut","MenuTrailingText","MenuTrigger","NavigationButton","NavigationLink","NavigationState","NavigationStateContext","RangeCalendar","RangeSlider","RichTooltipSubhead","RichTooltipText","RichTooltipTrigger","Select","SelectItem","SelectList","SelectListSection","SelectListSectionHeader","SplitButtonPrimary","SubNavigation","SubNavigationTrigger","TapTargetBefore","TextArea","TimeField","ToggleButton","ToggleIconButton","TooltipTrigger","useAppBarContext","useAppBarState","useButtonGroupContext","useConnectedButtonGroupContext","useControllableState","useDisclosureTypographyContext","useInDialog","useListBoxConfig","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A,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/preview/AppBar/AppBar.d.ts

@@ -0,0 +1,2 @@
+export declare const AppBarPreview: () => import('react').JSX.Element;
+export default AppBarPreview;

package/dist/preview/AppBar/index.d.ts

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

package/dist/preview/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,6 @@
+import { SheetLayout } from '../../components/Sheets';
+export declare const RenderBottomSheet: ({ layout }: {
+    layout: SheetLayout;
+}) => import('react').JSX.Element;
+export declare const BottomSheetPreview: () => import('react').JSX.Element;
+export default BottomSheetPreview;

package/dist/preview/BottomSheet/index.d.ts

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

package/dist/preview/Button/Button.d.ts

@@ -0,0 +1,2 @@
+export declare const ButtonPreview: () => import('react').JSX.Element;
+export default ButtonPreview;

package/dist/preview/Button/index.d.ts

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

package/dist/preview/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,2 @@
+export declare const ButtonGroupPreview: () => import('react').JSX.Element;
+export default ButtonGroupPreview;

package/dist/preview/ButtonGroup/index.d.ts

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

package/dist/preview/Calendar/Calendar.d.ts

@@ -0,0 +1,2 @@
+export declare const CalendarPreview: () => import('react').JSX.Element;
+export default CalendarPreview;

package/dist/preview/Calendar/index.d.ts

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

package/dist/preview/Card/Card.d.ts

@@ -0,0 +1,2 @@
+export declare const CardPreview: () => import('react').JSX.Element;
+export default CardPreview;

package/dist/preview/Card/index.d.ts

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

package/dist/preview/CenteredSlider/CenteredSlider.d.ts

@@ -0,0 +1,2 @@
+export declare const CenteredSliderPreview: () => import('react').JSX.Element;
+export default CenteredSliderPreview;

package/dist/preview/CenteredSlider/index.d.ts

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

package/dist/preview/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+export declare const CheckboxPreview: () => import('react').JSX.Element;
+export default CheckboxPreview;

package/dist/preview/Checkbox/index.d.ts

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

package/dist/preview/Config/Config.d.ts

@@ -0,0 +1,8 @@
+import { MenuLayout } from '../../components/Menu';
+export declare const SplitButtonConfig: ({ className, layout, menuClassName, }: {
+    className?: string;
+    layout?: MenuLayout;
+    menuClassName?: string;
+}) => import('react').JSX.Element;
+export declare const ConfigPreview: () => import('react').JSX.Element;
+export default ConfigPreview;

package/dist/preview/Config/index.d.ts

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

package/dist/preview/ConnectedButtonGroup/ConnectedButtonGroup.d.ts

@@ -0,0 +1,2 @@
+export declare const ConnectedButtonGroupPreview: () => import('react').JSX.Element;
+export default ConnectedButtonGroupPreview;

package/dist/preview/ConnectedButtonGroup/index.d.ts

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

package/dist/preview/DateField/DateField.d.ts

@@ -0,0 +1,6 @@
+export declare const RenderDateField: ({ isInvalid, isDisabled, }: {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}) => import('react').JSX.Element;
+export declare const DateFieldPreview: () => import('react').JSX.Element;
+export default DateFieldPreview;

package/dist/preview/DateField/index.d.ts

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

package/dist/preview/DatePicker/DatePicker.d.ts

@@ -0,0 +1,2 @@
+export declare const DatePickerPreview: () => import('react').JSX.Element;
+export default DatePickerPreview;

package/dist/preview/DatePicker/index.d.ts

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

package/dist/preview/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,2 @@
+export declare const DateRangePickerPreview: () => import('react').JSX.Element;
+export default DateRangePickerPreview;

package/dist/preview/DateRangePicker/index.d.ts

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

package/dist/preview/Decorators/Decorators.d.ts

@@ -0,0 +1,2 @@
+export declare const DecoratorsPreview: () => import('react').JSX.Element;
+export default DecoratorsPreview;

package/dist/preview/Decorators/index.d.ts

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

package/dist/preview/Dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+export declare const DialogPreview: () => import('react').JSX.Element;
+export default DialogPreview;

package/dist/preview/Dialog/index.d.ts

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

package/dist/preview/Disclosure/Disclosure.d.ts

@@ -0,0 +1,2 @@
+export declare const DisclosurePreview: () => import('react').JSX.Element;
+export default DisclosurePreview;

package/dist/preview/Disclosure/index.d.ts

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

package/dist/preview/Gradients/Gradients.d.ts

@@ -0,0 +1,6 @@
+export declare const GradientRender: ({ className, heading, }: {
+    heading: string;
+    className: string;
+}) => import('react').JSX.Element;
+export declare const GradientsPreview: () => import('react').JSX.Element;
+export default GradientsPreview;

package/dist/preview/Gradients/index.d.ts

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

package/dist/preview/Icon/Icon.d.ts

@@ -0,0 +1,2 @@
+export declare const IconPreview: () => import('react').JSX.Element;
+export default IconPreview;

package/dist/preview/Icon/index.d.ts

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

package/dist/preview/IconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+export declare const IconButtonPreview: () => import('react').JSX.Element;
+export default IconButtonPreview;

package/dist/preview/IconButton/index.d.ts

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

package/dist/preview/Input/Input.d.ts

@@ -0,0 +1,6 @@
+export declare const RenderInput: ({ isInvalid, isDisabled, }: {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}) => import('react').JSX.Element;
+export declare const InputPreview: () => import('react').JSX.Element;
+export default InputPreview;

package/dist/preview/Input/index.d.ts

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

package/dist/preview/Link/Link.d.ts

@@ -0,0 +1,2 @@
+export declare const LinkPreview: () => import('react').JSX.Element;
+export default LinkPreview;

package/dist/preview/Link/index.d.ts

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

package/dist/preview/List/List.d.ts

@@ -0,0 +1,2 @@
+export declare const ListPreview: () => import('react').JSX.Element;
+export default ListPreview;

package/dist/preview/List/index.d.ts

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

package/dist/preview/Menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const MenuPreview: () => React.JSX.Element;
+export default MenuPreview;

package/dist/preview/Menu/index.d.ts

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

package/dist/preview/Navigation/Navigation.d.ts

@@ -0,0 +1,3 @@
+export declare const NavStatePreview: () => import('react').JSX.Element;
+export declare const NavPreview: () => import('react').JSX.Element;
+export default NavPreview;

package/dist/preview/Navigation/index.d.ts

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

package/dist/preview/Radio/Radio.d.ts

@@ -0,0 +1,2 @@
+export declare const RadioPreview: () => import('react').JSX.Element;
+export default RadioPreview;

package/dist/preview/Radio/index.d.ts

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

package/dist/preview/RangeCalendar/RangeCalendar.d.ts

@@ -0,0 +1,2 @@
+export declare const RangeCalendarPreview: () => import('react').JSX.Element;
+export default RangeCalendarPreview;

package/dist/preview/RangeCalendar/index.d.ts

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

package/dist/preview/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,2 @@
+export declare const RangeSliderPreview: () => import('react').JSX.Element;
+export default RangeSliderPreview;

package/dist/preview/RangeSlider/index.d.ts

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

package/dist/preview/SearchField/SearchField.d.ts

@@ -0,0 +1,2 @@
+export declare const SearchFieldPreview: () => import('react').JSX.Element;
+export default SearchFieldPreview;

package/dist/preview/SearchField/index.d.ts

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

package/dist/preview/Select/Select.d.ts

@@ -0,0 +1,2 @@
+export declare const SelectPreview: () => import('react').JSX.Element;
+export default SelectPreview;

package/dist/preview/Select/index.d.ts

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

package/dist/preview/SideSheet/SideSheet.d.ts

@@ -0,0 +1,7 @@
+import { SheetLayout, SideSheetAlignment } from '../../components/Sheets';
+export declare const RenderSideSheet: ({ alignment, layout, }: {
+    alignment: SideSheetAlignment;
+    layout: SheetLayout;
+}) => import('react').JSX.Element;
+export declare const SideSheetPreview: () => import('react').JSX.Element;
+export default SideSheetPreview;

package/dist/preview/SideSheet/index.d.ts

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

package/dist/preview/Slider/Slider.d.ts

@@ -0,0 +1,2 @@
+export declare const SliderPreview: () => import('react').JSX.Element;
+export default SliderPreview;

package/dist/preview/Slider/index.d.ts

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

package/dist/preview/Snackbar/Snackbar.d.ts

@@ -0,0 +1,2 @@
+export declare const SnackbarPreview: () => import('react').JSX.Element;
+export default SnackbarPreview;

package/dist/preview/Snackbar/index.d.ts

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

package/dist/preview/SplitButton/SplitButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonSize, SplitButtonColor } from '../../components/Button';
+export declare const RenderSplitButton: ({ size, color, isDisabled, isPending, label, }: {
+    size: ButtonSize;
+    color: SplitButtonColor;
+    isPending?: boolean;
+    isDisabled?: boolean;
+    label?: boolean;
+}) => import('react').JSX.Element;
+export declare const SplitButtonPreview: () => import('react').JSX.Element;
+export default SplitButtonPreview;

package/dist/preview/SplitButton/index.d.ts

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

package/dist/preview/Switch/Switch.d.ts

@@ -0,0 +1,2 @@
+export declare const SwitchPreview: () => import('react').JSX.Element;
+export default SwitchPreview;

package/dist/preview/Switch/index.d.ts

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

package/dist/preview/Tabs/Tabs.d.ts

@@ -0,0 +1,7 @@
+import { Orientation } from 'react-aria';
+export declare const RenderTabs: ({ isDisabled, orientation, }: {
+    isDisabled?: boolean;
+    orientation?: Orientation;
+}) => import('react').JSX.Element;
+export declare const TabsPreview: () => import('react').JSX.Element;
+export default TabsPreview;

package/dist/preview/Tabs/index.d.ts

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

package/dist/preview/Tags/Tags.d.ts

@@ -0,0 +1,2 @@
+export declare const TagsPreview: () => import('react').JSX.Element;
+export default TagsPreview;

package/dist/preview/Tags/index.d.ts

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

package/dist/preview/TextArea/TextArea.d.ts

@@ -0,0 +1,6 @@
+export declare const RenderTextArea: ({ isInvalid, isDisabled, }: {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}) => import('react').JSX.Element;
+export declare const TextAreaPreview: () => import('react').JSX.Element;
+export default TextAreaPreview;

package/dist/preview/TextArea/index.d.ts

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

package/dist/preview/ThemeSelector/ThemeSelector.d.ts

@@ -0,0 +1,2 @@
+export declare const ThemeSelectorPreview: () => import('react').JSX.Element;
+export default ThemeSelectorPreview;

package/dist/preview/ThemeSelector/index.d.ts

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

package/dist/preview/TimeField/TimeField.d.ts

@@ -0,0 +1,6 @@
+export declare const RenderTimeField: ({ isInvalid, isDisabled, }: {
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+}) => import('react').JSX.Element;
+export declare const TimeFieldPreview: () => import('react').JSX.Element;
+export default TimeFieldPreview;

package/dist/preview/TimeField/index.d.ts

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

package/dist/preview/Toolbar/Toolbar.d.ts

@@ -0,0 +1,10 @@
+import { Orientation } from 'react-aria';
+import { ToolbarColor, ToolbarVariant } from '../../components/Toolbar';
+export declare const RenderToolbar: ({ color, variant, orientation, isDisabled, }: {
+    color?: ToolbarColor;
+    variant?: ToolbarVariant;
+    orientation?: Orientation;
+    isDisabled?: boolean;
+}) => import('react').JSX.Element;
+export declare const ToolbarPreview: () => import('react').JSX.Element;
+export default ToolbarPreview;

package/dist/preview/Toolbar/index.d.ts

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

package/dist/preview/Tooltip/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export declare const TooltipPreview: () => import('react').JSX.Element;
+export default TooltipPreview;

package/dist/preview/Tooltip/index.d.ts

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

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';