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

@adgytec/adgytec-web-ui-components 2.0.0 → 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 (230) hide show

package/dist/chunks/SideSheet CHANGED Viewed

@@ -1,52 +1,65 @@
 import { t as e } from "./base";
 import { IconButton as t } from "../components/Button/IconButton/index.js";
-import { n } from "./SideSheetModal";
-import r from "clsx";
-import { Dialog as i, Header as a, Heading as o } from "react-aria-components";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { X as u } from "lucide-react";
-import { useContext as d } from "react";
-import '../assets/SideSheet.css';var f = {
-	"side-sheet": "_side-sheet_jd041_10",
-	header: "_header_jd041_65",
-	headline: "_headline_jd041_75",
-	main: "_main_jd041_79",
-	actions: "_actions_jd041_86"
-}, p = ({ headline: p, actions: m, className: h, children: g, ..._ }) => {
-	let { layout: v, alignment: y } = d(n), b = Array.isArray(m) ? m.length > 0 : !!m;
-	return /* @__PURE__ */ c(i, {
-		className: r(f["side-sheet"], h),
+import { DialogContext as n } from "../components/Dialog/core/index.js";
+import { n as r } from "./SideSheetModal";
+import i from "clsx";
+import { useContext as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Dialog as l, Header as u, Heading as d } from "react-aria-components";
+import { X as f } from "lucide-react";
+import '../assets/SideSheet.css';var p = {
+	"side-sheet-dialog": "_side-sheet-dialog_1d7p4_10",
+	"side-sheet": "_side-sheet_1d7p4_10",
+	header: "_header_1d7p4_70",
+	close: "_close_1d7p4_80",
+	headline: "_headline_1d7p4_84",
+	main: "_main_1d7p4_88",
+	actions: "_actions_1d7p4_95"
+}, m = ({ className: e, ...t }) => {
+	let { layout: o, alignment: c } = a(r);
+	return /* @__PURE__ */ s(n, {
+		value: !0,
+		children: /* @__PURE__ */ s(l, {
+			className: i(p["side-sheet-dialog"], e),
+			"data-alignment": c,
+			"data-layout": o,
+			...t
+		})
+	});
+}, h = ({ headline: n, actions: l, className: h, children: g, ..._ }) => {
+	let { alignment: v } = a(r), y = Array.isArray(l) ? l.length > 0 : !!l;
+	return /* @__PURE__ */ s(m, {
+		className: i(p["side-sheet"], h),
 		..._,
-		"data-alignment": y,
-		"data-layout": v,
-		"data-actions": b || void 0,
-		children: (n) => /* @__PURE__ */ l(s, { children: [
-			/* @__PURE__ */ l(a, {
-				className: r(f.header),
-				"data-headline": !!p || void 0,
-				children: [p && /* @__PURE__ */ c(o, {
+		"data-actions": y || void 0,
+		children: (r) => /* @__PURE__ */ c(o, { children: [
+			/* @__PURE__ */ c(u, {
+				className: i(p.header),
+				"data-headline": !!n || void 0,
+				children: [n && /* @__PURE__ */ s(d, {
 					slot: "title",
-					className: r(f.headline, e.titleLarge),
-					children: p
-				}), /* @__PURE__ */ c(t, {
+					className: i(p.headline, e.titleLarge),
+					children: n
+				}), /* @__PURE__ */ s(t, {
 					slot: "close",
-					icon: u,
-					color: "standard"
+					icon: f,
+					color: "standard",
+					className: i(p.close)
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: r(f.main),
-				children: typeof g == "function" ? g(n) : g
+			/* @__PURE__ */ s("div", {
+				className: i(p.main),
+				children: typeof g == "function" ? g(r) : g
 			}),
-			b && /* @__PURE__ */ c("div", {
-				className: r(f.actions),
-				"data-alignment": y,
-				children: typeof m == "function" ? m(n) : m
+			y && /* @__PURE__ */ s("div", {
+				className: i(p.actions),
+				"data-alignment": v,
+				children: typeof l == "function" ? l(r) : l
 			})
 		] })
 	});
 };
 //#endregion
-export { p as t };
+export { m as n, h as t };
 //# sourceMappingURL=SideSheet.map

package/dist/chunks/SideSheet.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideSheet","names":[],"sources":["../../src/components/Sheets/SideSheet/sideSheet.module.css","../../src/components/Sheets/SideSheet/SideSheet.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-side-sheet-background\n* --md-side-sheet-color\n* --md-side-sheet-headline-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .side-sheet {\n --_md-side-sheet-background: var(\n --md-side-sheet-background,\n var(--md-sys-color-surface-container-low)\n );\n --_md-side-sheet-color: var(\n --md-side-sheet-color,\n var(--md-sys-color-on-surface)\n );\n --_md-side-sheet-headline-color: var(\n --md-side-sheet-headline-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-side-sheet-padding-inline: var(--md-sys-layout-space-16);\n --_max-inline-size: calc(400 var(--dp, 1px));\n\n inline-size: min(100svi, var(--_max-inline-size));\n block-size: 100svb;\n\n display: grid;\n grid-template-rows: ~~auto~~ 1fr;\n\n background-color: var(--_md-side-sheet-background);\n color: var(--_md-side-sheet-color);\n\n box-shadow: var(--md-sys-elevation-shadow-1);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n ~~padding-block~~: ~~var(--md-sys-layout-space-16)~~;\n\n &[data-~~actions] {\n grid-template-rows: auto 1fr auto;\n }\n\n &[data-~~layout=\"detached\"] {\n block-size: calc(100svb - calc(2 * var(--_detached-margin)));\n inline-size: min(\n calc(100svi - calc(2 * var(--_detached-margin))),\n var(--_max-inline-size)\n );\n }\n\n &[data-layout=\"standard\"] {\n &[data-alignment=\"start\"] {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n\n &[data-alignment=\"end\"] {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n }\n }\n\n .header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--md-sys-layout-space-12);\n\n padding-inline: var(--_md-side-sheet-padding-inline);\n padding-block-end: var(--md-sys-layout-space-12);\n }\n\n .headline {\n color: var(--_md-side-sheet-headline-color);\n }\n\n .main {\n padding-inline: var(--_md-side-sheet-padding-inline);\n overflow-y: auto;\n\n padding-block: var(--md-sys-layout-space-12);\n }\n\n .actions {\n --_divider-thickness: calc(1 * var(--dp, 1px));\n --_divider-color: rgb(\n from var(--md-sys-color-outline) r g b /\n var(--md-sys-state-divider)\n );\n\n padding-inline: var(--_md-side-sheet-padding-inline);\n padding-block-start: var(--md-sys-layout-space-12);\n display: flex;\n gap: var(--md-sys-layout-space-12);\n\n border-block-start: var(--_divider-thickness) solid\n var(--_divider-color);\n\n /* biome-ignore lint: different elements /\n &[data-alignment=\"start\"] {\n justify-content: end;\n }\n\n / biome-ignore lint: different elements */\n &[data-alignment=\"end\"] {\n justify-content: start;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { ~~Dialog,~~ Header, Heading } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { typography } from \"@/utils\";\nimport { SideSheetContext } from \"../SideSheetModal\";\nimport styles from \"./sideSheet.module.css\";\nimport type { SideSheetProps } from \"./types\";\n\nexport const SideSheet: React.FC<SideSheetProps> = ({\n headline,\n actions,\n className,\n children,\n ...props\n}) => {\n const { ~~layout,~~ alignment } = useContext(SideSheetContext);\n const hasActions = Array.isArray(actions) ? actions.length > 0 : !!actions;\n\n return (\n <~~Dialog~~\n className={clsx(styles[\"side-sheet\"], className)}\n {...props}\n data-~~alignment={alignment}\n data-layout={layout}\n data-~~actions={hasActions \|\| undefined}\n >\n {(renderProps) => (\n <>\n <Header\n className={clsx(styles[\"header\"])}\n data-headline={!!headline \|\| undefined}\n >\n {headline && (\n <Heading\n slot=\"title\"\n className={clsx(\n styles[\"headline\"],\n typography.titleLarge\n )}\n >\n {headline}\n </Heading>\n )}\n\n <IconButton slot=\"close\" icon={X} color=\"standard\" />\n </Header>\n\n <div className={clsx(styles[\"main\"])}>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </div>\n\n {hasActions && (\n <div\n className={clsx(styles[\"actions\"])}\n data-alignment={alignment}\n >\n {typeof actions === \"function\"\n ? actions(renderProps)\n : actions}\n </div>\n )}\n </>\n )}\n </~~Dialog~~>\n );\n};\n"],"mappings":"~~;;;;;;;;;;;;;;GCUa~~,KAAuC,EAChD,aACA,YACA,cACA,aACA,GAAG,QACD;CACF,IAAM,EAAE,~~WAAQ,~~iBAAc,EAAW,CAAgB,~~GACnD~~,IAAa,MAAM,QAAQ,CAAO,IAAI,EAAQ,SAAS,IAAI,CAAC,CAAC;CAEnE,OACI,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,eAAe,CAAS;EAC/C,GAAI;EACJ,~~kBAAgB;EAChB,eAAa;EACb,~~gBAAc,KAAc,KAAA;aAE1B,MACE,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,GAAD;IACI,WAAW,EAAK,EAAO,MAAS;IAChC,iBAAe,CAAC,CAAC,KAAY,KAAA;cAFjC,CAIK,KACG,kBAAC,GAAD;KACI,MAAK;KACL,WAAW,EACP,EAAO,UACP,EAAW,UACf;eAEC;IACI,CAAA,GAGb,kBAAC,GAAD;~~KAAY~~,MAAK;~~KAAQ~~,MAAM;~~KAAG~~,OAAM;~~IAAY~~,CAAA,~~CAChD~~;;GAER,kBAAC,OAAD;IAAK,WAAW,EAAK,EAAO,IAAO;cAC9B,OAAO,KAAa,aACf,EAAS,CAAW,IACpB;GACL,CAAA;GAEJ,KACG,kBAAC,OAAD;IACI,WAAW,EAAK,EAAO,OAAU;IACjC,kBAAgB;cAEf,OAAO,KAAY,aACd,EAAQ,CAAW,IACnB;GACL,CAAA;EAEX,EAAA,CAAA;~~CAEF~~,CAAA;~~AAEhB~~"}
1	+ {"version":3,"file":"SideSheet","names":[],"sources":["../../src/components/Sheets/SideSheet/sideSheet.module.css","../../src/components/Sheets/SideSheet/SideSheetDialog.tsx","../../src/components/Sheets/SideSheet/SideSheet.tsx"],"sourcesContent":["/* configurable tokens\n\n --md-side-sheet-background\n* --md-side-sheet-color\n* --md-side-sheet-headline-color\n\n configurable tokens end /\n\n@layer adgytec.comps {\n .side-sheet-dialog {\n --_md-side-sheet-background: var(\n --md-side-sheet-background,\n var(--md-sys-color-surface-container-low)\n );\n --_md-side-sheet-color: var(\n --md-side-sheet-color,\n var(--md-sys-color-on-surface)\n );\n --_md-side-sheet-headline-color: var(\n --md-side-sheet-headline-color,\n var(--md-sys-color-on-surface-variant)\n );\n --_md-side-sheet-padding-inline: var(--md-sys-layout-space-16);\n --_max-inline-size: calc(400 var(--dp, 1px));\n\n inline-size: min(100svi, var(--_max-inline-size));\n block-size: 100svb;\n\n display: grid;\n grid-template-rows: 1fr;\n\n background-color: var(--_md-side-sheet-background);\n color: var(--_md-side-sheet-color);\n\n box-shadow: var(--md-sys-elevation-shadow-1);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n outline: none;\n\n &[data-layout=\"detached\"] {\n block-size: calc(100svb - calc(2 * var(--_detached-margin)));\n inline-size: min(\n calc(100svi - calc(2 * var(--_detached-margin))),\n var(--_max-inline-size)\n );\n }\n\n &[data-layout=\"standard\"] {\n &[data-alignment=\"start\"] {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n\n &[data-alignment=\"end\"] {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n }\n }\n\n .side-sheet {\n grid-template-rows: auto 1fr;\n padding-block: var(--md-sys-layout-space-16);\n\n &[data-actions] {\n grid-template-rows: auto 1fr auto;\n }\n }\n\n .header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--md-sys-layout-space-12);\n\n padding-inline: var(--_md-side-sheet-padding-inline);\n padding-block-end: var(--md-sys-layout-space-12);\n }\n\n .close {\n margin-inline-start: auto;\n }\n\n .headline {\n color: var(--_md-side-sheet-headline-color);\n }\n\n .main {\n padding-inline: var(--_md-side-sheet-padding-inline);\n overflow-y: auto;\n\n padding-block: var(--md-sys-layout-space-12);\n }\n\n .actions {\n --_divider-thickness: calc(1 * var(--dp, 1px));\n --_divider-color: rgb(\n from var(--md-sys-color-outline) r g b /\n var(--md-sys-state-divider)\n );\n\n padding-inline: var(--_md-side-sheet-padding-inline);\n padding-block-start: var(--md-sys-layout-space-12);\n display: flex;\n gap: var(--md-sys-layout-space-12);\n\n border-block-start: var(--_divider-thickness) solid\n var(--_divider-color);\n\n /* biome-ignore lint: different elements /\n &[data-alignment=\"start\"] {\n justify-content: end;\n }\n\n / biome-ignore lint: different elements */\n &[data-alignment=\"end\"] {\n justify-content: start;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { SideSheetContext } from \"../SideSheetModal\";\nimport styles from \"./sideSheet.module.css\";\nimport type { SideSheetDialogProps } from \"./types\";\n\nexport const SideSheetDialog: React.FC<SideSheetDialogProps> = ({\n className,\n ...props\n}) => {\n const { layout, alignment } = useContext(SideSheetContext);\n\n return (\n <DialogContext value={true}>\n <Dialog\n className={clsx(styles[\"side-sheet-dialog\"], className)}\n data-alignment={alignment}\n data-layout={layout}\n {...props}\n />\n </DialogContext>\n );\n};\n","import clsx from \"clsx\";\nimport { X } from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { Header, Heading } from \"react-aria-components\";\nimport { IconButton } from \"@/components/Button\";\nimport { typography } from \"@/utils\";\nimport { SideSheetContext } from \"../SideSheetModal\";\nimport { SideSheetDialog } from \"./SideSheetDialog\";\nimport styles from \"./sideSheet.module.css\";\nimport type { SideSheetProps } from \"./types\";\n\nexport const SideSheet: React.FC<SideSheetProps> = ({\n headline,\n actions,\n className,\n children,\n ...props\n}) => {\n const { alignment } = useContext(SideSheetContext);\n const hasActions = Array.isArray(actions) ? actions.length > 0 : !!actions;\n\n return (\n <SideSheetDialog\n className={clsx(styles[\"side-sheet\"], className)}\n {...props}\n data-actions={hasActions \|\| undefined}\n >\n {(renderProps) => (\n <>\n <Header\n className={clsx(styles[\"header\"])}\n data-headline={!!headline \|\| undefined}\n >\n {headline && (\n <Heading\n slot=\"title\"\n className={clsx(\n styles[\"headline\"],\n typography.titleLarge\n )}\n >\n {headline}\n </Heading>\n )}\n\n <IconButton\n slot=\"close\"\n icon={X}\n color=\"standard\"\n className={clsx(styles[\"close\"])}\n />\n </Header>\n\n <div className={clsx(styles[\"main\"])}>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </div>\n\n {hasActions && (\n <div\n className={clsx(styles[\"actions\"])}\n data-alignment={alignment}\n >\n {typeof actions === \"function\"\n ? actions(renderProps)\n : actions}\n </div>\n )}\n </>\n )}\n </SideSheetDialog>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;GCQa,KAAmD,EAC5D,cACA,GAAG,QACD;CACF,IAAM,EAAE,WAAQ,iBAAc,EAAW,CAAgB;CAEzD,OACI,kBAAC,GAAD;EAAe,OAAO;YAClB,kBAAC,GAAD;GACI,WAAW,EAAK,EAAO,sBAAsB,CAAS;GACtD,kBAAgB;GAChB,eAAa;GACb,GAAI;EACP,CAAA;CACU,CAAA;AAEvB,GCba,KAAuC,EAChD,aACA,YACA,cACA,aACA,GAAG,QACD;CACF,IAAM,EAAE,iBAAc,EAAW,CAAgB,GAC3C,IAAa,MAAM,QAAQ,CAAO,IAAI,EAAQ,SAAS,IAAI,CAAC,CAAC;CAEnE,OACI,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,eAAe,CAAS;EAC/C,GAAI;EACJ,gBAAc,KAAc,KAAA;aAE1B,MACE,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,GAAD;IACI,WAAW,EAAK,EAAO,MAAS;IAChC,iBAAe,CAAC,CAAC,KAAY,KAAA;cAFjC,CAIK,KACG,kBAAC,GAAD;KACI,MAAK;KACL,WAAW,EACP,EAAO,UACP,EAAW,UACf;eAEC;IACI,CAAA,GAGb,kBAAC,GAAD;KACI,MAAK;KACL,MAAM;KACN,OAAM;KACN,WAAW,EAAK,EAAO,KAAQ;IAClC,CAAA,CACG;;GAER,kBAAC,OAAD;IAAK,WAAW,EAAK,EAAO,IAAO;cAC9B,OAAO,KAAa,aACf,EAAS,CAAW,IACpB;GACL,CAAA;GAEJ,KACG,kBAAC,OAAD;IACI,WAAW,EAAK,EAAO,OAAU;IACjC,kBAAgB;cAEf,OAAO,KAAY,aACd,EAAQ,CAAW,IACnB;GACL,CAAA;EAEX,EAAA,CAAA;CAEO,CAAA;AAEzB"}

package/dist/chunks/SideSheetModal CHANGED Viewed

@@ -1,20 +1,20 @@
 import e from "clsx";
-import { Modal as t } from "react-aria-components";
+import { createContext as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
-import { createContext as r } from "react";
+import { Modal as r } from "react-aria-components";
 import '../assets/SideSheetModal.css';//#region src/components/Sheets/SideSheetModal/context.ts
-var i = r({
+var i = t({
 	layout: "standard",
 	alignment: "end"
-}), a = { modal: "_modal_1gjq1_2" }, o = ({ className: r, alignment: o = "end", layout: s = "standard", ...c }) => /* @__PURE__ */ n(i, {
+}), a = { modal: "_modal_1gjq1_2" }, o = ({ className: t, alignment: o = "end", layout: s = "standard", ...c }) => /* @__PURE__ */ n(i, {
 	value: {
 		alignment: o,
 		layout: s
 	},
-	children: /* @__PURE__ */ n(t, {
+	children: /* @__PURE__ */ n(r, {
 		"data-alignment": o,
 		"data-layout": s,
-		className: (t) => e(a.modal, typeof r == "function" ? r(t) : r),
+		className: (n) => e(a.modal, typeof t == "function" ? t(n) : t),
 		...c
 	})
 });

package/dist/chunks/Slider CHANGED Viewed

@@ -4,8 +4,8 @@ import { a as n, c as r, i, o as a, s as o } from "./core7";
 import { t as s } from "./SliderStops";
 import { t as c } from "./SliderThumb";
 import l from "clsx";
-import { Slider as u, SliderTrack as d } from "react-aria-components";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Slider as p, SliderTrack as m } from "react-aria-components";
 import '../assets/Slider.css';var h = {
 	"visual-track": "_visual-track_17jx5_2",
 	"active-track": "_active-track_17jx5_22",
@@ -13,48 +13,48 @@ import '../assets/Slider.css';var h = {
 	icon: "_icon_17jx5_52"
 }, g = ({ label: g, thumbLabel: _, size: v = "small", step: y = 1, minValue: b = 0, maxValue: x = 100, showInBetweenSteps: S, insetIcon: C, minInsetIcon: w, maxStops: T, outputRenderer: E, className: D, ...O }) => {
 	let k = v !== "extra-small" && v !== "small", A = v === "extra-large" ? 32 : 24;
-	return /* @__PURE__ */ p(u, {
+	return /* @__PURE__ */ d(p, {
 		minValue: b,
 		maxValue: x,
 		step: y,
 		className: (e) => l(n, r, typeof D == "function" ? D(e) : D),
 		...O,
-		children: ({ orientation: n, state: r, isDisabled: u }) => {
+		children: ({ orientation: n, state: r, isDisabled: p }) => {
 			let D = r.getThumbPercent(0), O = C;
-			return D === 0 && w && (O = w), /* @__PURE__ */ m(f, { children: [g && /* @__PURE__ */ p(t, { children: g }), /* @__PURE__ */ p("div", {
+			return D === 0 && w && (O = w), /* @__PURE__ */ f(u, { children: [g && /* @__PURE__ */ d(t, { children: g }), /* @__PURE__ */ d("div", {
 				className: l(a),
 				"data-orientation": n,
-				children: /* @__PURE__ */ m(d, {
+				children: /* @__PURE__ */ f(m, {
 					className: l(o, i(v)),
 					children: [
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ f("div", {
 							className: l(h["visual-track"]),
 							"data-orientation": n,
-							children: [/* @__PURE__ */ p("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: l(h["active-track"]),
 								"data-orientation": n,
 								style: { flexGrow: r.getThumbPercent(0) }
-							}), /* @__PURE__ */ p("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: l(h["inactive-track"]),
 								style: { flexGrow: 1 - r.getThumbPercent(0) },
 								"data-orientation": n
 							})]
 						}),
-						k && O && /* @__PURE__ */ p(e, {
+						k && O && /* @__PURE__ */ d(e, {
 							icon: O,
 							size: A,
 							className: l(h.icon),
 							"data-minimum-value": D === 0 || void 0,
-							"data-disabled": u || void 0,
+							"data-disabled": p || void 0,
 							"data-orientation": n
 						}),
-						/* @__PURE__ */ p(c, {
+						/* @__PURE__ */ d(c, {
 							size: v,
 							orientation: n,
 							"aria-label": _,
 							outputRenderer: E
 						}),
-						/* @__PURE__ */ p(s, {
+						/* @__PURE__ */ d(s, {
 							minValue: b,
 							maxValue: x,
 							step: y,

package/dist/chunks/SliderOutput CHANGED Viewed

@@ -1,13 +1,13 @@
 import { t as e } from "./base";
 import t from "clsx";
-import { SliderOutput as n } from "react-aria-components";
-import { jsx as r } from "react/jsx-runtime";
-import { createContext as i, useContext as a } from "react";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { SliderOutput as a } from "react-aria-components";
 import '../assets/SliderOutput.css';//#region src/components/Input/Slider/SliderThumb/context.ts
-var o = i({}), s = { output: "_output_licmo_2" }, c = ({ className: i, ...c }) => {
-	let { isDragging: l, isHovered: u, isFocused: d, isFocusVisible: f } = a(o);
-	return /* @__PURE__ */ r(n, {
-		className: (n) => t(s.output, e.labelLarge, typeof i == "function" ? i(n) : i),
+var o = n({}), s = { output: "_output_licmo_2" }, c = ({ className: n, ...c }) => {
+	let { isDragging: l, isHovered: u, isFocused: d, isFocusVisible: f } = r(o);
+	return /* @__PURE__ */ i(a, {
+		className: (r) => t(s.output, e.labelLarge, typeof n == "function" ? n(r) : n),
 		...c,
 		"data-focus-visible": f || void 0,
 		"data-dragging": l || void 0,

package/dist/chunks/SliderStops CHANGED Viewed

@@ -1,7 +1,7 @@
 import e from "clsx";
-import { SliderStateContext as t } from "react-aria-components";
-import { jsx as n } from "react/jsx-runtime";
-import { useContext as r, useMemo as i } from "react";
+import { useContext as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { SliderStateContext as i } from "react-aria-components";
 import '../assets/SliderStops.css';//#region src/components/Input/Slider/SliderStops/core.ts
 var a = 20, o = (e) => {
 	let t = 0, n = e.toString(), r = n.toLowerCase().indexOf("e-");
@@ -65,7 +65,7 @@ var a = 20, o = (e) => {
 	stops: "_stops_2wvkt_2",
 	stop: "_stop_2wvkt_2"
 }, _ = ({ orientation: a, slider: o = "standard", minValue: s, maxValue: c, step: u, showInBetweenSteps: d, maxStops: f }) => {
-	let _ = i(() => {
+	let _ = n(() => {
 		let e = l({
 			minValue: s,
 			maxValue: c,
@@ -81,14 +81,14 @@ var a = 20, o = (e) => {
 		d,
 		a,
 		f
-	]), v = r(t);
+	]), v = t(i);
 	if (!v) return null;
 	let y = (s + c) / 2, b = v.getThumbValue(0), x = v.getThumbValue(1) ?? NaN, S = _.length === 2;
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ r("div", {
 		className: e(g.stops),
 		"data-orientation": a,
 		"data-slider-stops": !0,
-		children: _.map(({ stopValue: t, percent: r }) => {
+		children: _.map(({ stopValue: t, percent: n }) => {
 			let i = p({
 				slider: o,
 				midValue: y,
@@ -104,8 +104,8 @@ var a = 20, o = (e) => {
 				midValue: y,
 				stopValue: t
 			});
-			return /* @__PURE__ */ n("div", {
-				style: a === "horizontal" ? { insetInlineStart: `${r * 100}%` } : { insetBlockEnd: `${r * 100}%` },
+			return /* @__PURE__ */ r("div", {
+				style: a === "horizontal" ? { insetInlineStart: `${n * 100}%` } : { insetBlockEnd: `${n * 100}%` },
 				"data-orientation": a,
 				className: e(g.stop),
 				"data-disabled": v.isDisabled || void 0,

package/dist/chunks/SliderThumb CHANGED Viewed

@@ -1,7 +1,7 @@
 import { n as e, t } from "./SliderOutput";
 import n from "clsx";
-import { SliderThumb as r } from "react-aria-components";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { SliderThumb as i } from "react-aria-components";
 import '../assets/SliderThumb.css';var a = {
 	thumb: "_thumb_1e0w6_2",
 	"extra-small": "_extra-small_1e0w6_7",
@@ -9,18 +9,18 @@ import '../assets/SliderThumb.css';var a = {
 	medium: "_medium_1e0w6_17",
 	large: "_large_1e0w6_22",
 	"extra-large": "_extra-large_1e0w6_27"
-}, o = ({ index: o = 0, orientation: s, className: c, size: l, outputRenderer: u, ...d }) => /* @__PURE__ */ i(r, {
+}, o = ({ index: o = 0, orientation: s, className: c, size: l, outputRenderer: u, ...d }) => /* @__PURE__ */ r(i, {
 	index: o,
 	className: (e) => n(a.thumb, a[l], typeof c == "function" ? c(e) : c),
 	"data-orientation": s,
 	...d,
 	"data-slider-thumb": !0,
-	children: (n) => /* @__PURE__ */ i(e, {
+	children: (n) => /* @__PURE__ */ r(e, {
 		value: n,
 		children: u ? typeof u == "function" ? u({
 			...n,
 			thumbIndex: o
-		}) : u : /* @__PURE__ */ i(t, { children: ({ state: e }) => e.getThumbValueLabel(o) })
+		}) : u : /* @__PURE__ */ r(t, { children: ({ state: e }) => e.getThumbValueLabel(o) })
 	})
 });
 //#endregion

package/dist/chunks/Snackbar CHANGED Viewed

@@ -1,15 +1,15 @@
 import { t as e } from "./base";
 import { IconButton as t } from "../components/Button/IconButton/index.js";
 import { clsx as n } from "clsx";
-import { Text as r, UNSTABLE_Toast as i, UNSTABLE_ToastContent as a, UNSTABLE_ToastQueue as o, UNSTABLE_ToastRegion as s } from "react-aria-components";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { X as u } from "lucide-react";
-import { createContext as d, useContext as f, useMemo as p } from "react";
+import { createContext as r, useContext as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Text as c, UNSTABLE_Toast as l, UNSTABLE_ToastContent as u, UNSTABLE_ToastQueue as d, UNSTABLE_ToastRegion as f } from "react-aria-components";
+import { X as p } from "lucide-react";
 import { flushSync as m } from "react-dom";
 import '../assets/Snackbar.css';//#region src/components/Snackbar/context.ts
-var h = d(null);
+var h = r(null);
 function g() {
-	let e = f(h);
+	let e = i(h);
 	if (!e) throw Error("useSnackbarQueue must be used inside SnackbarRegion");
 	return e;
 }
@@ -18,36 +18,36 @@ var _ = {
 	snackbar: "_snackbar_1xcaw_10",
 	"snackbar-content": "_snackbar-content_1xcaw_66",
 	text: "_text_1xcaw_78"
-}, v = ({ children: d, maxVisibleSnackbars: f = 1 }) => {
-	let g = p(() => new o({
-		maxVisibleToasts: f,
+}, v = ({ children: r, maxVisibleSnackbars: i = 1 }) => {
+	let g = a(() => new d({
+		maxVisibleToasts: i,
 		wrapUpdate(e) {
 			"startViewTransition" in document ? document.startViewTransition(() => {
 				m(e);
 			}) : e();
 		}
-	}), [f]);
-	return /* @__PURE__ */ l(h, {
+	}), [i]);
+	return /* @__PURE__ */ s(h, {
 		value: g,
-		children: [d, /* @__PURE__ */ c(s, {
+		children: [r, /* @__PURE__ */ o(f, {
 			queue: g,
 			className: n(_["snackbar-region"]),
-			children: ({ toast: o }) => /* @__PURE__ */ l(i, {
-				toast: o,
+			children: ({ toast: r }) => /* @__PURE__ */ s(l, {
+				toast: r,
 				className: n(_.snackbar),
-				style: { viewTransitionName: o.key },
-				"data-close": !o.content.hideCloseAction || void 0,
-				"data-action": o.content.hideCloseAction && !!o.content.action || void 0,
-				children: [/* @__PURE__ */ l(a, {
+				style: { viewTransitionName: r.key },
+				"data-close": !r.content.hideCloseAction || void 0,
+				"data-action": r.content.hideCloseAction && !!r.content.action || void 0,
+				children: [/* @__PURE__ */ s(u, {
 					className: _["snackbar-content"],
-					children: [/* @__PURE__ */ c(r, {
+					children: [/* @__PURE__ */ o(c, {
 						slot: "description",
 						className: n(_.text, e.bodyMedium),
-						children: o.content.supportingText
-					}), o.content.action]
-				}), !o.content.hideCloseAction && /* @__PURE__ */ c(t, {
+						children: r.content.supportingText
+					}), r.content.action]
+				}), !r.content.hideCloseAction && /* @__PURE__ */ o(t, {
 					slot: "close",
-					icon: u,
+					icon: p,
 					color: "standard",
 					"data-close-button": !0
 				})]

package/dist/chunks/SplitButton CHANGED Viewed

@@ -1,31 +1,30 @@
-import { u as e } from "./core";
-import { a as t } from "./core2";
-import { SplitButtonContext as n } from "../components/Button/SplitButton/SplitButtonContext/index.js";
-import { clsx as r } from "clsx";
-import { Toolbar as i } from "react-aria-components";
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as o } from "react";
+import { a as e } from "./core2";
+import { SplitButtonContext as t } from "../components/Button/SplitButton/SplitButtonContext/index.js";
+import { clsx as n } from "clsx";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Toolbar as a } from "react-aria-components";
 import '../assets/SplitButton.css';//#region src/components/Button/SplitButton/SplitButton/splitButton.module.css
-var s = { "split-button": "_split-button_1mye6_2" }, c = ({ color: c = "filled", size: l = "small", isPending: u, isDisabled: d, children: f, className: p, ...m }) => /* @__PURE__ */ a(n, {
-	value: o(() => ({
-		isPending: u,
-		isDisabled: d,
-		color: c,
-		size: l
+var o = { "split-button": "_split-button_1mye6_2" }, s = ({ color: s = "filled", size: c = "small", isPending: l, isDisabled: u, children: d, className: f, ...p }) => /* @__PURE__ */ i(t, {
+	value: r(() => ({
+		isPending: l,
+		isDisabled: u,
+		color: s,
+		size: c
 	}), [
+		l,
 		u,
-		d,
-		c,
-		l
+		s,
+		c
 	]),
-	children: /* @__PURE__ */ a(i, {
-		className: r(s["split-button"], t(l), e(c), p),
-		...m,
+	children: /* @__PURE__ */ i(a, {
+		className: n(o["split-button"], e(c), f),
+		...p,
 		"data-split-button": !0,
-		children: f
+		children: d
 	})
 });
 //#endregion
-export { c as t };
+export { s as t };
 //# sourceMappingURL=SplitButton.map

package/dist/chunks/SplitButton.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton","names":[],"sources":["../../src/components/Button/SplitButton/SplitButton/splitButton.module.css","../../src/components/Button/SplitButton/SplitButton/SplitButton.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .split-button [data-visual-button] {\n --_md-button-shape-motion: var(--md-sys-motion-standard-fast-spatial);\n --_md-button-shape-motion-duration: var(\n --md-sys-motion-standard-fast-spatial-duration\n );\n }\n}\n\n@layer adgytec.comps {\n .split-button {\n display: inline-flex;\n gap: calc(2 * var(--dp, 1px));\n }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { Toolbar } from \"react-aria-components\";\nimport { ~~buttonColorConfig } from \"../../core\";\nimport {~~ splitButtonSizeConfig } from \"../core\";\nimport { SplitButtonContext } from \"../SplitButtonContext\";\nimport styles from \"./splitButton.module.css\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton: React.FC<SplitButtonProps> = ({\n color = \"filled\",\n size = \"small\",\n\n isPending,\n isDisabled,\n\n children,\n className,\n\n ...props\n}) => {\n const contextValue = useMemo(\n () => ({\n isPending,\n isDisabled,\n color,\n size,\n }),\n [isPending, isDisabled, color, size]\n );\n\n return (\n <SplitButtonContext value={contextValue}>\n <Toolbar\n className={clsx(\n styles[\"split-button\"],\n splitButtonSizeConfig(size),\n ~~buttonColorConfig(color),\n~~ className\n )}\n {...props}\n data-split-button\n >\n {children}\n </Toolbar>\n </SplitButtonContext>\n );\n};\n"],"mappings":"~~;;;;;;;;qDCSa~~,KAA2C,EACpD,WAAQ,UACR,UAAO,SAEP,cACA,eAEA,aACA,cAEA,GAAG,QAaC,kBAAC,GAAD;CAAoB,OAXH,SACV;EACH;EACA;EACA;EACA;CACJ,IACA;EAAC;EAAW;EAAY;EAAO;CAAI,CAIR;WACvB,kBAAC,GAAD;EACI,WAAW,EACP,EAAO,iBACP,EAAsB,CAAI,GAC1B,~~EAAkB,CAAK,GACvB,~~CACJ;EACA,GAAI;EACJ,qBAAA;EAEC;CACI,CAAA;AACO,CAAA"}
1	+ {"version":3,"file":"SplitButton","names":[],"sources":["../../src/components/Button/SplitButton/SplitButton/splitButton.module.css","../../src/components/Button/SplitButton/SplitButton/SplitButton.tsx"],"sourcesContent":["@layer adgytec.overrides {\n .split-button [data-visual-button] {\n --_md-button-shape-motion: var(--md-sys-motion-standard-fast-spatial);\n --_md-button-shape-motion-duration: var(\n --md-sys-motion-standard-fast-spatial-duration\n );\n }\n}\n\n@layer adgytec.comps {\n .split-button {\n display: inline-flex;\n gap: calc(2 * var(--dp, 1px));\n }\n}\n","import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { Toolbar } from \"react-aria-components\";\nimport { splitButtonSizeConfig } from \"../core\";\nimport { SplitButtonContext } from \"../SplitButtonContext\";\nimport styles from \"./splitButton.module.css\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton: React.FC<SplitButtonProps> = ({\n color = \"filled\",\n size = \"small\",\n\n isPending,\n isDisabled,\n\n children,\n className,\n\n ...props\n}) => {\n const contextValue = useMemo(\n () => ({\n isPending,\n isDisabled,\n color,\n size,\n }),\n [isPending, isDisabled, color, size]\n );\n\n return (\n <SplitButtonContext value={contextValue}>\n <Toolbar\n className={clsx(\n styles[\"split-button\"],\n splitButtonSizeConfig(size),\n className\n )}\n {...props}\n data-split-button\n >\n {children}\n </Toolbar>\n </SplitButtonContext>\n );\n};\n"],"mappings":";;;;;;;qDCQa,KAA2C,EACpD,WAAQ,UACR,UAAO,SAEP,cACA,eAEA,aACA,cAEA,GAAG,QAaC,kBAAC,GAAD;CAAoB,OAXH,SACV;EACH;EACA;EACA;EACA;CACJ,IACA;EAAC;EAAW;EAAY;EAAO;CAAI,CAIR;WACvB,kBAAC,GAAD;EACI,WAAW,EACP,EAAO,iBACP,EAAsB,CAAI,GAC1B,CACJ;EACA,GAAI;EACJ,qBAAA;EAEC;CACI,CAAA;AACO,CAAA"}

package/dist/chunks/SplitButtonTrigger CHANGED Viewed

@@ -1,44 +1,44 @@
-import { t as e } from "./Icon";
-import { n as t, t as n } from "./useSplash";
-import { t as r } from "./tapTarget";
-import { d as i, f as a, l as o, t as s } from "./core";
-import { i as c, n as l, r as u } from "./core2";
-import { useSplitButtonContext as d } from "../components/Button/SplitButton/SplitButtonContext/index.js";
-import { clsx as f } from "clsx";
-import { Button as p } from "react-aria-components";
+import { t as e } from "./tapTarget";
+import { t } from "./Icon";
+import { n, t as r } from "./useSplash";
+import { d as i, f as a, l as o, t as s, u as c } from "./core";
+import { i as l, n as u, r as d } from "./core2";
+import { useSplitButtonContext as f } from "../components/Button/SplitButton/SplitButtonContext/index.js";
+import { clsx as p } from "clsx";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { ChevronDown as g } from "lucide-react";
-import '../assets/SplitButtonTrigger.css';var _ = { trigger: "_trigger_5plck_2" }, v = ({ tooltip: v, onPress: y, isDisabled: b, isPending: x, className: S, ...C }) => {
-	let w = d(), { splashInfo: T, handlePress: E } = n(y), D = x || w.isPending;
-	return s(/* @__PURE__ */ m(p, {
-		onPress: E,
-		isDisabled: b || w.isDisabled,
-		isPending: D,
-		className: (e) => f(a, r, typeof S == "function" ? S(e) : S),
-		...C,
+import { Button as g } from "react-aria-components";
+import { ChevronDown as _ } from "lucide-react";
+import '../assets/SplitButtonTrigger.css';var v = { trigger: "_trigger_5plck_2" }, y = ({ tooltip: y, onPress: b, isDisabled: x, isPending: S, className: C, ...w }) => {
+	let T = f(), { splashInfo: E, handlePress: D } = r(b), O = S || T.isPending;
+	return s(/* @__PURE__ */ m(g, {
+		onPress: D,
+		isDisabled: x || T.isDisabled,
+		isPending: O,
+		className: (t) => p(a, e, u, c(T.color), typeof C == "function" ? C(t) : C),
+		...w,
 		"data-button": !0,
 		"data-split-button-trigger": !0,
-		children: ({ isDisabled: n, isFocusVisible: r, isFocused: a, isPressed: s, isHovered: d }) => {
-			let p = {
-				"data-hovered": d || void 0,
-				"data-disabled": n || void 0,
+		children: ({ isDisabled: e, isFocusVisible: r, isFocused: a, isPressed: s, isHovered: c }) => {
+			let u = {
+				"data-hovered": c || void 0,
+				"data-disabled": e || void 0,
 				"data-focused": a || void 0,
 				"data-focus-visible": r || void 0,
 				"data-pressed": s || void 0,
 				"data-visual-button": !0
 			};
 			return /* @__PURE__ */ h("span", {
-				className: f(i, o, _.trigger, c, l),
-				...p,
-				children: [T && /* @__PURE__ */ m(t, { ...T }), /* @__PURE__ */ m(e, {
-					icon: g,
-					size: u[w.size]
+				className: p(i, o, v.trigger, l),
+				...u,
+				children: [E && /* @__PURE__ */ m(n, { ...E }), /* @__PURE__ */ m(t, {
+					icon: _,
+					size: d[T.size]
 				})]
 			});
 		}
-	}), v);
+	}), y);
 };
 //#endregion
-export { v as t };
+export { y as t };
 //# sourceMappingURL=SplitButtonTrigger.map

package/dist/chunks/SplitButtonTrigger.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButtonTrigger","names":[],"sources":["../../src/components/Button/SplitButton/SplitButtonTrigger/splitButtonTrigger.module.css","../../src/components/Button/SplitButton/SplitButtonTrigger/SplitButtonTrigger.tsx"],"sourcesContent":["@layer adgytec.comps {\n .trigger {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n }\n\n > svg {\n rotate: var(--rotate);\n transition: rotate 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}\n","import { clsx } from \"clsx\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button as AriaButton } 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 ButtonReset,\n buttonColorBase,\n withTooltip,\n} from \"../../core\";\nimport {\n SplitButtonTriggerBase,\n SplitButtonTriggerIconSize,\n SplitButtonVariantBase,\n} from \"../core\";\nimport { useSplitButtonContext } from \"../SplitButtonContext\";\nimport styles from \"./splitButtonTrigger.module.css\";\nimport type { SplitButtonTriggerProps } from \"./types\";\n\nexport const SplitButtonTrigger: React.FC<SplitButtonTriggerProps> = ({\n tooltip,\n onPress,\n isDisabled,\n isPending,\n className,\n ...props\n}) => {\n const splitButtonState = useSplitButtonContext();\n\n const { splashInfo, handlePress } = useSplash(onPress);\n\n const pending = isPending \|\| splitButtonState.isPending;\n const disabled = isDisabled \|\| splitButtonState.isDisabled;\n\n return withTooltip(\n <AriaButton\n onPress={handlePress}\n isDisabled={disabled}\n isPending={pending}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n data-split-button-trigger\n >\n {({\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\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-visual-button\": true,\n };\n\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n styles[\"trigger\"],\n SplitButtonVariantBase~~,\n SplitButtonTriggerBase~~\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n <Icon\n icon={ChevronDown}\n size={\n SplitButtonTriggerIconSize[\n splitButtonState.size\n ]\n }\n />\n </span>\n );\n }}\n </AriaButton>,\n tooltip\n );\n};\n"],"mappings":";;;;;;;;;;~~yCCsBa~~,KAAyD,EAClE,YACA,YACA,eACA,cACA,cACA,GAAG,QACD;CACF,IAAM,IAAmB,EAAsB,GAEzC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAE/C,IAAU,KAAa,EAAiB;CAG9C,OAAO,EACH,kBAAC,GAAD;EACI,SAAS;EACT,YALS,KAAc,EAAiB;EAMxC,WAAW;EACX,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,eAAA;EACA,6BAAA;aAEE,EACE,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAM,IAAY;IACd,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB;GAC1B;GAEA,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,EAAO,SACP,~~GACA,~~CACJ;IACA,GAAI;~~cARR~~,~~CAUK~~,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA,GACxC,kBAAC,GAAD;KACI,MAAM;KACN,MACI,EACI,EAAiB;IAG5B,CAAA,CACC;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}
1	+ {"version":3,"file":"SplitButtonTrigger","names":[],"sources":["../../src/components/Button/SplitButton/SplitButtonTrigger/splitButtonTrigger.module.css","../../src/components/Button/SplitButton/SplitButtonTrigger/SplitButtonTrigger.tsx"],"sourcesContent":["@layer adgytec.comps {\n .trigger {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n }\n\n > svg {\n rotate: var(--rotate);\n transition: rotate 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}\n","import { clsx } from \"clsx\";\nimport { ChevronDown } from \"lucide-react\";\nimport { Button as AriaButton } 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 ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n withTooltip,\n} from \"../../core\";\nimport {\n SplitButtonTriggerBase,\n SplitButtonTriggerIconSize,\n SplitButtonVariantBase,\n} from \"../core\";\nimport { useSplitButtonContext } from \"../SplitButtonContext\";\nimport styles from \"./splitButtonTrigger.module.css\";\nimport type { SplitButtonTriggerProps } from \"./types\";\n\nexport const SplitButtonTrigger: React.FC<SplitButtonTriggerProps> = ({\n tooltip,\n onPress,\n isDisabled,\n isPending,\n className,\n ...props\n}) => {\n const splitButtonState = useSplitButtonContext();\n\n const { splashInfo, handlePress } = useSplash(onPress);\n\n const pending = isPending \|\| splitButtonState.isPending;\n const disabled = isDisabled \|\| splitButtonState.isDisabled;\n\n return withTooltip(\n <AriaButton\n onPress={handlePress}\n isDisabled={disabled}\n isPending={pending}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n TapTarget,\n SplitButtonTriggerBase,\n buttonColorConfig(splitButtonState.color),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n data-split-button-trigger\n >\n {({\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\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-visual-button\": true,\n };\n\n return (\n <span\n className={clsx(\n ButtonCore,\n buttonColorBase,\n styles[\"trigger\"],\n SplitButtonVariantBase\n )}\n {...dataAttrs}\n >\n {splashInfo && <Splash {...splashInfo} />}\n <Icon\n icon={ChevronDown}\n size={\n SplitButtonTriggerIconSize[\n splitButtonState.size\n ]\n }\n />\n </span>\n );\n }}\n </AriaButton>,\n tooltip\n );\n};\n"],"mappings":";;;;;;;;;;yCCuBa,KAAyD,EAClE,YACA,YACA,eACA,cACA,cACA,GAAG,QACD;CACF,IAAM,IAAmB,EAAsB,GAEzC,EAAE,eAAY,mBAAgB,EAAU,CAAO,GAE/C,IAAU,KAAa,EAAiB;CAG9C,OAAO,EACH,kBAAC,GAAD;EACI,SAAS;EACT,YALS,KAAc,EAAiB;EAMxC,WAAW;EACX,YAAY,MACR,EACI,GACA,GACA,GACA,EAAkB,EAAiB,KAAK,GACxC,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;EACJ,eAAA;EACA,6BAAA;aAEE,EACE,eACA,mBACA,cACA,cACA,mBACE;GACF,IAAM,IAAY;IACd,gBAAgB,KAAa,KAAA;IAC7B,iBAAiB,KAAc,KAAA;IAC/B,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB,KAAkB,KAAA;IACxC,gBAAgB,KAAa,KAAA;IAC7B,sBAAsB;GAC1B;GAEA,OACI,kBAAC,QAAD;IACI,WAAW,EACP,GACA,GACA,EAAO,SACP,CACJ;IACA,GAAI;cAPR,CASK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAa,CAAA,GACxC,kBAAC,GAAD;KACI,MAAM;KACN,MACI,EACI,EAAiB;IAG5B,CAAA,CACC;;EAEd;CACQ,CAAA,GACZ,CACJ;AACJ"}