@adgytec/adgytec-web-ui-components 2.1.4 → 2.1.6

package/dist/assets/NavigationScrollContainer.css

@@ -1 +1 @@
-@layer adgytec.comps{._container_iv0fl_2{padding-inline:var(--md-sys-layout-space-16);gap:var(--_md-navigation-items-gap);align-content:start;display:grid;overflow-y:auto}}
+@layer adgytec.comps{._container_1tvqz_2{padding-inline:var(--md-sys-layout-space-16);gap:var(--_md-navigation-items-gap);padding-block:calc(6 * var(--dp,1px));align-content:start;display:grid;overflow-y:auto}}

package/dist/assets/core9.css

@@ -1 +1 @@
-@layer adgytec.comps{._navigation_1210d_9{--_md-navigation-background:var(--md-navigation-background,var(--md-sys-color-surface));--_md-navigation-drawer-background:var(--md-navigation-drawer-background,var(--md-sys-color-surface-container));--_background:var(--_md-navigation-background);background-color:var(--_background);border-radius:inherit;gap:var(--md-sys-layout-space-16);padding-block:var(--md-sys-layout-space-16);grid-template-rows:1fr;display:grid;position:absolute;inset:0}._navigation_1210d_9[data-modal]{--_background:var(--_md-navigation-drawer-background)}._navigation_1210d_9[data-header]{grid-template-rows:auto 1fr}._navigation_1210d_9[data-sub-nav]{opacity:0;transition:opacity var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), translate var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);translate:-100%}@media (prefers-reduced-motion){._navigation_1210d_9[data-sub-nav]{transition:none}}._navigation_1210d_9[data-sub-nav][data-status=entered]{opacity:1;translate:0}._nav-header_1210d_62{align-items:center;gap:var(--md-sys-layout-space-8);padding-inline-start:var(--md-sys-layout-space-32);padding-inline-end:var(--md-sys-layout-space-24);display:flex}._nav-header_1210d_62>[data-close-button]{margin-inline-start:auto}._sub-nav-header_1210d_76{align-items:center;gap:var(--md-sys-layout-space-8);padding-inline-start:var(--md-sys-layout-space-24);padding-inline-end:var(--md-sys-layout-space-32);display:flex}}
+@layer adgytec.comps{._navigation_157wr_9{--_md-navigation-background:var(--md-navigation-background,var(--md-sys-color-surface));--_md-navigation-drawer-background:var(--md-navigation-drawer-background,var(--md-sys-color-surface-container));--_background:var(--_md-navigation-background);background-color:var(--_background);border-radius:inherit;gap:calc(10 * var(--dp,1px));padding-block:var(--md-sys-layout-space-16);grid-template-rows:1fr;display:grid;position:absolute;inset:0}._navigation_157wr_9[data-modal]{--_background:var(--_md-navigation-drawer-background)}._navigation_157wr_9[data-header]{grid-template-rows:auto 1fr}._navigation_157wr_9[data-sub-nav]{opacity:0;transition:opacity var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), translate var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);translate:-100%}@media (prefers-reduced-motion){._navigation_157wr_9[data-sub-nav]{transition:none}}._navigation_157wr_9[data-sub-nav][data-status=entered]{opacity:1;translate:0}._nav-header_157wr_62{align-items:center;gap:var(--md-sys-layout-space-8);padding-inline-start:var(--md-sys-layout-space-32);padding-inline-end:var(--md-sys-layout-space-24);display:flex}._nav-header_157wr_62>[data-close-button]{margin-inline-start:auto}._sub-nav-header_157wr_76{align-items:center;gap:var(--md-sys-layout-space-8);padding-inline-start:var(--md-sys-layout-space-24);padding-inline-end:var(--md-sys-layout-space-32);display:flex}}

package/dist/chunks/Input2

@@ -1,21 +1,20 @@
 import { t as e } from "./base";
 import { t } from "./Icon";
 import { IconButton as n } from "../components/Button/IconButton/index.js";
-import { t as r } from "./usePress";
-import { Description as i } from "../components/Input/Description/index.js";
-import { t as a } from "./FieldError";
-import { Label as o } from "../components/Input/Label/index.js";
-import { a as s, c, d as l, l as u, n as d, o as f, s as p } from "./core4";
-import { n as m, t as h } from "./useHover";
-import { CharacterCount as g } from "../components/Input/CharacterCount/index.js";
-import { useControllableState as _ } from "../components/Input/hooks/index.js";
-import v from "clsx";
-import { cloneElement as y, isValidElement as b, useCallback as x, useMemo as S, useRef as C } from "react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Input as D, TextField as O } from "react-aria-components";
+import { Description as r } from "../components/Input/Description/index.js";
+import { t as i } from "./FieldError";
+import { Label as a } from "../components/Input/Label/index.js";
+import { a as o, c as s, d as c, l, n as u, o as d, s as f } from "./core4";
+import { n as p, t as m } from "./useHover";
+import { CharacterCount as h } from "../components/Input/CharacterCount/index.js";
+import { useControllableState as g } from "../components/Input/hooks/index.js";
+import _ from "clsx";
+import { cloneElement as v, isValidElement as y, useCallback as b, useMemo as x, useRef as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Input as E, TextField as D } from "react-aria-components";
 import '../assets/Input2.css';//#region node_modules/react-aria/dist/private/utils/useObjectRef.mjs
-function k(e) {
-	let t = C(null), n = C(void 0), r = x((t) => {
+function O(e) {
+	let t = S(null), n = S(void 0), r = b((t) => {
 		if (typeof e == "function") {
 			let n = e, r = n(t);
 			return () => {
@@ -25,7 +24,7 @@ function k(e) {
 			e.current = null;
 		};
 	}, [e]);
-	return S(() => ({
+	return x(() => ({
 		get current() {
 			return t.current;
 		},
@@ -34,8 +33,8 @@ function k(e) {
 		}
 	}), [r]);
 }
-var A = { button: "_button_650ys_2" }, j = ({ icon: e, className: t, ...r }) => /* @__PURE__ */ T(n, {
-	className: (e) => v(A.button, typeof t == "function" ? t(e) : t),
+var k = { button: "_button_650ys_2" }, A = ({ icon: e, className: t, ...r }) => /* @__PURE__ */ w(n, {
+	className: (e) => _(k.button, typeof t == "function" ? t(e) : t),
 	icon: e,
 	color: "standard",
 	size: "small",
@@ -44,111 +43,112 @@ var A = { button: "_button_650ys_2" }, j = ({ icon: e, className: t, ...r }) =>
 });
 //#endregion
 //#region src/components/Input/Input/handleInputButton.ts
-function M({ node: e, isInvalid: t, isDisabled: n }) {
-	return !b(e) || e.type !== j ? e : y(e, {
+function j({ node: e, isInvalid: t, isDisabled: n }) {
+	return !y(e) || e.type !== A ? e : v(e, {
 		"data-invalid": t || void 0,
 		isDisabled: n
 	});
 }
 //#endregion
 //#region src/components/Input/Input/Input.tsx
-var N = ({ label: n, description: y, errorMessage: b, showDescriptionOnInvalid: x = !1, placeholder: S, editorDir: C, prefix: A, suffix: j, leadingIcon: N, trailing: P, className: F, showCharacterCount: I, maxLength: L, value: R, defaultValue: z, ref: B, onChange: V, ...H }) => {
-	let U = k(B), { currentValue: W, setValue: G } = _({
-		value: R,
-		defaultValue: z,
-		onChange: V
-	}), { isFocused: K, isFocusVisible: q, focusProps: J } = m(), { isHovered: Y, hoverProps: X } = h({}), { pressProps: Z } = r({ onPress: () => {
-		U.current?.focus();
-	} }), Q = {
-		"data-trailing": P ? !0 : void 0,
-		"data-leading": N ? !0 : void 0
+var M = ({ label: n, description: v, errorMessage: y, showDescriptionOnInvalid: b = !1, placeholder: x, editorDir: S, prefix: k, suffix: A, leadingIcon: M, trailing: N, className: P, showCharacterCount: F, maxLength: I, value: L, defaultValue: R, ref: z, onChange: B, ...V }) => {
+	let H = O(z), { currentValue: U, setValue: W } = g({
+		value: L,
+		defaultValue: R,
+		onChange: B
+	}), { isFocused: G, isFocusVisible: K, focusProps: q } = p(), { isHovered: J, hoverProps: Y } = m({}), X = {
+		"data-trailing": N ? !0 : void 0,
+		"data-leading": M ? !0 : void 0
 	};
-	return /* @__PURE__ */ T(O, {
-		className: (e) => v(d, c, typeof F == "function" ? F(e) : F),
-		maxLength: L,
-		value: R,
-		defaultValue: z,
-		onChange: G,
-		...H,
-		...Q,
-		children: ({ isDisabled: r, isInvalid: c }) => {
-			let d = {
-				...Q,
-				"data-hovered": Y || void 0,
-				"data-focused": K || void 0,
-				"data-focus-visible": q || void 0,
-				"data-disabled": r || void 0,
-				"data-invalid": c || void 0
-			}, m = y && (!c || c && x);
-			return /* @__PURE__ */ E(w, { children: [
-				n && /* @__PURE__ */ T(o, { children: n }),
-				/* @__PURE__ */ E("span", {
-					...Z,
-					...X,
-					...d,
-					className: v(p),
+	return /* @__PURE__ */ w(D, {
+		className: (e) => _(u, s, typeof P == "function" ? P(e) : P),
+		maxLength: I,
+		value: U,
+		defaultValue: R,
+		onChange: W,
+		...V,
+		...X,
+		children: ({ isDisabled: s, isInvalid: u }) => {
+			let p = {
+				...X,
+				"data-hovered": J || void 0,
+				"data-focused": G || void 0,
+				"data-focus-visible": K || void 0,
+				"data-disabled": s || void 0,
+				"data-invalid": u || void 0
+			}, m = v && (!u || u && b);
+			return /* @__PURE__ */ T(C, { children: [
+				n && /* @__PURE__ */ w(a, { children: n }),
+				/* @__PURE__ */ T("span", {
+					onPointerDown: (e) => {
+						let t = e.target;
+						H.current?.contains(t) || t.closest("button, a, [role='button']") || (e.preventDefault(), H.current?.focus());
+					},
+					...Y,
+					...p,
+					className: _(f),
 					"data-input": !0,
 					children: [
-						N && /* @__PURE__ */ T(t, {
-							icon: N,
+						M && /* @__PURE__ */ w(t, {
+							icon: M,
 							size: 24
 						}),
-						/* @__PURE__ */ E("span", {
-							className: v(s, e.bodyLarge),
+						/* @__PURE__ */ T("span", {
+							className: _(o, e.bodyLarge),
 							children: [
-								A && typeof A == "function" ? A({
-									isDisabled: r,
-									isInvalid: c
-								}) : A,
-								/* @__PURE__ */ T(D, {
-									ref: U,
-									className: v(l, f, e.bodyLarge),
-									...J,
-									placeholder: S,
-									dir: C,
+								k && typeof k == "function" ? k({
+									isDisabled: s,
+									isInvalid: u
+								}) : k,
+								/* @__PURE__ */ w(E, {
+									ref: H,
+									className: _(c, d, e.bodyLarge),
+									...q,
+									placeholder: x,
+									dir: S,
 									"data-input": !0
 								}),
-								j && typeof j == "function" ? j({
-									isDisabled: r,
-									isInvalid: c
-								}) : j
+								A && typeof A == "function" ? A({
+									isDisabled: s,
+									isInvalid: u
+								}) : A
 							]
 						}),
-						P && typeof P == "function" ? P({
-							isDisabled: r,
-							isInvalid: c
-						}) : M({
-							node: P,
-							isDisabled: r,
-							isInvalid: c
+						N && typeof N == "function" ? N({
+							isDisabled: s,
+							isInvalid: u
+						}) : j({
+							node: N,
+							isDisabled: s,
+							isInvalid: u
 						})
 					]
 				}),
-				m && /* @__PURE__ */ E("span", {
-					...Q,
-					className: v(u),
-					children: [/* @__PURE__ */ T(i, { children: y }), I && /* @__PURE__ */ T(g, {
-						count: W.length,
-						maxLength: L
+				m && /* @__PURE__ */ T("span", {
+					...X,
+					className: _(l),
+					children: [/* @__PURE__ */ w(r, { children: v }), F && /* @__PURE__ */ w(h, {
+						count: U.length,
+						maxLength: I
 					})]
 				}),
-				!m && I && /* @__PURE__ */ E("span", {
-					...Q,
-					className: v(u),
-					children: [/* @__PURE__ */ T(a, { children: b }), /* @__PURE__ */ T(g, {
-						count: W.length,
-						maxLength: L
+				!m && F && /* @__PURE__ */ T("span", {
+					...X,
+					className: _(l),
+					children: [/* @__PURE__ */ w(i, { children: y }), /* @__PURE__ */ w(h, {
+						count: U.length,
+						maxLength: I
 					})]
 				}),
-				m || !I ? /* @__PURE__ */ T(a, {
-					className: v(u),
-					children: b
+				m || !F ? /* @__PURE__ */ w(i, {
+					className: _(l),
+					children: y
 				}) : null
 			] });
 		}
 	});
 };
 //#endregion
-export { j as n, N as t };
+export { A as n, M as t };
 
 //# sourceMappingURL=Input2.map

package/dist/chunks/Input2.map

@@ -1 +1 @@
-{"version":3,"file":"Input2","names":["$i6EpZ$useRef","$i6EpZ$useCallback","$i6EpZ$useMemo"],"sources":["../../node_modules/react-aria/dist/private/utils/useObjectRef.mjs","../../src/components/Input/Input/input.module.css","../../src/components/Input/Input/InputButton.tsx","../../src/components/Input/Input/handleInputButton.ts","../../src/components/Input/Input/Input.tsx"],"sourcesContent":["import {useRef as $i6EpZ$useRef, useCallback as $i6EpZ$useCallback, useMemo as $i6EpZ$useMemo} from \"react\";\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $03e8ab2d84d7657a$export$4338b53315abf666(ref) {\n    const objRef = (0, $i6EpZ$useRef)(null);\n    const cleanupRef = (0, $i6EpZ$useRef)(undefined);\n    const refEffect = (0, $i6EpZ$useCallback)((instance)=>{\n        if (typeof ref === 'function') {\n            const refCallback = ref;\n            const refCleanup = refCallback(instance);\n            return ()=>{\n                if (typeof refCleanup === 'function') refCleanup();\n                else refCallback(null);\n            };\n        } else if (ref) {\n            ref.current = instance;\n            return ()=>{\n                ref.current = null;\n            };\n        }\n    }, [\n        ref\n    ]);\n    return (0, $i6EpZ$useMemo)(()=>({\n            get current () {\n                return objRef.current;\n            },\n            set current (value){\n                objRef.current = value;\n                if (cleanupRef.current) {\n                    cleanupRef.current();\n                    cleanupRef.current = undefined;\n                }\n                if (value != null) cleanupRef.current = refEffect(value);\n            }\n        }), [\n        refEffect\n    ]);\n}\n\n\nexport {$03e8ab2d84d7657a$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.mjs.map\n","@layer adgytec.overrides {\n    .button[data-invalid] {\n        --md-button-color: var(--group-color);\n    }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./input.module.css\";\n\nexport const InputButton: React.FC<\n    Omit<IconButtonProps, \"color\" | \"size\" | \"width\">\n> = ({ icon, className, ...props }) => {\n    return (\n        <IconButton\n            className={(renderProps) =>\n                clsx(\n                    styles[\"button\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            icon={icon}\n            color=\"standard\"\n            size=\"small\"\n            width=\"default\"\n            {...props}\n        />\n    );\n};\n","import { cloneElement, isValidElement, type ReactNode } from \"react\";\nimport { InputButton } from \"./InputButton\";\n\ntype InputButtonProps = React.ComponentProps<typeof InputButton> & {\n    \"data-invalid\"?: boolean;\n};\n\nexport function addStateAttrsToInputButton({\n    node,\n    isInvalid,\n    isDisabled,\n}: {\n    node: ReactNode;\n    isInvalid: boolean;\n    isDisabled: boolean;\n}) {\n    if (!isValidElement<InputButtonProps>(node)) {\n        return node;\n    }\n\n    if (node.type !== InputButton) return node;\n\n    return cloneElement(node, {\n        \"data-invalid\": isInvalid || undefined,\n        isDisabled,\n    });\n}\n","import clsx from \"clsx\";\nimport { useFocusRing } from \"react-aria/useFocusRing\";\nimport { useHover } from \"react-aria/useHover\";\nimport { useObjectRef } from \"react-aria/useObjectRef\";\nimport { usePress } from \"react-aria/usePress\";\nimport {\n    Input as AriaInput,\n    TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n    Colors,\n    EditorInputGroupStyles,\n    EditorInputStyles,\n    EditorStyles,\n    InputGroupStyles,\n    SupportingTextStyles,\n    TextFieldIconSize,\n    UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport { addStateAttrsToInputButton } from \"./handleInputButton\";\nimport type { InputProps } from \"./types\";\n\nexport const Input: React.FC<InputProps> = ({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    placeholder,\n    editorDir,\n    prefix,\n    suffix,\n    leadingIcon,\n    trailing,\n    className,\n    showCharacterCount: hasCharacterCount,\n    maxLength,\n    value,\n    defaultValue,\n    ref,\n    onChange,\n    ...props\n}) => {\n    const inputRef = useObjectRef(ref);\n\n    const { currentValue, setValue } = useControllableState({\n        value,\n        defaultValue,\n        onChange,\n    });\n\n    const { isFocused, isFocusVisible, focusProps } = useFocusRing();\n    const { isHovered, hoverProps } = useHover({});\n    const { pressProps } = usePress({\n        onPress: () => {\n            inputRef.current?.focus();\n        },\n    });\n\n    const layoutDataAttrs = {\n        \"data-trailing\": trailing ? true : undefined,\n        \"data-leading\": leadingIcon ? true : undefined,\n    };\n\n    return (\n        <AriaTextField\n            className={(renderProps) =>\n                clsx(\n                    Colors,\n                    InputGroupStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            maxLength={maxLength}\n            value={value}\n            defaultValue={defaultValue}\n            onChange={setValue}\n            {...props}\n            {...layoutDataAttrs}\n        >\n            {({ isDisabled, isInvalid }) => {\n                const dataAttrs = {\n                    ...layoutDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-invalid\": isInvalid || undefined,\n                };\n\n                const hasDescription =\n                    description &&\n                    (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        <span\n                            {...pressProps}\n                            {...hoverProps}\n                            {...dataAttrs}\n                            className={clsx(EditorStyles)}\n                            data-input={true}\n                        >\n                            {leadingIcon && (\n                                <Icon\n                                    icon={leadingIcon}\n                                    size={TextFieldIconSize}\n                                />\n                            )}\n                            <span\n                                className={clsx(\n                                    EditorInputGroupStyles,\n                                    typography.bodyLarge\n                                )}\n                            >\n                                {prefix && typeof prefix === \"function\"\n                                    ? prefix({ isDisabled, isInvalid })\n                                    : prefix}\n                                <AriaInput\n                                    ref={inputRef}\n                                    className={clsx(\n                                        UnsetStyles,\n                                        EditorInputStyles,\n                                        typography.bodyLarge\n                                    )}\n                                    {...focusProps}\n                                    placeholder={placeholder}\n                                    dir={editorDir}\n                                    data-input={true}\n                                />\n                                {suffix && typeof suffix === \"function\"\n                                    ? suffix({ isDisabled, isInvalid })\n                                    : suffix}\n                            </span>\n\n                            {trailing && typeof trailing === \"function\"\n                                ? trailing({ isDisabled, isInvalid })\n                                : addStateAttrsToInputButton({\n                                      node: trailing,\n                                      isDisabled,\n                                      isInvalid,\n                                  })}\n                        </span>\n\n                        {hasDescription && (\n                            <span\n                                {...layoutDataAttrs}\n                                className={clsx(SupportingTextStyles)}\n                            >\n                                <Description>{description}</Description>\n\n                                {hasCharacterCount && (\n                                    <CharacterCount\n                                        count={currentValue.length}\n                                        maxLength={maxLength}\n                                    />\n                                )}\n                            </span>\n                        )}\n\n                        {!hasDescription && hasCharacterCount && (\n                            <span\n                                {...layoutDataAttrs}\n                                className={clsx(SupportingTextStyles)}\n                            >\n                                <FieldError>{errorMessage}</FieldError>\n\n                                <CharacterCount\n                                    count={currentValue.length}\n                                    maxLength={maxLength}\n                                />\n                            </span>\n                        )}\n\n                        {/* Error placement */}\n                        {hasDescription || !hasCharacterCount ? (\n                            <FieldError className={clsx(SupportingTextStyles)}>\n                                {errorMessage}\n                            </FieldError>\n                        ) : null}\n                    </>\n                );\n            }}\n        </AriaTextField>\n    );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"Input2","names":["$i6EpZ$useRef","$i6EpZ$useCallback","$i6EpZ$useMemo"],"sources":["../../node_modules/react-aria/dist/private/utils/useObjectRef.mjs","../../src/components/Input/Input/input.module.css","../../src/components/Input/Input/InputButton.tsx","../../src/components/Input/Input/handleInputButton.ts","../../src/components/Input/Input/Input.tsx"],"sourcesContent":["import {useRef as $i6EpZ$useRef, useCallback as $i6EpZ$useCallback, useMemo as $i6EpZ$useMemo} from \"react\";\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $03e8ab2d84d7657a$export$4338b53315abf666(ref) {\n    const objRef = (0, $i6EpZ$useRef)(null);\n    const cleanupRef = (0, $i6EpZ$useRef)(undefined);\n    const refEffect = (0, $i6EpZ$useCallback)((instance)=>{\n        if (typeof ref === 'function') {\n            const refCallback = ref;\n            const refCleanup = refCallback(instance);\n            return ()=>{\n                if (typeof refCleanup === 'function') refCleanup();\n                else refCallback(null);\n            };\n        } else if (ref) {\n            ref.current = instance;\n            return ()=>{\n                ref.current = null;\n            };\n        }\n    }, [\n        ref\n    ]);\n    return (0, $i6EpZ$useMemo)(()=>({\n            get current () {\n                return objRef.current;\n            },\n            set current (value){\n                objRef.current = value;\n                if (cleanupRef.current) {\n                    cleanupRef.current();\n                    cleanupRef.current = undefined;\n                }\n                if (value != null) cleanupRef.current = refEffect(value);\n            }\n        }), [\n        refEffect\n    ]);\n}\n\n\nexport {$03e8ab2d84d7657a$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.mjs.map\n","@layer adgytec.overrides {\n    .button[data-invalid] {\n        --md-button-color: var(--group-color);\n    }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./input.module.css\";\n\nexport const InputButton: React.FC<\n    Omit<IconButtonProps, \"color\" | \"size\" | \"width\">\n> = ({ icon, className, ...props }) => {\n    return (\n        <IconButton\n            className={(renderProps) =>\n                clsx(\n                    styles[\"button\"],\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            icon={icon}\n            color=\"standard\"\n            size=\"small\"\n            width=\"default\"\n            {...props}\n        />\n    );\n};\n","import { cloneElement, isValidElement, type ReactNode } from \"react\";\nimport { InputButton } from \"./InputButton\";\n\ntype InputButtonProps = React.ComponentProps<typeof InputButton> & {\n    \"data-invalid\"?: boolean;\n};\n\nexport function addStateAttrsToInputButton({\n    node,\n    isInvalid,\n    isDisabled,\n}: {\n    node: ReactNode;\n    isInvalid: boolean;\n    isDisabled: boolean;\n}) {\n    if (!isValidElement<InputButtonProps>(node)) {\n        return node;\n    }\n\n    if (node.type !== InputButton) return node;\n\n    return cloneElement(node, {\n        \"data-invalid\": isInvalid || undefined,\n        isDisabled,\n    });\n}\n","import clsx from \"clsx\";\nimport { useFocusRing } from \"react-aria/useFocusRing\";\nimport { useHover } from \"react-aria/useHover\";\nimport { useObjectRef } from \"react-aria/useObjectRef\";\nimport {\n    Input as AriaInput,\n    TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n    Colors,\n    EditorInputGroupStyles,\n    EditorInputStyles,\n    EditorStyles,\n    InputGroupStyles,\n    SupportingTextStyles,\n    TextFieldIconSize,\n    UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport { addStateAttrsToInputButton } from \"./handleInputButton\";\nimport type { InputProps } from \"./types\";\n\nexport const Input: React.FC<InputProps> = ({\n    label,\n    description,\n    errorMessage,\n    showDescriptionOnInvalid = false,\n    placeholder,\n    editorDir,\n    prefix,\n    suffix,\n    leadingIcon,\n    trailing,\n    className,\n    showCharacterCount: hasCharacterCount,\n    maxLength,\n    value,\n    defaultValue,\n    ref,\n    onChange,\n    ...props\n}) => {\n    const inputRef = useObjectRef(ref);\n\n    const { currentValue, setValue } = useControllableState({\n        value,\n        defaultValue,\n        onChange,\n    });\n\n    const { isFocused, isFocusVisible, focusProps } = useFocusRing();\n    const { isHovered, hoverProps } = useHover({});\n\n    const layoutDataAttrs = {\n        \"data-trailing\": trailing ? true : undefined,\n        \"data-leading\": leadingIcon ? true : undefined,\n    };\n\n    return (\n        <AriaTextField\n            className={(renderProps) =>\n                clsx(\n                    Colors,\n                    InputGroupStyles,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            maxLength={maxLength}\n            value={currentValue}\n            defaultValue={defaultValue}\n            onChange={setValue}\n            {...props}\n            {...layoutDataAttrs}\n        >\n            {({ isDisabled, isInvalid }) => {\n                const dataAttrs = {\n                    ...layoutDataAttrs,\n                    \"data-hovered\": isHovered || undefined,\n                    \"data-focused\": isFocused || undefined,\n                    \"data-focus-visible\": isFocusVisible || undefined,\n                    \"data-disabled\": isDisabled || undefined,\n                    \"data-invalid\": isInvalid || undefined,\n                };\n\n                const hasDescription =\n                    description &&\n                    (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        <span\n                            onPointerDown={(e) => {\n                                const target = e.target as HTMLElement;\n\n                                if (\n                                    inputRef.current?.contains(target) ||\n                                    target.closest(\"button, a, [role='button']\")\n                                ) {\n                                    return;\n                                }\n\n                                e.preventDefault();\n                                inputRef.current?.focus();\n                            }}\n                            {...hoverProps}\n                            {...dataAttrs}\n                            className={clsx(EditorStyles)}\n                            data-input={true}\n                        >\n                            {leadingIcon && (\n                                <Icon\n                                    icon={leadingIcon}\n                                    size={TextFieldIconSize}\n                                />\n                            )}\n                            <span\n                                className={clsx(\n                                    EditorInputGroupStyles,\n                                    typography.bodyLarge\n                                )}\n                            >\n                                {prefix && typeof prefix === \"function\"\n                                    ? prefix({ isDisabled, isInvalid })\n                                    : prefix}\n                                <AriaInput\n                                    ref={inputRef}\n                                    className={clsx(\n                                        UnsetStyles,\n                                        EditorInputStyles,\n                                        typography.bodyLarge\n                                    )}\n                                    {...focusProps}\n                                    placeholder={placeholder}\n                                    dir={editorDir}\n                                    data-input={true}\n                                />\n                                {suffix && typeof suffix === \"function\"\n                                    ? suffix({ isDisabled, isInvalid })\n                                    : suffix}\n                            </span>\n\n                            {trailing && typeof trailing === \"function\"\n                                ? trailing({ isDisabled, isInvalid })\n                                : addStateAttrsToInputButton({\n                                      node: trailing,\n                                      isDisabled,\n                                      isInvalid,\n                                  })}\n                        </span>\n\n                        {hasDescription && (\n                            <span\n                                {...layoutDataAttrs}\n                                className={clsx(SupportingTextStyles)}\n                            >\n                                <Description>{description}</Description>\n\n                                {hasCharacterCount && (\n                                    <CharacterCount\n                                        count={currentValue.length}\n                                        maxLength={maxLength}\n                                    />\n                                )}\n                            </span>\n                        )}\n\n                        {!hasDescription && hasCharacterCount && (\n                            <span\n                                {...layoutDataAttrs}\n                                className={clsx(SupportingTextStyles)}\n                            >\n                                <FieldError>{errorMessage}</FieldError>\n\n                                <CharacterCount\n                                    count={currentValue.length}\n                                    maxLength={maxLength}\n                                />\n                            </span>\n                        )}\n\n                        {/* Error placement */}\n                        {hasDescription || !hasCharacterCount ? (\n                            <FieldError className={clsx(SupportingTextStyles)}>\n                                {errorMessage}\n                            </FieldError>\n                        ) : null}\n                    </>\n                );\n            }}\n        </AriaTextField>\n    );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/chunks/NavigationScrollContainer

@@ -4,7 +4,7 @@ import r from "clsx";
 import { useLayoutEffect as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { useObjectRef as o } from "react-aria";
-import '../assets/NavigationScrollContainer.css';var s = { container: "_container_iv0fl_2" }, c = ({ ref: c, className: l, ...u }) => {
+import '../assets/NavigationScrollContainer.css';var s = { container: "_container_1tvqz_2" }, c = ({ ref: c, className: l, ...u }) => {
 	let d = o(c), { registerNavigationContainer: f, saveNavigationScrollTopProgress: p } = t(), { id: m } = n();
 	return i(() => {
 		let e = d.current;

package/dist/chunks/NavigationScrollContainer.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationScrollContainer","names":[],"sources":["../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-16);\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { registerNavigationContainer, saveNavigationScrollTopProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        return registerNavigationContainer(id, container);\n    }, [scrollContainerRef, id, registerNavigationContainer]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;6CCQa,KAER,EAAE,QAAK,cAAW,GAAG,QAAY;CAClC,IAAM,IAAqB,EAAa,CAAG,GAErC,EAAE,gCAA6B,uCACjC,EAAmB,GACjB,EAAE,UAAO,EAAkB;CAWjC,OATA,QAAsB;EAClB,IAAM,IAAY,EAAmB;EAChC,OAIL,OAAO,EAA4B,GAAI,CAAS;CACpD,GAAG;EAAC;EAAoB;EAAI;CAA2B,CAAC,GAGpD,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,MAAM;GACb,EACI,GACA,EAAkB;IACd,cAAc,EAAE,cAAc;IAC9B,cAAc,EAAE,cAAc;IAC9B,WAAW,EAAE,cAAc;GAC/B,CAAC,CACL;EACJ;EACA,WAAW,EAAK,EAAO,WAAc,CAAS;EAC9C,GAAI;CACP,CAAA;AAET"}
+{"version":3,"file":"NavigationScrollContainer","names":[],"sources":["../../src/components/Navigation/NavigationScrollContainer/navigationScrollContainer.module.css","../../src/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.tsx"],"sourcesContent":["@layer adgytec.comps {\n    .container {\n        padding-inline: var(--md-sys-layout-space-16);\n        overflow-y: auto;\n\n        display: grid;\n        gap: var(--_md-navigation-items-gap);\n        align-content: start;\n\n        /* 2dp for focus outline offset and 3dp for focus outline width + 1dp to prevent clipping */\n        padding-block: calc(6 * var(--dp, 1px));\n    }\n}\n","import clsx from \"clsx\";\nimport { useLayoutEffect } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { getScrollProgress } from \"@/utils\";\nimport { useNavigationInfo } from \"../core\";\nimport { useNavigationState } from \"../NavigationState\";\nimport styles from \"./navigationScrollContainer.module.css\";\n\nexport const NavigationScrollContainer: React.FC<\n    React.ComponentPropsWithRef<\"div\">\n> = ({ ref, className, ...props }) => {\n    const scrollContainerRef = useObjectRef(ref);\n\n    const { registerNavigationContainer, saveNavigationScrollTopProgress } =\n        useNavigationState();\n    const { id } = useNavigationInfo();\n\n    useLayoutEffect(() => {\n        const container = scrollContainerRef.current;\n        if (!container) {\n            return;\n        }\n\n        return registerNavigationContainer(id, container);\n    }, [scrollContainerRef, id, registerNavigationContainer]);\n\n    return (\n        <div\n            ref={scrollContainerRef}\n            onScroll={(e) => {\n                saveNavigationScrollTopProgress(\n                    id,\n                    getScrollProgress({\n                        scrollHeight: e.currentTarget.scrollHeight,\n                        clientHeight: e.currentTarget.clientHeight,\n                        scrollTop: e.currentTarget.scrollTop,\n                    })\n                );\n            }}\n            className={clsx(styles[\"container\"], className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;6CCQa,KAER,EAAE,QAAK,cAAW,GAAG,QAAY;CAClC,IAAM,IAAqB,EAAa,CAAG,GAErC,EAAE,gCAA6B,uCACjC,EAAmB,GACjB,EAAE,UAAO,EAAkB;CAWjC,OATA,QAAsB;EAClB,IAAM,IAAY,EAAmB;EAChC,OAIL,OAAO,EAA4B,GAAI,CAAS;CACpD,GAAG;EAAC;EAAoB;EAAI;CAA2B,CAAC,GAGpD,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,MAAM;GACb,EACI,GACA,EAAkB;IACd,cAAc,EAAE,cAAc;IAC9B,cAAc,EAAE,cAAc;IAC9B,WAAW,EAAE,cAAc;GAC/B,CAAC,CACL;EACJ;EACA,WAAW,EAAK,EAAO,WAAc,CAAS;EAC9C,GAAI;CACP,CAAA;AAET"}

package/dist/chunks/core8

@@ -1,8 +1,8 @@
 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"
+	navigation: "_navigation_157wr_9",
+	"nav-header": "_nav-header_157wr_62",
+	"sub-nav-header": "_sub-nav-header_157wr_76"
 }, r = n.navigation, i = n["nav-header"], a = n["sub-nav-header"], o = e(null);
 function s() {
 	let e = t(o);

package/dist/chunks/core8.map

@@ -1 +1 @@
-{"version":3,"file":"core8","names":[],"sources":["../../src/components/Navigation/core/navigation.module.css","../../src/components/Navigation/core/navigation.ts","../../src/components/Navigation/core/navigationInfo.ts","../../src/components/Navigation/core/navLabelContext.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-background\n* --md-navigation-drawer-background\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .navigation {\n        --_md-navigation-background: var(\n            --md-navigation-background,\n            var(--md-sys-color-surface)\n        );\n        --_md-navigation-drawer-background: var(\n            --md-navigation-drawer-background,\n            var(--md-sys-color-surface-container)\n        );\n\n        --_background: var(--_md-navigation-background);\n\n        background-color: var(--_background);\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        display: grid;\n        grid-template-rows: 1fr;\n        gap: var(--md-sys-layout-space-16);\n\n        padding-block: var(--md-sys-layout-space-16);\n\n        &[data-modal] {\n            --_background: var(--_md-navigation-drawer-background);\n        }\n\n        &[data-header] {\n            grid-template-rows: auto 1fr;\n        }\n    }\n\n    .navigation[data-sub-nav] {\n        opacity: 0;\n        translate: -100%;\n\n        transition:\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            translate 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-status=\"entered\"] {\n            opacity: 1;\n            translate: 0;\n        }\n    }\n\n    .nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-32);\n        padding-inline-end: var(--md-sys-layout-space-24);\n\n        > [data-close-button] {\n            margin-inline-start: auto;\n        }\n    }\n\n    .sub-nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-24);\n        padding-inline-end: var(--md-sys-layout-space-32);\n    }\n}\n","import styles from \"./navigation.module.css\";\n\nexport const NavigationStyles = styles[\"navigation\"];\n\nexport const NavigationHeaderStyles = styles[\"nav-header\"];\nexport const SubNavigationHeaderStyles = styles[\"sub-nav-header\"];\n","import { createContext, useContext } from \"react\";\n\nexport type NavigationInfoContextType = {\n    id: string;\n    depth: number;\n};\n\nexport const NavigationInfoContext =\n    createContext<NavigationInfoContextType | null>(null);\n\nexport function useNavigationInfo() {\n    const ctx = useContext(NavigationInfoContext);\n    if (ctx == null) {\n        throw new Error(\n            \"Missing navigation information. Ensure this component is rendered within a Navigation or SubNavigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { createContext, type ReactNode } from \"react\";\n\nexport type NavLabelContextType = ReactNode;\nexport const NavLabelContext = createContext<NavLabelContextType>(undefined);\n"],"mappings":";;;;;GCEa,IAAmB,EAAO,YAE1B,IAAyB,EAAO,eAChC,IAA4B,EAAO,mBCEnC,IACT,EAAgD,IAAI;AAExD,SAAgB,IAAoB;CAChC,IAAM,IAAM,EAAW,CAAqB;CAC5C,IAAI,KAAO,MACP,MAAU,MACN,mHACJ;CAGJ,OAAO;AACX;;;AChBA,IAAa,IAAkB,EAAmC,KAAA,CAAS"}
+{"version":3,"file":"core8","names":[],"sources":["../../src/components/Navigation/core/navigation.module.css","../../src/components/Navigation/core/navigation.ts","../../src/components/Navigation/core/navigationInfo.ts","../../src/components/Navigation/core/navLabelContext.ts"],"sourcesContent":["/* configurable tokens\n*\n* --md-navigation-background\n* --md-navigation-drawer-background\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n    .navigation {\n        --_md-navigation-background: var(\n            --md-navigation-background,\n            var(--md-sys-color-surface)\n        );\n        --_md-navigation-drawer-background: var(\n            --md-navigation-drawer-background,\n            var(--md-sys-color-surface-container)\n        );\n\n        --_background: var(--_md-navigation-background);\n\n        background-color: var(--_background);\n\n        position: absolute;\n        inset: 0;\n        border-radius: inherit;\n\n        display: grid;\n        grid-template-rows: 1fr;\n        gap: calc(10 * var(--dp, 1px));\n\n        padding-block: var(--md-sys-layout-space-16);\n\n        &[data-modal] {\n            --_background: var(--_md-navigation-drawer-background);\n        }\n\n        &[data-header] {\n            grid-template-rows: auto 1fr;\n        }\n    }\n\n    .navigation[data-sub-nav] {\n        opacity: 0;\n        translate: -100%;\n\n        transition:\n            opacity var(--md-sys-motion-expressive-fast-effects)\n            var(--md-sys-motion-expressive-fast-effects-duration),\n            translate 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-status=\"entered\"] {\n            opacity: 1;\n            translate: 0;\n        }\n    }\n\n    .nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-32);\n        padding-inline-end: var(--md-sys-layout-space-24);\n\n        > [data-close-button] {\n            margin-inline-start: auto;\n        }\n    }\n\n    .sub-nav-header {\n        display: flex;\n        align-items: center;\n\n        gap: var(--md-sys-layout-space-8);\n\n        padding-inline-start: var(--md-sys-layout-space-24);\n        padding-inline-end: var(--md-sys-layout-space-32);\n    }\n}\n","import styles from \"./navigation.module.css\";\n\nexport const NavigationStyles = styles[\"navigation\"];\n\nexport const NavigationHeaderStyles = styles[\"nav-header\"];\nexport const SubNavigationHeaderStyles = styles[\"sub-nav-header\"];\n","import { createContext, useContext } from \"react\";\n\nexport type NavigationInfoContextType = {\n    id: string;\n    depth: number;\n};\n\nexport const NavigationInfoContext =\n    createContext<NavigationInfoContextType | null>(null);\n\nexport function useNavigationInfo() {\n    const ctx = useContext(NavigationInfoContext);\n    if (ctx == null) {\n        throw new Error(\n            \"Missing navigation information. Ensure this component is rendered within a Navigation or SubNavigation component.\"\n        );\n    }\n\n    return ctx;\n}\n","import { createContext, type ReactNode } from \"react\";\n\nexport type NavLabelContextType = ReactNode;\nexport const NavLabelContext = createContext<NavLabelContextType>(undefined);\n"],"mappings":";;;;;GCEa,IAAmB,EAAO,YAE1B,IAAyB,EAAO,eAChC,IAA4B,EAAO,mBCEnC,IACT,EAAgD,IAAI;AAExD,SAAgB,IAAoB;CAChC,IAAM,IAAM,EAAW,CAAqB;CAC5C,IAAI,KAAO,MACP,MAAU,MACN,mHACJ;CAGJ,OAAO;AACX;;;AChBA,IAAa,IAAkB,EAAmC,KAAA,CAAS"}