@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Fundamentals/Input/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,121 @@
+import { access, accessSignal } from "../../../Utils/propUtils.js";
+import { DateValueUtils } from "../../../Abstracts/DateValue/DateValue.utils.js";
+import { SignalMirror } from "../../../Abstracts/SignalMirror/SignalMirror.js";
+import { RangeCalendar } from "../RangeCalendar/RangeCalendar.js";
+import { Popover } from "../../Popover/Popover.js";
+import { DateInput } from "../DateInput/DateInput.js";
+import { dateRangePickerRoot } from "./DateRangePicker.css.js";
+import { createEffect, createSignal, createUniqueId, untrack } from "solid-js";
+import { className, createComponent, insert, mergeProps, template, use } from "solid-js/web";
+//#region src/Fundamentals/Input/DateRangePicker/DateRangePicker.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var DEFAULT_DATE_RANGE_PICKER_PLACEMENT = {
+	x: "left-in",
+	y: "bottom-out"
+};
+var DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL = "Choose a date range";
+var DEFAULT_DATE_RANGE_PICKER_START_LABEL = "Start date";
+var DEFAULT_DATE_RANGE_PICKER_END_LABEL = "End date";
+var toMonth = (value) => DateValueUtils.getStartOfMonth(value);
+var DateRangePicker = (props) => {
+	const valueSignal = accessSignal(() => props.valueSignal);
+	const popupId = createUniqueId();
+	const [getRootRef, setRootRef] = createSignal();
+	const [getIsOpen, setIsOpen] = SignalMirror.createOptional(() => props.visibilitySignal, false);
+	const startSignal = createSignal(untrack(() => valueSignal[0]()?.start));
+	const endSignal = createSignal(untrack(() => valueSignal[0]()?.end));
+	const monthSignal = createSignal(toMonth(untrack(() => valueSignal[0]()?.start) ?? DateValueUtils.fromDate(/* @__PURE__ */ new Date())));
+	createEffect(() => {
+		const range = valueSignal[0]();
+		if (DateValueUtils.isSame(range?.start, untrack(startSignal[0]))) return;
+		startSignal[1](() => range?.start);
+	});
+	createEffect(() => {
+		const range = valueSignal[0]();
+		if (DateValueUtils.isSame(range?.end, untrack(endSignal[0]))) return;
+		endSignal[1](() => range?.end);
+	});
+	createEffect(() => {
+		const start = startSignal[0]();
+		const end = endSignal[0]();
+		const next = start && end ? DateValueUtils.orderRange(start, end) : void 0;
+		if (DateValueUtils.isSameRange(next, untrack(valueSignal[0]))) return;
+		valueSignal[1](() => next);
+	});
+	const dismiss = () => {
+		if (!getIsOpen()) return;
+		setIsOpen(false);
+		getRootRef()?.querySelector("input")?.focus();
+	};
+	createEffect(() => {
+		if (!getIsOpen()) return;
+		const start = untrack(() => valueSignal[0]()?.start);
+		if (start) monthSignal[1](() => toMonth(start));
+	});
+	const renderCalendar = () => createComponent(RangeCalendar, {
+		valueSignal,
+		monthSignal,
+		get min() {
+			return props.minDate;
+		},
+		get max() {
+			return props.maxDate;
+		},
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		get locale() {
+			return props.locale;
+		},
+		get weekStartsOn() {
+			return props.weekStartsOn;
+		},
+		ariaLabel: () => access(props.calendarLabel) ?? DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL,
+		get computeIsDayDisabled() {
+			return props.computeIsDayDisabled;
+		},
+		get renderDay() {
+			return props.renderDay;
+		},
+		get renderWeekday() {
+			return props.renderWeekday;
+		}
+	});
+	return (() => {
+		var _el$ = _tmpl$();
+		use(setRootRef, _el$);
+		className(_el$, dateRangePickerRoot);
+		insert(_el$, createComponent(DateInput, mergeProps(props, {
+			valueSignal: startSignal,
+			ariaLabel: () => access(props.startLabel) ?? DEFAULT_DATE_RANGE_PICKER_START_LABEL
+		})), null);
+		insert(_el$, () => props.renderSeparator?.(), null);
+		insert(_el$, createComponent(DateInput, mergeProps(props, {
+			valueSignal: endSignal,
+			ariaLabel: () => access(props.endLabel) ?? DEFAULT_DATE_RANGE_PICKER_END_LABEL,
+			renderTrailing: () => props.renderTrigger(getIsOpen, () => getIsOpen() ? dismiss() : setIsOpen(true))
+		})), null);
+		insert(_el$, createComponent(Popover, {
+			id: () => popupId,
+			role: "dialog",
+			ariaAttributes: () => ({ "aria-label": access(props.calendarLabel) ?? DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL }),
+			isOpen: getIsOpen,
+			anchorRef: getRootRef,
+			placement: () => access(props.placement) ?? DEFAULT_DATE_RANGE_PICKER_PLACEMENT,
+			get offset() {
+				return props.offset;
+			},
+			get transitionDurationMs() {
+				return props.popupTransitionDurationMs;
+			},
+			hasAutoFocus: true,
+			onDismiss: (reason) => reason === "escape" ? dismiss() : setIsOpen(false),
+			renderContent: (getVisibilityTarget, getTransitionDurationMs) => props.renderPopup(renderCalendar, monthSignal, getVisibilityTarget, getTransitionDurationMs)
+		}), null);
+		return _el$;
+	})();
+};
+//#endregion
+export { DateRangePicker };
+
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/Fundamentals/Input/DateRangePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","names":["Signal","createEffect","createSignal","createUniqueId","untrack","AnchorPlacement","DateValue","DateValueUtils","SignalMirror","access","accessSignal","Popover","DateInput","RangeCalendar","DateRangePickerProps","styles","DEFAULT_DATE_RANGE_PICKER_PLACEMENT","x","y","DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL","DEFAULT_DATE_RANGE_PICKER_START_LABEL","DEFAULT_DATE_RANGE_PICKER_END_LABEL","toMonth","value","getStartOfMonth","DateRangePicker","props","valueSignal","popupId","getRootRef","setRootRef","HTMLElement","getIsOpen","setIsOpen","createOptional","visibilitySignal","startSignal","start","endSignal","end","monthSignal","fromDate","Date","range","isSame","next","orderRange","undefined","isSameRange","dismiss","querySelector","focus","renderCalendar","_$createComponent","min","minDate","max","maxDate","isDisabled","locale","weekStartsOn","ariaLabel","calendarLabel","computeIsDayDisabled","renderDay","renderWeekday","_el$","_tmpl$","_$use","_$className","dateRangePickerRoot","_$insert","_$mergeProps","startLabel","renderSeparator","endLabel","renderTrailing","renderTrigger","id","role","ariaAttributes","isOpen","anchorRef","placement","offset","transitionDurationMs","popupTransitionDurationMs","hasAutoFocus","onDismiss","reason","renderContent","getVisibilityTarget","getTransitionDurationMs","renderPopup"],"sources":["../../../../src/Fundamentals/Input/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { Signal } from \"solid-js\";\r\nimport { createEffect, createSignal, createUniqueId, untrack } from \"solid-js\";\r\n\r\nimport type { AnchorPlacement } from \"../../../Abstracts/Anchor/Anchor.types\";\r\nimport type { DateValue } from \"../../../Abstracts/DateValue/DateValue.types\";\r\nimport { DateValueUtils } from \"../../../Abstracts/DateValue/DateValue.utils\";\r\nimport { SignalMirror } from \"../../../Abstracts/SignalMirror/SignalMirror\";\r\nimport { access, accessSignal } from \"../../../Utils/propUtils\";\r\nimport { Popover } from \"../../Popover/Popover\";\r\nimport { DateInput } from \"../DateInput/DateInput\";\r\nimport { RangeCalendar } from \"../RangeCalendar/RangeCalendar\";\r\nimport type { DateRangePickerProps } from \"./DateRangePicker.types\";\r\n\r\nimport * as styles from \"./DateRangePicker.css\";\r\n\r\nconst DEFAULT_DATE_RANGE_PICKER_PLACEMENT: AnchorPlacement = { x: \"left-in\", y: \"bottom-out\" };\r\nconst DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL = \"Choose a date range\";\r\nconst DEFAULT_DATE_RANGE_PICKER_START_LABEL = \"Start date\";\r\nconst DEFAULT_DATE_RANGE_PICKER_END_LABEL = \"End date\";\r\n\r\nconst toMonth = (value: DateValue): DateValue => DateValueUtils.getStartOfMonth(value);\r\n\r\nexport const DateRangePicker = (props: DateRangePickerProps) => {\r\n    const valueSignal = accessSignal(() => props.valueSignal);\r\n\r\n    const popupId = createUniqueId();\r\n\r\n    const [getRootRef, setRootRef] = createSignal<HTMLElement>();\r\n    const [getIsOpen, setIsOpen] = SignalMirror.createOptional(() => props.visibilitySignal, false);\r\n\r\n    const startSignal = createSignal<DateValue | undefined>(untrack(() => valueSignal[0]()?.start));\r\n    const endSignal = createSignal<DateValue | undefined>(untrack(() => valueSignal[0]()?.end));\r\n\r\n    const monthSignal: Signal<DateValue> = createSignal(\r\n        toMonth(untrack(() => valueSignal[0]()?.start) ?? DateValueUtils.fromDate(new Date())),\r\n    );\r\n\r\n    createEffect(() => {\r\n        const range = valueSignal[0]();\r\n\r\n        if (DateValueUtils.isSame(range?.start, untrack(startSignal[0]))) return;\r\n\r\n        startSignal[1](() => range?.start);\r\n    });\r\n\r\n    createEffect(() => {\r\n        const range = valueSignal[0]();\r\n\r\n        if (DateValueUtils.isSame(range?.end, untrack(endSignal[0]))) return;\r\n\r\n        endSignal[1](() => range?.end);\r\n    });\r\n\r\n    createEffect(() => {\r\n        const start = startSignal[0]();\r\n        const end = endSignal[0]();\r\n        const next = start && end ? DateValueUtils.orderRange(start, end) : undefined;\r\n\r\n        if (DateValueUtils.isSameRange(next, untrack(valueSignal[0]))) return;\r\n\r\n        valueSignal[1](() => next);\r\n    });\r\n\r\n    const dismiss = () => {\r\n        if (!getIsOpen()) return;\r\n\r\n        setIsOpen(false);\r\n        getRootRef()?.querySelector(\"input\")?.focus();\r\n    };\r\n\r\n    createEffect(() => {\r\n        if (!getIsOpen()) return;\r\n\r\n        const start = untrack(() => valueSignal[0]()?.start);\r\n\r\n        if (start) monthSignal[1](() => toMonth(start));\r\n    });\r\n\r\n    const renderCalendar = () => (\r\n        <RangeCalendar\r\n            valueSignal={valueSignal}\r\n            monthSignal={monthSignal}\r\n            min={props.minDate}\r\n            max={props.maxDate}\r\n            isDisabled={props.isDisabled}\r\n            locale={props.locale}\r\n            weekStartsOn={props.weekStartsOn}\r\n            ariaLabel={() => access(props.calendarLabel) ?? DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL}\r\n            computeIsDayDisabled={props.computeIsDayDisabled}\r\n            renderDay={props.renderDay}\r\n            renderWeekday={props.renderWeekday}\r\n        />\r\n    );\r\n\r\n    return (\r\n        <div ref={setRootRef} class={styles.dateRangePickerRoot}>\r\n            <DateInput\r\n                {...props}\r\n                valueSignal={startSignal}\r\n                ariaLabel={() => access(props.startLabel) ?? DEFAULT_DATE_RANGE_PICKER_START_LABEL}\r\n            />\r\n\r\n            {props.renderSeparator?.()}\r\n\r\n            <DateInput\r\n                {...props}\r\n                valueSignal={endSignal}\r\n                ariaLabel={() => access(props.endLabel) ?? DEFAULT_DATE_RANGE_PICKER_END_LABEL}\r\n                renderTrailing={() => props.renderTrigger(getIsOpen, () => (getIsOpen() ? dismiss() : setIsOpen(true)))}\r\n            />\r\n\r\n            <Popover\r\n                id={() => popupId}\r\n                role={\"dialog\"}\r\n                ariaAttributes={() => ({\r\n                    \"aria-label\": access(props.calendarLabel) ?? DEFAULT_DATE_RANGE_PICKER_CALENDAR_LABEL,\r\n                })}\r\n                isOpen={getIsOpen}\r\n                anchorRef={getRootRef}\r\n                placement={() => access(props.placement) ?? DEFAULT_DATE_RANGE_PICKER_PLACEMENT}\r\n                offset={props.offset}\r\n                transitionDurationMs={props.popupTransitionDurationMs}\r\n                hasAutoFocus={true}\r\n                onDismiss={(reason) => (reason === \"escape\" ? dismiss() : setIsOpen(false))}\r\n                renderContent={(getVisibilityTarget, getTransitionDurationMs) =>\r\n                    props.renderPopup(renderCalendar, monthSignal, getVisibilityTarget, getTransitionDurationMs)\r\n                }\r\n            />\r\n        </div>\r\n    );\r\n};\r\n"],"mappings":"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"}

package/dist/Fundamentals/Input/DateTimePicker/DateTimePicker.css.js

@@ -0,0 +1,7 @@
+/* empty css                                  */
+//#region src/Fundamentals/Input/DateTimePicker/DateTimePicker.css.ts
+var dateTimePickerRoot = "_1r7251b0";
+//#endregion
+export { dateTimePickerRoot };
+
+//# sourceMappingURL=DateTimePicker.css.js.map

package/dist/Fundamentals/Input/DateTimePicker/DateTimePicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.css.js","names":[],"sources":["../../../../src/Fundamentals/Input/DateTimePicker/DateTimePicker.css.ts"],"sourcesContent":["import { globalStyle, style } from \"@vanilla-extract/css\";\n\nexport const dateTimePickerRoot = style({\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"fit-content\",\n});\n\nglobalStyle(`${dateTimePickerRoot} > *`, {\n    flexShrink: 0,\n});\n"],"mappings":""}

package/dist/Fundamentals/Input/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,44 @@
+import { access, accessSignal } from "../../../Utils/propUtils.js";
+import { DateTimeValueUtils } from "../../../Abstracts/DateTimeValue/DateTimeValue.utils.js";
+import { DatePicker } from "../DatePicker/DatePicker.js";
+import { TimePicker } from "../TimePicker/TimePicker.js";
+import { dateTimePickerRoot } from "./DateTimePicker.css.js";
+import { className, createComponent, insert, mergeProps, template } from "solid-js/web";
+//#region src/Fundamentals/Input/DateTimePicker/DateTimePicker.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var DEFAULT_DATE_TIME_PICKER_DATE_LABEL = "Date";
+var DEFAULT_DATE_TIME_PICKER_TIME_LABEL = "Time";
+var DateTimePicker = (props) => {
+	const { dateSignal, timeSignal } = DateTimeValueUtils.createSplit(accessSignal(() => props.valueSignal));
+	return (() => {
+		var _el$ = _tmpl$();
+		className(_el$, dateTimePickerRoot);
+		insert(_el$, createComponent(DatePicker, mergeProps(props, {
+			valueSignal: dateSignal,
+			get visibilitySignal() {
+				return props.dateVisibilitySignal;
+			},
+			ariaLabel: () => access(props.dateLabel) ?? DEFAULT_DATE_TIME_PICKER_DATE_LABEL
+		})), null);
+		insert(_el$, () => props.renderSeparator?.(), null);
+		insert(_el$, createComponent(TimePicker, mergeProps(props, {
+			valueSignal: timeSignal,
+			get visibilitySignal() {
+				return props.timeVisibilitySignal;
+			},
+			ariaLabel: () => access(props.timeLabel) ?? DEFAULT_DATE_TIME_PICKER_TIME_LABEL,
+			renderLeading: void 0,
+			get renderTrailing() {
+				return props.renderTimeTrailing;
+			},
+			get renderPopup() {
+				return props.renderTimePopup;
+			}
+		})), null);
+		return _el$;
+	})();
+};
+//#endregion
+export { DateTimePicker };
+
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/Fundamentals/Input/DateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","names":["DateTimeValueUtils","access","accessSignal","DatePicker","TimePicker","DateTimePickerProps","styles","DEFAULT_DATE_TIME_PICKER_DATE_LABEL","DEFAULT_DATE_TIME_PICKER_TIME_LABEL","DateTimePicker","props","dateSignal","timeSignal","createSplit","valueSignal","_el$","_tmpl$","_$className","dateTimePickerRoot","_$insert","_$createComponent","_$mergeProps","visibilitySignal","dateVisibilitySignal","ariaLabel","dateLabel","renderSeparator","timeVisibilitySignal","timeLabel","renderLeading","undefined","renderTrailing","renderTimeTrailing","renderPopup","renderTimePopup"],"sources":["../../../../src/Fundamentals/Input/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { DateTimeValueUtils } from \"../../../Abstracts/DateTimeValue/DateTimeValue.utils\";\r\nimport { access, accessSignal } from \"../../../Utils/propUtils\";\r\nimport { DatePicker } from \"../DatePicker/DatePicker\";\r\nimport { TimePicker } from \"../TimePicker/TimePicker\";\r\nimport type { DateTimePickerProps } from \"./DateTimePicker.types\";\r\n\r\nimport * as styles from \"./DateTimePicker.css\";\r\n\r\nconst DEFAULT_DATE_TIME_PICKER_DATE_LABEL = \"Date\";\r\nconst DEFAULT_DATE_TIME_PICKER_TIME_LABEL = \"Time\";\r\n\r\nexport const DateTimePicker = (props: DateTimePickerProps) => {\r\n    const { dateSignal, timeSignal } = DateTimeValueUtils.createSplit(accessSignal(() => props.valueSignal));\r\n\r\n    return (\r\n        <div class={styles.dateTimePickerRoot}>\r\n            <DatePicker\r\n                {...props}\r\n                valueSignal={dateSignal}\r\n                visibilitySignal={props.dateVisibilitySignal}\r\n                ariaLabel={() => access(props.dateLabel) ?? DEFAULT_DATE_TIME_PICKER_DATE_LABEL}\r\n            />\r\n\r\n            {props.renderSeparator?.()}\r\n\r\n            <TimePicker\r\n                {...props}\r\n                valueSignal={timeSignal}\r\n                visibilitySignal={props.timeVisibilitySignal}\r\n                ariaLabel={() => access(props.timeLabel) ?? DEFAULT_DATE_TIME_PICKER_TIME_LABEL}\r\n                renderLeading={undefined}\r\n                renderTrailing={props.renderTimeTrailing}\r\n                renderPopup={props.renderTimePopup}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n"],"mappings":";;;;;;;;AAQA,IAAMO,sCAAsC;AAC5C,IAAMC,sCAAsC;AAE5C,IAAaC,kBAAkBC,UAA+B;CAC1D,MAAM,EAAEC,YAAYC,eAAeZ,mBAAmBa,YAAYX,mBAAmBQ,MAAMI,WAAW,CAAC;CAEvG,cAAA;EAAA,IAAAC,OAAAC,OAAA;EAAAC,UAAAF,MACgBT,kBAAyB;EAAAa,OAAAJ,MAAAK,gBAChCjB,YAAUkB,WACHX,OAAK;GACTI,aAAaH;GAAU,IACvBW,mBAAgB;IAAA,OAAEZ,MAAMa;GAAoB;GAC5CC,iBAAiBvB,OAAOS,MAAMe,SAAS,KAAKlB;EAAmC,CAAA,CAAA,GAAA,IAAA;EAAAY,OAAAJ,YAGlFL,MAAMgB,kBAAkB,GAAC,IAAA;EAAAP,OAAAJ,MAAAK,gBAEzBhB,YAAUiB,WACHX,OAAK;GACTI,aAAaF;GAAU,IACvBU,mBAAgB;IAAA,OAAEZ,MAAMiB;GAAoB;GAC5CH,iBAAiBvB,OAAOS,MAAMkB,SAAS,KAAKpB;GAC5CqB,eAAeC,KAAAA;GAAS,IACxBC,iBAAc;IAAA,OAAErB,MAAMsB;GAAkB;GAAA,IACxCC,cAAW;IAAA,OAAEvB,MAAMwB;GAAe;EAAA,CAAA,CAAA,GAAA,IAAA;EAAA,OAAAnB;CAAA,EAAA,CAAA;AAIlD"}

package/dist/Fundamentals/Input/FileInput/FileInput.css.js

@@ -0,0 +1,7 @@
+/* empty css                             */
+//#region src/Fundamentals/Input/FileInput/FileInput.css.ts
+var fileInputElement = "_1gaz4380";
+//#endregion
+export { fileInputElement };
+
+//# sourceMappingURL=FileInput.css.js.map

package/dist/Fundamentals/Input/FileInput/FileInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.css.js","names":[],"sources":["../../../../src/Fundamentals/Input/FileInput/FileInput.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\nexport const fileInputElement = style({\n    position: \"absolute\",\n    inset: 0,\n    width: \"auto !important\",\n    height: \"auto !important\",\n    minWidth: \"0 !important\",\n    margin: \"0 !important\",\n    padding: \"0 !important\",\n    border: \"none !important\",\n    borderRadius: \"0 !important\",\n    background: \"transparent !important\",\n    boxShadow: \"none !important\",\n    color: \"transparent\",\n    pointerEvents: \"all\",\n    cursor: \"pointer\",\n\n    selectors: {\n        \"&::file-selector-button, &::-webkit-file-upload-button\": {\n            display: \"none\",\n        },\n        \"&[aria-disabled='true']\": {\n            cursor: \"not-allowed\",\n        },\n    },\n});\n"],"mappings":""}

package/dist/Fundamentals/Input/FileInput/FileInput.js

@@ -0,0 +1,118 @@
+import { access } from "../../../Utils/propUtils.js";
+import { LabelUtils } from "../Label/Label.utils.js";
+import { InteractionWrapper } from "../../InteractionWrapper/InteractionWrapper.js";
+import { FormFieldUtils } from "../FormField/FormField.utils.js";
+import { fileInputElement } from "./FileInput.css.js";
+import { createRenderEffect, createSignal } from "solid-js";
+import { className, createComponent, delegateEvents, effect, memo, mergeProps, setAttribute, template, use } from "solid-js/web";
+//#region src/Fundamentals/Input/FileInput/FileInput.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<input type=file>`);
+var EMPTY_FILE_INPUT_VALUE = "";
+var FileInputElement = (props) => {
+	const getAriaLabel = LabelUtils.resolveAriaLabel(props.ariaLabel === void 0 ? void 0 : () => access(props.ariaLabel));
+	const getAriaDescribedBy = FormFieldUtils.resolveAriaDescribedBy();
+	const [getElementRef, setElementRef] = createSignal();
+	const getIsDisabled = () => access(props.flags).isDisabled ?? false;
+	const syncElement = (element) => {
+		if (access(props.files).length) return;
+		element.value = EMPTY_FILE_INPUT_VALUE;
+	};
+	createRenderEffect(() => {
+		const element = getElementRef();
+		if (!element) return;
+		syncElement(element);
+	});
+	return [memo(() => props.renderContent(() => access(props.flags))), (() => {
+		var _el$ = _tmpl$();
+		_el$.addEventListener("mouseleave", (e) => {
+			if (getIsDisabled()) return;
+			props.onMouseLeave?.(e);
+		});
+		_el$.addEventListener("mouseenter", (e) => {
+			if (getIsDisabled()) return;
+			props.onMouseEnter?.(e);
+		});
+		_el$.addEventListener("change", (e) => {
+			const element = e.currentTarget;
+			if (getIsDisabled()) return;
+			props.onChange?.(Array.from(element.files ?? []));
+			syncElement(element);
+		});
+		_el$.$$click = (e) => {
+			if (getIsDisabled()) e.preventDefault();
+		};
+		use((element) => {
+			setElementRef(element);
+			props.ref?.(element);
+		}, _el$);
+		className(_el$, fileInputElement);
+		effect((_p$) => {
+			var _v$ = access(props.id), _v$2 = access(props.name), _v$3 = access(props.accept), _v$4 = access(props.isMultiple), _v$5 = getAriaLabel(), _v$6 = getAriaDescribedBy(), _v$7 = getIsDisabled() || void 0, _v$8 = access(props.flags).hasError || void 0;
+			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "name", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "accept", _p$.a = _v$3);
+			_v$4 !== _p$.o && (_el$.multiple = _p$.o = _v$4);
+			_v$5 !== _p$.i && setAttribute(_el$, "aria-label", _p$.i = _v$5);
+			_v$6 !== _p$.n && setAttribute(_el$, "aria-describedby", _p$.n = _v$6);
+			_v$7 !== _p$.s && setAttribute(_el$, "aria-disabled", _p$.s = _v$7);
+			_v$8 !== _p$.h && setAttribute(_el$, "aria-invalid", _p$.h = _v$8);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0
+		});
+		return _el$;
+	})()];
+};
+var FileInput = (props) => {
+	return createComponent(InteractionWrapper, mergeProps(props, {
+		extraFlags: () => ({ files: props.filesSignal[0]() }),
+		renderControl: (setElementRef, getRenderProps) => createComponent(FileInputElement, {
+			ref(r$) {
+				var _ref$ = setElementRef;
+				typeof _ref$ === "function" ? _ref$(r$) : setElementRef = r$;
+			},
+			get id() {
+				return props.id;
+			},
+			get name() {
+				return props.name;
+			},
+			get ariaLabel() {
+				return props.ariaLabel;
+			},
+			get accept() {
+				return props.accept;
+			},
+			get isMultiple() {
+				return props.isMultiple;
+			},
+			flags: getRenderProps,
+			files: () => props.filesSignal[0](),
+			get renderContent() {
+				return props.renderContent;
+			},
+			onChange: (files) => {
+				props.filesSignal[1](files);
+				props.onChange?.(files);
+			},
+			get onMouseEnter() {
+				return props.onMouseEnter;
+			},
+			get onMouseLeave() {
+				return props.onMouseLeave;
+			}
+		})
+	}));
+};
+delegateEvents(["click"]);
+//#endregion
+export { FileInput };
+
+//# sourceMappingURL=FileInput.js.map

package/dist/Fundamentals/Input/FileInput/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","names":["createRenderEffect","createSignal","access","InteractionWrapper","FormFieldUtils","LabelUtils","FileInputElementProps","FileInputProps","FileInputRenderProps","styles","EMPTY_FILE_INPUT_VALUE","FileInputElement","props","getAriaLabel","resolveAriaLabel","ariaLabel","undefined","getAriaDescribedBy","resolveAriaDescribedBy","getElementRef","setElementRef","HTMLInputElement","getIsDisabled","flags","isDisabled","syncElement","element","files","length","value","_$memo","renderContent","_el$","_tmpl$","addEventListener","e","onMouseLeave","onMouseEnter","currentTarget","onChange","Array","from","$$click","preventDefault","_$use","ref","_$className","fileInputElement","_$effect","_p$","_v$","id","_v$2","name","_v$3","accept","_v$4","isMultiple","_v$5","_v$6","_v$7","_v$8","hasError","_$setAttribute","t","a","o","multiple","i","n","s","h","FileInput","_$createComponent","_$mergeProps","extraFlags","filesSignal","renderControl","getRenderProps","r$","_ref$","_$delegateEvents"],"sources":["../../../../src/Fundamentals/Input/FileInput/FileInput.tsx"],"sourcesContent":["import { createRenderEffect, createSignal } from \"solid-js\";\n\nimport { access } from \"../../../Utils/propUtils\";\nimport { InteractionWrapper } from \"../../InteractionWrapper/InteractionWrapper\";\nimport { FormFieldUtils } from \"../FormField/FormField.utils\";\nimport { LabelUtils } from \"../Label/Label.utils\";\nimport type { FileInputElementProps, FileInputProps, FileInputRenderProps } from \"./FileInput.types\";\n\nimport * as styles from \"./FileInput.css\";\n\nconst EMPTY_FILE_INPUT_VALUE = \"\";\n\nconst FileInputElement = (props: FileInputElementProps) => {\n    const getAriaLabel = LabelUtils.resolveAriaLabel(\n        props.ariaLabel === undefined ? undefined : () => access(props.ariaLabel)!,\n    );\n    const getAriaDescribedBy = FormFieldUtils.resolveAriaDescribedBy();\n\n    const [getElementRef, setElementRef] = createSignal<HTMLInputElement>();\n\n    const getIsDisabled = () => access(props.flags).isDisabled ?? false;\n\n    const syncElement = (element: HTMLInputElement) => {\n        if (access(props.files).length) return;\n\n        element.value = EMPTY_FILE_INPUT_VALUE;\n    };\n\n    createRenderEffect(() => {\n        const element = getElementRef();\n\n        if (!element) return;\n\n        syncElement(element);\n    });\n\n    return (\n        <>\n            {props.renderContent(() => access(props.flags))}\n\n            <input\n                id={access(props.id)}\n                ref={(element) => {\n                    setElementRef(element);\n                    props.ref?.(element);\n                }}\n                type=\"file\"\n                name={access(props.name)}\n                class={styles.fileInputElement}\n                accept={access(props.accept)}\n                multiple={access(props.isMultiple)}\n                aria-label={getAriaLabel()}\n                aria-describedby={getAriaDescribedBy()}\n                aria-disabled={getIsDisabled() || undefined}\n                aria-invalid={access(props.flags).hasError || undefined}\n                onClick={(e) => {\n                    if (getIsDisabled()) e.preventDefault();\n                }}\n                onChange={(e) => {\n                    const element = e.currentTarget;\n\n                    if (getIsDisabled()) return;\n\n                    void props.onChange?.(Array.from(element.files ?? []));\n\n                    syncElement(element);\n                }}\n                onMouseEnter={(e) => {\n                    if (getIsDisabled()) return;\n\n                    void props.onMouseEnter?.(e);\n                }}\n                onMouseLeave={(e) => {\n                    if (getIsDisabled()) return;\n\n                    void props.onMouseLeave?.(e);\n                }}\n            />\n        </>\n    );\n};\n\nexport const FileInput = (props: FileInputProps) => {\n    return (\n        <InteractionWrapper\n            {...props}\n            extraFlags={(): FileInputRenderProps => ({ files: props.filesSignal[0]() })}\n            renderControl={(setElementRef, getRenderProps) => (\n                <FileInputElement\n                    ref={setElementRef}\n                    id={props.id}\n                    name={props.name}\n                    ariaLabel={props.ariaLabel}\n                    accept={props.accept}\n                    isMultiple={props.isMultiple}\n                    flags={getRenderProps}\n                    files={() => props.filesSignal[0]()}\n                    renderContent={props.renderContent}\n                    onChange={(files) => {\n                        props.filesSignal[1](files);\n\n                        void props.onChange?.(files);\n                    }}\n                    onMouseEnter={props.onMouseEnter}\n                    onMouseLeave={props.onMouseLeave}\n                />\n            )}\n        />\n    );\n};\n"],"mappings":"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"}

package/dist/Fundamentals/Input/FormField/FormField.context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "solid-js";
+//#region src/Fundamentals/Input/FormField/FormField.context.ts
+var FormFieldContext = createContext();
+var FormFieldContextProvider = FormFieldContext.Provider;
+var UNDESCRIBED_CONTEXT = { getDescriptionId: () => void 0 };
+var useFormFieldContext = () => useContext(FormFieldContext) ?? UNDESCRIBED_CONTEXT;
+//#endregion
+export { FormFieldContextProvider, useFormFieldContext };
+
+//# sourceMappingURL=FormField.context.js.map

package/dist/Fundamentals/Input/FormField/FormField.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.context.js","names":[],"sources":["../../../../src/Fundamentals/Input/FormField/FormField.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\nimport type { FormFieldContextType } from \"./FormField.context.types\";\n\nconst FormFieldContext = createContext<FormFieldContextType>();\n\nexport const FormFieldContextProvider = FormFieldContext.Provider;\n\nconst UNDESCRIBED_CONTEXT: FormFieldContextType = {\n    getDescriptionId: () => undefined,\n};\n\nexport const useFormFieldContext = (): FormFieldContextType => useContext(FormFieldContext) ?? UNDESCRIBED_CONTEXT;\n"],"mappings":";;AAIA,IAAM,mBAAmB,cAAoC;AAE7D,IAAa,2BAA2B,iBAAiB;AAEzD,IAAM,sBAA4C,EAC9C,wBAAwB,KAAA,EAC5B;AAEA,IAAa,4BAAkD,WAAW,gBAAgB,KAAK"}

package/dist/Fundamentals/Input/FormField/FormField.css.js

@@ -0,0 +1,7 @@
+/* empty css                             */
+//#region src/Fundamentals/Input/FormField/FormField.css.ts
+var formFieldRoot = "_11h3nwv0";
+//#endregion
+export { formFieldRoot };
+
+//# sourceMappingURL=FormField.css.js.map

package/dist/Fundamentals/Input/FormField/FormField.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.css.js","names":[],"sources":["../../../../src/Fundamentals/Input/FormField/FormField.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\nexport const formFieldRoot = style({\n    display: \"flex\",\n    width: \"fit-content\",\n});\n"],"mappings":""}

package/dist/Fundamentals/Input/FormField/FormField.js

@@ -0,0 +1,62 @@
+import { access } from "../../../Utils/propUtils.js";
+import { useFormContext } from "../../Form/Form.context.js";
+import { FormFieldContextProvider } from "./FormField.context.js";
+import { formFieldRoot } from "./FormField.css.js";
+import { Show, createMemo, createUniqueId, onCleanup } from "solid-js";
+import { className, createComponent, effect, insert, setAttribute, setStyleProperty, template } from "solid-js/web";
+//#region src/Fundamentals/Input/FormField/FormField.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var DEFAULT_FORM_FIELD_DIR = "column";
+var DEFAULT_FORM_FIELD_GAP = 5;
+var FormField = (props) => {
+	const messageId = createUniqueId();
+	const formContext = useFormContext();
+	const getHasError = () => access(props.hasError) ?? false;
+	const getHasMessage = () => (access(props.message) ?? "").length > 0;
+	const getState = createMemo(() => ({
+		hasError: getHasError(),
+		hasMessage: getHasMessage()
+	}));
+	if (formContext) {
+		const entry = { getHasError };
+		formContext.register(entry);
+		onCleanup(() => formContext.unregister(entry));
+	}
+	return (() => {
+		var _el$ = _tmpl$();
+		className(_el$, formFieldRoot);
+		insert(_el$, () => props.renderCaption?.(getState), null);
+		insert(_el$, createComponent(FormFieldContextProvider, {
+			value: { getDescriptionId: () => getHasMessage() ? messageId : void 0 },
+			get children() {
+				return props.renderControl(getState);
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return getHasMessage();
+			},
+			get children() {
+				var _el$2 = _tmpl$();
+				setAttribute(_el$2, "id", messageId);
+				insert(_el$2, () => props.renderMessage?.(getState) ?? access(props.message));
+				effect(() => setAttribute(_el$2, "role", getHasError() ? "alert" : void 0));
+				return _el$2;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = access(props.dir) ?? DEFAULT_FORM_FIELD_DIR, _v$2 = `${access(props.gap) ?? DEFAULT_FORM_FIELD_GAP}px`;
+			_v$ !== _p$.e && setStyleProperty(_el$, "flex-direction", _p$.e = _v$);
+			_v$2 !== _p$.t && setStyleProperty(_el$, "gap", _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
+};
+//#endregion
+export { FormField };
+
+//# sourceMappingURL=FormField.js.map

package/dist/Fundamentals/Input/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","names":["Show","createMemo","createUniqueId","onCleanup","access","useFormContext","FormFieldContextProvider","FormFieldProps","FormFieldState","styles","DEFAULT_FORM_FIELD_DIR","DEFAULT_FORM_FIELD_GAP","FormField","props","messageId","formContext","getHasError","hasError","getHasMessage","message","length","getState","hasMessage","entry","register","unregister","_el$","_tmpl$","_$className","formFieldRoot","_$insert","renderCaption","_$createComponent","value","getDescriptionId","undefined","children","renderControl","when","_el$2","_$setAttribute","renderMessage","_$effect","_p$","_v$","dir","_v$2","gap","e","_$setStyleProperty","t"],"sources":["../../../../src/Fundamentals/Input/FormField/FormField.tsx"],"sourcesContent":["import { Show, createMemo, createUniqueId, onCleanup } from \"solid-js\";\n\nimport { access } from \"../../../Utils/propUtils\";\nimport { useFormContext } from \"../../Form/Form.context\";\nimport { FormFieldContextProvider } from \"./FormField.context\";\nimport type { FormFieldProps, FormFieldState } from \"./FormField.types\";\n\nimport * as styles from \"./FormField.css\";\n\nconst DEFAULT_FORM_FIELD_DIR = \"column\";\nconst DEFAULT_FORM_FIELD_GAP = 5;\n\nexport const FormField = (props: FormFieldProps) => {\n    const messageId = createUniqueId();\n    const formContext = useFormContext();\n\n    const getHasError = () => access(props.hasError) ?? false;\n\n    const getHasMessage = () => (access(props.message) ?? \"\").length > 0;\n\n    const getState = createMemo((): FormFieldState => ({ hasError: getHasError(), hasMessage: getHasMessage() }));\n\n    if (formContext) {\n        const entry = { getHasError };\n\n        formContext.register(entry);\n\n        onCleanup(() => formContext.unregister(entry));\n    }\n\n    return (\n        <div\n            class={styles.formFieldRoot}\n            style={{\n                \"flex-direction\": access(props.dir) ?? DEFAULT_FORM_FIELD_DIR,\n                \"gap\": `${access(props.gap) ?? DEFAULT_FORM_FIELD_GAP}px`,\n            }}\n        >\n            {props.renderCaption?.(getState)}\n\n            <FormFieldContextProvider value={{ getDescriptionId: () => (getHasMessage() ? messageId : undefined) }}>\n                {props.renderControl(getState)}\n            </FormFieldContextProvider>\n\n            <Show when={getHasMessage()}>\n                <div id={messageId} role={getHasError() ? \"alert\" : undefined}>\n                    {props.renderMessage?.(getState) ?? access(props.message)}\n                </div>\n            </Show>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;AASA,IAAMU,yBAAyB;AAC/B,IAAMC,yBAAyB;AAE/B,IAAaC,aAAaC,UAA0B;CAChD,MAAMC,YAAYZ,eAAe;CACjC,MAAMa,cAAcV,eAAe;CAEnC,MAAMW,oBAAoBZ,OAAOS,MAAMI,QAAQ,KAAK;CAEpD,MAAMC,uBAAuBd,OAAOS,MAAMM,OAAO,KAAK,GAAA,CAAIC,SAAS;CAEnE,MAAMC,WAAWpB,kBAAkC;EAAEgB,UAAUD,YAAY;EAAGM,YAAYJ,cAAc;CAAE,EAAE;CAE5G,IAAIH,aAAa;EACb,MAAMQ,QAAQ,EAAEP,YAAY;EAE5BD,YAAYS,SAASD,KAAK;EAE1BpB,gBAAgBY,YAAYU,WAAWF,KAAK,CAAC;CACjD;CAEA,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,UAAAF,MAEejB,aAAoB;EAAAqB,OAAAJ,YAM1Bb,MAAMkB,gBAAgBV,QAAQ,GAAC,IAAA;EAAAS,OAAAJ,MAAAM,gBAE/B1B,0BAAwB;GAAC2B,OAAO,EAAEC,wBAAyBhB,cAAc,IAAIJ,YAAYqB,KAAAA,EAAW;GAAC,IAAAC,WAAA;IAAA,OACjGvB,MAAMwB,cAAchB,QAAQ;GAAC;EAAA,CAAA,GAAA,IAAA;EAAAS,OAAAJ,MAAAM,gBAGjChC,MAAI;GAAA,IAACsC,OAAI;IAAA,OAAEpB,cAAc;GAAC;GAAA,IAAAkB,WAAA;IAAA,IAAAG,QAAAZ,OAAA;IAAAa,aAAAD,OAAA,MACdzB,SAAS;IAAAgB,OAAAS,aACb1B,MAAM4B,gBAAgBpB,QAAQ,KAAKjB,OAAOS,MAAMM,OAAO,CAAC;IAAAuB,aAAAF,aAAAD,OAAA,QADnCvB,YAAY,IAAI,UAAUmB,KAAAA,CAAS,CAAA;IAAA,OAAAI;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAG,QAAAC,QAAA;GAAA,IAAAC,MAX3CxC,OAAOS,MAAMgC,GAAG,KAAKnC,wBAAsBoC,OACtD,GAAG1C,OAAOS,MAAMkC,GAAG,KAAKpC,uBAAsB;GAAIiC,QAAAD,IAAAK,KAAAC,iBAAAvB,MAAA,kBAAAiB,IAAAK,IAAAJ,GAAA;GAAAE,SAAAH,IAAAO,KAAAD,iBAAAvB,MAAA,OAAAiB,IAAAO,IAAAJ,IAAA;GAAA,OAAAH;EAAA,GAAA;GAAAK,GAAAb,KAAAA;GAAAe,GAAAf,KAAAA;EAAA,CAAA;EAAA,OAAAT;CAAA,EAAA,CAAA;AAgBzE"}

package/dist/Fundamentals/Input/FormField/FormField.utils.js

@@ -0,0 +1,16 @@
+import { useFormFieldContext } from "./FormField.context.js";
+//#region src/Fundamentals/Input/FormField/FormField.utils.ts
+var FormFieldUtils;
+(function(_FormFieldUtils) {
+	_FormFieldUtils.resolveAriaDescribedBy = (getAriaDescribedBy) => {
+		const fieldContext = useFormFieldContext();
+		return () => {
+			const ids = [getAriaDescribedBy?.(), fieldContext.getDescriptionId()].filter(Boolean);
+			return ids.length > 0 ? ids.join(" ") : void 0;
+		};
+	};
+})(FormFieldUtils || (FormFieldUtils = {}));
+//#endregion
+export { FormFieldUtils };
+
+//# sourceMappingURL=FormField.utils.js.map

package/dist/Fundamentals/Input/FormField/FormField.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.utils.js","names":[],"sources":["../../../../src/Fundamentals/Input/FormField/FormField.utils.ts"],"sourcesContent":["import { useFormFieldContext } from \"./FormField.context\";\n\nexport namespace FormFieldUtils {\n    export const resolveAriaDescribedBy = (getAriaDescribedBy?: () => string) => {\n        const fieldContext = useFormFieldContext();\n\n        return () => {\n            const ids = [getAriaDescribedBy?.(), fieldContext.getDescriptionId()].filter(Boolean);\n\n            return ids.length > 0 ? ids.join(\" \") : undefined;\n        };\n    };\n}\n"],"mappings":";;AAEO,IAAU;CAAV,SAAA,iBAAA;CACU,gBAAA,0BAA0B,uBAAsC;EACzE,MAAM,eAAe,oBAAoB;EAEzC,aAAa;GACT,MAAM,MAAM,CAAC,qBAAqB,GAAG,aAAa,iBAAiB,CAAC,CAAC,CAAC,OAAO,OAAO;GAEpF,OAAO,IAAI,SAAS,IAAI,IAAI,KAAK,GAAG,IAAI,KAAA;EAC5C;CACJ;AACH,EAAA,CAAA,mBAAA,iBAAA,CAAA,EAAD"}

package/dist/Fundamentals/Input/FormSection/FormSection.css.js

@@ -0,0 +1,8 @@
+/* empty css                               */
+//#region src/Fundamentals/Input/FormSection/FormSection.css.ts
+var formSectionRoot = "riumym0";
+var formSectionCaption = "riumym1";
+//#endregion
+export { formSectionCaption, formSectionRoot };
+
+//# sourceMappingURL=FormSection.css.js.map

package/dist/Fundamentals/Input/FormSection/FormSection.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.css.js","names":[],"sources":["../../../../src/Fundamentals/Input/FormSection/FormSection.css.ts"],"sourcesContent":["import { style } from \"@vanilla-extract/css\";\n\nexport const formSectionRoot = style({\n    display: \"flex\",\n    width: \"fit-content\",\n    minWidth: \"0 !important\",\n    margin: \"0 !important\",\n    padding: \"0 !important\",\n    border: \"none !important\",\n});\n\nexport const formSectionCaption = style({\n    padding: \"0 !important\",\n});\n"],"mappings":""}

package/dist/Fundamentals/Input/FormSection/FormSection.js

@@ -0,0 +1,85 @@
+import { access } from "../../../Utils/propUtils.js";
+import { FormContextProvider, useFormContext } from "../../Form/Form.context.js";
+import { formSectionCaption, formSectionRoot } from "./FormSection.css.js";
+import { Show, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { className, createComponent, effect, insert, setAttribute, setStyleProperty, template } from "solid-js/web";
+//#region src/Fundamentals/Input/FormSection/FormSection.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<legend>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<fieldset>`);
+var DEFAULT_FORM_SECTION_DIR = "column";
+var DEFAULT_FORM_SECTION_GAP = 5;
+var FormSection = (props) => {
+	const messageId = createUniqueId();
+	const outerContext = useFormContext();
+	const [getEntries, setEntries] = createSignal([]);
+	const getHasError = () => access(props.hasError) ?? false;
+	const getHasMessage = () => (access(props.message) ?? "").length > 0;
+	const getIsValid = createMemo(() => !getHasError() && getEntries().every((entry) => !entry.getHasError()));
+	const getState = createMemo(() => ({
+		isValid: getIsValid(),
+		hasError: getHasError(),
+		hasMessage: getHasMessage()
+	}));
+	if (outerContext) {
+		const entry = { getHasError: () => !getIsValid() };
+		outerContext.register(entry);
+		onCleanup(() => outerContext.unregister(entry));
+	}
+	return (() => {
+		var _el$ = _tmpl$3();
+		className(_el$, formSectionRoot);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.renderCaption;
+			},
+			get children() {
+				var _el$2 = _tmpl$();
+				className(_el$2, formSectionCaption);
+				insert(_el$2, () => props.renderCaption?.(getState));
+				return _el$2;
+			}
+		}), null);
+		insert(_el$, createComponent(FormContextProvider, {
+			value: {
+				register: (entry) => setEntries((prev) => [...prev, entry]),
+				unregister: (entry) => setEntries((prev) => prev.filter((held) => held !== entry)),
+				getIsValid,
+				getHasSubmitted: () => outerContext?.getHasSubmitted() ?? false
+			},
+			get children() {
+				return props.renderContent(getState);
+			}
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return getHasMessage();
+			},
+			get children() {
+				var _el$3 = _tmpl$2();
+				setAttribute(_el$3, "id", messageId);
+				insert(_el$3, () => props.renderMessage?.(getState) ?? access(props.message));
+				effect(() => setAttribute(_el$3, "role", getHasError() ? "alert" : void 0));
+				return _el$3;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = access(props.dir) ?? DEFAULT_FORM_SECTION_DIR, _v$2 = `${access(props.gap) ?? DEFAULT_FORM_SECTION_GAP}px`, _v$3 = access(props.ariaLabel), _v$4 = getHasMessage() ? messageId : void 0;
+			_v$ !== _p$.e && setStyleProperty(_el$, "flex-direction", _p$.e = _v$);
+			_v$2 !== _p$.t && setStyleProperty(_el$, "gap", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "aria-label", _p$.a = _v$3);
+			_v$4 !== _p$.o && setAttribute(_el$, "aria-describedby", _p$.o = _v$4);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		});
+		return _el$;
+	})();
+};
+//#endregion
+export { FormSection };
+
+//# sourceMappingURL=FormSection.js.map

package/dist/Fundamentals/Input/FormSection/FormSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.js","names":["Show","createMemo","createSignal","createUniqueId","onCleanup","access","FormContextProvider","useFormContext","FormEntry","FormSectionProps","FormSectionState","styles","DEFAULT_FORM_SECTION_DIR","DEFAULT_FORM_SECTION_GAP","FormSection","props","messageId","outerContext","getEntries","setEntries","getHasError","hasError","getHasMessage","message","length","getIsValid","every","entry","getState","isValid","hasMessage","register","unregister","_el$","_tmpl$3","_$className","formSectionRoot","_$insert","_$createComponent","when","renderCaption","children","_el$2","_tmpl$","formSectionCaption","value","prev","filter","held","getHasSubmitted","renderContent","_el$3","_tmpl$2","_$setAttribute","renderMessage","_$effect","undefined","_p$","_v$","dir","_v$2","gap","_v$3","ariaLabel","_v$4","e","_$setStyleProperty","t","a","o"],"sources":["../../../../src/Fundamentals/Input/FormSection/FormSection.tsx"],"sourcesContent":["import { Show, createMemo, createSignal, createUniqueId, onCleanup } from \"solid-js\";\n\nimport { access } from \"../../../Utils/propUtils\";\nimport { FormContextProvider, useFormContext } from \"../../Form/Form.context\";\nimport type { FormEntry } from \"../../Form/Form.context.types\";\nimport type { FormSectionProps, FormSectionState } from \"./FormSection.types\";\n\nimport * as styles from \"./FormSection.css\";\n\nconst DEFAULT_FORM_SECTION_DIR = \"column\";\nconst DEFAULT_FORM_SECTION_GAP = 5;\n\nexport const FormSection = (props: FormSectionProps) => {\n    const messageId = createUniqueId();\n    const outerContext = useFormContext();\n\n    const [getEntries, setEntries] = createSignal<FormEntry[]>([]);\n\n    const getHasError = () => access(props.hasError) ?? false;\n\n    const getHasMessage = () => (access(props.message) ?? \"\").length > 0;\n\n    const getIsValid = createMemo(() => !getHasError() && getEntries().every((entry) => !entry.getHasError()));\n\n    const getState = createMemo((): FormSectionState => ({\n        isValid: getIsValid(),\n        hasError: getHasError(),\n        hasMessage: getHasMessage(),\n    }));\n\n    if (outerContext) {\n        const entry = { getHasError: () => !getIsValid() };\n\n        outerContext.register(entry);\n\n        onCleanup(() => outerContext.unregister(entry));\n    }\n\n    return (\n        <fieldset\n            class={styles.formSectionRoot}\n            style={{\n                \"flex-direction\": access(props.dir) ?? DEFAULT_FORM_SECTION_DIR,\n                \"gap\": `${access(props.gap) ?? DEFAULT_FORM_SECTION_GAP}px`,\n            }}\n            aria-label={access(props.ariaLabel)}\n            aria-describedby={getHasMessage() ? messageId : undefined}\n        >\n            <Show when={props.renderCaption}>\n                <legend class={styles.formSectionCaption}>{props.renderCaption?.(getState)}</legend>\n            </Show>\n\n            <FormContextProvider\n                value={{\n                    register: (entry) => setEntries((prev) => [...prev, entry]),\n                    unregister: (entry) => setEntries((prev) => prev.filter((held) => held !== entry)),\n                    getIsValid,\n                    getHasSubmitted: () => outerContext?.getHasSubmitted() ?? false,\n                }}\n            >\n                {props.renderContent(getState)}\n            </FormContextProvider>\n\n            <Show when={getHasMessage()}>\n                <div id={messageId} role={getHasError() ? \"alert\" : undefined}>\n                    {props.renderMessage?.(getState) ?? access(props.message)}\n                </div>\n            </Show>\n        </fieldset>\n    );\n};\n"],"mappings":"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"}

package/dist/Fundamentals/Input/Label/Label.context.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "solid-js";
+//#region src/Fundamentals/Input/Label/Label.context.ts
+var LabelContext = createContext();
+var LabelContextProvider = LabelContext.Provider;
+var LABEL_CONTEXT = { getIsLabelled: () => true };
+var UNLABELLED_CONTEXT = { getIsLabelled: () => false };
+var useLabelContext = () => useContext(LabelContext) ?? UNLABELLED_CONTEXT;
+//#endregion
+export { LABEL_CONTEXT, LabelContextProvider, useLabelContext };
+
+//# sourceMappingURL=Label.context.js.map

package/dist/Fundamentals/Input/Label/Label.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.context.js","names":[],"sources":["../../../../src/Fundamentals/Input/Label/Label.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\nimport type { LabelContextType } from \"./Label.context.types\";\n\nconst LabelContext = createContext<LabelContextType>();\n\nexport const LabelContextProvider = LabelContext.Provider;\n\nexport const LABEL_CONTEXT: LabelContextType = {\n    getIsLabelled: () => true,\n};\n\nconst UNLABELLED_CONTEXT: LabelContextType = {\n    getIsLabelled: () => false,\n};\n\nexport const useLabelContext = (): LabelContextType => useContext(LabelContext) ?? UNLABELLED_CONTEXT;\n"],"mappings":";;AAIA,IAAM,eAAe,cAAgC;AAErD,IAAa,uBAAuB,aAAa;AAEjD,IAAa,gBAAkC,EAC3C,qBAAqB,KACzB;AAEA,IAAM,qBAAuC,EACzC,qBAAqB,MACzB;AAEA,IAAa,wBAA0C,WAAW,YAAY,KAAK"}

package/dist/Fundamentals/Input/Label/Label.css.js

@@ -0,0 +1,7 @@
+/* empty css                         */
+//#region src/Fundamentals/Input/Label/Label.css.ts
+var labelRoot = "zq7p7o0";
+//#endregion
+export { labelRoot };
+
+//# sourceMappingURL=Label.css.js.map