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

package/dist/components/Input/Radio/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Radio, RadioGroup } from 'react-aria-components';
+import { RadioField, RadioGroup } from 'react-aria-components';
 import { CoreInputProps } from '../core';
 /**
  * Alignment of the radio label text relative to the indicator circle.
@@ -9,46 +9,32 @@ import { CoreInputProps } from '../core';
  */
 export type RadioLabelPlacement = "start" | "end";
 /**
- * Props for the {@link RadioGroup} component.
- * Extends React Aria's `RadioGroup` props and {@link CoreInputProps}.
+ * Props for the [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx) component.
+ *
+ * Extends React Aria's `RadioGroup` props (excluding `children` and `orientation`) and [`CoreInputProps`](src/components/Input/core/types.ts).
  */
-export interface RadioGroupProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroup>, "children">, CoreInputProps {
+export interface RadioGroupProps extends Omit<React.ComponentPropsWithRef<typeof RadioGroup>, "children" | "orientation">, CoreInputProps {
     /** The child radio buttons or custom layout structure rendered within the group. */
     children?: ReactNode;
-    /**
-     * Spacing (in pixels) between adjacent radio items.
-     *
-     * @default 24
-     */
-    radioItemsGap?: number;
     /**
      * Default label placement applied to all child radio items within the group.
+     * Can be overridden per individual [`Radio`](src/components/Input/Radio/Radio.tsx).
      *
      * @default "end"
      */
     labelPlacement?: RadioLabelPlacement;
-    /**
-     * When `true`, displays the state layer (hover, press, focus) across the entire radio container.
-     *
-     * @default false
-     */
-    containerStateLayer?: boolean;
 }
 /**
- * Props for the {@link Radio} component.
- * Extends React Aria's `Radio` props.
+ * Props for the [`Radio`](src/components/Input/Radio/Radio.tsx) component.
+ *
+ * Extends all properties from React Aria's `RadioField`, including selection value and accessibility states.
  */
-export interface RadioProps extends React.ComponentPropsWithRef<typeof Radio> {
+export interface RadioProps extends React.ComponentPropsWithRef<typeof RadioField> {
     /**
      * Alignment of the label text relative to the indicator circle.
+     * If omitted, inherits from the parent [`RadioGroup`](src/components/Input/Radio/RadioGroup.tsx) `labelPlacement`.
      *
      * @default "end"
      */
     labelPlacement?: RadioLabelPlacement;
-    /**
-     * When `true`, displays the state layer (hover, press, focus) across the entire radio container.
-     *
-     * @default false
-     */
-    containerStateLayer?: boolean;
 }

package/dist/components/Input/SearchField/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/SearchField";
-export { e as SearchField };
+export { t as SearchField } from "../../../chunks/SearchField";

package/dist/components/Input/Select/ComboBox/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/ComboBox";
-export { e as ComboBox };
+export { t as ComboBox } from "../../../../chunks/ComboBox";

package/dist/components/Input/Select/ComboBoxPopover/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/ComboBoxPopover";
-export { e as ComboBoxPopover };
+export { t as ComboBoxPopover } from "../../../../chunks/ComboBoxPopover";

package/dist/components/Input/Select/ComboBoxTrigger/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/ComboBoxTrigger";
-export { e as ComboBoxTrigger };
+export { t as ComboBoxTrigger } from "../../../../chunks/ComboBoxTrigger";

package/dist/components/Input/Select/Select/index.js

@@ -5,7 +5,7 @@ import { c as r, l as i, n as a } from "../../../../chunks/core4";
 import o from "clsx";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Select as u } from "react-aria-components";
-//#region src/components/Input/Select/Select/Select.tsx
+// src/components/Input/Select/Select/Select.tsx
 var d = ({ label: d, description: f, errorMessage: p, showDescriptionOnInvalid: m = !1, children: h, className: g, ..._ }) => /* @__PURE__ */ c(u, {
 	className: (e) => o(a, r, typeof g == "function" ? g(e) : g),
 	..._,
@@ -25,7 +25,6 @@ var d = ({ label: d, description: f, errorMessage: p, showDescriptionOnInvalid:
 		] });
 	}
 });
-//#endregion
 export { d as Select };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Select/SelectItem/index.js

@@ -6,7 +6,7 @@ import l from "clsx";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ListBoxItem as p } from "react-aria-components";
 import { Check as m } from "lucide-react";
-//#region src/components/Input/Select/SelectItem/SelectItem.tsx
+// src/components/Input/Select/SelectItem/SelectItem.tsx
 var h = ({ leadingIcon: h, label: g, supportingText: _, trailingText: v, trailingIcon: y, className: b, onPress: x, textValue: S = g, ...C }) => {
 	let { splashInfo: w, handlePress: T } = r(x);
 	return /* @__PURE__ */ d(p, {
@@ -45,7 +45,6 @@ var h = ({ leadingIcon: h, label: g, supportingText: _, trailingText: v, trailin
 		] })
 	});
 };
-//#endregion
 export { h as SelectItem };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Select/SelectList/index.js

@@ -2,12 +2,11 @@ import { d as e, l as t, o as n, s as r, u as i } from "../../../../chunks/core6
 import { clsx as a } from "clsx";
 import { jsx as o } from "react/jsx-runtime";
 import { ListBox as s } from "react-aria-components";
-//#region src/components/Input/Select/SelectList/SelectList.tsx
+// src/components/Input/Select/SelectList/SelectList.tsx
 var c = ({ color: c = "standard", menuLayout: l = "standard", className: u, ...d }) => /* @__PURE__ */ o(s, {
 	className: (o) => a(e(c), i, r, t(l), n, typeof u == "function" ? u(o) : u),
 	...d
 });
-//#endregion
 export { c as SelectList };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Select/SelectListSection/index.js

@@ -3,7 +3,7 @@ import { a as t } from "../../../../chunks/core6";
 import { clsx as n } from "clsx";
 import { jsx as r } from "react/jsx-runtime";
 import { ListBoxSection as i } from "react-aria-components";
-//#region src/components/Input/Select/SelectListSection/SelectListSection.tsx
+// src/components/Input/Select/SelectListSection/SelectListSection.tsx
 var a = e(), o = (e) => {
 	let o = (0, a.c)(8), s, c;
 	o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
@@ -15,7 +15,6 @@ var a = e(), o = (e) => {
 		...c
 	}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
 };
-//#endregion
 export { o as SelectListSection };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Select/SelectListSection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","MenuSectionStyles","import_compiler_runtime","SelectListSection","$","className","props","t0","t1","clsx","t2","ListBoxSection"],"sources":["../../../../../src/components/Input/Select/SelectListSection/SelectListSection.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBoxSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"@/components/Menu\";\n\n/**\n * A group section separating categorized items within a {@link SelectList}.\n */\nexport const SelectListSection = <T extends object>({\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => {\n    return (\n        <ListBoxSection\n            className={clsx(MenuSectionStyles, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;aAOaI,KAAoB,MAAA;CAAA,IAAAC,KAAA,GAAAL,EAAAA,EAAAA,CAAA,CAAA,GAAAM,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGuB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHJ,eAAA,GAAAE,KAAAC,GAGI,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAGC,IAAAD,EAAA,MAAlC,IAAAK,EAAKR,GAAmBI,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAE/C,OAF+CN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADjD,IAAA,kBAACG,GAAD;EACe,WAAAH;EAAkC,GACzCF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAHFM;AAGE"}
+{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","MenuSectionStyles","import_compiler_runtime","SelectListSection","$","className","props","t0","t1","clsx","t2","ListBoxSection"],"sources":["../../../../../src/components/Input/Select/SelectListSection/SelectListSection.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBoxSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"@/components/Menu\";\n\n/**\n * A group section separating categorized items within a {@link SelectList}.\n */\nexport const SelectListSection = <T extends object>({\n    className,\n    ...props\n}: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => {\n    return (\n        <ListBoxSection\n            className={clsx(MenuSectionStyles, className)}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;A,aAOaI,KAAoB,MAAA;CAAA,IAAAC,KAAA,GAAAL,EAAAA,EAAAA,CAAA,CAAA,GAAAM,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAGuB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAHJ,eAAA,GAAAE,KAAAC,GAGI,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAGC,IAAAD,EAAA,MAAlC,IAAAK,EAAKR,GAAmBI,CAAS,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAE;CAE/C,OAF+CN,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KADjD,IAAA,kBAACG,GAAD;EACe,WAAAH;EAAkC,GACzCF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAE,KAAA,IAAAN,EAAA,IAHFM;AAGE"}

package/dist/components/Input/Select/SelectListSectionHeader/index.js

@@ -4,7 +4,7 @@ import { i as n } from "../../../../chunks/core6";
 import { clsx as r } from "clsx";
 import { jsx as i } from "react/jsx-runtime";
 import { Header as a } from "react-aria-components";
-//#region src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx
+// src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx
 var o = e(), s = (e) => {
 	let s = (0, o.c)(8), c, l;
 	s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
@@ -16,7 +16,6 @@ var o = e(), s = (e) => {
 		...l
 	}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
 };
-//#endregion
 export { s as SelectListSectionHeader };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Select/SelectListSectionHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","MenuSectionHeaderStyles","import_compiler_runtime","SelectListSectionHeader","$","className","props","t0","t1","clsx","typography","t2","Header"],"sources":["../../../../../src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { MenuSectionHeaderStyles } from \"@/components/Menu\";\nimport { typography } from \"@/utils\";\n\n/**\n * Header label rendered at the top of a {@link SelectListSection}.\n */\nexport const SelectListSectionHeader: React.FC<\n    React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n    return (\n        <Header\n            className={clsx(\n                typography.labelLarge,\n                MenuSectionHeaderStyles,\n                className\n            )}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;aAQaI,KAET,MAAA;CAAA,IAAAC,KAAA,GAAAL,EAAAA,EAAAA,CAAA,CAAA,GAAAM,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOf,IAAAD,EAAA,MAJU,IAAAK,EACPC,EAAU,YACVT,GACAI,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAG;CAEH,OAFGP,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACI,GAAD;EACe,WAAAJ;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAG,KAAA,IAAAP,EAAA,IAPFO;AAOE"}
+{"version":3,"file":"index.js","names":["_c","require_compiler_runtime","MenuSectionHeaderStyles","import_compiler_runtime","SelectListSectionHeader","$","className","props","t0","t1","clsx","typography","t2","Header"],"sources":["../../../../../src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { MenuSectionHeaderStyles } from \"@/components/Menu\";\nimport { typography } from \"@/utils\";\n\n/**\n * Header label rendered at the top of a {@link SelectListSection}.\n */\nexport const SelectListSectionHeader: React.FC<\n    React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n    return (\n        <Header\n            className={clsx(\n                typography.labelLarge,\n                MenuSectionHeaderStyles,\n                className\n            )}\n            {...props}\n        />\n    );\n};\n"],"mappings":";;;;;;;A,aAQaI,KAET,MAAA;CAAA,IAAAC,KAAA,GAAAL,EAAAA,EAAAA,CAAA,CAAA,GAAAM,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAAwB,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAAvB,eAAA,GAAAE,KAAAC,GAAuB,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CAAA,IAAAE;CAAA,AAAAJ,EAAA,OAAAC,IAOf,IAAAD,EAAA,MAJU,IAAAK,EACPC,EAAU,YACVT,GACAI,CACJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAG;CAAA,IAAAG;CAEH,OAFGP,EAAA,OAAAE,KAAAF,EAAA,OAAAI,KALL,IAAA,kBAACI,GAAD;EACe,WAAAJ;EAIV,GACGF;CAAK,CAAA,GACX,EAAA,KAAAA,GAAA,EAAA,KAAAE,GAAA,EAAA,KAAAG,KAAA,IAAAP,EAAA,IAPFO;AAOE"}

package/dist/components/Input/Select/SelectPopover/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SelectPopover";
-export { e as SelectPopover };
+export { t as SelectPopover } from "../../../../chunks/SelectPopover";

package/dist/components/Input/Select/SelectTrigger/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SelectTrigger";
-export { e as SelectTrigger };
+export { t as SelectTrigger } from "../../../../chunks/SelectTrigger";

package/dist/components/Input/Slider/CenteredSlider/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/CenteredSlider";
-export { e as CenteredSlider };
+export { t as CenteredSlider } from "../../../../chunks/CenteredSlider";

package/dist/components/Input/Slider/CenteredSlider/types.d.ts

@@ -1,7 +1,7 @@
 import { Slider } from 'react-aria-components';
 import { BaseSliderProps } from '../core';
 /**
- * Props for the [`CenteredSlider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/CenteredSlider/CenteredSlider.tsx) component.
+ * Props for the [`CenteredSlider`](src/components/Input/Slider/CenteredSlider/CenteredSlider.tsx) component.
  */
 export interface CenteredSliderProps<T extends number> extends Omit<React.ComponentPropsWithRef<typeof Slider<T>>, "children">, BaseSliderProps {
     /**

package/dist/components/Input/Slider/RangeSlider/RangeSlider.d.ts

@@ -4,7 +4,7 @@ import { RangeSliderProps, RangeSliderType } from './types';
  *
  * Allows users to choose a numeric range `[start, end]` using two independently draggable
  * thumbs. Displays an active filled track between the thumbs, supports step indicators
- * via [`SliderStops`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderStops/SliderStops.tsx),
+ * via [`SliderStops`](src/components/Input/Slider/SliderStops/SliderStops.tsx),
  * and handles thumb overlap transitions.
  *
  * @example

package/dist/components/Input/Slider/RangeSlider/index.js

@@ -5,7 +5,7 @@ import { t as u } from "../../../../chunks/SliderThumb";
 import d from "clsx";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Slider as h, SliderTrack as g } from "react-aria-components";
-//#region src/components/Input/Slider/RangeSlider/RangeSlider.tsx
+// src/components/Input/Slider/RangeSlider/RangeSlider.tsx
 var _ = ({ label: _, thumbLabels: v, size: y = "small", minValue: b = 0, maxValue: x = 100, step: S = 1, defaultValue: C = [b, b], showInBetweenSteps: w, maxStops: T, outputRenderer: E, className: D, ...O }) => /* @__PURE__ */ p(h, {
 	minValue: b,
 	maxValue: x,
@@ -71,7 +71,6 @@ var _ = ({ label: _, thumbLabels: v, size: y = "small", minValue: b = 0, maxValu
 		})] });
 	}
 });
-//#endregion
 export { _ as RangeSlider };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/Slider/RangeSlider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaSlider","clsx","_Fragment","Label","SliderThumb","Label$1","SliderStyles","SliderColors","SliderSizeStyles","InactiveTrackStyles","TrackContainerStyles","VisualTrackStyles","ActiveTrackStyles","SliderStops","SliderThumb$1","clsx$1","RangeSlider","minValue","props","Slider","className","renderProps","startThumbValue","state","endThumbValue","start","mid","end","sizeKey","orientation","Fragment","label","SliderTrack","TrackStyles","size","increaseZindex","i","maxValue","thumbLabels"],"sources":["../../../../../src/components/Input/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Slider as AriaSlider, SliderTrack } from \"react-aria-components\";\nimport { Label } from \"../../Label\";\nimport {\n    ActiveTrackStyles,\n    InactiveTrackStyles,\n    SliderColors,\n    SliderSizeStyles,\n    SliderStyles,\n    TrackContainerStyles,\n    TrackStyles,\n    VisualTrackStyles,\n} from \"../core\";\nimport { SliderStops } from \"../SliderStops\";\nimport { SliderThumb } from \"../SliderThumb\";\nimport type { RangeSliderProps, RangeSliderType } from \"./types\";\n\n/**\n * Material Design 3 dual-thumb range slider component.\n *\n * Allows users to choose a numeric range `[start, end]` using two independently draggable\n * thumbs. Displays an active filled track between the thumbs, supports step indicators\n * via [`SliderStops`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderStops/SliderStops.tsx),\n * and handles thumb overlap transitions.\n *\n * @example\n * ```tsx\n * import { RangeSlider } from \"@adgytec/web-ui-components\";\n *\n * <RangeSlider\n *     label=\"Price Range\"\n *     minValue={0}\n *     maxValue={1000}\n *     defaultValue={[100, 500]}\n *     step={25}\n *     showInBetweenSteps\n *     thumbLabels={[\"Minimum Price\", \"Maximum Price\"]}\n * />\n * ```\n */\nexport const RangeSlider = <T extends RangeSliderType>({\n    label,\n    thumbLabels,\n    size = \"small\",\n    minValue = 0,\n    maxValue = 100,\n    step = 1,\n    defaultValue = [minValue, minValue] as T,\n    showInBetweenSteps,\n    maxStops,\n    outputRenderer,\n    className,\n    ...props\n}: RangeSliderProps<T>) => {\n    return (\n        <AriaSlider\n            minValue={minValue}\n            maxValue={maxValue}\n            step={step}\n            defaultValue={defaultValue}\n            className={(renderProps) =>\n                clsx(\n                    SliderStyles,\n                    SliderColors,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {({ orientation, state }) => {\n                const startThumbValue = state.getThumbPercent(0);\n                const endThumbValue = state.getThumbPercent(1);\n\n                const start = startThumbValue * 100;\n                const mid = (endThumbValue - startThumbValue) * 100;\n                const end = (1 - endThumbValue) * 100;\n\n                const sizeKey =\n                    orientation === \"horizontal\" ? \"inlineSize\" : \"blockSize\";\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        <div\n                            className={clsx(TrackContainerStyles)}\n                            data-orientation={orientation}\n                        >\n                            <SliderTrack\n                                className={clsx(\n                                    TrackStyles,\n                                    SliderSizeStyles(size)\n                                )}\n                            >\n                                <div\n                                    className={clsx(VisualTrackStyles)}\n                                    data-orientation={orientation}\n                                >\n                                    <div\n                                        className={clsx(InactiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"start\"\n                                        style={{\n                                            [sizeKey]: `${start}%`,\n                                        }}\n                                    />\n\n                                    <div\n                                        className={clsx(ActiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"mid\"\n                                        style={{\n                                            [sizeKey]: `${mid}%`,\n                                        }}\n                                    >\n                                        <div />\n                                    </div>\n\n                                    <div\n                                        className={clsx(InactiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"end\"\n                                        style={{\n                                            [sizeKey]: `${end}%`,\n                                        }}\n                                    />\n                                </div>\n\n                                <SliderStops\n                                    minValue={minValue}\n                                    maxValue={maxValue}\n                                    step={step}\n                                    orientation={orientation}\n                                    slider=\"range\"\n                                    showInBetweenSteps={showInBetweenSteps}\n                                    maxStops={maxStops}\n                                />\n\n                                {state.values.map((_, i) => {\n                                    const increaseZindex =\n                                        i === 0 &&\n                                        state.getThumbValue(i) === maxValue;\n                                    return (\n                                        <SliderThumb\n                                            // biome-ignore lint: index is stable here\n                                            key={i}\n                                            index={i}\n                                            size={size}\n                                            orientation={orientation}\n                                            aria-label={thumbLabels?.[i]}\n                                            data-z-index-increase={\n                                                increaseZindex || undefined\n                                            }\n                                            outputRenderer={outputRenderer}\n                                        />\n                                    );\n                                })}\n                            </SliderTrack>\n                        </div>\n                    </>\n                );\n            }}\n        </AriaSlider>\n    );\n};\n"],"mappings":";;;;;;;;AAwCA,IAAagB,KAA0C,EACnD,UACA,gBACA,UAAO,SACP,cAAW,GACX,cAAW,KACX,UAAO,GACP,kBAAe,CAACC,GAAUA,CAAQ,GAClC,uBACA,aACA,mBACA,cACA,GAAGC,QAGC,kBAAClB,GAAD;CACc;CACA;CACJ;CACQ;CACd,YAAY,MACRC,EACIK,GACAC,GACA,OAAOa,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIF;CAEF,WAAA,EAAE,gBAAa,eAAY;EACzB,IAAMI,IAAkBC,EAAM,gBAAgB,CAAC,GACzCC,IAAgBD,EAAM,gBAAgB,CAAC,GAEvCE,IAAQH,IAAkB,KAC1BI,KAAOF,IAAgBF,KAAmB,KAC1CK,KAAO,IAAIH,KAAiB,KAE5BI,IACFC,MAAgB,eAAe,eAAe;EAElD,OACI,kBAAA3B,GAAA,EAAA,UAAA,CACK6B,KAAS,kBAAC5B,GAAD,EAAA,UAAQ4B,EAAa,CAAA,GAE/B,kBAAC,OAAD;GACI,WAAW9B,EAAKS,CAAoB;GACpC,oBAAkBmB;GAElB,UAAA,kBAACG,GAAD;IACI,WAAW/B,EACPgC,GACAzB,EAAiB0B,CAAI,CACzB;IAJJ,UAAA;KAMI,kBAAC,OAAD;MACI,WAAWjC,EAAKU,CAAiB;MACjC,oBAAkBkB;MAFtB,UAAA;OAII,kBAAC,OAAD;QACI,WAAW5B,EAAKQ,CAAmB;QACnC,oBAAkBoB;QAClB,cAAW;QACX,OAAO,GACFD,IAAU,GAAGH,EAAK,GACvB;OAAE,CAAA;OAGN,kBAAC,OAAD;QACI,WAAWxB,EAAKW,CAAiB;QACjC,oBAAkBiB;QAClB,cAAW;QACX,OAAO,GACFD,IAAU,GAAGF,EAAG,GACrB;QAEA,UAAA,kBAAC,OAAD,CAAI,CAAA;OACH,CAAA;OAEL,kBAAC,OAAD;QACI,WAAWzB,EAAKQ,CAAmB;QACnC,oBAAkBoB;QAClB,cAAW;QACX,OAAO,GACFD,IAAU,GAAGD,EAAG,GACrB;OAAE,CAAA;MAEL;;KAEL,kBAACd,GAAD;MACc;MACA;MACJ;MACO;MACb,QAAO;MACa;MACV;KAAS,CAAA;KAGtBU,EAAM,OAAO,KAAK,GAAG,MAAM;MACxB,IAAMY,IACFC,MAAM,KACNb,EAAM,cAAca,CAAC,MAAMC;MAC/B,OACI,kBAACjC,GAAD;OAGI,OAAOgC;OACD;OACO;OACb,cAAYE,IAAcF;OAC1B,yBACID,KAAkB,KAAA;OAEN;MAAe,GAR1BC,CAQ0B;KAG3C,CAAC;IACQ;;EACZ,CAAA,CACT,EAAA,CAAA;CAER;AACQ,CAAA"}
+{"version":3,"file":"index.js","names":["AriaSlider","clsx","_Fragment","Label","SliderThumb","Label$1","SliderStyles","SliderColors","SliderSizeStyles","InactiveTrackStyles","TrackContainerStyles","VisualTrackStyles","ActiveTrackStyles","SliderStops","SliderThumb$1","clsx$1","RangeSlider","minValue","props","Slider","className","renderProps","startThumbValue","state","endThumbValue","start","mid","end","sizeKey","orientation","Fragment","label","SliderTrack","TrackStyles","size","increaseZindex","i","maxValue","thumbLabels"],"sources":["../../../../../src/components/Input/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Slider as AriaSlider, SliderTrack } from \"react-aria-components\";\nimport { Label } from \"../../Label\";\nimport {\n    ActiveTrackStyles,\n    InactiveTrackStyles,\n    SliderColors,\n    SliderSizeStyles,\n    SliderStyles,\n    TrackContainerStyles,\n    TrackStyles,\n    VisualTrackStyles,\n} from \"../core\";\nimport { SliderStops } from \"../SliderStops\";\nimport { SliderThumb } from \"../SliderThumb\";\nimport type { RangeSliderProps, RangeSliderType } from \"./types\";\n\n/**\n * Material Design 3 dual-thumb range slider component.\n *\n * Allows users to choose a numeric range `[start, end]` using two independently draggable\n * thumbs. Displays an active filled track between the thumbs, supports step indicators\n * via [`SliderStops`](src/components/Input/Slider/SliderStops/SliderStops.tsx),\n * and handles thumb overlap transitions.\n *\n * @example\n * ```tsx\n * import { RangeSlider } from \"@adgytec/web-ui-components\";\n *\n * <RangeSlider\n *     label=\"Price Range\"\n *     minValue={0}\n *     maxValue={1000}\n *     defaultValue={[100, 500]}\n *     step={25}\n *     showInBetweenSteps\n *     thumbLabels={[\"Minimum Price\", \"Maximum Price\"]}\n * />\n * ```\n */\nexport const RangeSlider = <T extends RangeSliderType>({\n    label,\n    thumbLabels,\n    size = \"small\",\n    minValue = 0,\n    maxValue = 100,\n    step = 1,\n    defaultValue = [minValue, minValue] as T,\n    showInBetweenSteps,\n    maxStops,\n    outputRenderer,\n    className,\n    ...props\n}: RangeSliderProps<T>) => {\n    return (\n        <AriaSlider\n            minValue={minValue}\n            maxValue={maxValue}\n            step={step}\n            defaultValue={defaultValue}\n            className={(renderProps) =>\n                clsx(\n                    SliderStyles,\n                    SliderColors,\n                    typeof className === \"function\"\n                        ? className(renderProps)\n                        : className\n                )\n            }\n            {...props}\n        >\n            {({ orientation, state }) => {\n                const startThumbValue = state.getThumbPercent(0);\n                const endThumbValue = state.getThumbPercent(1);\n\n                const start = startThumbValue * 100;\n                const mid = (endThumbValue - startThumbValue) * 100;\n                const end = (1 - endThumbValue) * 100;\n\n                const sizeKey =\n                    orientation === \"horizontal\" ? \"inlineSize\" : \"blockSize\";\n\n                return (\n                    <>\n                        {label && <Label>{label}</Label>}\n\n                        <div\n                            className={clsx(TrackContainerStyles)}\n                            data-orientation={orientation}\n                        >\n                            <SliderTrack\n                                className={clsx(\n                                    TrackStyles,\n                                    SliderSizeStyles(size)\n                                )}\n                            >\n                                <div\n                                    className={clsx(VisualTrackStyles)}\n                                    data-orientation={orientation}\n                                >\n                                    <div\n                                        className={clsx(InactiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"start\"\n                                        style={{\n                                            [sizeKey]: `${start}%`,\n                                        }}\n                                    />\n\n                                    <div\n                                        className={clsx(ActiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"mid\"\n                                        style={{\n                                            [sizeKey]: `${mid}%`,\n                                        }}\n                                    >\n                                        <div />\n                                    </div>\n\n                                    <div\n                                        className={clsx(InactiveTrackStyles)}\n                                        data-orientation={orientation}\n                                        data-track=\"end\"\n                                        style={{\n                                            [sizeKey]: `${end}%`,\n                                        }}\n                                    />\n                                </div>\n\n                                <SliderStops\n                                    minValue={minValue}\n                                    maxValue={maxValue}\n                                    step={step}\n                                    orientation={orientation}\n                                    slider=\"range\"\n                                    showInBetweenSteps={showInBetweenSteps}\n                                    maxStops={maxStops}\n                                />\n\n                                {state.values.map((_, i) => {\n                                    const increaseZindex =\n                                        i === 0 &&\n                                        state.getThumbValue(i) === maxValue;\n                                    return (\n                                        <SliderThumb\n                                            // biome-ignore lint: index is stable here\n                                            key={i}\n                                            index={i}\n                                            size={size}\n                                            orientation={orientation}\n                                            aria-label={thumbLabels?.[i]}\n                                            data-z-index-increase={\n                                                increaseZindex || undefined\n                                            }\n                                            outputRenderer={outputRenderer}\n                                        />\n                                    );\n                                })}\n                            </SliderTrack>\n                        </div>\n                    </>\n                );\n            }}\n        </AriaSlider>\n    );\n};\n"],"mappings":";;;;;;;;AAwCA,IAAagB,KAA0C,EACnD,UACA,gBACA,UAAO,SACP,cAAW,GACX,cAAW,KACX,UAAO,GACP,kBAAe,CAACC,GAAUA,CAAQ,GAClC,uBACA,aACA,mBACA,cACA,GAAGC,QAGC,kBAAClB,GAAD;CACc;CACA;CACJ;CACQ;CACd,YAAY,MACRC,EACIK,GACAC,GACA,OAAOa,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIF;CAEF,WAAA,EAAE,gBAAa,eAAY;EACzB,IAAMI,IAAkBC,EAAM,gBAAgB,CAAC,GACzCC,IAAgBD,EAAM,gBAAgB,CAAC,GAEvCE,IAAQH,IAAkB,KAC1BI,KAAOF,IAAgBF,KAAmB,KAC1CK,KAAO,IAAIH,KAAiB,KAE5BI,IACFC,MAAgB,eAAe,eAAe;EAElD,OACI,kBAAA3B,GAAA,EAAA,UAAA,CACK6B,KAAS,kBAAC5B,GAAD,EAAA,UAAQ4B,EAAa,CAAA,GAE/B,kBAAC,OAAD;GACI,WAAW9B,EAAKS,CAAoB;GACpC,oBAAkBmB;GAElB,UAAA,kBAACG,GAAD;IACI,WAAW/B,EACPgC,GACAzB,EAAiB0B,CAAI,CACzB;IAJJ,UAAA;KAMI,kBAAC,OAAD;MACI,WAAWjC,EAAKU,CAAiB;MACjC,oBAAkBkB;MAFtB,UAAA;OAII,kBAAC,OAAD;QACI,WAAW5B,EAAKQ,CAAmB;QACnC,oBAAkBoB;QAClB,cAAW;QACX,OAAO,GACFD,IAAU,GAAGH,EAAK,GACvB;OAAE,CAAA;OAGN,kBAAC,OAAD;QACI,WAAWxB,EAAKW,CAAiB;QACjC,oBAAkBiB;QAClB,cAAW;QACX,OAAO,GACFD,IAAU,GAAGF,EAAG,GACrB;QAEA,UAAA,kBAAC,OAAD,CAAI,CAAA;OACH,CAAA;OAEL,kBAAC,OAAD;QACI,WAAWzB,EAAKQ,CAAmB;QACnC,oBAAkBoB;QAClB,cAAW;QACX,OAAO,GACFD,IAAU,GAAGD,EAAG,GACrB;OAAE,CAAA;MAEL;;KAEL,kBAACd,GAAD;MACc;MACA;MACJ;MACO;MACb,QAAO;MACa;MACV;KAAS,CAAA;KAGtBU,EAAM,OAAO,KAAK,GAAG,MAAM;MACxB,IAAMY,IACFC,MAAM,KACNb,EAAM,cAAca,CAAC,MAAMC;MAC/B,OACI,kBAACjC,GAAD;OAGI,OAAOgC;OACD;OACO;OACb,cAAYE,IAAcF;OAC1B,yBACID,KAAkB,KAAA;OAEN;MAAe,GAR1BC,CAQ0B;KAG3C,CAAC;IACQ;;EACZ,CAAA,CACT,EAAA,CAAA;CAER;AACQ,CAAA"}

package/dist/components/Input/Slider/RangeSlider/types.d.ts

@@ -6,7 +6,7 @@ type Tuple<T> = [T, T];
  */
 export type RangeSliderType = Tuple<number>;
 /**
- * Props for the dual-thumb [`RangeSlider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/RangeSlider/RangeSlider.tsx) component.
+ * Props for the dual-thumb [`RangeSlider`](src/components/Input/Slider/RangeSlider/RangeSlider.tsx) component.
  */
 export interface RangeSliderProps<T extends RangeSliderType> extends Omit<React.ComponentPropsWithRef<typeof Slider<T>>, "children">, BaseSliderProps {
     /**

package/dist/components/Input/Slider/Slider/Slider.d.ts

@@ -3,7 +3,7 @@ import { SliderProps } from './types';
  * Material Design 3 single-value slider component.
  *
  * Allows users to choose a specific numeric value along a track using a draggable thumb.
- * Supports configurable sizes, step indicators via [`SliderStops`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderStops/SliderStops.tsx),
+ * Supports configurable sizes, step indicators via [`SliderStops`](src/components/Input/Slider/SliderStops/SliderStops.tsx),
  * inset icons with automatic minimum-value swapping, and custom output formatting.
  *
  * @example

package/dist/components/Input/Slider/Slider/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/Slider";
-export { e as Slider };
+export { t as Slider } from "../../../../chunks/Slider";

package/dist/components/Input/Slider/Slider/types.d.ts

@@ -2,7 +2,7 @@ import { LucideIcon } from 'lucide-react';
 import { Slider } from 'react-aria-components';
 import { BaseSliderProps } from '../core';
 /**
- * Props for the single-value [`Slider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/Slider/Slider.tsx) component.
+ * Props for the single-value [`Slider`](src/components/Input/Slider/Slider/Slider.tsx) component.
  */
 export interface SliderProps<T extends number> extends Omit<React.ComponentPropsWithRef<typeof Slider<T>>, "children">, BaseSliderProps {
     /**

package/dist/components/Input/Slider/SliderOutput/SliderOutput.d.ts

@@ -1,13 +1,13 @@
 import { SliderOutput as AriaSliderOutput } from 'react-aria-components';
 /**
- * Props for the [`SliderOutput`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderOutput/SliderOutput.tsx) component.
+ * Props for the [`SliderOutput`](src/components/Input/Slider/SliderOutput/SliderOutput.tsx) component.
  */
 export interface SliderOutputProps extends React.ComponentPropsWithRef<typeof AriaSliderOutput> {
 }
 /**
  * Output tooltip / badge component displaying the current value of the slider thumb.
  *
- * Automatically connects to [`SliderThumbStateContext`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderThumb/context.ts)
+ * Automatically connects to [`SliderThumbStateContext`](src/components/Input/Slider/SliderThumb/context.ts)
  * to reflect hover, focus, and dragging states on data attributes.
  *
  * @example

package/dist/components/Input/Slider/SliderOutput/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SliderOutput";
-export { e as SliderOutput };
+export { t as SliderOutput } from "../../../../chunks/SliderOutput";

package/dist/components/Input/Slider/SliderStops/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SliderStops";
-export { e as SliderStops };
+export { t as SliderStops } from "../../../../chunks/SliderStops";

package/dist/components/Input/Slider/SliderStops/types.d.ts

@@ -1,7 +1,7 @@
 import { Orientation } from 'react-aria';
 import { SliderVariant } from '../core';
 /**
- * Props for the [`SliderStops`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderStops/SliderStops.tsx) component.
+ * Props for the [`SliderStops`](src/components/Input/Slider/SliderStops/SliderStops.tsx) component.
  */
 export type SliderStopsProps = {
     /**

package/dist/components/Input/Slider/SliderThumb/SliderThumb.d.ts

@@ -2,7 +2,7 @@ import { Orientation } from 'react-aria';
 import { SliderThumb as AriaSliderThumb } from 'react-aria-components';
 import { OutputRenderer, SliderSize } from '../core';
 /**
- * Props for the [`SliderThumb`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderThumb/SliderThumb.tsx) component.
+ * Props for the [`SliderThumb`](src/components/Input/Slider/SliderThumb/SliderThumb.tsx) component.
  */
 export interface SliderThumbProps extends Omit<React.ComponentPropsWithRef<typeof AriaSliderThumb>, "children"> {
     /**
@@ -22,7 +22,7 @@ export interface SliderThumbProps extends Omit<React.ComponentPropsWithRef<typeo
  * Draggable handle component within a slider track.
  *
  * Wraps React Aria's `SliderThumb`, managing state transitions (drag, hover, focus)
- * and hosting the [`SliderOutput`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderOutput/SliderOutput.tsx)
+ * and hosting the [`SliderOutput`](src/components/Input/Slider/SliderOutput/SliderOutput.tsx)
  * value bubble.
  *
  * @example

package/dist/components/Input/Slider/SliderThumb/context.d.ts

@@ -1,5 +1,5 @@
 /**
- * State values exposed by the parent [`SliderThumb`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderThumb/SliderThumb.tsx)
+ * State values exposed by the parent [`SliderThumb`](src/components/Input/Slider/SliderThumb/SliderThumb.tsx)
  * representing current user interactions.
  */
 export type SliderThumbStateContextValue = {
@@ -22,6 +22,6 @@ export type SliderThumbStateContextValue = {
 };
 /**
  * React context providing thumb interaction state to child components such as
- * [`SliderOutput`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/SliderOutput/SliderOutput.tsx).
+ * [`SliderOutput`](src/components/Input/Slider/SliderOutput/SliderOutput.tsx).
  */
 export declare const SliderThumbStateContext: import('react').Context<SliderThumbStateContextValue>;

package/dist/components/Input/Slider/SliderThumb/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/SliderThumb";
-export { e as SliderThumb };
+export { t as SliderThumb } from "../../../../chunks/SliderThumb";

package/dist/components/Input/Slider/core/index.js

@@ -1,2 +1 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../../../chunks/core7";
-export { s as ActiveTrackStyles, r as InactiveTrackStyles, t as SliderColors, n as SliderSizeStyles, e as SliderStyles, i as TrackContainerStyles, o as TrackStyles, a as VisualTrackStyles };
+export { t as ActiveTrackStyles, n as InactiveTrackStyles, c as SliderColors, i as SliderSizeStyles, a as SliderStyles, o as TrackContainerStyles, s as TrackStyles, r as VisualTrackStyles } from "../../../../chunks/core7";

package/dist/components/Input/Slider/core/slider.d.ts

@@ -21,9 +21,9 @@ export type OutputRenderer = ReactNode | ((renderProps: SliderThumbRenderProps &
  * Common configuration properties shared across all slider variants.
  *
  * Extends base options for labels, sizing, step tick marks, and value outputs
- * across [`Slider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/Slider/Slider.tsx),
- * [`RangeSlider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/RangeSlider/RangeSlider.tsx),
- * and [`CenteredSlider`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/Input/Slider/CenteredSlider/CenteredSlider.tsx).
+ * across [`Slider`](src/components/Input/Slider/Slider/Slider.tsx),
+ * [`RangeSlider`](src/components/Input/Slider/RangeSlider/RangeSlider.tsx),
+ * and [`CenteredSlider`](src/components/Input/Slider/CenteredSlider/CenteredSlider.tsx).
  */
 export interface BaseSliderProps {
     /**

package/dist/components/Input/Switch/Switch.d.ts

@@ -2,16 +2,33 @@ import { SwitchProps } from './types';
 /**
  * A toggle switch control implementing Material Design 3 Switch specifications.
  *
- * Toggles a binary on/off setting with animated sliding thumb indicator, support for optional
- * handle icons (such as checkmark and cross), and configurable label placement.
+ * Toggles a binary on/off setting with an animated sliding thumb indicator, support for optional
+ * handle icons (such as checkmark and cross), and configurable label placement. Built on React Aria's
+ * `SwitchField` and `SwitchButton` components for robust accessibility, keyboard navigation, and form integration.
  *
  * @example
  * ```tsx
- * import { Switch } from '@adgytec/web-ui-components';
+ * import { Switch } from "@adgytec/web-ui-components";
  *
  * <Switch isSelected={airplaneMode} onChange={setAirplaneMode}>
  *     Airplane Mode
  * </Switch>
  * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom icons in both on/off states and label placed after switch
+ * import { Switch } from "@adgytec/web-ui-components";
+ * import { Wifi, WifiOff } from "lucide-react";
+ *
+ * <Switch
+ *     icon="both"
+ *     selectedIcon={Wifi}
+ *     unselectedIcon={WifiOff}
+ *     labelPlacement="end"
+ * >
+ *     Wi-Fi
+ * </Switch>
+ * ```
  */
 export declare const Switch: React.FC<SwitchProps>;

package/dist/components/Input/Switch/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/Switch";
-export { e as Switch };
+export { t as Switch } from "../../../chunks/Switch";

package/dist/components/Input/Switch/types.d.ts

@@ -1,15 +1,17 @@
 import { LucideIcon } from 'lucide-react';
-import { Switch } from 'react-aria-components';
+import { SwitchField } from 'react-aria-components';
 /**
- * Props for the {@link Switch} component.
- * Extends React Aria's {@link Switch} props.
+ * Props for the [`Switch`](src/components/Input/Switch/Switch.tsx) component.
+ *
+ * Extends all properties from React Aria's `SwitchField`, including form submission (`name`, `value`),
+ * selection states (`isSelected`, `defaultSelected`, `onChange`), validation, and accessibility.
  */
-export interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch> {
+export interface SwitchProps extends React.ComponentPropsWithRef<typeof SwitchField> {
     /**
      * Determines which icons to render within the switch handle.
      *
-     * - `"none"`: No icons.
-     * - `"selected"`: Icon rendered only when selected (default).
+     * - `"none"`: No icons rendered.
+     * - `"selected"`: Icon rendered only when the switch is selected (default).
      * - `"both"`: Render selected icon when on, and unselected icon when off.
      *
      * @default "selected"
@@ -18,15 +20,12 @@ export interface SwitchProps extends React.ComponentPropsWithRef<typeof Switch>
     /**
      * Alignment of the label text relative to the switch track.
      *
+     * - `"start"`: Label appears before (to the left of) the switch track.
+     * - `"end"`: Label appears after (to the right of) the switch track.
+     *
      * @default "start"
      */
     labelPlacement?: "start" | "end";
-    /**
-     * When `true`, displays the state layer across the whole component container.
-     *
-     * @default false
-     */
-    containerStateLayer?: boolean;
     /**
      * Custom icon rendered when the switch is unselected (used when `icon="both"`).
      *

package/dist/components/Input/TextArea/index.js

@@ -8,7 +8,7 @@ import { useControllableState as d } from "../hooks/index.js";
 import f from "clsx";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { TextArea as g, TextField as _ } from "react-aria-components";
-//#region src/components/Input/TextArea/TextArea.tsx
+// src/components/Input/TextArea/TextArea.tsx
 var v = ({ label: v, description: y, errorMessage: b, showDescriptionOnInvalid: x = !1, placeholder: S, showCharacterCount: C, rows: w, className: T, maxLength: E, value: D, defaultValue: O, onChange: k, ref: A, ...j }) => {
 	let { currentValue: M, setValue: N } = d({
 		value: D,
@@ -55,7 +55,6 @@ var v = ({ label: v, description: y, errorMessage: b, showDescriptionOnInvalid:
 		}
 	});
 };
-//#endregion
 export { v as TextArea };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/TimeField/index.js

@@ -6,7 +6,7 @@ import { c as i, d as a, i as o, l as s, n as c, o as l, r as u, s as d } from "
 import f from "clsx";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { DateInput as g, DateSegment as _, TimeField as v } from "react-aria-components";
-//#region src/components/Input/TimeField/TimeField.tsx
+// src/components/Input/TimeField/TimeField.tsx
 var y = ({ label: y, description: b, errorMessage: x, showDescriptionOnInvalid: S = !1, className: C, ref: w, ...T }) => /* @__PURE__ */ m(v, {
 	className: (e) => f(c, i, typeof C == "function" ? C(e) : C),
 	...T,
@@ -34,7 +34,6 @@ var y = ({ label: y, description: b, errorMessage: x, showDescriptionOnInvalid:
 		] });
 	}
 });
-//#endregion
 export { y as TimeField };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/core/index.js

@@ -1,2 +1 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../../../chunks/core4";
-export { l as CharacterCountStyles, a as Colors, s as DateInputStyles, r as DateSegmentStyles, e as EditorInputGroupStyles, o as EditorInputStyles, c as EditorStyles, t as InputGroupStyles, i as SupportingTextStyles, u as TextFieldIconSize, n as UnsetStyles };
+export { t as CharacterCountStyles, n as Colors, r as DateInputStyles, i as DateSegmentStyles, a as EditorInputGroupStyles, o as EditorInputStyles, s as EditorStyles, c as InputGroupStyles, l as SupportingTextStyles, u as TextFieldIconSize, d as UnsetStyles } from "../../../chunks/core4";

package/dist/components/Input/hooks/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../../chunks/compiler-runtime";
 import { useState as t } from "react";
-//#region src/components/Input/hooks/useControllableState.ts
+// src/components/Input/hooks/useControllableState.ts
 var n = e();
 function r(e) {
 	let r = (0, n.c)(8), { value: i, defaultValue: a, onChange: o } = e, s = i !== void 0, c;
@@ -15,7 +15,6 @@ function r(e) {
 		setValue: p
 	}, r[5] = d, r[6] = p, r[7] = m) : m = r[7], m;
 }
-//#endregion
 export { r as useControllableState };
 
 //# sourceMappingURL=index.js.map

package/dist/components/List/ListAction/ListAction.d.ts

@@ -1,11 +1,11 @@
 import { IconButtonProps } from '../../Button';
 /**
- * Props for the [`ListAction`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListAction/ListAction.tsx) component.
+ * Props for the [`ListAction`](src/components/List/ListAction/ListAction.tsx) component.
  */
 export interface ListActionProps extends Omit<IconButtonProps, "size"> {
 }
 /**
- * Pre-configured trailing action icon button for a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Pre-configured trailing action icon button for a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Hardcodes `size="small"` while ensuring a full 48px touch target area for accessibility,
  * defaulting to the `"standard"` icon button color style.

package/dist/components/List/ListAction/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../chunks/ListAction";
-export { e as ListAction };
+export { t as ListAction } from "../../../chunks/ListAction";

package/dist/components/List/ListAvatar/ListAvatar.d.ts

@@ -1,10 +1,10 @@
 /**
- * Props for the [`ListAvatar`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListAvatar/ListAvatar.tsx) component.
+ * Props for the [`ListAvatar`](src/components/List/ListAvatar/ListAvatar.tsx) component.
  */
 export interface ListAvatarProps extends React.ComponentPropsWithRef<"div"> {
 }
 /**
- * Circular 40px avatar container for user initials or profile images inside a [`ListItem`](file:///home/rohan/work/adgytec/adgytec-web-ui-components/src/components/List/ListItem/ListItem.tsx).
+ * Circular 40px avatar container for user initials or profile images inside a [`ListItem`](src/components/List/ListItem/ListItem.tsx).
  *
  * Automatically styles text content with Material Design 3 `titleMedium` typography,
  * and scales nested `<img>` elements with `object-fit: cover`.