npm - @adgytec/adgytec-web-ui-components - Versions diffs - 2.3.1 → 2.4.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (557) hide show

package/dist/chunks/Tooltip.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip","names":["Tooltip","AriaTooltip","clsx","styles","typography","clsx$1","tooltip_module_default","Tooltip$1","props","Tooltip","\"tooltip\"","className","renderProps"],"sources":["../../src/components/Tooltip/Tooltip/tooltip.module.css","../../src/components/Tooltip/Tooltip/Tooltip.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-tooltip-background\n* --md-tooltip-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .tooltip {\n --_md-tooltip-background: var(\n --md-tooltip-background,\n var(--md-sys-color-inverse-surface)\n );\n --_md-tooltip-color: var(\n --md-tooltip-color,\n var(--md-sys-color-inverse-on-surface)\n );\n\n --_offset: calc(4 var(--dp, 1px));\n\n background-color: var(--_md-tooltip-background);\n color: var(--_md-tooltip-color);\n\n padding-inline: var(--md-sys-layout-space-8);\n padding-block: var(--md-sys-layout-space-4);\n\n max-inline-size: calc(300 * var(--dp, 1px));\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n transform: translate3d(0, 0, 0);\n transition:\n transform var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n &[data-placement=\"bottom\"] {\n --_origin: translateY(calc(-1 * var(--_offset)));\n }\n\n &[data-placement=\"top\"] {\n --_origin: translateY(var(--_offset));\n }\n\n &[data-placement=\"right\"] {\n --_origin: translateX(calc(-1 * var(--_offset)));\n }\n\n &[data-placement=\"left\"] {\n --_origin: translateX(var(--_offset));\n }\n\n &[data-entering],\n &[data-exiting] {\n transform: var(--_origin);\n opacity: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Tooltip as AriaTooltip } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\nimport styles from \"./tooltip.module.css\";\n\n/*\n Props for the {@link Tooltip} component.\n * Extends React Aria Components `Tooltip` props.\n \n Configurable CSS tokens:\n * - `--md-tooltip-background`: Background color of the tooltip (`var(--md-sys-color-inverse-surface)`).\n * - `--md-tooltip-color`: Text color of the tooltip (`var(--md-sys-color-inverse-on-surface)`).\n /\nexport interface TooltipProps\n extends React.ComponentPropsWithRef<typeof AriaTooltip> {}\n\n/\n Plain tooltip component implementing [Material 3 Tooltips](https://m3.material.io/components/tooltips/overview).\n \n Provides brief, informative text messages when hovering, focusing, or long-pressing an element.\n * Supports smooth directional entrance/exit slide transitions and opacity fading based on `data-placement`.\n \n Configurable CSS tokens:\n * - `--md-tooltip-background`: Background color of the tooltip (`var(--md-sys-color-inverse-surface)`).\n * - `--md-tooltip-color`: Text color of the tooltip (`var(--md-sys-color-inverse-on-surface)`).\n \n @example\n * ```tsx\n * import { Button, Tooltip, TooltipTrigger } from \"@adgytec/web-ui-components\";\n \n export function Example() {\n * return (\n * <TooltipTrigger>\n * <Button label=\"Save Changes\" />\n * <Tooltip placement=\"top\">Saves the current document</Tooltip>\n * </TooltipTrigger>\n * );\n * }\n * ```\n */\nexport const Tooltip: React.FC<TooltipProps> = ({\n className,\n offset = 4,\n ...props\n}) => {\n return (\n <AriaTooltip\n offset={offset}\n className={(renderProps) =>\n clsx(\n styles[\"tooltip\"],\n typography.labelMedium,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-tooltip\n />\n );\n};\n"],"mappings":";;;;yCCwCaA,KAAmC,EAC5C,cACA,YAAS,GACT,GAAGQ,QAGC,kBAACP,GAAD;CACY;CACR,YAAY,MACRC,EACIC,EAAOO,SACPN,EAAW,aACX,OAAOO,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACJ,gBAAA;AAAY,CAAA"}
1	+ {"version":3,"file":"Tooltip","names":["Tooltip","AriaTooltip","clsx","styles","typography","clsx$1","tooltip_module_default","Tooltip$1","props","Tooltip","\"tooltip\"","className","renderProps"],"sources":["../../src/components/Tooltip/Tooltip/tooltip.module.css","../../src/components/Tooltip/Tooltip/Tooltip.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-tooltip-background\n* --md-tooltip-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .tooltip {\n --_md-tooltip-background: var(\n --md-tooltip-background,\n var(--md-sys-color-inverse-surface)\n );\n --_md-tooltip-color: var(\n --md-tooltip-color,\n var(--md-sys-color-inverse-on-surface)\n );\n\n --_offset: calc(4 var(--dp, 1px));\n\n background-color: var(--_md-tooltip-background);\n color: var(--_md-tooltip-color);\n\n padding-inline: var(--md-sys-layout-space-8);\n padding-block: var(--md-sys-layout-space-4);\n\n max-inline-size: calc(300 * var(--dp, 1px));\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n transform: translate3d(0, 0, 0);\n transition:\n transform var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n &[data-placement=\"bottom\"] {\n --_origin: translateY(calc(-1 * var(--_offset)));\n }\n\n &[data-placement=\"top\"] {\n --_origin: translateY(var(--_offset));\n }\n\n &[data-placement=\"right\"] {\n --_origin: translateX(calc(-1 * var(--_offset)));\n }\n\n &[data-placement=\"left\"] {\n --_origin: translateX(var(--_offset));\n }\n\n &[data-entering],\n &[data-exiting] {\n transform: var(--_origin);\n opacity: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Tooltip as AriaTooltip } from \"react-aria-components\";\nimport { typography } from \"@/utils/typography\";\nimport styles from \"./tooltip.module.css\";\n\n/*\n Props for the {@link Tooltip} component.\n * Extends React Aria Components `Tooltip` props.\n \n Configurable CSS tokens:\n * - `--md-tooltip-background`: Background color of the tooltip (`var(--md-sys-color-inverse-surface)`).\n * - `--md-tooltip-color`: Text color of the tooltip (`var(--md-sys-color-inverse-on-surface)`).\n /\nexport interface TooltipProps\n extends React.ComponentPropsWithRef<typeof AriaTooltip> {}\n\n/\n Plain tooltip component implementing [Material 3 Tooltips](https://m3.material.io/components/tooltips/overview).\n \n Provides brief, informative text messages when hovering, focusing, or long-pressing an element.\n * Supports smooth directional entrance/exit slide transitions and opacity fading based on `data-placement`.\n \n Configurable CSS tokens:\n * - `--md-tooltip-background`: Background color of the tooltip (`var(--md-sys-color-inverse-surface)`).\n * - `--md-tooltip-color`: Text color of the tooltip (`var(--md-sys-color-inverse-on-surface)`).\n \n @example\n * ```tsx\n * import { Button, Tooltip, TooltipTrigger } from \"@adgytec/web-ui-components\";\n \n export function Example() {\n * return (\n * <TooltipTrigger>\n * <Button label=\"Save Changes\" />\n * <Tooltip placement=\"top\">Saves the current document</Tooltip>\n * </TooltipTrigger>\n * );\n * }\n * ```\n */\nexport const Tooltip: React.FC<TooltipProps> = ({\n className,\n offset = 4,\n ...props\n}) => {\n return (\n <AriaTooltip\n offset={offset}\n className={(renderProps) =>\n clsx(\n styles[\"tooltip\"],\n typography.labelMedium,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-tooltip\n />\n );\n};\n"],"mappings":";;;;A,yCCwCaA,KAAmC,EAC5C,cACA,YAAS,GACT,GAAGQ,QAGC,kBAACP,GAAD;CACY;CACR,YAAY,MACRC,EACIC,EAAOO,SACPN,EAAW,aACX,OAAOO,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACJ,gBAAA;AAAY,CAAA"}

package/dist/chunks/base CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region src/utils/typography/base.ts
+// src/utils/typography/base.ts
 var e = {
 	displayLarge: "typography-display-large",
 	displayLargeEmphasized: "typography-display-large-emphasized",
@@ -31,7 +31,6 @@ var e = {
 	labelSmall: "typography-label-small",
 	labelSmallEmphasized: "typography-label-small-emphasized"
 };
-//#endregion
 export { e as t };
 //# sourceMappingURL=base.map

package/dist/chunks/compiler-runtime CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as e from "react";
-//#region \0rolldown/runtime.js
-var t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), n = /* @__PURE__ */ t(((t, n) => {
+// \0rolldown/runtime.js
+var t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t, t.exports), e = null), t.exports), n = /* @__PURE__ */ t(((t, n) => {
 	n.exports = Object.prototype.hasOwnProperty.call(e, "module.exports") ? e["module.exports"] : { ...e };
 })), r = /* @__PURE__ */ t(((e) => {
 	var t = n().__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
@@ -18,7 +18,6 @@ var t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 })), a = /* @__PURE__ */ t(((e, t) => {
 	t.exports = process.env.NODE_ENV === "production" ? r() : i();
 }));
-//#endregion
 export { a as t };
 //# sourceMappingURL=compiler-runtime.map

package/dist/chunks/context CHANGED Viewed

@@ -1,7 +1,6 @@
 import { createContext as e } from "react";
-//#region src/components/Input/Select/ComboBox/context.ts
+// src/components/Input/Select/ComboBox/context.ts
 var t = e({});
-//#endregion
 export { t };
 //# sourceMappingURL=context.map

package/dist/chunks/core CHANGED Viewed

@@ -9,7 +9,7 @@ import { TooltipTrigger as l } from "../components/Tooltip/TooltipTrigger/index.
 import u from "clsx";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ToggleButton as p } from "react-aria-components";
-import '../assets/core2.css';//#region src/components/Button/core/button.module.css
+import '../assets/core2.css';// src/components/Button/core/button.module.css
 var m = {
 	"button-reset": "_button-reset_1kbv0_2",
 	"button-core": "_button-core_1kbv0_17"
@@ -100,8 +100,7 @@ var v = {
 	let z;
 	return n[26] !== R || n[27] !== C ? (z = j(R, C), n[26] = R, n[27] = C, n[28] = z) : z = n[28], z;
 };
-//#endregion
-//#region src/components/Button/core/useButtonConfig.ts
+// src/components/Button/core/useButtonConfig.ts
 function A(e) {
 	let t = (0, O.c)(5), { size: n, shape: r, color: i, iconPlacement: a } = e, { size: s, shape: c, color: l, iconPlacement: u } = o(), d = n ?? s ?? "small", f = r ?? c ?? "round", p = i ?? l ?? "filled", m = a ?? u ?? "start", h;
 	return t[0] !== p || t[1] !== m || t[2] !== f || t[3] !== d ? (h = {
@@ -111,10 +110,8 @@ function A(e) {
 		buttonIconPlacement: m
 	}, t[0] = p, t[1] = m, t[2] = f, t[3] = d, t[4] = h) : h = t[4], h;
 }
-//#endregion
-//#region src/components/Button/core/withTooltip.tsx
+// src/components/Button/core/withTooltip.tsx
 var j = (e, t) => t ? /* @__PURE__ */ f(l, { children: [e, /* @__PURE__ */ d(c, { children: t })] }) : e;
-//#endregion
 export { w as a, T as c, g as d, h as f, S as i, b as l, A as n, E as o, _ as p, k as r, C as s, j as t, y as u };
 //# sourceMappingURL=core.map

package/dist/chunks/core.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core","names":["styles","styles","styles","renderProps","iconToRender","iconSize","handlePress","_c","clsx","styles","AriaToggleButton","_c","TooltipTrigger","Tooltip","require_compiler_runtime","typography","Icon","Splash","useSplash","Tooltip$1","TooltipTrigger$1","clsx$1","button_module_default","ButtonReset","ButtonCore","newButtonBaseDataAttrs","shape","size","color","color_module_default","buttonColorConfig","buttonColorBase","\"color\"","size_module_default","ButtonIconSizeMapping","IconButtonIconSizeMapping","ButtonLabelTextMapping","buttonSizeConfig","ButtonSizeBase","\"size\"","connectedButton_module_default","import_compiler_runtime","ConnectedButton","$","children","className","icon","iconPlacement","onPress","props","selectedIcon","tooltip","t0","groupIconPlacement","useConnectedButtonGroupContext","buttonIconPlacement","isChildFunc","t1","TapTarget","renderProps","t2","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","isSelected","iconToRender","iconSize","iconComp","t3","handlePress","ToggleButton","t4","withTooltip","useButtonConfig","buttonGroupSize","buttonGroupShape","buttonGroupColor","buttonGroupIconPlacement","useButtonGroupContext","buttonSize","buttonShape","buttonColor","node"],"sources":["../../src/components/Button/core/button.module.css","../../src/components/Button/core/button.ts","../../src/components/Button/core/color.module.css","../../src/components/Button/core/color.ts","../../src/components/Button/core/size.module.css","../../src/components/Button/core/sizes.ts","../../src/components/Button/ButtonGroups/ConnectedButton/connectedButton.module.css","../../src/components/Button/ButtonGroups/ConnectedButton/ConnectedButton.tsx","../../src/components/Button/core/useButtonConfig.ts","../../src/components/Button/core/withTooltip.tsx"],"sourcesContent":["@layer adgytec.comps {\n .button-reset {\n all: unset;\n cursor: pointer;\n position: relative;\n text-align: center;\n\n &[data-disabled] {\n cursor: default;\n }\n\n &[data-pending] {\n cursor: default;\n }\n }\n\n .button-core {\n position: relative;\n overflow: clip;\n\n --_md-button-shape-motion: var(--md-sys-motion-expressive-fast-spatial);\n --_md-button-shape-motion-duration: var(\n --md-sys-motion-expressive-fast-spatial-duration\n );\n\n transition:\n border-radius var(--_md-button-shape-motion)\n var(--_md-button-shape-motion-duration),\n background-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n border-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n box-shadow var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n padding var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n}\n","import type { LucideIcon } from \"lucide-react\";\nimport styles from \"./button.module.css\";\nimport type { AllButtonColor, ButtonColor, IconButtonColor } from \"./color\";\nimport type { ButtonShape } from \"./shape\";\nimport type { ButtonSize } from \"./sizes\";\nimport type { IconButtonWidth } from \"./width\";\n\n/*\n Determines whether an icon inside a button is rendered before or after the text label.\n \n - `\"start\"`: Renders icon at the leading edge (before text).\n * - `\"end\"`: Renders icon at the trailing edge (after text).\n /\nexport type ButtonIconPlacement = \"start\" \| \"end\";\n\n/\n Core props shared across standard text/label button components (e.g. `Button`, `LinkButton`).\n /\nexport interface ButtonBaseProps {\n /* Visual style and color scheme of the button. Defaults to `\"filled\"`. /\n color?: ButtonColor;\n /* Size scale of the button. Defaults to `\"small\"`. /\n size?: ButtonSize;\n /* Corner rounding style (`\"round\"` or `\"square\"`). Defaults to `\"round\"`. /\n shape?: ButtonShape;\n /* Optional tooltip text displayed on hover/focus. /\n tooltip?: string;\n /* Optional Lucide icon component displayed alongside label text. /\n icon?: LucideIcon;\n /* Icon placement relative to label text (`\"start\"` or `\"end\"`). Defaults to `\"start\"`. /\n iconPlacement?: ButtonIconPlacement;\n}\n\n/\n Core props shared across icon-only button components (e.g. `IconButton`, `LinkIconButton`).\n /\nexport interface IconButtonBaseProps {\n /* Visual style and color scheme of the icon button. Defaults to `\"standard\"`. /\n color?: IconButtonColor;\n /* Size scale of the icon button. Defaults to `\"small\"`. /\n size?: ButtonSize;\n /* Corner rounding style (`\"round\"` or `\"square\"`). Defaults to `\"round\"`. /\n shape?: ButtonShape;\n /* Width variation (`\"narrow\"`, `\"default\"`, or `\"wide\"`). Defaults to `\"default\"`. /\n width?: IconButtonWidth;\n /* Optional tooltip text displayed on hover/focus. /\n tooltip?: string;\n /* Required Lucide icon component rendered inside the button. /\n icon: LucideIcon;\n}\n\n/* CSS class resetting default button/link styling (outlines, borders, backgrounds). /\nexport const ButtonReset = styles[\"button-reset\"];\n\n/* CSS class providing the core layout and flex alignment for button internals. /\nexport const ButtonCore = styles[\"button-core\"];\n\n/\n Generates standard data attributes (`data-shape`, `data-size`, `data-color`)\n * applied to button DOM nodes for CSS attribute styling.\n \n @param options - Shape, size, and color configuration.\n * @returns Object with data attributes for spreading onto elements.\n /\nexport function newButtonBaseDataAttrs({\n shape,\n size,\n color,\n}: {\n shape: ButtonShape;\n color: AllButtonColor;\n size: ButtonSize;\n}) {\n return {\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-color\": color,\n };\n}\n","/ configurable tokens\n\n --md-button-background\n* --md-toggle-button-selected-background\n* --md-toggle-button-background\n\n --md-button-outline-color\n* --md-toggle-button-selected-outline-color\n* --md-toggle-button-outline-color\n\n --md-button-color\n* --md-toggle-button-selected-color\n* --md-toggle-button-color\n\n configurable tokens end /\n\n@layer adgytec.overrides {\n .outlined {\n --_md-button-padding-block: calc(\n var(--_md-button-padding-block-base) -\n var(--_md-button-outline-width, 0)\n );\n\n --_md-button-padding-inline: calc(\n var(--_md-button-padding-inline-base) -\n var(--_md-button-outline-width, 0)\n );\n\n --_md-split-button-padding-inline-start: calc(\n var(--_md-split-button-padding-inline-start-base) -\n var(--_md-button-outline-width, 0)\n );\n\n --_md-split-button-padding-inline-end: calc(\n var(--_md-split-button-padding-inline-end-base) -\n var(--_md-button-outline-width, 0)\n );\n }\n}\n\n@layer adgytec.comps {\n .color {\n --_md-button-background: var(\n --md-button-background,\n var(--_md-button-background-default)\n );\n --_md-toggle-button-selected-background: var(\n --md-toggle-button-selected-background,\n var(--_md-toggle-button-selected-background-default)\n );\n --_md-toggle-button-background: var(\n --md-toggle-button-background,\n var(--_md-toggle-button-background-default)\n );\n\n --_md-button-color: var(\n --md-button-color,\n var(--_md-button-color-default)\n );\n --_md-toggle-button-selected-color: var(\n --md-toggle-button-selected-color,\n var(--_md-toggle-button-selected-color-default)\n );\n --_md-toggle-button-color: var(\n --md-toggle-button-color,\n var(--_md-toggle-button-color-default)\n );\n\n --_md-button-outline-color: var(\n --md-button-outline-color,\n var(--_md-button-outline-color-default)\n );\n --_md-toggle-button-outline-color: var(\n --md-toggle-button-outline-color,\n var(--_md-toggle-button-outline-color-default)\n );\n --_md-toggle-button-selected-outline-color: var(\n --md-toggle-button-selected-outline-color,\n var(--_md-toggle-button-selected-outline-color-default)\n );\n\n --_outline-color: var(--_md-button-outline-color, transparent);\n\n / state layer /\n --_md-button-state-layer: var(--_md-button-color, transparent);\n --_md-toggle-button-state-layer: var(\n --_md-toggle-button-color,\n transparent\n );\n --_md-toggle-button-selected-state-layer: var(\n --_md-toggle-button-selected-color,\n transparent\n );\n\n --_state-color: var(--_md-button-state-layer);\n --_state-layer-opacity: 0;\n\n --_state-layer-color: rgb(\n from var(--_state-color) r g b /\n var(--_state-layer-opacity)\n );\n\n / variable to use /\n --_background-color: var(--_md-button-background, transparent);\n --_color: var(--_md-button-color, transparent);\n\n / styles /\n background-color: var(--_background-color);\n color: var(--_color);\n\n &[data-toggle-button] {\n --_background-color: var(\n --_md-toggle-button-background,\n transparent\n );\n --_color: var(--_md-toggle-button-color, transparent);\n --_outline-color: var(\n --_md-toggle-button-outline-color,\n transparent\n );\n\n --_state-color: var(--_md-toggle-button-state-layer);\n }\n\n &[data-selected] {\n --_background-color: var(\n --_md-toggle-button-selected-background,\n transparent\n );\n --_color: var(--_md-toggle-button-selected-color, transparent);\n --_outline-color: var(\n --_md-toggle-button-selected-outline-color,\n transparent\n );\n\n --_state-color: var(--_md-toggle-button-selected-state-layer);\n }\n\n &[data-hovered] {\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-disabled] {\n --_background-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-container)\n );\n --_color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n }\n }\n\n / state layer /\n .color::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n border-radius: inherit;\n\n background-color: var(--_state-layer-color);\n\n transition: background-color var(--md-sys-motion-standard-fast-spatial)\n var(--md-sys-motion-standard-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n / focus indicator /\n .color[data-focus-visible] {\n --focus-indicator-thickness: calc(3 var(--dp, 1px));\n --focus-indicator-offset: calc(2 * var(--dp, 1px));\n --focus-indicator-color: var(--md-sys-color-secondary);\n\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n\n z-index: 1;\n }\n\n .filled {\n /* background /\n --_md-button-background-default: var(--md-sys-color-primary);\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-primary\n );\n --_md-toggle-button-background-default: var(\n --md-sys-color-surface-container\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-primary);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-on-primary\n );\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n }\n\n .tonal {\n / background /\n --_md-button-background-default: var(\n --md-sys-color-secondary-container\n );\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-secondary\n );\n --_md-toggle-button-background-default: var(\n --md-sys-color-secondary-container\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-secondary-container);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-on-secondary\n );\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-secondary-container\n );\n }\n\n .outlined {\n / outline /\n --_md-button-outline-color-default: var(--md-sys-color-outline-variant);\n --_md-toggle-button-outline-color-default: var(\n --md-sys-color-outline-variant\n );\n\n / background /\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-inverse-surface\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-surface-variant);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-inverse-on-surface\n );\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n [data-visual-button] {\n / styles limited to outlined color /\n border-width: var(--_md-button-outline-width);\n border-style: solid;\n border-color: var(--_outline-color);\n }\n }\n\n / no toggle button states are there /\n .text {\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-primary);\n }\n\n .standard {\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-surface-variant);\n --_md-toggle-button-selected-color-default: var(--md-sys-color-primary);\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n &[data-disabled] {\n --_background-color: transparent;\n }\n }\n\n .elevated {\n / background /\n --_md-button-background-default: var(\n --md-sys-color-surface-container-low\n );\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-primary\n );\n --_md-toggle-button-background-default: var(\n --md-sys-color-surface-container-low\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-primary);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-on-primary\n );\n --_md-toggle-button-color-default: var(--md-sys-color-primary);\n\n [data-visual-button] {\n / styles limited to elevated color /\n box-shadow: var(--md-sys-elevation-shadow-1);\n\n &[data-disabled] {\n box-shadow: none;\n }\n }\n }\n}\n","import styles from \"./color.module.css\";\n\n/\n Fundamental Material 3 button color styles shared across all button variants:\n * - `\"filled\"`: High-emphasis solid surface with inverted text.\n * - `\"tonal\"`: Medium-high emphasis filled container with primary-tonal background.\n * - `\"outlined\"`: Medium-emphasis button with container outline and transparent background.\n /\nexport type CoreButtonColor = \"filled\" \| \"tonal\" \| \"outlined\";\n\n/\n Color variants supported by standard buttons (`Button`, `LinkButton`):\n * - Includes {@link CoreButtonColor} (`\"filled\"`, `\"tonal\"`, `\"outlined\"`).\n * - `\"elevated\"`: Low-emphasis surface container with shadow elevation.\n * - `\"text\"`: Lowest-emphasis flat text button with transparent background.\n /\nexport type ButtonColor = CoreButtonColor \| \"elevated\" \| \"text\";\n\n/\n Color variants supported by toggle buttons (`ToggleButton`):\n * - Includes {@link CoreButtonColor} plus `\"elevated\"`.\n /\nexport type ToggleButtonColor = CoreButtonColor \| \"elevated\";\n\n/\n Color variants supported by icon buttons (`IconButton`, `LinkIconButton`):\n * - Includes {@link CoreButtonColor} plus `\"standard\"` (unfilled, frameless icon).\n /\nexport type IconButtonColor = CoreButtonColor \| \"standard\";\n\n/\n Color variants supported by split buttons (`SplitButton`):\n * - Includes {@link CoreButtonColor} plus `\"elevated\"`.\n /\nexport type SplitButtonColor = CoreButtonColor \| \"elevated\";\n\n/\n Color variants supported by connected button groups (`ConnectedButtonGroup`):\n * - Includes {@link CoreButtonColor} plus `\"elevated\"`.\n /\nexport type ConnectedButtonGroupColor = CoreButtonColor \| \"elevated\";\n\n/\n Union of all valid button color style names across all button components.\n /\nexport type AllButtonColor =\n \| ButtonColor\n \| IconButtonColor\n \| SplitButtonColor\n \| ConnectedButtonGroupColor;\n\n/\n Resolves a button color style name to its CSS module class name.\n \n @param color - The button color identifier.\n * @returns CSS class name applying the color styling rules.\n /\nexport const buttonColorConfig = (color: AllButtonColor) => {\n return styles[color];\n};\n\n/* CSS class providing base color custom properties and transition states. /\nexport const buttonColorBase = styles[\"color\"];\n","@layer adgytec.comps {\n .size {\n / shape /\n --_shape: var(--_md-button-shape);\n\n / styles /\n padding-inline: var(--_md-button-padding-inline);\n padding-block: var(--_md-button-padding-block);\n border-radius: var(--_shape);\n\n display: flex;\n gap: var(--_md-button-icon-label-gap);\n align-items: center;\n justify-content: center;\n\n &[data-selected] {\n --_shape: var(--_md-toggle-button-selected-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-button-pressed-shape);\n }\n }\n\n .extra-small {\n / height for button is 32 /\n --md-sys-shape-corner-radius-full: calc(16 var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(6 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-12);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-small);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-4);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: calc(6 var(--dp, 1px));\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: calc(10 * var(--dp, 1px));\n }\n }\n\n .small {\n /* height for button is 40 /\n --md-sys-shape-corner-radius-full: calc(20 var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(10 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-small);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-4);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-8);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: calc(14 var(--dp, 1px));\n }\n\n /* icon button height adjustment: icon size is 24 for icon only buttons /\n &[data-icon-button] {\n --_md-button-padding-block-base: calc(8 var(--dp, 1px));\n }\n }\n\n .medium {\n /* height for button is 56 /\n --md-sys-shape-corner-radius-full: calc(28 var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-16);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-24);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-medium);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-large);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-12);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-24);\n }\n }\n\n .large {\n / height for button is 96 /\n --md-sys-shape-corner-radius-full: calc(48 var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-32);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-extra-large\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-large);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-extra-large);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-32);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n }\n }\n\n .extra-large {\n / height for button is 136 /\n --md-sys-shape-corner-radius-full: calc(68 var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-48);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-64);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-extra-large\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-large);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-extra-large);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-32);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-72);\n }\n }\n}\n","import { typography } from \"@/utils/typography\";\nimport styles from \"./size.module.css\";\n\n/\n Supported size presets for button and button group components.\n * Controls dimensions, typography, icon scale, and internal padding.\n /\nexport type ButtonSize =\n \| \"extra-small\"\n \| \"small\"\n \| \"medium\"\n \| \"large\"\n \| \"extra-large\";\n\n/\n Maps each {@link ButtonSize} preset to its recommended icon size in pixels\n * for standard labeled buttons (with leading or trailing icons).\n /\nexport const ButtonIconSizeMapping: Record<ButtonSize, number> = {\n \"extra-small\": 20,\n small: 20,\n medium: 24,\n large: 32,\n \"extra-large\": 40,\n} as const;\n\n/\n Maps each {@link ButtonSize} preset to its recommended icon size in pixels\n * for icon-only buttons (e.g. `IconButton`, `ToggleIconButton`, `LinkIconButton`).\n * Note that the `\"small\"` preset uses 24px for icon buttons compared to 20px in labeled buttons.\n /\nexport const IconButtonIconSizeMapping: Record<ButtonSize, number> = {\n \"extra-small\": 20,\n small: 24,\n medium: 24,\n large: 32,\n \"extra-large\": 40,\n} as const;\n\n/\n Maps each {@link ButtonSize} preset to its typography token class name\n * for button label text.\n /\nexport const ButtonLabelTextMapping: Record<ButtonSize, string> = {\n \"extra-small\": typography.labelLarge,\n small: typography.labelLarge,\n medium: typography.bodyLargeEmphasized,\n large: typography.headlineSmall,\n \"extra-large\": typography.headlineLarge,\n} as const;\n\n/\n Resolves the CSS module class name for a given button size preset.\n \n @param size - The button size preset to retrieve styling for.\n * @returns The CSS module class name corresponding to the specified size.\n /\nexport const buttonSizeConfig = (size: ButtonSize) => {\n return styles[size];\n};\n\n/\n Base CSS module class name applying common layout and sizing structure across buttons.\n /\nexport const ButtonSizeBase = styles[\"size\"];\n","@layer adgytec.comps {\n .button {\n / styles /\n min-inline-size: var(--min-tap-target-size);\n\n padding-inline: var(--_md-button-padding-inline);\n padding-block: var(--_md-button-padding-block);\n\n display: inline-flex;\n gap: var(--_md-button-icon-label-gap);\n align-items: center;\n justify-content: center;\n\n / shape styles /\n border-start-start-radius: var(--_shape-start-start);\n border-end-start-radius: var(--_shape-end-start);\n border-start-end-radius: var(--_shape-start-end);\n border-end-end-radius: var(--_shape-end-end);\n\n &[data-selected] {\n --_shape-start-start: var(--_selected-shape);\n --_shape-end-start: var(--_selected-shape);\n --_shape-start-end: var(--_selected-shape);\n --_shape-end-end: var(--_selected-shape);\n }\n }\n}\n","import clsx from \"clsx\";\nimport { ToggleButton as AriaToggleButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n withTooltip,\n} from \"../../core\";\nimport { useConnectedButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./connectedButton.module.css\";\nimport type { ConnectedButtonProps } from \"./types\";\n\n/\n An individual toggle button designed for use inside a {@link ConnectedButtonGroup}.\n \n Inherits size, shape, and color styling from the parent `ConnectedButtonGroupContext`,\n * rendering border lines and corner radii coordinated with its neighboring buttons in the segment.\n \n Built on top of React Aria's `ToggleButton`.\n \n @example\n * ```tsx\n * <ConnectedButton id=\"bold\" icon={Bold} aria-label=\"Bold text\" />\n * ```\n /\nexport const ConnectedButton: React.FC<ConnectedButtonProps> = ({\n icon,\n selectedIcon,\n children,\n onPress,\n iconPlacement,\n tooltip,\n className,\n ...props\n}) => {\n const {\n shape,\n size,\n color,\n iconPlacement: groupIconPlacement,\n } = useConnectedButtonGroupContext();\n\n const buttonIconPlacement = iconPlacement ?? groupIconPlacement ?? \"start\";\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n return withTooltip(\n <AriaToggleButton\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonColorConfig(color),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-connected-button={true}\n data-button\n >\n {(renderProps) => {\n const {\n isSelected,\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-selected\": isSelected \|\| undefined,\n \"data-toggle-button\": true,\n \"data-shape\": shape,\n \"data-visual-button\": true,\n };\n\n let iconToRender = icon;\n if (isSelected && selectedIcon) iconToRender = selectedIcon;\n\n const iconSize = ButtonIconSizeMapping[size];\n const iconComp = iconToRender && (\n <Icon icon={iconToRender} size={iconSize} />\n );\n\n return (\n <span\n {...dataAttrs}\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonLabelTextMapping[size],\n styles[\"button\"]\n )}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </AriaToggleButton>,\n tooltip\n );\n};\n","import { useButtonGroupContext } from \"../ButtonGroups\";\nimport type { ButtonIconPlacement } from \"./button\";\nimport type { ButtonShape } from \"./shape\";\nimport type { ButtonSize } from \"./sizes\";\n\n/\n Configuration options passed to {@link useButtonConfig} to resolve button styles.\n /\ntype ButtonConfigOptions<C extends string> = {\n /* Explicit button size preset override. /\n size?: ButtonSize;\n /* Explicit button corner shape override. /\n shape?: ButtonShape;\n /* Explicit button color style override. /\n color?: C;\n /* Explicit icon placement override relative to label. /\n iconPlacement?: ButtonIconPlacement;\n};\n\n/\n Resolves button configuration by prioritizing component-level props and falling back\n * to contextual values from an ancestor `ButtonGroupContext` (or system defaults).\n \n @template C - String union of allowed color variant values for the button type.\n * @param options - Component-level prop overrides.\n * @returns Resolved visual configuration: `buttonSize`, `buttonShape`, `buttonColor`, and `buttonIconPlacement`.\n \n @example\n * ```tsx\n * const { buttonSize, buttonShape, buttonColor, buttonIconPlacement } = useButtonConfig({\n * size,\n * shape,\n * color,\n * iconPlacement,\n * });\n * ```\n /\nexport function useButtonConfig<C extends string>({\n size,\n shape,\n color,\n iconPlacement,\n}: ButtonConfigOptions<C>) {\n const {\n size: buttonGroupSize,\n shape: buttonGroupShape,\n color: buttonGroupColor,\n iconPlacement: buttonGroupIconPlacement,\n } = useButtonGroupContext();\n\n const buttonSize = size ?? buttonGroupSize ?? \"small\";\n const buttonShape = shape ?? buttonGroupShape ?? \"round\";\n const buttonColor = color ?? buttonGroupColor ?? \"filled\";\n const buttonIconPlacement =\n iconPlacement ?? buttonGroupIconPlacement ?? \"start\";\n\n return { buttonSize, buttonShape, buttonColor, buttonIconPlacement };\n}\n","import type { ReactNode } from \"react\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\n\n/\n Conditionally wraps a React node in a tooltip trigger when tooltip text is provided.\n \n @param node - The React element to display (e.g. button or icon button).\n * @param tooltip - The optional tooltip text to show on hover/focus. If omitted or empty, `node` is returned unwrapped.\n * @returns The wrapped element with tooltip, or the original node if no tooltip was supplied.\n */\nexport const withTooltip = (node: ReactNode, tooltip?: string) => {\n if (!tooltip) return node;\n\n return (\n <TooltipTrigger>\n {node}\n\n <Tooltip>{tooltip}</Tooltip>\n </TooltipTrigger>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"core","names":["styles","styles","styles","renderProps","iconToRender","iconSize","handlePress","_c","clsx","styles","AriaToggleButton","_c","TooltipTrigger","Tooltip","require_compiler_runtime","typography","Icon","Splash","useSplash","Tooltip$1","TooltipTrigger$1","clsx$1","button_module_default","ButtonReset","ButtonCore","newButtonBaseDataAttrs","shape","size","color","color_module_default","buttonColorConfig","buttonColorBase","\"color\"","size_module_default","ButtonIconSizeMapping","IconButtonIconSizeMapping","ButtonLabelTextMapping","buttonSizeConfig","ButtonSizeBase","\"size\"","connectedButton_module_default","import_compiler_runtime","ConnectedButton","$","children","className","icon","iconPlacement","onPress","props","selectedIcon","tooltip","t0","groupIconPlacement","useConnectedButtonGroupContext","buttonIconPlacement","isChildFunc","t1","TapTarget","renderProps","t2","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","isSelected","iconToRender","iconSize","iconComp","t3","handlePress","ToggleButton","t4","withTooltip","useButtonConfig","buttonGroupSize","buttonGroupShape","buttonGroupColor","buttonGroupIconPlacement","useButtonGroupContext","buttonSize","buttonShape","buttonColor","node"],"sources":["../../src/components/Button/core/button.module.css","../../src/components/Button/core/button.ts","../../src/components/Button/core/color.module.css","../../src/components/Button/core/color.ts","../../src/components/Button/core/size.module.css","../../src/components/Button/core/sizes.ts","../../src/components/Button/ButtonGroups/ConnectedButton/connectedButton.module.css","../../src/components/Button/ButtonGroups/ConnectedButton/ConnectedButton.tsx","../../src/components/Button/core/useButtonConfig.ts","../../src/components/Button/core/withTooltip.tsx"],"sourcesContent":["@layer adgytec.comps {\n .button-reset {\n all: unset;\n cursor: pointer;\n position: relative;\n text-align: center;\n\n &[data-disabled] {\n cursor: default;\n }\n\n &[data-pending] {\n cursor: default;\n }\n }\n\n .button-core {\n position: relative;\n overflow: clip;\n\n --_md-button-shape-motion: var(--md-sys-motion-expressive-fast-spatial);\n --_md-button-shape-motion-duration: var(\n --md-sys-motion-expressive-fast-spatial-duration\n );\n\n transition:\n border-radius var(--_md-button-shape-motion)\n var(--_md-button-shape-motion-duration),\n background-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n border-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n box-shadow var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration),\n padding var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n}\n","import type { LucideIcon } from \"lucide-react\";\nimport styles from \"./button.module.css\";\nimport type { AllButtonColor, ButtonColor, IconButtonColor } from \"./color\";\nimport type { ButtonShape } from \"./shape\";\nimport type { ButtonSize } from \"./sizes\";\nimport type { IconButtonWidth } from \"./width\";\n\n/*\n Determines whether an icon inside a button is rendered before or after the text label.\n \n - `\"start\"`: Renders icon at the leading edge (before text).\n * - `\"end\"`: Renders icon at the trailing edge (after text).\n /\nexport type ButtonIconPlacement = \"start\" \| \"end\";\n\n/\n Core props shared across standard text/label button components (e.g. `Button`, `LinkButton`).\n /\nexport interface ButtonBaseProps {\n /* Visual style and color scheme of the button. Defaults to `\"filled\"`. /\n color?: ButtonColor;\n /* Size scale of the button. Defaults to `\"small\"`. /\n size?: ButtonSize;\n /* Corner rounding style (`\"round\"` or `\"square\"`). Defaults to `\"round\"`. /\n shape?: ButtonShape;\n /* Optional tooltip text displayed on hover/focus. /\n tooltip?: string;\n /* Optional Lucide icon component displayed alongside label text. /\n icon?: LucideIcon;\n /* Icon placement relative to label text (`\"start\"` or `\"end\"`). Defaults to `\"start\"`. /\n iconPlacement?: ButtonIconPlacement;\n}\n\n/\n Core props shared across icon-only button components (e.g. `IconButton`, `LinkIconButton`).\n /\nexport interface IconButtonBaseProps {\n /* Visual style and color scheme of the icon button. Defaults to `\"standard\"`. /\n color?: IconButtonColor;\n /* Size scale of the icon button. Defaults to `\"small\"`. /\n size?: ButtonSize;\n /* Corner rounding style (`\"round\"` or `\"square\"`). Defaults to `\"round\"`. /\n shape?: ButtonShape;\n /* Width variation (`\"narrow\"`, `\"default\"`, or `\"wide\"`). Defaults to `\"default\"`. /\n width?: IconButtonWidth;\n /* Optional tooltip text displayed on hover/focus. /\n tooltip?: string;\n /* Required Lucide icon component rendered inside the button. /\n icon: LucideIcon;\n}\n\n/* CSS class resetting default button/link styling (outlines, borders, backgrounds). /\nexport const ButtonReset = styles[\"button-reset\"];\n\n/* CSS class providing the core layout and flex alignment for button internals. /\nexport const ButtonCore = styles[\"button-core\"];\n\n/\n Generates standard data attributes (`data-shape`, `data-size`, `data-color`)\n * applied to button DOM nodes for CSS attribute styling.\n \n @param options - Shape, size, and color configuration.\n * @returns Object with data attributes for spreading onto elements.\n /\nexport function newButtonBaseDataAttrs({\n shape,\n size,\n color,\n}: {\n shape: ButtonShape;\n color: AllButtonColor;\n size: ButtonSize;\n}) {\n return {\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-color\": color,\n };\n}\n","/ configurable tokens\n\n --md-button-background\n* --md-toggle-button-selected-background\n* --md-toggle-button-background\n\n --md-button-outline-color\n* --md-toggle-button-selected-outline-color\n* --md-toggle-button-outline-color\n\n --md-button-color\n* --md-toggle-button-selected-color\n* --md-toggle-button-color\n\n configurable tokens end /\n\n@layer adgytec.overrides {\n .outlined {\n --_md-button-padding-block: calc(\n var(--_md-button-padding-block-base) -\n var(--_md-button-outline-width, 0)\n );\n\n --_md-button-padding-inline: calc(\n var(--_md-button-padding-inline-base) -\n var(--_md-button-outline-width, 0)\n );\n\n --_md-split-button-padding-inline-start: calc(\n var(--_md-split-button-padding-inline-start-base) -\n var(--_md-button-outline-width, 0)\n );\n\n --_md-split-button-padding-inline-end: calc(\n var(--_md-split-button-padding-inline-end-base) -\n var(--_md-button-outline-width, 0)\n );\n }\n}\n\n@layer adgytec.comps {\n .color {\n --_md-button-background: var(\n --md-button-background,\n var(--_md-button-background-default)\n );\n --_md-toggle-button-selected-background: var(\n --md-toggle-button-selected-background,\n var(--_md-toggle-button-selected-background-default)\n );\n --_md-toggle-button-background: var(\n --md-toggle-button-background,\n var(--_md-toggle-button-background-default)\n );\n\n --_md-button-color: var(\n --md-button-color,\n var(--_md-button-color-default)\n );\n --_md-toggle-button-selected-color: var(\n --md-toggle-button-selected-color,\n var(--_md-toggle-button-selected-color-default)\n );\n --_md-toggle-button-color: var(\n --md-toggle-button-color,\n var(--_md-toggle-button-color-default)\n );\n\n --_md-button-outline-color: var(\n --md-button-outline-color,\n var(--_md-button-outline-color-default)\n );\n --_md-toggle-button-outline-color: var(\n --md-toggle-button-outline-color,\n var(--_md-toggle-button-outline-color-default)\n );\n --_md-toggle-button-selected-outline-color: var(\n --md-toggle-button-selected-outline-color,\n var(--_md-toggle-button-selected-outline-color-default)\n );\n\n --_outline-color: var(--_md-button-outline-color, transparent);\n\n / state layer /\n --_md-button-state-layer: var(--_md-button-color, transparent);\n --_md-toggle-button-state-layer: var(\n --_md-toggle-button-color,\n transparent\n );\n --_md-toggle-button-selected-state-layer: var(\n --_md-toggle-button-selected-color,\n transparent\n );\n\n --_state-color: var(--_md-button-state-layer);\n --_state-layer-opacity: 0;\n\n --_state-layer-color: rgb(\n from var(--_state-color) r g b /\n var(--_state-layer-opacity)\n );\n\n / variable to use /\n --_background-color: var(--_md-button-background, transparent);\n --_color: var(--_md-button-color, transparent);\n\n / styles /\n background-color: var(--_background-color);\n color: var(--_color);\n\n &[data-toggle-button] {\n --_background-color: var(\n --_md-toggle-button-background,\n transparent\n );\n --_color: var(--_md-toggle-button-color, transparent);\n --_outline-color: var(\n --_md-toggle-button-outline-color,\n transparent\n );\n\n --_state-color: var(--_md-toggle-button-state-layer);\n }\n\n &[data-selected] {\n --_background-color: var(\n --_md-toggle-button-selected-background,\n transparent\n );\n --_color: var(--_md-toggle-button-selected-color, transparent);\n --_outline-color: var(\n --_md-toggle-button-selected-outline-color,\n transparent\n );\n\n --_state-color: var(--_md-toggle-button-selected-state-layer);\n }\n\n &[data-hovered] {\n --_state-layer-opacity: var(--md-sys-state-hover);\n }\n\n &[data-focus-visible] {\n --_state-layer-opacity: var(--md-sys-state-focus);\n }\n\n &[data-pressed] {\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-disabled] {\n --_background-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-container)\n );\n --_color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n }\n }\n\n / state layer /\n .color::before {\n content: \"\";\n\n position: absolute;\n inset: 0;\n border-radius: inherit;\n\n background-color: var(--_state-layer-color);\n\n transition: background-color var(--md-sys-motion-standard-fast-spatial)\n var(--md-sys-motion-standard-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n / focus indicator /\n .color[data-focus-visible] {\n --focus-indicator-thickness: calc(3 var(--dp, 1px));\n --focus-indicator-offset: calc(2 * var(--dp, 1px));\n --focus-indicator-color: var(--md-sys-color-secondary);\n\n outline-width: var(--focus-indicator-thickness);\n outline-style: solid;\n outline-offset: var(--focus-indicator-offset);\n outline-color: var(--focus-indicator-color);\n\n z-index: 1;\n }\n\n .filled {\n /* background /\n --_md-button-background-default: var(--md-sys-color-primary);\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-primary\n );\n --_md-toggle-button-background-default: var(\n --md-sys-color-surface-container\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-primary);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-on-primary\n );\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n }\n\n .tonal {\n / background /\n --_md-button-background-default: var(\n --md-sys-color-secondary-container\n );\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-secondary\n );\n --_md-toggle-button-background-default: var(\n --md-sys-color-secondary-container\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-secondary-container);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-on-secondary\n );\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-secondary-container\n );\n }\n\n .outlined {\n / outline /\n --_md-button-outline-color-default: var(--md-sys-color-outline-variant);\n --_md-toggle-button-outline-color-default: var(\n --md-sys-color-outline-variant\n );\n\n / background /\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-inverse-surface\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-surface-variant);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-inverse-on-surface\n );\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n [data-visual-button] {\n / styles limited to outlined color /\n border-width: var(--_md-button-outline-width);\n border-style: solid;\n border-color: var(--_outline-color);\n }\n }\n\n / no toggle button states are there /\n .text {\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-primary);\n }\n\n .standard {\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-on-surface-variant);\n --_md-toggle-button-selected-color-default: var(--md-sys-color-primary);\n --_md-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n &[data-disabled] {\n --_background-color: transparent;\n }\n }\n\n .elevated {\n / background /\n --_md-button-background-default: var(\n --md-sys-color-surface-container-low\n );\n --_md-toggle-button-selected-background-default: var(\n --md-sys-color-primary\n );\n --_md-toggle-button-background-default: var(\n --md-sys-color-surface-container-low\n );\n\n / text and icon /\n --_md-button-color-default: var(--md-sys-color-primary);\n --_md-toggle-button-selected-color-default: var(\n --md-sys-color-on-primary\n );\n --_md-toggle-button-color-default: var(--md-sys-color-primary);\n\n [data-visual-button] {\n / styles limited to elevated color /\n box-shadow: var(--md-sys-elevation-shadow-1);\n\n &[data-disabled] {\n box-shadow: none;\n }\n }\n }\n}\n","import styles from \"./color.module.css\";\n\n/\n Fundamental Material 3 button color styles shared across all button variants:\n * - `\"filled\"`: High-emphasis solid surface with inverted text.\n * - `\"tonal\"`: Medium-high emphasis filled container with primary-tonal background.\n * - `\"outlined\"`: Medium-emphasis button with container outline and transparent background.\n /\nexport type CoreButtonColor = \"filled\" \| \"tonal\" \| \"outlined\";\n\n/\n Color variants supported by standard buttons (`Button`, `LinkButton`):\n * - Includes {@link CoreButtonColor} (`\"filled\"`, `\"tonal\"`, `\"outlined\"`).\n * - `\"elevated\"`: Low-emphasis surface container with shadow elevation.\n * - `\"text\"`: Lowest-emphasis flat text button with transparent background.\n /\nexport type ButtonColor = CoreButtonColor \| \"elevated\" \| \"text\";\n\n/\n Color variants supported by toggle buttons (`ToggleButton`):\n * - Includes {@link CoreButtonColor} plus `\"elevated\"`.\n /\nexport type ToggleButtonColor = CoreButtonColor \| \"elevated\";\n\n/\n Color variants supported by icon buttons (`IconButton`, `LinkIconButton`):\n * - Includes {@link CoreButtonColor} plus `\"standard\"` (unfilled, frameless icon).\n /\nexport type IconButtonColor = CoreButtonColor \| \"standard\";\n\n/\n Color variants supported by split buttons (`SplitButton`):\n * - Includes {@link CoreButtonColor} plus `\"elevated\"`.\n /\nexport type SplitButtonColor = CoreButtonColor \| \"elevated\";\n\n/\n Color variants supported by connected button groups (`ConnectedButtonGroup`):\n * - Includes {@link CoreButtonColor} plus `\"elevated\"`.\n /\nexport type ConnectedButtonGroupColor = CoreButtonColor \| \"elevated\";\n\n/\n Union of all valid button color style names across all button components.\n /\nexport type AllButtonColor =\n \| ButtonColor\n \| IconButtonColor\n \| SplitButtonColor\n \| ConnectedButtonGroupColor;\n\n/\n Resolves a button color style name to its CSS module class name.\n \n @param color - The button color identifier.\n * @returns CSS class name applying the color styling rules.\n /\nexport const buttonColorConfig = (color: AllButtonColor) => {\n return styles[color];\n};\n\n/* CSS class providing base color custom properties and transition states. /\nexport const buttonColorBase = styles[\"color\"];\n","@layer adgytec.comps {\n .size {\n / shape /\n --_shape: var(--_md-button-shape);\n\n / styles /\n padding-inline: var(--_md-button-padding-inline);\n padding-block: var(--_md-button-padding-block);\n border-radius: var(--_shape);\n\n display: flex;\n gap: var(--_md-button-icon-label-gap);\n align-items: center;\n justify-content: center;\n\n &[data-selected] {\n --_shape: var(--_md-toggle-button-selected-shape);\n }\n\n &[data-pressed] {\n --_shape: var(--_md-button-pressed-shape);\n }\n }\n\n .extra-small {\n / height for button is 32 /\n --md-sys-shape-corner-radius-full: calc(16 var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(6 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-12);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-small);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-4);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: calc(6 var(--dp, 1px));\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: calc(10 * var(--dp, 1px));\n }\n }\n\n .small {\n /* height for button is 40 /\n --md-sys-shape-corner-radius-full: calc(20 var(--dp, 1px));\n\n --_md-button-padding-block-base: calc(10 * var(--dp, 1px));\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-small);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-4);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-8);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: calc(14 var(--dp, 1px));\n }\n\n /* icon button height adjustment: icon size is 24 for icon only buttons /\n &[data-icon-button] {\n --_md-button-padding-block-base: calc(8 var(--dp, 1px));\n }\n }\n\n .medium {\n /* height for button is 56 /\n --md-sys-shape-corner-radius-full: calc(28 var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-16);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-24);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-medium);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-large);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-12);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-24);\n }\n }\n\n .large {\n / height for button is 96 /\n --md-sys-shape-corner-radius-full: calc(48 var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-32);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-extra-large\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-large);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-extra-large);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-16);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-32);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n }\n }\n\n .extra-large {\n / height for button is 136 /\n --md-sys-shape-corner-radius-full: calc(68 var(--dp, 1px));\n\n --_md-button-padding-block-base: var(--md-sys-layout-space-48);\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n --_md-button-padding-inline-base: var(--md-sys-layout-space-64);\n --_md-button-padding-inline: var(--_md-button-padding-inline-base);\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n --_md-button-shape: var(--md-sys-shape-corner-radius-full);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-extra-large\n );\n\n --_md-button-pressed-shape: var(--md-sys-shape-corner-radius-large);\n\n &[data-shape=\"square\"] {\n --_md-button-shape: var(--md-sys-shape-corner-radius-extra-large);\n --_md-toggle-button-selected-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n /* icon button width /\n &[data-width=\"narrow\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-32);\n }\n\n &[data-width=\"default\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-48);\n }\n\n &[data-width=\"wide\"] {\n --_md-button-padding-inline-base: var(--md-sys-layout-space-72);\n }\n }\n}\n","import { typography } from \"@/utils/typography\";\nimport styles from \"./size.module.css\";\n\n/\n Supported size presets for button and button group components.\n * Controls dimensions, typography, icon scale, and internal padding.\n /\nexport type ButtonSize =\n \| \"extra-small\"\n \| \"small\"\n \| \"medium\"\n \| \"large\"\n \| \"extra-large\";\n\n/\n Maps each {@link ButtonSize} preset to its recommended icon size in pixels\n * for standard labeled buttons (with leading or trailing icons).\n /\nexport const ButtonIconSizeMapping: Record<ButtonSize, number> = {\n \"extra-small\": 20,\n small: 20,\n medium: 24,\n large: 32,\n \"extra-large\": 40,\n} as const;\n\n/\n Maps each {@link ButtonSize} preset to its recommended icon size in pixels\n * for icon-only buttons (e.g. `IconButton`, `ToggleIconButton`, `LinkIconButton`).\n * Note that the `\"small\"` preset uses 24px for icon buttons compared to 20px in labeled buttons.\n /\nexport const IconButtonIconSizeMapping: Record<ButtonSize, number> = {\n \"extra-small\": 20,\n small: 24,\n medium: 24,\n large: 32,\n \"extra-large\": 40,\n} as const;\n\n/\n Maps each {@link ButtonSize} preset to its typography token class name\n * for button label text.\n /\nexport const ButtonLabelTextMapping: Record<ButtonSize, string> = {\n \"extra-small\": typography.labelLarge,\n small: typography.labelLarge,\n medium: typography.bodyLargeEmphasized,\n large: typography.headlineSmall,\n \"extra-large\": typography.headlineLarge,\n} as const;\n\n/\n Resolves the CSS module class name for a given button size preset.\n \n @param size - The button size preset to retrieve styling for.\n * @returns The CSS module class name corresponding to the specified size.\n /\nexport const buttonSizeConfig = (size: ButtonSize) => {\n return styles[size];\n};\n\n/\n Base CSS module class name applying common layout and sizing structure across buttons.\n /\nexport const ButtonSizeBase = styles[\"size\"];\n","@layer adgytec.comps {\n .button {\n / styles /\n min-inline-size: var(--min-tap-target-size);\n\n padding-inline: var(--_md-button-padding-inline);\n padding-block: var(--_md-button-padding-block);\n\n display: inline-flex;\n gap: var(--_md-button-icon-label-gap);\n align-items: center;\n justify-content: center;\n\n / shape styles /\n border-start-start-radius: var(--_shape-start-start);\n border-end-start-radius: var(--_shape-end-start);\n border-start-end-radius: var(--_shape-start-end);\n border-end-end-radius: var(--_shape-end-end);\n\n &[data-selected] {\n --_shape-start-start: var(--_selected-shape);\n --_shape-end-start: var(--_selected-shape);\n --_shape-start-end: var(--_selected-shape);\n --_shape-end-end: var(--_selected-shape);\n }\n }\n}\n","import clsx from \"clsx\";\nimport { ToggleButton as AriaToggleButton } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { TapTarget } from \"@/utils/tapTarget\";\nimport {\n ButtonCore,\n ButtonIconSizeMapping,\n ButtonLabelTextMapping,\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n withTooltip,\n} from \"../../core\";\nimport { useConnectedButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./connectedButton.module.css\";\nimport type { ConnectedButtonProps } from \"./types\";\n\n/\n An individual toggle button designed for use inside a {@link ConnectedButtonGroup}.\n \n Inherits size, shape, and color styling from the parent `ConnectedButtonGroupContext`,\n * rendering border lines and corner radii coordinated with its neighboring buttons in the segment.\n \n Built on top of React Aria's `ToggleButton`.\n \n @example\n * ```tsx\n * <ConnectedButton id=\"bold\" icon={Bold} aria-label=\"Bold text\" />\n * ```\n /\nexport const ConnectedButton: React.FC<ConnectedButtonProps> = ({\n icon,\n selectedIcon,\n children,\n onPress,\n iconPlacement,\n tooltip,\n className,\n ...props\n}) => {\n const {\n shape,\n size,\n color,\n iconPlacement: groupIconPlacement,\n } = useConnectedButtonGroupContext();\n\n const buttonIconPlacement = iconPlacement ?? groupIconPlacement ?? \"start\";\n\n const { splashInfo, handlePress } = useSplash(onPress);\n const isChildFunc = typeof children === \"function\";\n\n return withTooltip(\n <AriaToggleButton\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n buttonColorConfig(color),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-connected-button={true}\n data-button\n >\n {(renderProps) => {\n const {\n isSelected,\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-selected\": isSelected \|\| undefined,\n \"data-toggle-button\": true,\n \"data-shape\": shape,\n \"data-visual-button\": true,\n };\n\n let iconToRender = icon;\n if (isSelected && selectedIcon) iconToRender = selectedIcon;\n\n const iconSize = ButtonIconSizeMapping[size];\n const iconComp = iconToRender && (\n <Icon icon={iconToRender} size={iconSize} />\n );\n\n return (\n <span\n {...dataAttrs}\n className={clsx(\n ButtonCore,\n buttonColorBase,\n ButtonLabelTextMapping[size],\n styles[\"button\"]\n )}\n >\n {splashInfo && <Splash {...splashInfo} />}\n\n {buttonIconPlacement === \"start\" && iconComp}\n\n {isChildFunc ? children(renderProps) : children}\n\n {buttonIconPlacement === \"end\" && iconComp}\n </span>\n );\n }}\n </AriaToggleButton>,\n tooltip\n );\n};\n","import { useButtonGroupContext } from \"../ButtonGroups\";\nimport type { ButtonIconPlacement } from \"./button\";\nimport type { ButtonShape } from \"./shape\";\nimport type { ButtonSize } from \"./sizes\";\n\n/\n Configuration options passed to {@link useButtonConfig} to resolve button styles.\n /\ntype ButtonConfigOptions<C extends string> = {\n /* Explicit button size preset override. /\n size?: ButtonSize;\n /* Explicit button corner shape override. /\n shape?: ButtonShape;\n /* Explicit button color style override. /\n color?: C;\n /* Explicit icon placement override relative to label. /\n iconPlacement?: ButtonIconPlacement;\n};\n\n/\n Resolves button configuration by prioritizing component-level props and falling back\n * to contextual values from an ancestor `ButtonGroupContext` (or system defaults).\n \n @template C - String union of allowed color variant values for the button type.\n * @param options - Component-level prop overrides.\n * @returns Resolved visual configuration: `buttonSize`, `buttonShape`, `buttonColor`, and `buttonIconPlacement`.\n \n @example\n * ```tsx\n * const { buttonSize, buttonShape, buttonColor, buttonIconPlacement } = useButtonConfig({\n * size,\n * shape,\n * color,\n * iconPlacement,\n * });\n * ```\n /\nexport function useButtonConfig<C extends string>({\n size,\n shape,\n color,\n iconPlacement,\n}: ButtonConfigOptions<C>) {\n const {\n size: buttonGroupSize,\n shape: buttonGroupShape,\n color: buttonGroupColor,\n iconPlacement: buttonGroupIconPlacement,\n } = useButtonGroupContext();\n\n const buttonSize = size ?? buttonGroupSize ?? \"small\";\n const buttonShape = shape ?? buttonGroupShape ?? \"round\";\n const buttonColor = color ?? buttonGroupColor ?? \"filled\";\n const buttonIconPlacement =\n iconPlacement ?? buttonGroupIconPlacement ?? \"start\";\n\n return { buttonSize, buttonShape, buttonColor, buttonIconPlacement };\n}\n","import type { ReactNode } from \"react\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\n\n/\n Conditionally wraps a React node in a tooltip trigger when tooltip text is provided.\n \n @param node - The React element to display (e.g. button or icon button).\n * @param tooltip - The optional tooltip text to show on hover/focus. If omitted or empty, `node` is returned unwrapped.\n * @returns The wrapped element with tooltip, or the original node if no tooltip was supplied.\n */\nexport const withTooltip = (node: ReactNode, tooltip?: string) => {\n if (!tooltip) return node;\n\n return (\n <TooltipTrigger>\n {node}\n\n <Tooltip>{tooltip}</Tooltip>\n </TooltipTrigger>\n );\n};\n"],"mappings":"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"}

package/dist/chunks/core2 CHANGED Viewed

@@ -14,7 +14,6 @@ import '../assets/core3.css';var e = {
 	large: 38,
 	"extra-large": 50
 }, n = (t) => e[t], r = e.size, i = e.primary, a = e.trigger;
-//#endregion
 export { n as a, r as i, a as n, t as r, i as t };
 //# sourceMappingURL=core2.map

package/dist/chunks/core2.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core2","names":["styles","size_module_default","SplitButtonTriggerIconSize","splitButtonSizeConfig","size","SplitButtonVariantBase","\"size\"","SplitButtonPrimaryBase","\"primary\"","SplitButtonTriggerBase","\"trigger\""],"sources":["../../src/components/Button/SplitButton/core/size.module.css","../../src/components/Button/SplitButton/core/size.ts"],"sourcesContent":["@layer adgytec.comps {\n .size {\n border-start-start-radius: var(--_shape-start-start);\n border-start-end-radius: var(--_shape-start-end);\n border-end-start-radius: var(--_shape-end-start);\n border-end-end-radius: var(--_shape-end-end);\n\n padding-inline-start: var(--_md-split-button-padding-inline-start);\n padding-inline-end: var(--_md-split-button-padding-inline-end);\n\n padding-block: var(--_md-button-padding-block);\n\n display: flex;\n gap: var(--_md-button-icon-label-gap);\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n min-inline-size: var(--min-tap-target-size);\n }\n\n .primary {\n /* shape /\n --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n --_shape-start-end: var(--_inner-shape);\n --_shape-end-end: var(--_inner-shape);\n\n --_shape-start-start: var(--_md-split-button-outer-corner-shape);\n --_shape-end-start: var(--_md-split-button-outer-corner-shape);\n\n / padding /\n --_md-split-button-padding-inline-start-base: var(\n --_md-split-button-primary-padding-inline-start\n );\n --_md-split-button-padding-inline-start: var(\n --_md-split-button-padding-inline-start-base\n );\n\n --_md-split-button-padding-inline-end-base: var(\n --_md-split-button-primary-padding-inline-end\n );\n --_md-split-button-padding-inline-end: var(\n --_md-split-button-padding-inline-end-base\n );\n\n --_md-button-padding-block-base: var(\n --_md-split-button-primary-padding-block\n );\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n &[data-hovered] {\n --_inner-shape: var(\n --_md-split-button-interaction-inner-corner-shape\n );\n }\n\n &[data-pressed] {\n --_inner-shape: var(\n --_md-split-button-interaction-inner-corner-shape\n );\n }\n }\n\n .trigger {\n / shape /\n --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n --_shape-start-end: var(--_md-split-button-outer-corner-shape);\n --_shape-end-end: var(--_md-split-button-outer-corner-shape);\n\n --_shape-start-start: var(--_inner-shape);\n --_shape-end-start: var(--_inner-shape);\n\n / padding /\n --_md-split-button-padding-inline-start-base: var(\n --_md-split-button-trigger-padding-inline-start\n );\n --_md-split-button-padding-inline-start: var(\n --_md-split-button-padding-inline-start-base\n );\n\n --_md-split-button-padding-inline-end-base: var(\n --_md-split-button-trigger-padding-inline-end\n );\n --_md-split-button-padding-inline-end: var(\n --_md-split-button-padding-inline-end-base\n );\n\n --_md-button-padding-block-base: var(\n --_md-split-button-trigger-padding-block\n );\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n &[data-hovered] {\n --_inner-shape: var(\n --_md-split-button-interaction-inner-corner-shape\n );\n }\n\n &[data-pressed] {\n --_inner-shape: var(--_md-split-button-trigger-pressed-shape);\n\n --_md-split-button-padding-inline-start-base: var(\n --_md-split-button-trigger-pressed-padding-inline-start\n );\n --_md-split-button-padding-inline-end-base: var(\n --_md-split-button-trigger-pressed-padding-inline-end\n );\n }\n }\n\n .extra-small {\n / height for button is 32 /\n --md-sys-shape-corner-radius-full: calc(16 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-extra-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-small\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-12\n );\n --_md-split-button-primary-padding-inline-end: calc(\n 10 \n var(--dp, 1px)\n );\n\n --_md-split-button-primary-padding-block: calc(6 * var(--dp, 1px));\n\n /* trigger button /\n --_md-split-button-trigger-padding-inline-start: var(\n --md-sys-layout-space-12\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 14 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 13 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 13 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(5 * var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .small {\n /* height for button is 40 /\n --md-sys-shape-corner-radius-full: calc(20 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-extra-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-small\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-16\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-12\n );\n\n --_md-split-button-primary-padding-block: calc(10 var(--dp, 1px));\n\n /* trigger button /\n --_md-split-button-trigger-padding-inline-start: var(\n --md-sys-layout-space-12\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 14 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 13 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 13 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(9 * var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .medium {\n /* height for button is 56 /\n --md-sys-shape-corner-radius-full: calc(28 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-extra-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-24\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-24\n );\n\n --_md-split-button-primary-padding-block: var(--md-sys-layout-space-16);\n\n / trigger button /\n --_md-split-button-trigger-padding-inline-start: calc(\n 13 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 17 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 15 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 15 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(15 var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .large {\n /* height for button is 96 /\n --md-sys-shape-corner-radius-full: calc(48 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-48\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-48\n );\n\n --_md-split-button-primary-padding-block: var(--md-sys-layout-space-32);\n\n / trigger button /\n --_md-split-button-trigger-padding-inline-start: calc(\n 26 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-padding-inline-end: var(\n --md-sys-layout-space-32\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 29 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 29 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(29 * var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .extra-large {\n /* height for button is 136 /\n --md-sys-shape-corner-radius-full: calc(68 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-64\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-64\n );\n\n --_md-split-button-primary-padding-block: var(--md-sys-layout-space-48);\n\n / trigger button /\n --_md-split-button-trigger-padding-inline-start: calc(\n 37 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 49 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 43 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 43 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(43 var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n}\n","import type { ButtonSize } from \"../../core\";\nimport styles from \"./size.module.css\";\n\n/*\n Maps each {@link ButtonSize} preset to its corresponding chevron icon size in pixels\n * for {@link SplitButtonTrigger}.\n /\nexport const SplitButtonTriggerIconSize: Record<ButtonSize, number> = {\n \"extra-small\": 22,\n small: 22,\n medium: 26,\n large: 38,\n \"extra-large\": 50,\n} as const;\n\n/\n Resolves the CSS module class name for a given split button size preset.\n \n @param size - The button size preset.\n * @returns The CSS module class name for the split button container size.\n /\nexport const splitButtonSizeConfig = (size: ButtonSize) => {\n return styles[size];\n};\n\n/* Base CSS module class name for split button container sizing. /\nexport const SplitButtonVariantBase = styles[\"size\"];\n\n/* Base CSS module class name for the primary action button part of a split button. /\nexport const SplitButtonPrimaryBase = styles[\"primary\"];\n\n/* Base CSS module class name for the menu trigger button part of a split button. */\nexport const SplitButtonTriggerBase = styles[\"trigger\"];\n"],"mappings":";;;;;;;;;GCOaE,IAAyD;CAClE,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAQaC,KAAyB,MAC3BH,EAAOI,IAILC,IAAyBL,EAAOM,MAGhCC,IAAyBP,EAAOQ,SAGhCC,IAAyBT,EAAOU"}
1	+ {"version":3,"file":"core2","names":["styles","size_module_default","SplitButtonTriggerIconSize","splitButtonSizeConfig","size","SplitButtonVariantBase","\"size\"","SplitButtonPrimaryBase","\"primary\"","SplitButtonTriggerBase","\"trigger\""],"sources":["../../src/components/Button/SplitButton/core/size.module.css","../../src/components/Button/SplitButton/core/size.ts"],"sourcesContent":["@layer adgytec.comps {\n .size {\n border-start-start-radius: var(--_shape-start-start);\n border-start-end-radius: var(--_shape-start-end);\n border-end-start-radius: var(--_shape-end-start);\n border-end-end-radius: var(--_shape-end-end);\n\n padding-inline-start: var(--_md-split-button-padding-inline-start);\n padding-inline-end: var(--_md-split-button-padding-inline-end);\n\n padding-block: var(--_md-button-padding-block);\n\n display: flex;\n gap: var(--_md-button-icon-label-gap);\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n min-inline-size: var(--min-tap-target-size);\n }\n\n .primary {\n /* shape /\n --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n --_shape-start-end: var(--_inner-shape);\n --_shape-end-end: var(--_inner-shape);\n\n --_shape-start-start: var(--_md-split-button-outer-corner-shape);\n --_shape-end-start: var(--_md-split-button-outer-corner-shape);\n\n / padding /\n --_md-split-button-padding-inline-start-base: var(\n --_md-split-button-primary-padding-inline-start\n );\n --_md-split-button-padding-inline-start: var(\n --_md-split-button-padding-inline-start-base\n );\n\n --_md-split-button-padding-inline-end-base: var(\n --_md-split-button-primary-padding-inline-end\n );\n --_md-split-button-padding-inline-end: var(\n --_md-split-button-padding-inline-end-base\n );\n\n --_md-button-padding-block-base: var(\n --_md-split-button-primary-padding-block\n );\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n &[data-hovered] {\n --_inner-shape: var(\n --_md-split-button-interaction-inner-corner-shape\n );\n }\n\n &[data-pressed] {\n --_inner-shape: var(\n --_md-split-button-interaction-inner-corner-shape\n );\n }\n }\n\n .trigger {\n / shape /\n --_inner-shape: var(--_md-split-button-inner-corner-shape);\n\n --_shape-start-end: var(--_md-split-button-outer-corner-shape);\n --_shape-end-end: var(--_md-split-button-outer-corner-shape);\n\n --_shape-start-start: var(--_inner-shape);\n --_shape-end-start: var(--_inner-shape);\n\n / padding /\n --_md-split-button-padding-inline-start-base: var(\n --_md-split-button-trigger-padding-inline-start\n );\n --_md-split-button-padding-inline-start: var(\n --_md-split-button-padding-inline-start-base\n );\n\n --_md-split-button-padding-inline-end-base: var(\n --_md-split-button-trigger-padding-inline-end\n );\n --_md-split-button-padding-inline-end: var(\n --_md-split-button-padding-inline-end-base\n );\n\n --_md-button-padding-block-base: var(\n --_md-split-button-trigger-padding-block\n );\n --_md-button-padding-block: var(--_md-button-padding-block-base);\n\n &[data-hovered] {\n --_inner-shape: var(\n --_md-split-button-interaction-inner-corner-shape\n );\n }\n\n &[data-pressed] {\n --_inner-shape: var(--_md-split-button-trigger-pressed-shape);\n\n --_md-split-button-padding-inline-start-base: var(\n --_md-split-button-trigger-pressed-padding-inline-start\n );\n --_md-split-button-padding-inline-end-base: var(\n --_md-split-button-trigger-pressed-padding-inline-end\n );\n }\n }\n\n .extra-small {\n / height for button is 32 /\n --md-sys-shape-corner-radius-full: calc(16 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-extra-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-small\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-4);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-12\n );\n --_md-split-button-primary-padding-inline-end: calc(\n 10 \n var(--dp, 1px)\n );\n\n --_md-split-button-primary-padding-block: calc(6 * var(--dp, 1px));\n\n /* trigger button /\n --_md-split-button-trigger-padding-inline-start: var(\n --md-sys-layout-space-12\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 14 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 13 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 13 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(5 * var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .small {\n /* height for button is 40 /\n --md-sys-shape-corner-radius-full: calc(20 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-extra-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-small\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-16\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-12\n );\n\n --_md-split-button-primary-padding-block: calc(10 var(--dp, 1px));\n\n /* trigger button /\n --_md-split-button-trigger-padding-inline-start: var(\n --md-sys-layout-space-12\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 14 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 13 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 13 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(9 * var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .medium {\n /* height for button is 56 /\n --md-sys-shape-corner-radius-full: calc(28 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-extra-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-8);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thin);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-24\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-24\n );\n\n --_md-split-button-primary-padding-block: var(--md-sys-layout-space-16);\n\n / trigger button /\n --_md-split-button-trigger-padding-inline-start: calc(\n 13 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 17 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 15 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 15 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(15 var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .large {\n /* height for button is 96 /\n --md-sys-shape-corner-radius-full: calc(48 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-small\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-12);\n --_md-button-outline-width: var(--md-sys-shape-border-width-thick);\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-48\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-48\n );\n\n --_md-split-button-primary-padding-block: var(--md-sys-layout-space-32);\n\n / trigger button /\n --_md-split-button-trigger-padding-inline-start: calc(\n 26 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-padding-inline-end: var(\n --md-sys-layout-space-32\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 29 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 29 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(29 * var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n\n .extra-large {\n /* height for button is 136 /\n --md-sys-shape-corner-radius-full: calc(68 var(--dp, 1px));\n\n --_md-split-button-outer-corner-shape: var(\n --md-sys-shape-corner-radius-full\n );\n --_md-split-button-inner-corner-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n --_md-split-button-interaction-inner-corner-shape: var(\n --md-sys-shape-corner-radius-large\n );\n\n --_md-button-icon-label-gap: var(--md-sys-layout-space-16);\n --_md-button-outline-width: calc(3 * var(--dp, 1px));\n\n /* primary button /\n --_md-split-button-primary-padding-inline-start: var(\n --md-sys-layout-space-64\n );\n --_md-split-button-primary-padding-inline-end: var(\n --md-sys-layout-space-64\n );\n\n --_md-split-button-primary-padding-block: var(--md-sys-layout-space-48);\n\n / trigger button /\n --_md-split-button-trigger-padding-inline-start: calc(\n 37 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-padding-inline-end: calc(\n 49 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-pressed-padding-inline-start: calc(\n 43 \n var(--dp, 1px)\n );\n --_md-split-button-trigger-pressed-padding-inline-end: calc(\n 43 \n var(--dp, 1px)\n );\n\n --_md-split-button-trigger-padding-block: calc(43 var(--dp, 1px));\n --_md-split-button-trigger-pressed-shape: var(\n --md-sys-shape-corner-radius-full\n );\n }\n}\n","import type { ButtonSize } from \"../../core\";\nimport styles from \"./size.module.css\";\n\n/*\n Maps each {@link ButtonSize} preset to its corresponding chevron icon size in pixels\n * for {@link SplitButtonTrigger}.\n /\nexport const SplitButtonTriggerIconSize: Record<ButtonSize, number> = {\n \"extra-small\": 22,\n small: 22,\n medium: 26,\n large: 38,\n \"extra-large\": 50,\n} as const;\n\n/\n Resolves the CSS module class name for a given split button size preset.\n \n @param size - The button size preset.\n * @returns The CSS module class name for the split button container size.\n /\nexport const splitButtonSizeConfig = (size: ButtonSize) => {\n return styles[size];\n};\n\n/* Base CSS module class name for split button container sizing. /\nexport const SplitButtonVariantBase = styles[\"size\"];\n\n/* Base CSS module class name for the primary action button part of a split button. /\nexport const SplitButtonPrimaryBase = styles[\"primary\"];\n\n/* Base CSS module class name for the menu trigger button part of a split button. */\nexport const SplitButtonTriggerBase = styles[\"trigger\"];\n"],"mappings":";;;;;;;;;A,GCOaE,IAAyD;CAClE,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAQaC,KAAyB,MAC3BH,EAAOI,IAILC,IAAyBL,EAAOM,MAGhCC,IAAyBP,EAAOQ,SAGhCC,IAAyBT,EAAOU"}

package/dist/chunks/core3 CHANGED Viewed

@@ -1,10 +1,8 @@
 import { useContext as e } from "react";
 import { CalendarStateContext as t, RangeCalendarStateContext as n } from "react-aria-components";
-import '../assets/core4.css';//#endregion
-//#region src/components/Calendar/core/calendar.ts
+import '../assets/core4.css';// src/components/Calendar/core/calendar.ts
 var r = { calendar: "_calendar_14tem_23" }.calendar, i = 1900, a = 100;
-//#endregion
-//#region src/components/Calendar/core/useCalendarState.ts
+// src/components/Calendar/core/useCalendarState.ts
 function o() {
 	let r = e(t), i = e(n), a = r || i || null;
 	if (!a) throw Error("BaseCalendar used outside Calendar or RangeCalendar component");
@@ -13,7 +11,6 @@ function o() {
 function s(e) {
 	return "anchorDate" in e;
 }
-//#endregion
 export { i as a, a as i, o as n, r, s as t };
 //# sourceMappingURL=core3.map

package/dist/chunks/core3.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core3","names":["styles","CalendarBaseStyles","\"calendar\"","defaultMinYear","defaultMaxYearIncrement","useCalendarState","calendarState","useContext","CalendarStateContext","rangeCalendarState","RangeCalendarStateContext","state","isRangeCalendarState"],"sources":["../../src/components/Calendar/core/calendar.module.css","../../src/components/Calendar/core/calendar.ts","../../src/components/Calendar/core/useCalendarState.ts"],"sourcesContent":["/* configurable tokens\n\n --md-calendar-background\n* --md-calendar-header-cell-color\n\n --md-calendar-cell-color\n* --md-calendar-cell-state-layer-color\n* --md-calendar-cell-today-color\n\n --md-calendar-cell-selected-background\n* --md-calendar-selected-color\n\n --md-calendar-in-active-range-background\n* --md-calendar-in-active-range-color\n\n --md-calendar-menu-divider-color\n* --md-calendar-menu-selected-background\n* --md-calendar-menu-selected-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .calendar {\n --_md-calendar-background: var(\n --md-calendar-background,\n var(--md-sys-color-surface-container-high)\n );\n --_md-calendar-header-cell-color: var(\n --md-calendar-header-cell-color,\n var(--md-sys-color-on-surface)\n );\n\n --_md-calendar-cell-color: var(\n --md-calendar-cell-color,\n var(--md-sys-color-on-surface)\n );\n --_md-calendar-cell-state-layer-color: var(\n --md-calendar-cell-state-layer-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-calendar-cell-today-color: var(\n --md-calendar-cell-today-color,\n var(--md-sys-color-primary)\n );\n\n --_md-calendar-cell-selected-background: var(\n --md-calendar-cell-selected-background,\n var(--md-sys-color-primary)\n );\n --_md-calendar-selected-color: var(\n --md-calendar-selected-color,\n var(--md-sys-color-on-primary)\n );\n\n --_md-calendar-in-active-range-background: var(\n --md-calendar-in-active-range-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-calendar-in-active-range-color: var(\n --md-calendar-in-active-range-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-calendar-menu-divider-color: var(\n --md-calendar-menu-divider-color,\n var(--md-sys-color-outline-variant)\n );\n --_md-calendar-menu-selected-background: var(\n --md-calendar-menu-selected-background,\n var(--md-sys-color-surface-variant)\n );\n --_md-calendar-menu-selected-color: var(\n --md-calendar-menu-selected-color,\n var(--md-sys-color-on-surface)\n );\n\n --_md-calendar-cell-size: clamp(\n var(--md-sys-layout-space-40),\n 8svi,\n var(--md-sys-layout-space-48)\n );\n\n padding-block-end: var(--md-sys-layout-space-12);\n padding-block-start: var(--md-sys-layout-space-20);\n\n background-color: var(--_md-calendar-background);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n display: grid;\n gap: calc(18 var(--dp, 1px));\n\n [data-button] {\n --md-button-color: var(--_md-calendar-cell-color);\n }\n }\n}\n","import styles from \"./calendar.module.css\";\n\n/*\n Base CSS module class name providing layout and styling tokens for calendar containers.\n /\nexport const CalendarBaseStyles = styles[\"calendar\"];\n\n/\n Format style for weekday headers in the calendar grid.\n \n - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n * - `\"short\"`: Abbreviated day name (e.g. \"Sun\", \"Mon\", \"Tue\").\n /\nexport type WeekdayStyle = \"narrow\" \| \"short\";\n\n/\n Represents a selectable month item within the month picker menu.\n /\nexport interface MonthItem {\n /* 1-based month index (1 for January through 12 for December). /\n id: number;\n /* Formatted localized month label (e.g. \"January\" or \"Jan\"). /\n formatted: string;\n}\n\n/\n Represents a selectable year item within the year picker menu.\n /\nexport interface YearItem {\n /* Full numeric year (e.g. 2026). /\n id: number;\n /* Formatted localized year string (e.g. \"2026\"). /\n formatted: string;\n}\n\n/\n Default fallback minimum year used in the year selection menu when no `minValue` is specified.\n /\nexport const defaultMinYear = 1900;\n\n/\n Default number of years added to the current year when determining the maximum year\n * in the year selection menu if no `maxValue` is specified.\n /\nexport const defaultMaxYearIncrement = 100;\n","import { useContext } from \"react\";\nimport {\n type CalendarState,\n CalendarStateContext,\n type RangeCalendarState,\n RangeCalendarStateContext,\n} from \"react-aria-components\";\nimport type { CalendarSelectionMode } from \"react-aria-components/Calendar\";\n\n/\n Accesses the active calendar state from the nearest enclosing `Calendar` or `RangeCalendar`.\n \n Checks both {@link CalendarStateContext} (single date) and {@link RangeCalendarStateContext} (range).\n * Throws an error if invoked outside a valid calendar provider context.\n \n @returns The active {@link CalendarState} or {@link RangeCalendarState}.\n * @throws {Error} If called outside of a `Calendar` or `RangeCalendar` component hierarchy.\n /\nexport function useCalendarState() {\n const calendarState = useContext(CalendarStateContext);\n const rangeCalendarState = useContext(RangeCalendarStateContext);\n const state = calendarState \|\| rangeCalendarState \|\| null;\n\n if (!state) {\n throw Error(\n \"BaseCalendar used outside Calendar or RangeCalendar component\"\n );\n }\n\n return state;\n}\n\n/\n Type guard function to determine whether a given calendar state is a {@link RangeCalendarState}.\n \n @param state - The calendar state instance to check.\n * @returns `true` if `state` is a `RangeCalendarState` (containing an `anchorDate` property), otherwise `false`.\n */\nexport function isRangeCalendarState(\n state: CalendarState<CalendarSelectionMode> \| RangeCalendarState\n): state is RangeCalendarState {\n return \"anchorDate\" in state;\n}\n"],"mappings":"~~;;;;~~ACKA,IAAaC,IAAqBD,~~iCAAAA~~,EAAOE,UAiC5BC,IAAiB,MAMjBC,IAA0B~~;;;~~AC1BvC,SAAOC,IAAA;CACH,IAAAC,IAAsBC,EAAWC,CAAoB,GACrDC,IAA2BF,EAAWG,CAAyB,GAC/DC,IAAcL,KAAAG,KAAA;CAEd,IAAI,CAACE,GACD,MAAM,MACF,+DACJ;CACH,OAEMA;AAAK;AAShB,SAAgBC,EACZ,GAC2B;CAC3B,OAAO,gBAAgBD;AAC3B"}
1	+ {"version":3,"file":"core3","names":["styles","CalendarBaseStyles","\"calendar\"","defaultMinYear","defaultMaxYearIncrement","useCalendarState","calendarState","useContext","CalendarStateContext","rangeCalendarState","RangeCalendarStateContext","state","isRangeCalendarState"],"sources":["../../src/components/Calendar/core/calendar.module.css","../../src/components/Calendar/core/calendar.ts","../../src/components/Calendar/core/useCalendarState.ts"],"sourcesContent":["/* configurable tokens\n\n --md-calendar-background\n* --md-calendar-header-cell-color\n\n --md-calendar-cell-color\n* --md-calendar-cell-state-layer-color\n* --md-calendar-cell-today-color\n\n --md-calendar-cell-selected-background\n* --md-calendar-selected-color\n\n --md-calendar-in-active-range-background\n* --md-calendar-in-active-range-color\n\n --md-calendar-menu-divider-color\n* --md-calendar-menu-selected-background\n* --md-calendar-menu-selected-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .calendar {\n --_md-calendar-background: var(\n --md-calendar-background,\n var(--md-sys-color-surface-container-high)\n );\n --_md-calendar-header-cell-color: var(\n --md-calendar-header-cell-color,\n var(--md-sys-color-on-surface)\n );\n\n --_md-calendar-cell-color: var(\n --md-calendar-cell-color,\n var(--md-sys-color-on-surface)\n );\n --_md-calendar-cell-state-layer-color: var(\n --md-calendar-cell-state-layer-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-calendar-cell-today-color: var(\n --md-calendar-cell-today-color,\n var(--md-sys-color-primary)\n );\n\n --_md-calendar-cell-selected-background: var(\n --md-calendar-cell-selected-background,\n var(--md-sys-color-primary)\n );\n --_md-calendar-selected-color: var(\n --md-calendar-selected-color,\n var(--md-sys-color-on-primary)\n );\n\n --_md-calendar-in-active-range-background: var(\n --md-calendar-in-active-range-background,\n var(--md-sys-color-secondary-container)\n );\n --_md-calendar-in-active-range-color: var(\n --md-calendar-in-active-range-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-calendar-menu-divider-color: var(\n --md-calendar-menu-divider-color,\n var(--md-sys-color-outline-variant)\n );\n --_md-calendar-menu-selected-background: var(\n --md-calendar-menu-selected-background,\n var(--md-sys-color-surface-variant)\n );\n --_md-calendar-menu-selected-color: var(\n --md-calendar-menu-selected-color,\n var(--md-sys-color-on-surface)\n );\n\n --_md-calendar-cell-size: clamp(\n var(--md-sys-layout-space-40),\n 8svi,\n var(--md-sys-layout-space-48)\n );\n\n padding-block-end: var(--md-sys-layout-space-12);\n padding-block-start: var(--md-sys-layout-space-20);\n\n background-color: var(--_md-calendar-background);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n display: grid;\n gap: calc(18 var(--dp, 1px));\n\n [data-button] {\n --md-button-color: var(--_md-calendar-cell-color);\n }\n }\n}\n","import styles from \"./calendar.module.css\";\n\n/*\n Base CSS module class name providing layout and styling tokens for calendar containers.\n /\nexport const CalendarBaseStyles = styles[\"calendar\"];\n\n/\n Format style for weekday headers in the calendar grid.\n \n - `\"narrow\"`: Typically a single character (e.g. \"S\", \"M\", \"T\").\n * - `\"short\"`: Abbreviated day name (e.g. \"Sun\", \"Mon\", \"Tue\").\n /\nexport type WeekdayStyle = \"narrow\" \| \"short\";\n\n/\n Represents a selectable month item within the month picker menu.\n /\nexport interface MonthItem {\n /* 1-based month index (1 for January through 12 for December). /\n id: number;\n /* Formatted localized month label (e.g. \"January\" or \"Jan\"). /\n formatted: string;\n}\n\n/\n Represents a selectable year item within the year picker menu.\n /\nexport interface YearItem {\n /* Full numeric year (e.g. 2026). /\n id: number;\n /* Formatted localized year string (e.g. \"2026\"). /\n formatted: string;\n}\n\n/\n Default fallback minimum year used in the year selection menu when no `minValue` is specified.\n /\nexport const defaultMinYear = 1900;\n\n/\n Default number of years added to the current year when determining the maximum year\n * in the year selection menu if no `maxValue` is specified.\n /\nexport const defaultMaxYearIncrement = 100;\n","import { useContext } from \"react\";\nimport {\n type CalendarState,\n CalendarStateContext,\n type RangeCalendarState,\n RangeCalendarStateContext,\n} from \"react-aria-components\";\nimport type { CalendarSelectionMode } from \"react-aria-components/Calendar\";\n\n/\n Accesses the active calendar state from the nearest enclosing `Calendar` or `RangeCalendar`.\n \n Checks both {@link CalendarStateContext} (single date) and {@link RangeCalendarStateContext} (range).\n * Throws an error if invoked outside a valid calendar provider context.\n \n @returns The active {@link CalendarState} or {@link RangeCalendarState}.\n * @throws {Error} If called outside of a `Calendar` or `RangeCalendar` component hierarchy.\n /\nexport function useCalendarState() {\n const calendarState = useContext(CalendarStateContext);\n const rangeCalendarState = useContext(RangeCalendarStateContext);\n const state = calendarState \|\| rangeCalendarState \|\| null;\n\n if (!state) {\n throw Error(\n \"BaseCalendar used outside Calendar or RangeCalendar component\"\n );\n }\n\n return state;\n}\n\n/\n Type guard function to determine whether a given calendar state is a {@link RangeCalendarState}.\n \n @param state - The calendar state instance to check.\n * @returns `true` if `state` is a `RangeCalendarState` (containing an `anchorDate` property), otherwise `false`.\n */\nexport function isRangeCalendarState(\n state: CalendarState<CalendarSelectionMode> \| RangeCalendarState\n): state is RangeCalendarState {\n return \"anchorDate\" in state;\n}\n"],"mappings":";;;ACKA,IAAaC,IAAqBD,E,+BAAAA,EAAOE,UAiC5BC,IAAiB,MAMjBC,IAA0B;;AC1BvC,SAAOC,IAAA;CACH,IAAAC,IAAsBC,EAAWC,CAAoB,GACrDC,IAA2BF,EAAWG,CAAyB,GAC/DC,IAAcL,KAAAG,KAAA;CAEd,IAAI,CAACE,GACD,MAAM,MACF,+DACJ;CACH,OAEMA;AAAK;AAShB,SAAgBC,EACZ,GAC2B;CAC3B,OAAO,gBAAgBD;AAC3B"}

package/dist/chunks/core4 CHANGED Viewed

@@ -9,7 +9,6 @@ import '../assets/core5.css';var e = {
 	"supporting-text": "_supporting-text_1o31m_220",
 	"character-count": "_character-count_1o31m_244"
 }, t = 24, n = e.unset, r = e.colors, i = e.group, a = e.editor, o = e["editor-input-group"], s = e["editor-input"], c = e["supporting-text"], l = e["character-count"], u = e["date-input"], d = e["date-segment"];
-//#endregion
 export { o as a, i as c, n as d, d as i, c as l, r as n, s as o, u as r, a as s, l as t, t as u };
 //# sourceMappingURL=core4.map

package/dist/chunks/core4.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core4","names":["styles","textField_module_default","TextFieldIconSize","UnsetStyles","\"unset\"","Colors","\"colors\"","InputGroupStyles","\"group\"","EditorStyles","\"editor\"","EditorInputGroupStyles","EditorInputStyles","SupportingTextStyles","CharacterCountStyles","DateInputStyles","DateSegmentStyles"],"sources":["../../src/components/Input/core/textField.module.css","../../src/components/Input/core/textField.ts"],"sourcesContent":["/* configurable tokens\n\n --md-textfield-focused-outline-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .unset {\n all: unset;\n }\n\n .colors {\n --disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n / outline color /\n --outline-color-normal: var(--md-sys-color-outline);\n --outline-color-invalid: var(--md-sys-color-error);\n\n --outline-width: calc(1 var(--dp, 1px));\n --outline-width-focused: calc(2 * var(--dp, 1px));\n\n --outline-color-hovered-normal: var(--md-sys-color-on-surface);\n --outline-color-hovered-invalid: var(--md-sys-color-on-error-container);\n\n --outline-color-focused-normal: var(\n --md-textfield-focused-outline-color,\n var(--md-sys-color-primary)\n );\n --outline-color-focused-invalid: var(--md-sys-color-error);\n\n /* group color /\n --group-color-normal: var(--md-sys-color-on-surface-variant);\n --group-color-invalid: var(--md-sys-color-error);\n\n / editor /\n --editor-infix-text-color-normal: var(\n --md-sys-color-on-surface-variant\n );\n --editor-color-normal: var(--md-sys-color-on-surface);\n\n / caret color /\n --caret-color-normal: var(--md-sys-color-primary);\n --caret-color-invalid: var(--md-sys-color-error);\n\n / variable to use /\n --group-color: var(--group-color-normal);\n\n --editor-infix-color: var(--editor-infix-text-color-normal);\n --editor-color: var(--editor-color-normal);\n\n --caret-color: var(--caret-color-normal);\n\n --outline-color: var(--outline-color-normal);\n --outline-color-focused: transparent;\n\n --placeholder-color: var(--group-color-normal);\n\n &[data-invalid] {\n --group-color: var(--group-color-invalid);\n --caret-color: var(--caret-color-invalid);\n --outline-color: var(--outline-color-invalid);\n }\n\n &[data-disabled] {\n --group-color: var(--disabled-color);\n\n --editor-infix-color: var(--disabled-color);\n --editor-color: var(--disabled-color);\n\n --caret-color: var(--disabled-color);\n\n --outline-color: var(--disabled-color);\n --placeholder-color: var(--disabled-color);\n }\n }\n\n .group {\n --label-padding-inline-start: var(--md-sys-layout-space-16);\n --label-padding-inline-end: var(--md-sys-layout-space-16);\n\n display: inline-grid;\n gap: var(--md-sys-layout-space-4);\n\n color: var(--group-color);\n caret-color: var(--caret-color);\n\n > [slot=\"label\"] {\n padding-inline-start: var(--label-padding-inline-start);\n padding-inline-end: var(--label-padding-inline-end);\n }\n\n &[data-leading] {\n --label-padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n &[data-trailing] {\n --label-padding-inline-end: var(--md-sys-layout-space-12);\n }\n }\n\n .date-segment {\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n &[data-focused],\n &[data-focus-visible] {\n outline: calc(2 var(--dp, 1px)) solid var(--outline-color);\n outline-offset: calc(-4 * var(--dp, 1px));\n }\n\n &:not([data-type=\"literal\"]) {\n padding: var(--md-sys-layout-space-8);\n }\n }\n\n .editor {\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n border: var(--outline-width) solid var(--outline-color);\n outline: var(--outline-width-focused) solid var(--outline-color-focused);\n\n padding: var(--md-sys-layout-space-16);\n\n display: inline-flex;\n align-items: center;\n gap: var(--md-sys-layout-space-16);\n\n color: var(--editor-infix-color);\n\n overflow: auto;\n scrollbar-width: none;\n\n transition:\n border-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n outline-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n &[data-input] {\n cursor: text;\n }\n\n &[data-trailing] {\n padding-inline-end: var(--md-sys-layout-space-12);\n padding-block: var(--md-sys-layout-space-8);\n }\n\n &[data-leading] {\n padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n &:not([data-disabled]) {\n &[data-hovered] {\n --outline-color: var(--outline-color-hovered-normal);\n\n &[data-invalid] {\n --outline-color: var(--outline-color-hovered-invalid);\n }\n }\n\n &[data-focus-visible],\n &[data-focus-within],\n &[data-focused],\n &[data-open] {\n --outline-color: var(--outline-color-focused-normal);\n --outline-color-focused: var(--outline-color);\n\n &[data-invalid] {\n --outline-color: var(--outline-color-focused-invalid);\n }\n }\n }\n\n &[data-disabled] {\n cursor: default;\n }\n\n &[data-date-input] {\n gap: 0;\n padding: var(--md-sys-layout-space-8);\n }\n }\n\n .editor-input-group {\n display: inline-flex;\n align-items: center;\n inline-size: 100%;\n }\n\n .editor-input {\n color: var(--editor-color);\n\n &[data-input] {\n inline-size: 100%;\n }\n\n &[data-textarea] {\n resize: vertical;\n\n /* 2dp for border thickness /\n min-block-size: calc(58 var(--dp, 1px));\n max-block-size: calc(300 * var(--dp, 1px));\n\n &[data-disabled] {\n resize: none;\n }\n }\n\n &[data-date-input] {\n inline-size: 100%;\n }\n\n &::placeholder {\n color: var(--placeholder-color);\n }\n }\n\n .supporting-text {\n padding-inline: var(--md-sys-layout-space-16);\n\n display: inline-flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--md-sys-layout-space-16);\n\n transition: color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-leading] {\n padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n &[data-trailing] {\n padding-inline-end: var(--md-sys-layout-space-12);\n }\n }\n\n .character-count {\n margin-inline-start: auto;\n }\n}\n","import styles from \"./textField.module.css\";\n\n/*\n Standard icon size (in pixels) for leading and trailing icons in text fields.\n /\nexport const TextFieldIconSize = 24;\n\n/* CSS class resetting browser-default text field container styles. /\nexport const UnsetStyles = styles[\"unset\"];\n\n/* CSS class providing color tokens for text fields. /\nexport const Colors = styles[\"colors\"];\n\n/* CSS class for the composite input group container. /\nexport const InputGroupStyles = styles[\"group\"];\n\n/* CSS class for the editable input container. /\nexport const EditorStyles = styles[\"editor\"];\n\n/* CSS class for the input element wrapper group. /\nexport const EditorInputGroupStyles = styles[\"editor-input-group\"];\n\n/* CSS class for native `<input>` and `<textarea>` elements. /\nexport const EditorInputStyles = styles[\"editor-input\"];\n\n/* CSS class for supporting text below text fields. /\nexport const SupportingTextStyles = styles[\"supporting-text\"];\n\n/* CSS class for the character count display. /\nexport const CharacterCountStyles = styles[\"character-count\"];\n\n/* CSS class for date field composite inputs. /\nexport const DateInputStyles = styles[\"date-input\"];\n\n/* CSS class for individual date segments within a date field. */\nexport const DateSegmentStyles = styles[\"date-segment\"];\n"],"mappings":";;;;;;;;;;GCKaE,IAAoB,IAGpBC,IAAcH,EAAOI,OAGrBC,IAASL,EAAOM,QAGhBC,IAAmBP,EAAOQ,OAG1BC,IAAeT,EAAOU,QAGtBC,IAAyBX,EAAO,uBAGhCY,IAAoBZ,EAAO,iBAG3Ba,IAAuBb,EAAO,oBAG9Bc,IAAuBd,EAAO,oBAG9Be,IAAkBf,EAAO,eAGzBgB,IAAoBhB,EAAO"}
1	+ {"version":3,"file":"core4","names":["styles","textField_module_default","TextFieldIconSize","UnsetStyles","\"unset\"","Colors","\"colors\"","InputGroupStyles","\"group\"","EditorStyles","\"editor\"","EditorInputGroupStyles","EditorInputStyles","SupportingTextStyles","CharacterCountStyles","DateInputStyles","DateSegmentStyles"],"sources":["../../src/components/Input/core/textField.module.css","../../src/components/Input/core/textField.ts"],"sourcesContent":["/* configurable tokens\n\n --md-textfield-focused-outline-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .unset {\n all: unset;\n }\n\n .colors {\n --disabled-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n\n / outline color /\n --outline-color-normal: var(--md-sys-color-outline);\n --outline-color-invalid: var(--md-sys-color-error);\n\n --outline-width: calc(1 var(--dp, 1px));\n --outline-width-focused: calc(2 * var(--dp, 1px));\n\n --outline-color-hovered-normal: var(--md-sys-color-on-surface);\n --outline-color-hovered-invalid: var(--md-sys-color-on-error-container);\n\n --outline-color-focused-normal: var(\n --md-textfield-focused-outline-color,\n var(--md-sys-color-primary)\n );\n --outline-color-focused-invalid: var(--md-sys-color-error);\n\n /* group color /\n --group-color-normal: var(--md-sys-color-on-surface-variant);\n --group-color-invalid: var(--md-sys-color-error);\n\n / editor /\n --editor-infix-text-color-normal: var(\n --md-sys-color-on-surface-variant\n );\n --editor-color-normal: var(--md-sys-color-on-surface);\n\n / caret color /\n --caret-color-normal: var(--md-sys-color-primary);\n --caret-color-invalid: var(--md-sys-color-error);\n\n / variable to use /\n --group-color: var(--group-color-normal);\n\n --editor-infix-color: var(--editor-infix-text-color-normal);\n --editor-color: var(--editor-color-normal);\n\n --caret-color: var(--caret-color-normal);\n\n --outline-color: var(--outline-color-normal);\n --outline-color-focused: transparent;\n\n --placeholder-color: var(--group-color-normal);\n\n &[data-invalid] {\n --group-color: var(--group-color-invalid);\n --caret-color: var(--caret-color-invalid);\n --outline-color: var(--outline-color-invalid);\n }\n\n &[data-disabled] {\n --group-color: var(--disabled-color);\n\n --editor-infix-color: var(--disabled-color);\n --editor-color: var(--disabled-color);\n\n --caret-color: var(--disabled-color);\n\n --outline-color: var(--disabled-color);\n --placeholder-color: var(--disabled-color);\n }\n }\n\n .group {\n --label-padding-inline-start: var(--md-sys-layout-space-16);\n --label-padding-inline-end: var(--md-sys-layout-space-16);\n\n display: inline-grid;\n gap: var(--md-sys-layout-space-4);\n\n color: var(--group-color);\n caret-color: var(--caret-color);\n\n > [slot=\"label\"] {\n padding-inline-start: var(--label-padding-inline-start);\n padding-inline-end: var(--label-padding-inline-end);\n }\n\n &[data-leading] {\n --label-padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n &[data-trailing] {\n --label-padding-inline-end: var(--md-sys-layout-space-12);\n }\n }\n\n .date-segment {\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n &[data-focused],\n &[data-focus-visible] {\n outline: calc(2 var(--dp, 1px)) solid var(--outline-color);\n outline-offset: calc(-4 * var(--dp, 1px));\n }\n\n &:not([data-type=\"literal\"]) {\n padding: var(--md-sys-layout-space-8);\n }\n }\n\n .editor {\n border-radius: var(--md-sys-shape-corner-radius-extra-small);\n\n border: var(--outline-width) solid var(--outline-color);\n outline: var(--outline-width-focused) solid var(--outline-color-focused);\n\n padding: var(--md-sys-layout-space-16);\n\n display: inline-flex;\n align-items: center;\n gap: var(--md-sys-layout-space-16);\n\n color: var(--editor-infix-color);\n\n overflow: auto;\n scrollbar-width: none;\n\n transition:\n border-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration),\n outline-color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n &[data-input] {\n cursor: text;\n }\n\n &[data-trailing] {\n padding-inline-end: var(--md-sys-layout-space-12);\n padding-block: var(--md-sys-layout-space-8);\n }\n\n &[data-leading] {\n padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n &:not([data-disabled]) {\n &[data-hovered] {\n --outline-color: var(--outline-color-hovered-normal);\n\n &[data-invalid] {\n --outline-color: var(--outline-color-hovered-invalid);\n }\n }\n\n &[data-focus-visible],\n &[data-focus-within],\n &[data-focused],\n &[data-open] {\n --outline-color: var(--outline-color-focused-normal);\n --outline-color-focused: var(--outline-color);\n\n &[data-invalid] {\n --outline-color: var(--outline-color-focused-invalid);\n }\n }\n }\n\n &[data-disabled] {\n cursor: default;\n }\n\n &[data-date-input] {\n gap: 0;\n padding: var(--md-sys-layout-space-8);\n }\n }\n\n .editor-input-group {\n display: inline-flex;\n align-items: center;\n inline-size: 100%;\n }\n\n .editor-input {\n color: var(--editor-color);\n\n &[data-input] {\n inline-size: 100%;\n }\n\n &[data-textarea] {\n resize: vertical;\n\n /* 2dp for border thickness /\n min-block-size: calc(58 var(--dp, 1px));\n max-block-size: calc(300 * var(--dp, 1px));\n\n &[data-disabled] {\n resize: none;\n }\n }\n\n &[data-date-input] {\n inline-size: 100%;\n }\n\n &::placeholder {\n color: var(--placeholder-color);\n }\n }\n\n .supporting-text {\n padding-inline: var(--md-sys-layout-space-16);\n\n display: inline-flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: var(--md-sys-layout-space-16);\n\n transition: color var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-leading] {\n padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n &[data-trailing] {\n padding-inline-end: var(--md-sys-layout-space-12);\n }\n }\n\n .character-count {\n margin-inline-start: auto;\n }\n}\n","import styles from \"./textField.module.css\";\n\n/*\n Standard icon size (in pixels) for leading and trailing icons in text fields.\n /\nexport const TextFieldIconSize = 24;\n\n/* CSS class resetting browser-default text field container styles. /\nexport const UnsetStyles = styles[\"unset\"];\n\n/* CSS class providing color tokens for text fields. /\nexport const Colors = styles[\"colors\"];\n\n/* CSS class for the composite input group container. /\nexport const InputGroupStyles = styles[\"group\"];\n\n/* CSS class for the editable input container. /\nexport const EditorStyles = styles[\"editor\"];\n\n/* CSS class for the input element wrapper group. /\nexport const EditorInputGroupStyles = styles[\"editor-input-group\"];\n\n/* CSS class for native `<input>` and `<textarea>` elements. /\nexport const EditorInputStyles = styles[\"editor-input\"];\n\n/* CSS class for supporting text below text fields. /\nexport const SupportingTextStyles = styles[\"supporting-text\"];\n\n/* CSS class for the character count display. /\nexport const CharacterCountStyles = styles[\"character-count\"];\n\n/* CSS class for date field composite inputs. /\nexport const DateInputStyles = styles[\"date-input\"];\n\n/* CSS class for individual date segments within a date field. */\nexport const DateSegmentStyles = styles[\"date-segment\"];\n"],"mappings":";;;;;;;;;;A,GCKaE,IAAoB,IAGpBC,IAAcH,EAAOI,OAGrBC,IAASL,EAAOM,QAGhBC,IAAmBP,EAAOQ,OAG1BC,IAAeT,EAAOU,QAGtBC,IAAyBX,EAAO,uBAGhCY,IAAoBZ,EAAO,iBAG3Ba,IAAuBb,EAAO,oBAG9Bc,IAAuBd,EAAO,oBAG9Be,IAAkBf,EAAO,eAGzBgB,IAAoBhB,EAAO"}

package/dist/chunks/core5 CHANGED Viewed

@@ -3,7 +3,6 @@ import '../assets/core6.css';var e = {
 	"range-group": "_range-group_wt0w2_6",
 	popover: "_popover_wt0w2_10"
 }, t = e.popover, n = e.group, r = e["range-group"];
-//#endregion
 export { t as n, r, n as t };
 //# sourceMappingURL=core5.map

package/dist/chunks/core5.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core5","names":["styles","datePicker_module_default","DatePickerPopoverStyles","\"popover\"","DatePickerGroupStyles","\"group\"","DateRangePickerDateInputGroupStyles"],"sources":["../../src/components/Input/DatePicker/core/datePicker.module.css","../../src/components/Input/DatePicker/core/datePicker.ts"],"sourcesContent":["@layer adgytec.comps {\n .group {\n white-space: nowrap;\n }\n\n .range-group {\n white-space: nowrap;\n }\n\n .popover {\n box-shadow: var(--md-sys-elevation-shadow-3);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n overflow: auto;\n scrollbar-width: thin;\n }\n}\n","import styles from \"./datePicker.module.css\";\n\n/** CSS class for the date picker popover container. /\nexport const DatePickerPopoverStyles = styles[\"popover\"];\n\n/* CSS class for the date picker input group container. /\nexport const DatePickerGroupStyles = styles[\"group\"];\n\n/* CSS class for the date range picker input group container. */\nexport const DateRangePickerDateInputGroupStyles = styles[\"range-group\"];\n"],"mappings":";;;;GCGaE,IAA0BF,EAAOG,SAGjCC,IAAwBJ,EAAOK,OAG/BC,IAAsCN,EAAO"}
1	+ {"version":3,"file":"core5","names":["styles","datePicker_module_default","DatePickerPopoverStyles","\"popover\"","DatePickerGroupStyles","\"group\"","DateRangePickerDateInputGroupStyles"],"sources":["../../src/components/Input/DatePicker/core/datePicker.module.css","../../src/components/Input/DatePicker/core/datePicker.ts"],"sourcesContent":["@layer adgytec.comps {\n .group {\n white-space: nowrap;\n }\n\n .range-group {\n white-space: nowrap;\n }\n\n .popover {\n box-shadow: var(--md-sys-elevation-shadow-3);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n overflow: auto;\n scrollbar-width: thin;\n }\n}\n","import styles from \"./datePicker.module.css\";\n\n/** CSS class for the date picker popover container. /\nexport const DatePickerPopoverStyles = styles[\"popover\"];\n\n/* CSS class for the date picker input group container. /\nexport const DatePickerGroupStyles = styles[\"group\"];\n\n/* CSS class for the date range picker input group container. */\nexport const DateRangePickerDateInputGroupStyles = styles[\"range-group\"];\n"],"mappings":";;;;A,GCGaE,IAA0BF,EAAOG,SAGjCC,IAAwBJ,EAAOK,OAG/BC,IAAsCN,EAAO"}

package/dist/chunks/core6 CHANGED Viewed

@@ -5,18 +5,17 @@ import '../assets/core7.css';var e = {
 	standard: "_standard_tp8ri_161",
 	vibrant: "_vibrant_tp8ri_192"
 }, t = e.color, n = e.label, r = (t) => e[t], i = e["menu-color"], a = {
-	layout: "_layout_1rvzv_3",
-	standard: "_standard_1rvzv_43",
-	grouped: "_grouped_1rvzv_58"
+	layout: "_layout_h5vff_3",
+	standard: "_standard_h5vff_43",
+	grouped: "_grouped_h5vff_58"
 }, o = 20, s = a.layout, c = (e) => a[e], l = {
-	menu: "_menu_16sld_2",
-	"menu-section": "_menu-section_16sld_26",
-	"menu-section-header": "_menu-section-header_16sld_43",
-	"menu-item": "_menu-item_16sld_49",
-	"menu-item-leading": "_menu-item-leading_16sld_87",
-	"menu-item-trailing": "_menu-item-trailing_16sld_88"
+	menu: "_menu_1c73h_2",
+	"menu-section": "_menu-section_1c73h_23",
+	"menu-section-header": "_menu-section-header_1c73h_40",
+	"menu-item": "_menu-item_1c73h_46",
+	"menu-item-leading": "_menu-item-leading_1c73h_84",
+	"menu-item-trailing": "_menu-item-trailing_1c73h_85"
 }, u = l.menu, d = l["menu-section"], f = l["menu-section-header"], p = l["menu-item"], m = l["menu-item-leading"], h = l["menu-item-trailing"];
-//#endregion
 export { d as a, o as c, r as d, t as f, f as i, c as l, p as n, u as o, n as p, h as r, s, m as t, i as u };
 //# sourceMappingURL=core6.map