npm - @adgytec/adgytec-web-ui-components - Versions diffs - 1.1.5 → 2.1.0 - Mend

@adgytec/adgytec-web-ui-components 1.1.5 → 2.1.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 (1127) hide show

package/dist/chunks/Toolbar.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toolbar","names":[],"sources":["../../src/components/Toolbar/toolbar.module.css","../../src/components/Toolbar/Toolbar.tsx","../../src/components/Toolbar/ToolbarToggleButtonGroup.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-toolbar-background\n*\n* --md-toolbar-button-background\n* --md-toolbar-toggle-button-background\n* --md-toolbar-toggle-button-selected-background\n*\n* --md-toolbar-button-color\n* --md-toolbar-toggle-button-color\n* --md-toolbar-toggle-button-selected-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .toolbar {\n --_md-toolbar-background: var(\n --md-toolbar-background,\n var(--_md-toolbar-background-default)\n );\n --_md-toolbar-button-background: var(\n --md-toolbar-button-background,\n var(--_md-toolbar-button-background-default)\n );\n --_md-toolbar-toggle-button-background: var(\n --md-toolbar-toggle-button-background,\n var(--_md-toolbar-toggle-button-background-default)\n );\n --_md-toolbar-toggle-button-selected-background: var(\n --md-toolbar-toggle-button-selected-background,\n var(--_md-toolbar-toggle-button-selected-background-default)\n );\n --_md-toolbar-button-color: var(\n --md-toolbar-button-color,\n var(--_md-toolbar-button-color-default)\n );\n --_md-toolbar-toggle-button-color: var(\n --md-toolbar-toggle-button-color,\n var(--_md-toolbar-toggle-button-color-default)\n );\n --_md-toolbar-toggle-button-selected-color: var(\n --md-toolbar-toggle-button-selected-color,\n var(--_md-toolbar-toggle-button-selected-color-default)\n );\n\n --md-divider-color: var(--_md-toolbar-button-color);\n\n --_md-toolbar-space-between-actions: var(--md-sys-layout-space-4);\n\n border-radius: var(--md-sys-shape-corner-radius-full);\n padding: var(--md-sys-layout-space-8);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--_md-toolbar-space-between-actions);\n\n background-color: var(--_md-toolbar-background);\n\n .section {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--_md-toolbar-space-between-actions);\n }\n\n &[data-variant=\"floating\"] {\n box-shadow: var(--md-sys-elevation-shadow-3);\n }\n\n &[data-orientation=\"vertical\"] {\n flex-direction: column;\n\n .section {\n flex-direction: column;\n }\n }\n }\n\n .toolbar[data-color=\"standard\"] {\n --_md-toolbar-background-default: var(--md-sys-color-surface-container);\n\n --_md-toolbar-button-background-default: var(\n --md-sys-color-surface-container\n );\n\n --_md-toolbar-toggle-button-background-default: var(\n --md-sys-color-surface-container\n );\n\n --_md-toolbar-toggle-button-selected-background-default: var(\n --md-sys-color-secondary-container\n );\n\n --_md-toolbar-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n --_md-toolbar-toggle-button-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n --_md-toolbar-toggle-button-selected-color-default: var(\n --md-sys-color-on-secondary-container\n );\n }\n\n .toolbar[data-color=\"vibrant\"] {\n --_md-toolbar-background-default: var(--md-sys-color-primary-container);\n\n --_md-toolbar-button-background-default: var(\n --md-sys-color-primary-container\n );\n\n --_md-toolbar-toggle-button-background-default: var(\n --md-sys-color-primary-container\n );\n\n --_md-toolbar-toggle-button-selected-background-default: var(\n --md-sys-color-surface-container\n );\n\n --_md-toolbar-button-color-default: var(\n --md-sys-color-on-primary-container\n );\n\n --_md-toolbar-toggle-button-color-default: var(\n --md-sys-color-on-primary-container\n );\n\n --_md-toolbar-toggle-button-selected-color-default: var(\n --md-sys-color-on-surface\n );\n }\n}\n\n@layer adgytec.overrides {\n .toolbar[data-orientation=\"horizontal\"] [data-divider] {\n block-size: auto;\n align-self: stretch;\n }\n\n /* button reset */\n .toolbar [data-visual-button] {\n /* outlined button */\n --_md-button-outline-width: 0px;\n border: none;\n\n /* elevated button */\n box-shadow: none;\n\n --_md-toggle-button-selected-shape: var(--_md-button-shape);\n\n &[data-disabled] {\n background-color: transparent;\n }\n }\n\n .toolbar [data-button]:not([data-color=\"filled\"]),\n .toolbar [data-toggle-button] {\n /* colors */\n --md-button-background: var(--_md-toolbar-button-background);\n --md-toggle-button-selected-background: var(\n --_md-toolbar-toggle-button-selected-background\n );\n --md-toggle-button-background: var(\n --_md-toolbar-toggle-button-background\n );\n\n --md-button-color: var(--_md-toolbar-button-color);\n --md-toggle-button-selected-color: var(\n --_md-toolbar-toggle-button-selected-color\n );\n --md-toggle-button-color: var(--_md-toolbar-toggle-button-color);\n }\n}\n","import clsx from \"clsx\";\nimport { Toolbar as AriaToolbar } from \"react-aria-components\";\nimport styles from \"./toolbar.module.css\";\nimport type { ToolbarProps } from \"./types\";\n\nexport const Toolbar: React.FC<ToolbarProps> = ({\n className,\n variant = \"docked\",\n color = \"standard\",\n ...props\n}) => {\n return (\n <AriaToolbar\n className={(renderProps) =>\n clsx(\n styles[\"toolbar\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-variant={variant}\n data-color={color}\n />\n );\n};\n","import clsx from \"clsx\";\nimport { ToggleButtonGroup } from \"react-aria-components\";\nimport styles from \"./toolbar.module.css\";\n\nexport const ToolbarToggleButtonGroup: React.FC<\n React.ComponentPropsWithRef<typeof ToggleButtonGroup>\n> = ({ className, ...props }) => {\n return (\n <ToggleButtonGroup\n className={(renderProps) =>\n clsx(\n styles[\"section\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;GCKa,KAAmC,EAC5C,cACA,aAAU,UACV,WAAQ,YACR,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;CACJ,gBAAc;CACd,cAAY;AACf,CAAA,GCpBI,KAER,EAAE,cAAW,GAAG,QAEb,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,SACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AACP,CAAA"}

package/dist/chunks/Tooltip CHANGED Viewed

@@ -1,33 +1,14 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { clsx as e } from "clsx";
-import { TooltipTrigger as n, Tooltip as y, OverlayArrow as l } from "react-aria-components";
-import '../assets/Tooltip.css';const p = "_tooltip_1ka4y_1", m = "_primary_1ka4y_67", k = "_secondary_1ka4y_77", d = "_tertiary_1ka4y_82", u = "_error_1ka4y_87", v = "_success_1ka4y_97", t = {
-  tooltip: p,
-  "tooltip-arrow": "_tooltip-arrow_1ka4y_24",
-  primary: m,
-  "primary-variant": "_primary-variant_1ka4y_72",
-  secondary: k,
-  tertiary: d,
-  error: u,
-  "inverse-surface": "_inverse-surface_1ka4y_92",
-  success: v
-}, h = ({
-  children: a,
-  description: s,
-  theme: i = "inverse-surface",
-  delay: _ = 250,
-  closeDelay: c = 150
-}) => s ? /* @__PURE__ */ r(n, { delay: _, closeDelay: c, children: [
-  a,
-  /* @__PURE__ */ r(y, { className: e(t.tooltip, t[i]), children: [
-    /* @__PURE__ */ o(l, { className: e(t["tooltip-arrow"]), children: /* @__PURE__ */ r("svg", { viewBox: "0 0 8 8", children: [
-      /* @__PURE__ */ o("title", { children: "Expand" }),
-      /* @__PURE__ */ o("path", { d: "M0 0 L4 4 L8 0" })
-    ] }) }),
-    s
-  ] })
-] }) : a;
-export {
-  h as T
-};
-//# sourceMappingURL=Tooltip.map
+import { t as e } from "./base";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { Tooltip as r } from "react-aria-components";
+import '../assets/Tooltip.css';var i = { tooltip: "_tooltip_t0b77_9" }, a = ({ className: a, offset: o = 4, ...s }) => /* @__PURE__ */ n(r, {
+	offset: o,
+	className: (n) => t(i.tooltip, e.labelMedium, typeof a == "function" ? a(n) : a),
+	...s,
+	"data-tooltip": !0
+});
+//#endregion
+export { a as t };
+//# sourceMappingURL=Tooltip.map

package/dist/chunks/Tooltip.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip","sources":["../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["~~import~~ { ~~clsx~~ } ~~from~~ \"~~clsx~~\";\~~nimport~~ {\n ~~OverlayArrow~~,\n ~~TooltipTrigger,\~~n Tooltip as ~~UnstyledTooltip,\n~~} from \"react-aria-components\";\nimport ~~styles~~ from \"~~./tooltip.module.css~~\";\nimport ~~type~~ ~~{ TooltipProps }~~ from \"./~~types~~\";\n\nexport const Tooltip ~~= ({\~~n ~~children,\~~n ~~description,\n theme~~ = ~~\"inverse-surface\",\n delay~~ = ~~250,\n closeDelay~~ = ~~150,\n~~}~~: TooltipProps~~) => {\n ~~if (!description) {\n~~ return ~~children;\n }\n\n return~~ (\n <~~TooltipTrigger delay={delay} closeDelay={closeDelay}>\~~n {~~children~~}\n\n ~~<UnstyledTooltip~~ className={~~clsx~~(~~styles[\"tooltip\"],~~ ~~styles[theme])}>\~~n ~~<OverlayArrow className={~~clsx(styles[\"tooltip~~-arrow~~\"]~~)}>\~~n ~~<svg~~ ~~viewBox=\"0~~ 0 ~~8 8~~\">\n ~~<title>Expand</title>\~~n ~~<path~~ ~~d=\"M0 0 L4 4 L8 0~~\~~" />\~~n ~~</svg>\n~~ ~~</OverlayArrow>\~~n\n {~~description~~}\n ~~</UnstyledTooltip>\~~n ~~</TooltipTrigger>\~~n );\n};\n"],"~~names":["Tooltip","children","description","theme","delay","closeDelay","jsxs","TooltipTrigger","UnstyledTooltip","clsx","styles","jsx","OverlayArrow"],"~~mappings":"~~;;;;;;;;;;;;;GASaA~~,~~IAAU~~,~~CAAC;AAAA~~,~~EACpB~~,~~UAAAC;AAAA~~,~~EACA~~,~~aAAAC;AAAA~~,~~EACA~~,~~OAAAC~~,~~IAAQ~~;~~AAAA,EACR,OAAAC,IAAQ~~;~~AAAA~~,~~EACR~~,~~YAAAC~~,~~IAAa;AACjB~~,~~MACSH,IAKD,gBAAAI,EAACC,GAAA,EAAe,OAAAH,GAAc,YAAAC,GACzB,UAAA;AAAA,EAAAJ;AAAA,EAED,gBAAAK,EAACE,GAAA,EAAgB,WAAWC,EAAKC,~~EAAO,~~SAAYA~~,~~EAAOP~~,~~CAAK~~,~~CAAC~~,~~GAC7D~~,~~UAAA;AAAA~~,~~IAAA~~,~~gBAAAQ~~,~~EAACC~~,~~GAAA,EAAa,WAAWH,EAAKC,EAAO,eAAe,CAAC,GACjD,UAAA,gBAAAJ,EAAC,OAAA,EAAI,SAAQ,WACT,UAAA~~;~~AAAA~~,~~MAAA,gBAAAK,EAAC,WAAM,UAAA,SAAA,CAAM~~;~~AAAA,MACb,gBAAAA,EAAC,QAAA,EAAK,GAAE,iBAAA,CAAiB;AAAA,IAAA,EAAA,CAC7B,EAAA,~~CACJ~~;AAAA~~,~~IAECT~~;~~AAAA~~,~~EAAA,EAAA,CACL;AAAA,GACJ,IAjBOD;~~"}
1	+ {"version":3,"file":"Tooltip","names":[],"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\nexport const Tooltip: React.FC<\n React.ComponentPropsWithRef<typeof AriaTooltip>\n> = ({ className, offset = 4, ...props }) => {\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":";;;;yCCKa,KAER,EAAE,cAAW,YAAS,GAAG,GAAG,QAEzB,kBAAC,GAAD;CACY;CACR,YAAY,MACR,EACI,EAAO,SACP,EAAW,aACX,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;CACJ,gBAAA;AACH,CAAA"}

package/dist/chunks/base ADDED Viewed

@@ -0,0 +1,37 @@
+//#region src/utils/typography/base.ts
+var e = {
+	displayLarge: "typography-display-large",
+	displayLargeEmphasized: "typography-display-large-emphasized",
+	displayMedium: "typography-display-medium",
+	displayMediumEmphasized: "typography-display-medium-emphasized",
+	displaySmall: "typography-display-small",
+	displaySmallEmphasized: "typography-display-small-emphasized",
+	headlineLarge: "typography-headline-large",
+	headlineLargeEmphasized: "typography-headline-large-emphasized",
+	headlineMedium: "typography-headline-medium",
+	headlineMediumEmphasized: "typography-headline-medium-emphasized",
+	headlineSmall: "typography-headline-small",
+	headlineSmallEmphasized: "typography-headline-small-emphasized",
+	titleLarge: "typography-title-large",
+	titleLargeEmphasized: "typography-title-large-emphasized",
+	titleMedium: "typography-title-medium",
+	titleMediumEmphasized: "typography-title-medium-emphasized",
+	titleSmall: "typography-title-small",
+	titleSmallEmphasized: "typography-title-small-emphasized",
+	bodyLarge: "typography-body-large",
+	bodyLargeEmphasized: "typography-body-large-emphasized",
+	bodyMedium: "typography-body-medium",
+	bodyMediumEmphasized: "typography-body-medium-emphasized",
+	bodySmall: "typography-body-small",
+	bodySmallEmphasized: "typography-body-small-emphasized",
+	labelLarge: "typography-label-large",
+	labelLargeEmphasized: "typography-label-large-emphasized",
+	labelMedium: "typography-label-medium",
+	labelMediumEmphasized: "typography-label-medium-emphasized",
+	labelSmall: "typography-label-small",
+	labelSmallEmphasized: "typography-label-small-emphasized"
+};
+//#endregion
+export { e as t };
+//# sourceMappingURL=base.map

package/dist/chunks/base.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base","names":[],"sources":["../../src/utils/typography/base.ts"],"sourcesContent":["export const typography = {\n displayLarge: \"typography-display-large\",\n displayLargeEmphasized: \"typography-display-large-emphasized\",\n\n displayMedium: \"typography-display-medium\",\n displayMediumEmphasized: \"typography-display-medium-emphasized\",\n\n displaySmall: \"typography-display-small\",\n displaySmallEmphasized: \"typography-display-small-emphasized\",\n\n headlineLarge: \"typography-headline-large\",\n headlineLargeEmphasized: \"typography-headline-large-emphasized\",\n\n headlineMedium: \"typography-headline-medium\",\n headlineMediumEmphasized: \"typography-headline-medium-emphasized\",\n\n headlineSmall: \"typography-headline-small\",\n headlineSmallEmphasized: \"typography-headline-small-emphasized\",\n\n titleLarge: \"typography-title-large\",\n titleLargeEmphasized: \"typography-title-large-emphasized\",\n\n titleMedium: \"typography-title-medium\",\n titleMediumEmphasized: \"typography-title-medium-emphasized\",\n\n titleSmall: \"typography-title-small\",\n titleSmallEmphasized: \"typography-title-small-emphasized\",\n\n bodyLarge: \"typography-body-large\",\n bodyLargeEmphasized: \"typography-body-large-emphasized\",\n\n bodyMedium: \"typography-body-medium\",\n bodyMediumEmphasized: \"typography-body-medium-emphasized\",\n\n bodySmall: \"typography-body-small\",\n bodySmallEmphasized: \"typography-body-small-emphasized\",\n\n labelLarge: \"typography-label-large\",\n labelLargeEmphasized: \"typography-label-large-emphasized\",\n\n labelMedium: \"typography-label-medium\",\n labelMediumEmphasized: \"typography-label-medium-emphasized\",\n\n labelSmall: \"typography-label-small\",\n labelSmallEmphasized: \"typography-label-small-emphasized\",\n} as const;\n\nexport type TypographyVariant = (typeof typography)[keyof typeof typography];\n"],"mappings":";AAAA,IAAa,IAAa;CACtB,cAAc;CACd,wBAAwB;CAExB,eAAe;CACf,yBAAyB;CAEzB,cAAc;CACd,wBAAwB;CAExB,eAAe;CACf,yBAAyB;CAEzB,gBAAgB;CAChB,0BAA0B;CAE1B,eAAe;CACf,yBAAyB;CAEzB,YAAY;CACZ,sBAAsB;CAEtB,aAAa;CACb,uBAAuB;CAEvB,YAAY;CACZ,sBAAsB;CAEtB,WAAW;CACX,qBAAqB;CAErB,YAAY;CACZ,sBAAsB;CAEtB,WAAW;CACX,qBAAqB;CAErB,YAAY;CACZ,sBAAsB;CAEtB,aAAa;CACb,uBAAuB;CAEvB,YAAY;CACZ,sBAAsB;AAC1B"}

package/dist/chunks/context ADDED Viewed

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

package/dist/chunks/context.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"context","names":[],"sources":["../../src/components/Input/Select/ComboBox/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { ComboBoxRenderProps } from \"react-aria-components\";\n\nexport const ComboboxContext = createContext<Partial<ComboBoxRenderProps>>({});\n"],"mappings":";;AAGA,IAAa,IAAkB,EAA4C,CAAC,CAAC"}

package/dist/chunks/core ADDED Viewed

@@ -0,0 +1,111 @@
+import { t as e } from "./tapTarget";
+import { t } from "./base";
+import { t as n } from "./Icon";
+import { n as r, t as i } from "./useSplash";
+import { useButtonGroupContext as a, useConnectedButtonGroupContext as o } from "../components/Button/ButtonGroups/ButtonGroupContext/index.js";
+import { t as s } from "./Tooltip";
+import { TooltipTrigger as c } from "../components/Tooltip/TooltipTrigger/index.js";
+import l from "clsx";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ToggleButton as f } from "react-aria-components";
+import '../assets/core2.css';//#region src/components/Button/core/button.module.css
+var p = {
+	"button-reset": "_button-reset_1kbv0_2",
+	"button-core": "_button-core_1kbv0_17"
+}, m = p["button-reset"], h = p["button-core"];
+function g({ shape: e, size: t, color: n }) {
+	return {
+		"data-shape": e,
+		"data-size": t,
+		"data-color": n
+	};
+}
+var _ = {
+	outlined: "_outlined_m3jr5_18",
+	color: "_color_m3jr5_42",
+	filled: "_filled_m3jr5_195",
+	tonal: "_tonal_m3jr5_215",
+	text: "_text_m3jr5_267",
+	standard: "_standard_m3jr5_272",
+	elevated: "_elevated_m3jr5_285"
+}, v = (e) => _[e], y = _.color, b = {
+	size: "_size_a73rz_2",
+	"extra-small": "_extra-small_a73rz_25",
+	small: "_small_a73rz_66",
+	medium: "_medium_a73rz_112",
+	large: "_large_a73rz_153",
+	"extra-large": "_extra-large_a73rz_194"
+}, x = {
+	"extra-small": 20,
+	small: 20,
+	medium: 24,
+	large: 32,
+	"extra-large": 40
+}, S = {
+	"extra-small": 20,
+	small: 24,
+	medium: 24,
+	large: 32,
+	"extra-large": 40
+}, C = {
+	"extra-small": t.labelLarge,
+	small: t.labelLarge,
+	medium: t.bodyLargeEmphasized,
+	large: t.headlineSmall,
+	"extra-large": t.headlineLarge
+}, w = (e) => b[e], T = b.size, E = { button: "_button_4jeo2_2" }, D = ({ icon: t, selectedIcon: a, children: s, onPress: c, iconPlacement: p, ...g }) => {
+	let { shape: _, size: b, color: S, iconPlacement: w } = o(), T = p ?? w ?? "start", { splashInfo: D, handlePress: O } = i(c), k = typeof s == "function";
+	return /* @__PURE__ */ u(f, {
+		onPress: O,
+		className: l(m, e, v(S)),
+		...g,
+		"data-connected-button": !0,
+		"data-button": !0,
+		children: (e) => {
+			let { isSelected: i, isDisabled: o, isFocusVisible: c, isFocused: f, isPressed: p, isHovered: m } = e, g = {
+				"data-hovered": m || void 0,
+				"data-disabled": o || void 0,
+				"data-focused": f || void 0,
+				"data-focus-visible": c || void 0,
+				"data-pressed": p || void 0,
+				"data-selected": i || void 0,
+				"data-toggle-button": !0,
+				"data-shape": _,
+				"data-visual-button": !0
+			}, v = t;
+			i && a && (v = a);
+			let S = x[b], w = v && /* @__PURE__ */ u(n, {
+				icon: v,
+				size: S
+			});
+			return /* @__PURE__ */ d("span", {
+				...g,
+				className: l(h, y, C[b], E.button),
+				children: [
+					D && /* @__PURE__ */ u(r, { ...D }),
+					T === "start" && w,
+					k ? s(e) : s,
+					T === "end" && w
+				]
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/Button/core/useButtonConfig.ts
+function O({ size: e, shape: t, color: n, iconPlacement: r }) {
+	let { size: i, shape: o, color: s, iconPlacement: c } = a();
+	return {
+		buttonSize: e ?? i ?? "small",
+		buttonShape: t ?? o ?? "round",
+		buttonColor: n ?? s ?? "filled",
+		buttonIconPlacement: r ?? c ?? "start"
+	};
+}
+//#endregion
+//#region src/components/Button/core/withTooltip.tsx
+var k = (e, t) => t ? /* @__PURE__ */ d(c, { children: [e, /* @__PURE__ */ u(s, { children: t })] }) : e;
+//#endregion
+export { C as a, w as c, h as d, m as f, x as i, y as l, O as n, T as o, g as p, D as r, S as s, k as t, v as u };
+//# sourceMappingURL=core.map

package/dist/chunks/core.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core","names":[],"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\nexport type ButtonIconPlacement = \"start\" | \"end\";\n\nexport interface ButtonBaseProps {\n color?: ButtonColor;\n size?: ButtonSize;\n shape?: ButtonShape;\n tooltip?: string;\n icon?: LucideIcon;\n iconPlacement?: ButtonIconPlacement;\n}\n\nexport interface IconButtonBaseProps {\n color?: IconButtonColor;\n size?: ButtonSize;\n shape?: ButtonShape;\n width?: IconButtonWidth;\n tooltip?: string;\n icon: LucideIcon;\n}\n\nexport const ButtonReset = styles[\"button-reset\"];\nexport const ButtonCore = styles[\"button-core\"];\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\nexport type CoreButtonColor = \"filled\" | \"tonal\" | \"outlined\";\n\nexport type ButtonColor = CoreButtonColor | \"elevated\" | \"text\";\n\nexport type ToggleButtonColor = CoreButtonColor | \"elevated\";\n\nexport type IconButtonColor = CoreButtonColor | \"standard\";\n\nexport type SplitButtonColor = CoreButtonColor | \"elevated\";\n\nexport type ConnectedButtonGroupColor = CoreButtonColor | \"elevated\";\n\nexport type AllButtonColor =\n | ButtonColor\n | IconButtonColor\n | SplitButtonColor\n | ConnectedButtonGroupColor;\n\nexport const buttonColorConfig = (color: AllButtonColor) => {\n return styles[color];\n};\n\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\nexport type ButtonSize =\n | \"extra-small\"\n | \"small\"\n | \"medium\"\n | \"large\"\n | \"extra-large\";\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\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\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\nexport const buttonSizeConfig = (size: ButtonSize) => {\n return styles[size];\n};\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} from \"../../core\";\nimport { useConnectedButtonGroupContext } from \"../ButtonGroupContext\";\nimport styles from \"./connectedButton.module.css\";\nimport type { ConnectedButtonProps } from \"./types\";\n\nexport const ConnectedButton: React.FC<ConnectedButtonProps> = ({\n icon,\n selectedIcon,\n children,\n onPress,\n iconPlacement,\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 (\n <AriaToggleButton\n onPress={handlePress}\n className={clsx(ButtonReset, TapTarget, buttonColorConfig(color))}\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 );\n};\n","import { useButtonGroupContext } from \"../ButtonGroups\";\nimport type { ButtonIconPlacement } from \"./button\";\nimport type { ButtonShape } from \"./shape\";\nimport type { ButtonSize } from \"./sizes\";\n\ntype ButtonConfigOptions<C extends string> = {\n size?: ButtonSize;\n shape?: ButtonShape;\n color?: C;\n iconPlacement?: ButtonIconPlacement;\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 { ReactElement } from \"react\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\n\nexport const withTooltip = (element: ReactElement, tooltip?: string) => {\n if (!tooltip) return element;\n\n return (\n <TooltipTrigger>\n {element}\n\n <Tooltip>{tooltip}</Tooltip>\n </TooltipTrigger>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;GC2Ba,IAAc,EAAO,iBACrB,IAAa,EAAO;AAEjC,SAAgB,EAAuB,EACnC,UACA,SACA,YAKD;CACC,OAAO;EACH,cAAc;EACd,aAAa;EACb,cAAc;CAClB;AACJ;;;;;;;;;GExBa,KAAqB,MACvB,EAAO,IAGL,IAAkB,EAAO;;;;;;;GEdzB,IAAoD;CAC7D,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAEa,IAAwD;CACjE,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAEa,IAAqD;CAC9D,eAAe,EAAW;CAC1B,OAAO,EAAW;CAClB,QAAQ,EAAW;CACnB,OAAO,EAAW;CAClB,eAAe,EAAW;AAC9B,GAEa,KAAoB,MACtB,EAAO,IAGL,IAAiB,EAAO,yCEpBxB,KAAmD,EAC5D,SACA,iBACA,aACA,YACA,kBACA,GAAG,QACD;CACF,IAAM,EACF,UACA,SACA,UACA,eAAe,MACf,EAA+B,GAE7B,IAAsB,KAAiB,KAAsB,SAE7D,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAC/C,IAAc,OAAO,KAAa;CAExC,OACI,kBAAC,GAAD;EACI,SAAS;EACT,WAAW,EAAK,GAAa,GAAW,EAAkB,CAAK,CAAC;EAChE,GAAI;EACJ,yBAAuB;EACvB,eAAA;aAEE,MAAgB;GACd,IAAM,EACF,eACA,eACA,mBACA,cACA,cACA,iBACA,GAEE,IAAY;IACd,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,sBAAsB;IACtB,cAAc;IACd,sBAAsB;GAC1B,GAEI,IAAe;GACnB,AAAI,KAAc,MAAc,IAAe;GAE/C,IAAM,IAAW,EAAsB,IACjC,IAAW,KACb,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAM;GAAW,CAAA;GAG/C,OACI,kBAAC,QAAD;IACI,GAAI;IACJ,WAAW,EACP,GACA,GACA,EAAuB,IACvB,EAAO,MACX;cAPJ;KASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA;KAEvC,MAAwB,WAAW;KAEnC,IAAc,EAAS,CAAW,IAAI;KAEtC,MAAwB,SAAS;IAChC;;EAEd;CACc,CAAA;AAE1B;;;ACtFA,SAAgB,EAAkC,EAC9C,SACA,UACA,UACA,oBACuB;CACvB,IAAM,EACF,MAAM,GACN,OAAO,GACP,OAAO,GACP,eAAe,MACf,EAAsB;CAQ1B,OAAO;EAAE,YANU,KAAQ,KAAmB;EAMzB,aALD,KAAS,KAAoB;EAKf,aAJd,KAAS,KAAoB;EAIF,qBAF3C,KAAiB,KAA4B;CAEkB;AACvE;;;AC7BA,IAAa,KAAe,GAAuB,MAC1C,IAGD,kBAAC,GAAD,EAAA,UAAA,CACK,GAED,kBAAC,GAAD,EAAA,UAAU,EAAiB,CAAA,CACf,EAAA,CAAA,IAPC"}

package/dist/chunks/core2 ADDED Viewed

@@ -0,0 +1,20 @@
+import '../assets/core3.css';var e = {
+	size: "_size_1to9u_2",
+	primary: "_primary_1to9u_22",
+	trigger: "_trigger_1to9u_65",
+	"extra-small": "_extra-small_1to9u_113",
+	small: "_small_1to9u_165",
+	medium: "_medium_1to9u_216",
+	large: "_large_1to9u_268",
+	"extra-large": "_extra-large_1to9u_319"
+}, t = {
+	"extra-small": 22,
+	small: 22,
+	medium: 26,
+	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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core2","names":[],"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\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\nexport const splitButtonSizeConfig = (size: ButtonSize) => {\n return styles[size];\n};\n\nexport const SplitButtonVariantBase = styles[\"size\"];\n\nexport const SplitButtonPrimaryBase = styles[\"primary\"];\nexport const SplitButtonTriggerBase = styles[\"trigger\"];\n"],"mappings":";;;;;;;;;GCGa,IAAyD;CAClE,eAAe;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACP,eAAe;AACnB,GAEa,KAAyB,MAC3B,EAAO,IAGL,IAAyB,EAAO,MAEhC,IAAyB,EAAO,SAChC,IAAyB,EAAO"}

package/dist/chunks/core3 ADDED Viewed

@@ -0,0 +1,19 @@
+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
+var r = { calendar: "_calendar_14tem_23" }.calendar, i = 1900, a = 100;
+//#endregion
+//#region 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");
+	return a;
+}
+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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core3","names":[],"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\nexport const CalendarBaseStyles = styles[\"calendar\"];\n\nexport type WeekdayStyle = \"narrow\" | \"short\";\n\nexport interface MonthItem {\n id: number;\n formatted: string;\n}\n\nexport interface YearItem {\n id: number;\n formatted: string;\n}\n\nexport const defaultMinYear = 1900;\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\";\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\nexport function isRangeCalendarState(\n state: CalendarState | RangeCalendarState\n): state is RangeCalendarState {\n return \"anchorDate\" in state;\n}\n"],"mappings":";;;;ACEA,IAAa,IAAqB,iCAAA,EAAO,UAc5B,IAAiB,MACjB,IAA0B;;;ACTvC,SAAgB,IAAmB;CAC/B,IAAM,IAAgB,EAAW,CAAoB,GAC/C,IAAqB,EAAW,CAAyB,GACzD,IAAQ,KAAiB,KAAsB;CAErD,IAAI,CAAC,GACD,MAAM,MACF,+DACJ;CAGJ,OAAO;AACX;AAEA,SAAgB,EACZ,GAC2B;CAC3B,OAAO,gBAAgB;AAC3B"}

package/dist/chunks/core4 ADDED Viewed

@@ -0,0 +1,15 @@
+import '../assets/core5.css';var e = {
+	unset: "_unset_o3la8_8",
+	colors: "_colors_o3la8_12",
+	group: "_group_o3la8_80",
+	"date-segment": "_date-segment_o3la8_104",
+	editor: "_editor_o3la8_118",
+	"editor-input-group": "_editor-input-group_o3la8_186",
+	"editor-input": "_editor-input_o3la8_186",
+	"supporting-text": "_supporting-text_o3la8_220",
+	"character-count": "_character-count_o3la8_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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core4","names":[],"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: center;\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\nexport const TextFieldIconSize = 24;\n\nexport const UnsetStyles = styles[\"unset\"];\n\nexport const Colors = styles[\"colors\"];\n\nexport const InputGroupStyles = styles[\"group\"];\nexport const EditorStyles = styles[\"editor\"];\nexport const EditorInputGroupStyles = styles[\"editor-input-group\"];\nexport const EditorInputStyles = styles[\"editor-input\"];\n\nexport const SupportingTextStyles = styles[\"supporting-text\"];\nexport const CharacterCountStyles = styles[\"character-count\"];\n\nexport const DateInputStyles = styles[\"date-input\"];\nexport const DateSegmentStyles = styles[\"date-segment\"];\n"],"mappings":";;;;;;;;;;GCEa,IAAoB,IAEpB,IAAc,EAAO,OAErB,IAAS,EAAO,QAEhB,IAAmB,EAAO,OAC1B,IAAe,EAAO,QACtB,IAAyB,EAAO,uBAChC,IAAoB,EAAO,iBAE3B,IAAuB,EAAO,oBAC9B,IAAuB,EAAO,oBAE9B,IAAkB,EAAO,eACzB,IAAoB,EAAO"}

package/dist/chunks/core5 ADDED Viewed

@@ -0,0 +1,9 @@
+import '../assets/core6.css';var e = {
+	group: "_group_wt0w2_2",
+	"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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core5","names":[],"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\nexport const DatePickerPopoverStyles = styles[\"popover\"];\nexport const DatePickerGroupStyles = styles[\"group\"];\nexport const DateRangePickerDateInputGroupStyles = styles[\"range-group\"];\n"],"mappings":";;;;GCEa,IAA0B,EAAO,SACjC,IAAwB,EAAO,OAC/B,IAAsC,EAAO"}

package/dist/chunks/core6 ADDED Viewed

@@ -0,0 +1,22 @@
+import '../assets/core7.css';var e = {
+	color: "_color_1dbnb_19",
+	label: "_label_1dbnb_112",
+	"menu-color": "_menu-color_1dbnb_116",
+	standard: "_standard_1dbnb_161",
+	vibrant: "_vibrant_1dbnb_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"
+}, o = 20, s = a.layout, c = (e) => a[e], l = {
+	menu: "_menu_px1ka_2",
+	"menu-section": "_menu-section_px1ka_26",
+	"menu-section-header": "_menu-section-header_px1ka_43",
+	"menu-item": "_menu-item_px1ka_49",
+	"menu-item-leading": "_menu-item-leading_px1ka_87",
+	"menu-item-trailing": "_menu-item-trailing_px1ka_88"
+}, 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

package/dist/chunks/core6.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core6","names":[],"sources":["../../src/components/Menu/core/color.module.css","../../src/components/Menu/core/color.ts","../../src/components/Menu/core/layout.module.css","../../src/components/Menu/core/layout.ts","../../src/components/Menu/core/menu.module.css","../../src/components/Menu/core/menu.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-menu-background\n* --md-menu-section-label-color\n*\n* --md-menu-item-background\n* --md-menu-item-selected-background\n*\n* --md-menu-item-color\n* --md-menu-item-selected-color\n*\n* --md-menu-item-label-color\n* --menu-item-selected-label-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n /* this is used by individual menu items */\n .color {\n /* state layer */\n --_state-color: var(--_label-color);\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 /* variables to use */\n --_background-color: var(--_md-menu-item-background);\n --_color: var(--_md-menu-item-color);\n --_label-color: var(--_md-menu-item-label-color);\n\n /* styles */\n background-color: var(--_background-color);\n color: var(--_color);\n\n &[data-selected] {\n --_background-color: var(--_md-menu-item-selected-background);\n --_color: var(--_md-menu-item-selected-color);\n --_label-color: var(--_menu-item-selected-label-color);\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-open] {\n --_state-layer-opacity: 0.08;\n }\n\n &[data-pressed] {\n --_state-layer-opacity: var(--md-sys-state-pressed);\n }\n\n &[data-disabled] {\n --_label-color: rgb(\n from var(--_md-menu-item-label-color) r g b /\n var(--md-sys-state-disabled-content)\n );\n --_color: var(--_label-color);\n\n &[data-selected] {\n --_background-color: rgb(\n from var(--_md-menu-item-selected-background) r g b /\n var(--md-sys-state-disabled-container)\n );\n --_label-color: rgb(\n from var(--_menu-item-selected-label-color) r g b /\n var(--md-sys-state-disabled-content)\n );\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 z-index: 1;\n }\n\n /* menu label */\n .label {\n color: var(--_label-color);\n }\n\n .menu-color {\n --_md-menu-background: var(\n --md-menu-background,\n var(--_md-menu-background-default)\n );\n --_md-menu-section-label-color: var(\n --md-menu-section-label-color,\n var(--_md-menu-section-label-color-default)\n );\n\n /* menu item */\n\n /* background */\n --_md-menu-item-background: var(\n --md-menu-item-background,\n var(--_md-menu-item-background-default)\n );\n --_md-menu-item-selected-background: var(\n --md-menu-item-selected-background,\n var(--_md-menu-item-selected-background-default)\n );\n\n /* color */\n --_md-menu-item-color: var(\n --md-menu-item-color,\n var(--_md-menu-item-color-default)\n );\n --_md-menu-item-selected-color: var(\n --md-menu-item-selected-color,\n var(--_md-menu-item-selected-color-default)\n );\n\n /* label color */\n --_md-menu-item-label-color: var(\n --md-menu-item-label-color,\n var(--_md-menu-item-label-color-default)\n );\n --_menu-item-selected-label-color: var(\n --menu-item-selected-label-color,\n var(--_menu-item-selected-label-color-default)\n );\n\n --md-divider-color: var(--_md-menu-item-color);\n }\n\n .standard {\n --_md-menu-background-default: var(\n --md-sys-color-surface-container-low\n );\n --_md-menu-section-label-color-default: var(\n --md-sys-color-on-surface-variant\n );\n\n /* menu item */\n\n /* background */\n --_md-menu-item-background-default: var(\n --md-sys-color-surface-container-low\n );\n --_md-menu-item-selected-background-default: var(\n --md-sys-color-tertiary-container\n );\n\n /* color */\n --_md-menu-item-color-default: var(--md-sys-color-on-surface-variant);\n --_md-menu-item-selected-color-default: var(\n --md-sys-color-on-tertiary-container\n );\n\n /* label color */\n --_md-menu-item-label-color-default: var(--md-sys-color-on-surface);\n --_menu-item-selected-label-color-default: var(\n --md-sys-color-on-tertiary-container\n );\n }\n\n .vibrant {\n --_md-menu-background-default: var(--md-sys-color-tertiary-container);\n --_md-menu-section-label-color-default: var(\n --md-sys-color-on-tertiary-container\n );\n\n /* menu item */\n\n /* background */\n --_md-menu-item-background-default: var(\n --md-sys-color-tertiary-container\n );\n --_md-menu-item-selected-background-default: var(\n --md-sys-color-tertiary\n );\n\n /* color */\n --_md-menu-item-color-default: var(\n --md-sys-color-on-tertiary-container\n );\n --_md-menu-item-selected-color-default: var(--md-sys-color-on-tertiary);\n\n /* label color */\n --_md-menu-item-label-color-default: var(\n --md-sys-color-on-tertiary-container\n );\n --_menu-item-selected-label-color-default: var(\n --md-sys-color-on-tertiary\n );\n }\n}\n","import styles from \"./color.module.css\";\n\nexport type MenuColor = \"standard\" | \"vibrant\";\n\nexport const menuItemBaseColor = styles[\"color\"];\n\nexport const menuItemLabelColor = styles[\"label\"];\n\nexport const menuColorConfig = (color: MenuColor) => {\n return styles[color];\n};\nexport const menuBaseColor = styles[\"menu-color\"];\n","@layer adgytec.comps {\n /* core menu tokens */\n .layout {\n /* tokens used either by menu or menu section based on layout value */\n --_md-menu-elevation: var(--md-sys-elevation-shadow-3);\n --_md-menu-gap: calc(2 * var(--dp, 1px));\n --_md-menu-padding: var(--md-sys-layout-space-4);\n\n /* shape */\n --_md-menu-shape: var(--md-sys-shape-corner-radius-small);\n --_md-menu-section-shape: var(--md-sys-shape-corner-radius-small);\n\n /* menu item */\n\n --_md-menu-item-shape: var(--md-sys-shape-corner-radius-extra-small);\n --_md-menu-item-outer-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-menu-item-selected-shape: var(\n --md-sys-shape-corner-radius-medium\n );\n\n /* Vertical padding when item contains only a single-line label */\n /* Centers 20px label within 44px container */\n --_md-menu-item-padding-block-single-line: var(\n --md-sys-layout-space-12\n );\n\n /* Vertical padding when item contains label + supporting text */\n /* Reduced padding to fit two text lines (20px + 16px) with 2px gap inside 44px container */\n --_md-menu-item-padding-block-multi-line: calc(3 * var(--dp, 1px));\n\n /* Horizontal padding inside each menu item (excluding outer menu padding) */\n /* Total visual inset = menu container padding (4) + this value (12) */\n --_md-menu-item-padding-inline-content: var(--md-sys-layout-space-12);\n\n /* Spacing between elements inside a menu item (icon, text, trailing, etc.) */\n --_md-menu-item-content-gap: var(--md-sys-layout-space-8);\n\n &:focus-within {\n --_md-menu-shape: var(--md-sys-shape-corner-radius-large);\n }\n }\n\n .standard {\n --_menu-elevation: var(--_md-menu-elevation);\n --_menu-padding: var(--_md-menu-padding);\n --_menu-shape: var(--_md-menu-shape);\n --_menu-background: var(--_md-menu-background);\n\n --_menu-section-elevation: none;\n --_menu-section-padding: 0;\n --_menu-section-shape: 0;\n --_menu-section-outer-shape: 0;\n --_menu-section-background: transparent;\n\n --_menu-item-elevation: none;\n }\n\n .grouped {\n --_menu-elevation: none;\n --_menu-padding: 0;\n --_menu-shape: var(--_md-menu-shape);\n --_menu-background: transparent;\n\n --_menu-section-elevation: var(--_md-menu-elevation);\n --_menu-section-padding: var(--_md-menu-padding);\n --_menu-section-outer-shape: var(--_md-menu-shape);\n --_menu-section-shape: var(--_md-menu-section-shape);\n --_menu-section-background: var(--_md-menu-background);\n\n --_menu-item-elevation: var(--_md-menu-elevation);\n }\n}\n","import styles from \"./layout.module.css\";\n\nexport type MenuLayout = \"standard\" | \"grouped\";\n\nexport const MenuItemIconSize = 20;\n\nexport const MenuBaseLayout = styles[\"layout\"];\n\nexport const menuLayoutConfig = (layout: MenuLayout) => {\n return styles[layout];\n};\n","@layer adgytec.comps {\n .menu {\n background-color: var(--_menu-background);\n box-shadow: var(--_menu-elevation);\n border-radius: var(--_menu-shape);\n padding: var(--_menu-padding);\n\n outline: none;\n\n display: grid;\n gap: var(--_md-menu-gap);\n\n min-inline-size: min(100svi, calc(160 * var(--dp, 1px)));\n\n overflow: auto;\n scrollbar-width: thin;\n\n transition: border-radius 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 .menu-section {\n background-color: var(--_menu-section-background);\n box-shadow: var(--_menu-section-elevation);\n border-radius: var(--_menu-section-shape);\n padding: var(--_menu-section-padding);\n\n display: grid;\n gap: var(--_md-menu-gap);\n\n transition: border-radius 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 .menu-section-header {\n padding-inline: var(--_md-menu-item-padding-inline-content);\n padding-block: var(--md-sys-layout-space-8);\n color: var(--_md-menu-section-label-color);\n }\n\n .menu-item {\n --_menu-item-padding-block: var(\n --_md-menu-item-padding-block-single-line\n );\n\n position: relative;\n outline: none;\n overflow: clip;\n\n display: flex;\n gap: var(--_md-menu-item-content-gap);\n align-items: center;\n justify-content: space-between;\n\n padding-inline: var(--_md-menu-item-padding-inline-content);\n padding-block: var(--_menu-item-padding-block);\n\n border-radius: var(--_md-menu-item-shape);\n\n transition:\n border-radius var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-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\n &[data-multi-line] {\n --_menu-item-padding-block: var(\n --_md-menu-item-padding-block-multi-line\n );\n }\n\n &[data-selected] {\n border-radius: var(--_md-menu-item-selected-shape);\n }\n }\n\n .menu-item-leading,\n .menu-item-trailing {\n display: flex;\n gap: var(--_md-menu-item-content-gap);\n align-items: center;\n }\n\n /* menu -> menu item elevation */\n .menu > .menu-item {\n box-shadow: var(--_menu-item-elevation);\n }\n\n /* menu -> menu section shape */\n .menu > .menu-section:first-child {\n border-start-start-radius: var(--_menu-section-outer-shape);\n border-start-end-radius: var(--_menu-section-outer-shape);\n }\n\n .menu > .menu-section:last-child {\n border-end-start-radius: var(--_menu-section-outer-shape);\n border-end-end-radius: var(--_menu-section-outer-shape);\n }\n\n /* menu -> menu item shape (only if NOT selected) */\n .menu > .menu-item:not([data-selected]):first-child {\n border-start-start-radius: var(--_md-menu-shape);\n border-start-end-radius: var(--_md-menu-shape);\n }\n\n .menu > .menu-item:not([data-selected]):last-child {\n border-end-start-radius: var(--_md-menu-shape);\n border-end-end-radius: var(--_md-menu-shape);\n }\n\n /* menu section -> menu item shape (only if NOT selected) */\n .menu > .menu-section:first-child\n > .menu-item:not([data-selected]):first-child {\n border-start-start-radius: var(--_md-menu-shape);\n border-start-end-radius: var(--_md-menu-shape);\n }\n\n .menu\n > .menu-section:last-child\n > .menu-item:not([data-selected]):last-child {\n border-end-start-radius: var(--_md-menu-shape);\n border-end-end-radius: var(--_md-menu-shape);\n }\n}\n","import styles from \"./menu.module.css\";\n\nexport const MenuStyles = styles[\"menu\"];\nexport const MenuSectionStyles = styles[\"menu-section\"];\nexport const MenuSectionHeaderStyles = styles[\"menu-section-header\"];\n\nexport const MenuItemStyles = styles[\"menu-item\"];\nexport const MenuItemLeadingStyles = styles[\"menu-item-leading\"];\nexport const MenuItemTrailingStyles = styles[\"menu-item-trailing\"];\n"],"mappings":";;;;;;GCIa,IAAoB,EAAO,OAE3B,IAAqB,EAAO,OAE5B,KAAmB,MACrB,EAAO,IAEL,IAAgB,EAAO;;;;GEPvB,IAAmB,IAEnB,IAAiB,EAAO,QAExB,KAAoB,MACtB,EAAO;;;;;;;GEPL,IAAa,EAAO,MACpB,IAAoB,EAAO,iBAC3B,IAA0B,EAAO,wBAEjC,IAAiB,EAAO,cACxB,IAAwB,EAAO,sBAC/B,IAAyB,EAAO"}

package/dist/chunks/core7 ADDED Viewed

@@ -0,0 +1,26 @@
+import '../assets/core8.css';//#endregion
+//#region src/components/Input/Slider/core/color.ts
+var e = { colors: "_colors_19hg3_20" }.colors, t = {
+	slider: "_slider_adt2x_2",
+	"track-container": "_track-container_adt2x_13",
+	track: "_track_adt2x_13",
+	"extra-small": "_extra-small_adt2x_50",
+	small: "_small_adt2x_55",
+	medium: "_medium_adt2x_60",
+	large: "_large_adt2x_65",
+	"extra-large": "_extra-large_adt2x_70"
+}, n = t.slider, r = t["track-container"], i = t.track;
+function a(e) {
+	return t[e];
+}
+//#endregion
+//#region src/components/Input/Slider/core/variant.module.css
+var o = {
+	"visual-track": "_visual-track_tf6eb_2",
+	"active-track": "_active-track_tf6eb_24",
+	"inactive-track": "_inactive-track_tf6eb_61"
+}, s = o["visual-track"], c = o["active-track"], l = o["inactive-track"];
+//#endregion
+export { n as a, e as c, a as i, l as n, r as o, s as r, i as s, c as t };
+//# sourceMappingURL=core7.map

package/dist/chunks/core7.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"core7","names":[],"sources":["../../src/components/Input/Slider/core/color.module.css","../../src/components/Input/Slider/core/color.ts","../../src/components/Input/Slider/core/size.module.css","../../src/components/Input/Slider/core/size.ts","../../src/components/Input/Slider/core/variant.module.css","../../src/components/Input/Slider/core/variant.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-slider-active-track-color\n* --md-slider-inactive-track-color\n*\n* --md-slider-thumb-color\n*\n* --md-slider-active-stop-color\n* --md-slider-inactive-stop-color\n*\n* --md-slider-output-background\n* --md-slider-output-color\n*\n* --md-slider-icon-color\n* --md-slider-minimum-value-icon-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .colors {\n --_md-slider-active-track-color: var(\n --md-slider-active-track-color,\n var(--md-sys-color-primary)\n );\n --_md-slider-inactive-track-color: var(\n --md-slider-inactive-track-color,\n var(--md-sys-color-secondary-container)\n );\n\n --_md-slider-thumb-color: var(\n --md-slider-thumb-color,\n var(--_md-slider-active-track-color)\n );\n\n --_md-slider-active-stop-color: var(\n --md-slider-active-stop-color,\n var(--md-sys-color-on-primary)\n );\n --_md-slider-inactive-stop-color: var(\n --md-slider-inactive-stop-color,\n var(--md-sys-color-on-secondary-container)\n );\n\n --_md-slider-output-background: var(\n --md-slider-output-background,\n var(--md-sys-color-inverse-surface)\n );\n --_md-slider-output-color: var(\n --md-slider-output-color,\n var(--md-sys-color-inverse-on-surface)\n );\n\n --_md-slider-icon-color: var(\n --md-slider-icon-color,\n var(--md-sys-color-on-primary)\n );\n --_md-slider-minimum-value-icon-color: var(\n --md-slider-minimum-value-icon-color,\n var(--md-sys-color-on-secondary-container)\n );\n }\n}\n","import styles from \"./color.module.css\";\n\nexport const SliderColors = styles[\"colors\"];\n","@layer adgytec.comps {\n .slider {\n --_track-gap: var(--md-sys-layout-space-16);\n --_orientation-inset: calc(-1 * calc(var(--_track-gap) / 2));\n\n display: flex;\n flex-direction: column;\n gap: var(--md-sys-layout-space-4);\n\n block-size: 100%;\n }\n\n .track-container {\n flex: 1;\n padding: calc(-1 * var(--_orientation-inset));\n\n &[data-orientation=\"vertical\"] {\n align-self: center;\n }\n }\n\n .track {\n --_md-slider-track-inner-shape: calc(2 * var(--dp, 1px));\n\n --_active-track-color: var(--_md-slider-active-track-color);\n --_inactive-track-color: var(--_md-slider-inactive-track-color);\n\n &[data-orientation=\"horizontal\"] {\n inline-size: 100%;\n block-size: var(--_md-slider-track-size);\n }\n\n &[data-orientation=\"vertical\"] {\n block-size: 100%;\n inline-size: var(--_md-slider-track-size);\n }\n\n &[data-disabled] {\n --_active-track-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-content)\n );\n --_inactive-track-color: rgb(\n from var(--md-sys-color-on-surface) r g b /\n var(--md-sys-state-disabled-container)\n );\n }\n }\n\n .extra-small {\n --_md-slider-track-shape: var(--md-sys-shape-corner-radius-small);\n --_md-slider-track-size: var(--md-sys-layout-space-16);\n }\n\n .small {\n --_md-slider-track-shape: var(--md-sys-shape-corner-radius-small);\n --_md-slider-track-size: var(--md-sys-layout-space-24);\n }\n\n .medium {\n --_md-slider-track-shape: var(--md-sys-shape-corner-radius-medium);\n --_md-slider-track-size: var(--md-sys-layout-space-40);\n }\n\n .large {\n --_md-slider-track-shape: var(--md-sys-shape-corner-radius-large);\n --_md-slider-track-size: var(--md-sys-layout-space-56);\n }\n\n .extra-large {\n --_md-slider-track-shape: var(--md-sys-shape-corner-radius-extra-large);\n --_md-slider-track-size: var(--md-sys-layout-space-96);\n }\n}\n","import styles from \"./size.module.css\";\n\nexport type SliderSize =\n | \"extra-small\"\n | \"small\"\n | \"medium\"\n | \"large\"\n | \"extra-large\";\n\nexport const SliderStyles = styles[\"slider\"];\n\nexport const TrackContainerStyles = styles[\"track-container\"];\nexport const TrackStyles = styles[\"track\"];\n\nexport function SliderSizeStyles(size: SliderSize) {\n return styles[size];\n}\n","@layer adgytec.comps {\n .visual-track {\n --_range-gap: calc(var(--_track-gap) / 2);\n --_range-gap-half: calc(var(--_range-gap) / 2);\n\n position: absolute;\n inset: 0;\n z-index: 0;\n\n border-radius: var(--_md-slider-track-shape);\n display: flex;\n gap: var(--_range-gap);\n\n &[data-orientation=\"horizontal\"] {\n inset-inline: var(--_orientation-inset);\n }\n\n &[data-orientation=\"vertical\"] {\n flex-direction: column-reverse;\n inset-block: var(--_orientation-inset);\n }\n }\n\n .active-track {\n display: grid;\n\n > div {\n border-radius: var(--_md-slider-track-inner-shape);\n background-color: var(--_active-track-color);\n }\n\n &[data-orientation=\"horizontal\"] {\n > div {\n margin-inline: var(--_range-gap);\n\n &[data-direction=\"start\"] {\n margin-inline-end: var(--_range-gap-half);\n }\n\n &[data-direction=\"end\"] {\n margin-inline-start: var(--_range-gap-half);\n }\n }\n }\n\n &[data-orientation=\"vertical\"] {\n > div {\n margin-block: var(--_range-gap);\n\n &[data-direction=\"start\"] {\n margin-block-start: var(--_range-gap-half);\n }\n\n &[data-direction=\"end\"] {\n margin-block-end: var(--_range-gap-half);\n }\n }\n }\n }\n\n .inactive-track {\n background-color: var(--_inactive-track-color);\n border-radius: var(--_md-slider-track-shape);\n\n &[data-orientation=\"horizontal\"] {\n &[data-track=\"start\"] {\n border-start-end-radius: var(--_md-slider-track-inner-shape);\n border-end-end-radius: var(--_md-slider-track-inner-shape);\n }\n\n &[data-track=\"end\"] {\n border-start-start-radius: var(--_md-slider-track-inner-shape);\n border-end-start-radius: var(--_md-slider-track-inner-shape);\n }\n }\n\n &[data-orientation=\"vertical\"] {\n &[data-track=\"start\"] {\n border-start-end-radius: var(--_md-slider-track-inner-shape);\n border-start-start-radius: var(--_md-slider-track-inner-shape);\n }\n\n &[data-track=\"end\"] {\n border-end-end-radius: var(--_md-slider-track-inner-shape);\n border-end-start-radius: var(--_md-slider-track-inner-shape);\n }\n }\n }\n}\n","import styles from \"./variant.module.css\";\n\nexport type SliderVariant = \"standard\" | \"centered\" | \"range\";\n\nexport const VisualTrackStyles = styles[\"visual-track\"];\n\nexport const ActiveTrackStyles = styles[\"active-track\"];\nexport const InactiveTrackStyles = styles[\"inactive-track\"];\n"],"mappings":";;ACEA,IAAa,IAAe,6BAAA,EAAO;;;;;;;;;GEOtB,IAAe,EAAO,QAEtB,IAAuB,EAAO,oBAC9B,IAAc,EAAO;AAElC,SAAgB,EAAiB,GAAkB;CAC/C,OAAO,EAAO;AAClB;;;;;;;GEZa,IAAoB,EAAO,iBAE3B,IAAoB,EAAO,iBAC3B,IAAsB,EAAO"}

package/dist/chunks/core8 ADDED Viewed

@@ -0,0 +1,18 @@
+import { createContext as e, useContext as t } from "react";
+import '../assets/core9.css';var n = {
+	navigation: "_navigation_1210d_9",
+	"nav-header": "_nav-header_1210d_62",
+	"sub-nav-header": "_sub-nav-header_1210d_76"
+}, r = n.navigation, i = n["nav-header"], a = n["sub-nav-header"], o = e(null);
+function s() {
+	let e = t(o);
+	if (e == null) throw Error("Missing navigation information. Ensure this component is rendered within a Navigation or SubNavigation component.");
+	return e;
+}
+//#endregion
+//#region src/components/Navigation/core/navLabelContext.ts
+var c = e(void 0);
+//#endregion
+export { r as a, i, o as n, a as o, s as r, c as t };
+//# sourceMappingURL=core8.map