@svelte-thing/primitives 0.0.0 → 0.0.2

package/dist/{chunk-D7D4PA-g.mjs → _virtual/_rolldown/runtime.mjs}

@@ -10,4 +10,4 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 //#endregion
-export { __exportAll as t };
+export { __exportAll };

package/dist/button/createButton.svelte.d.mts

@@ -0,0 +1,9 @@
+import { HTMLButtonAttributes } from "svelte/elements";
+
+//#region src/button/createButton.svelte.d.ts
+interface ButtonState {
+  props: HTMLButtonAttributes;
+}
+declare function createButton(): ButtonState;
+//#endregion
+export { ButtonState, createButton };

package/dist/button/createButton.svelte.mjs

@@ -0,0 +1,6 @@
+//#region src/button/createButton.svelte.ts
+function createButton() {
+	return { props: {} };
+}
+//#endregion
+export { createButton };

package/dist/button/index.d.mts

@@ -1,9 +1,2 @@
-import { HTMLButtonAttributes } from "svelte/elements";
-
-//#region src/button/createButton.svelte.d.ts
-interface ButtonState {
-  props: HTMLButtonAttributes;
-}
-declare function createButton(): ButtonState;
-//#endregion
+import { ButtonState, createButton } from "./createButton.svelte.mjs";
 export { ButtonState, createButton };

package/dist/button/index.mjs

@@ -1,6 +1,2 @@
-//#region src/button/createButton.svelte.ts
-function createButton() {
-	return { props: {} };
-}
-//#endregion
+import { createButton } from "./createButton.svelte.mjs";
 export { createButton };

package/dist/{index-C-ME1Tk9.d.mts → field/date/createPicker.svelte.d.mts}

@@ -6,4 +6,4 @@ interface PickerState {
 }
 declare function createPicker(): PickerState;
 //#endregion
-export { createPicker as n, PickerState as t };
+export { PickerState, createPicker };

package/dist/field/date/createPicker.svelte.mjs

@@ -0,0 +1,27 @@
+import { getRoot } from "../root/context.mjs";
+//#region src/field/date/createPicker.svelte.ts
+function createPicker() {
+	const root = getRoot();
+	return { props: {
+		get disabled() {
+			return root.isDisabled;
+		},
+		get "aria-controls"() {
+			return root.controlId;
+		},
+		get "data-disabled"() {
+			return root.isDisabled ? "" : void 0;
+		},
+		type: "button",
+		onmousedown(event) {
+			event.preventDefault();
+		},
+		onclick() {
+			if (root.isDisabled) return;
+			const input = document.getElementById(root.controlId);
+			if (input && "showPicker" in input) input.showPicker();
+		}
+	} };
+}
+//#endregion
+export { createPicker };

package/dist/field/date/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createPicker, t as PickerState } from "../../index-C-ME1Tk9.mjs";
+import { PickerState, createPicker } from "./createPicker.svelte.mjs";
 export { PickerState, createPicker };

package/dist/field/date/index.mjs

@@ -1,27 +1,2 @@
-import { t as getRoot } from "../../context-D77KIx26.mjs";
-//#region src/field/date/createPicker.svelte.ts
-function createPicker() {
-	const root = getRoot();
-	return { props: {
-		get disabled() {
-			return root.isDisabled;
-		},
-		get "aria-controls"() {
-			return root.controlId;
-		},
-		get "data-disabled"() {
-			return root.isDisabled ? "" : void 0;
-		},
-		type: "button",
-		onmousedown(event) {
-			event.preventDefault();
-		},
-		onclick() {
-			if (root.isDisabled) return;
-			const input = document.getElementById(root.controlId);
-			if (input && "showPicker" in input) input.showPicker();
-		}
-	} };
-}
-//#endregion
+import { createPicker } from "./createPicker.svelte.mjs";
 export { createPicker };

package/dist/{index-CA_POIj_.d.mts → field/error/createError.svelte.d.mts}

@@ -6,4 +6,4 @@ interface ErrorState {
 }
 declare function createError(): ErrorState;
 //#endregion
-export { createError as n, ErrorState as t };
+export { ErrorState, createError };

package/dist/field/error/createError.svelte.mjs

@@ -0,0 +1,10 @@
+import { getRoot } from "../root/context.mjs";
+//#region src/field/error/createError.svelte.ts
+function createError() {
+	const root = getRoot();
+	return { props: { get id() {
+		return root.errorId;
+	} } };
+}
+//#endregion
+export { createError };

package/dist/field/error/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createError, t as ErrorState } from "../../index-CA_POIj_.mjs";
+import { ErrorState, createError } from "./createError.svelte.mjs";
 export { ErrorState, createError };

package/dist/field/error/index.mjs

@@ -1,10 +1,2 @@
-import { t as getRoot } from "../../context-D77KIx26.mjs";
-//#region src/field/error/createError.svelte.ts
-function createError() {
-	const root = getRoot();
-	return { props: { get id() {
-		return root.errorId;
-	} } };
-}
-//#endregion
+import { createError } from "./createError.svelte.mjs";
 export { createError };

package/dist/field/index.d.mts

@@ -1,13 +1,14 @@
-import { n as createPicker, t as PickerState } from "../index-C-ME1Tk9.mjs";
-import { n as createError, t as ErrorState } from "../index-CA_POIj_.mjs";
-import { n as createInput, t as InputState } from "../createInput.svelte-DTz79zNF.mjs";
-import { n as createLabel, t as LabelState } from "../index-OI9KlY5x.mjs";
-import { a as CreatePasswordProps, i as setPassword, n as createShow, o as PasswordState, r as getPassword, s as createPassword, t as ShowState } from "../index-Boej-mdy.mjs";
-import { a as createRoot, i as RootState, n as setRoot, r as CreateRootProps, t as getRoot } from "../index-BLb5EVhG.mjs";
-
-//#region src/field/index.d.ts
+import { PickerState, createPicker } from "./date/createPicker.svelte.mjs";
+import { ErrorState, createError } from "./error/createError.svelte.mjs";
+import { InputState, createInput } from "./input/createInput.svelte.mjs";
+import { LabelState, createLabel } from "./label/createLabel.svelte.mjs";
+import { CreatePasswordProps, PasswordState, createPassword } from "./password/createPassword.svelte.mjs";
+import { getPassword, setPassword } from "./password/context.mjs";
+import { ShowState, createShow } from "./password/createShow.svelte.mjs";
+import { CreateRootProps, RootState, createRoot } from "./root/createRoot.svelte.mjs";
+import { getRoot, setRoot } from "./root/context.mjs";
 declare namespace index_d_exports {
   export { CreatePasswordProps, CreateRootProps, ErrorState, InputState, LabelState, PasswordState, PickerState, RootState, ShowState, createError, createInput, createLabel, createPassword, createPicker, createRoot, createShow, getPassword, getRoot, setPassword, setRoot };
 }
 //#endregion
-export { CreatePasswordProps, CreateRootProps, ErrorState, InputState, LabelState, PasswordState, PickerState, RootState, ShowState, createError, createInput, createLabel, createPassword, createPicker, createRoot, createShow, getPassword, getRoot, setPassword, setRoot, index_d_exports as t };
+export { CreatePasswordProps, CreateRootProps, ErrorState, InputState, LabelState, PasswordState, PickerState, RootState, ShowState, createError, createInput, createLabel, createPassword, createPicker, createRoot, createShow, getPassword, getRoot, index_d_exports, setPassword, setRoot };

package/dist/field/index.mjs

@@ -1,12 +1,19 @@
-import { t as __exportAll } from "../chunk-D7D4PA-g.mjs";
-import { n as setRoot, t as getRoot } from "../context-D77KIx26.mjs";
-import { createPicker } from "./date/index.mjs";
-import { createError } from "./error/index.mjs";
-import { t as createInput } from "../createInput.svelte-DzcT9u1t.mjs";
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import { getRoot, setRoot } from "./root/context.mjs";
+import { createPicker } from "./date/createPicker.svelte.mjs";
+import "./date/index.mjs";
+import { createError } from "./error/createError.svelte.mjs";
+import "./error/index.mjs";
+import { createInput } from "./input/createInput.svelte.mjs";
 import "./input/index.mjs";
-import { createLabel } from "./label/index.mjs";
-import { createPassword, createShow, getPassword, setPassword } from "./password/index.mjs";
-import { createRoot } from "./root/index.mjs";
+import { createLabel } from "./label/createLabel.svelte.mjs";
+import "./label/index.mjs";
+import { getPassword, setPassword } from "./password/context.mjs";
+import { createPassword } from "./password/createPassword.svelte.mjs";
+import { createShow } from "./password/createShow.svelte.mjs";
+import "./password/index.mjs";
+import { createRoot } from "./root/createRoot.svelte.mjs";
+import "./root/index.mjs";
 //#region src/field/index.ts
 var field_exports = /* @__PURE__ */ __exportAll({
 	createError: () => createError,
@@ -22,4 +29,4 @@ var field_exports = /* @__PURE__ */ __exportAll({
 	setRoot: () => setRoot
 });
 //#endregion
-export { createError, createInput, createLabel, createPassword, createPicker, createRoot, createShow, getPassword, getRoot, setPassword, setRoot, field_exports as t };
+export { createError, createInput, createLabel, createPassword, createPicker, createRoot, createShow, field_exports, getPassword, getRoot, setPassword, setRoot };

package/dist/{createInput.svelte-DTz79zNF.d.mts → field/input/createInput.svelte.d.mts}

@@ -6,4 +6,4 @@ interface InputState {
 }
 declare function createInput(): InputState;
 //#endregion
-export { createInput as n, InputState as t };
+export { InputState, createInput };

package/dist/{createInput.svelte-DzcT9u1t.mjs → field/input/createInput.svelte.mjs}

@@ -1,4 +1,4 @@
-import { t as getRoot } from "./context-D77KIx26.mjs";
+import { getRoot } from "../root/context.mjs";
 //#region src/field/input/createInput.svelte.ts
 function isCheckboxOrRadio(control) {
 	return control.type === "checkbox" || control.type === "radio";
@@ -89,4 +89,4 @@ function createInput() {
 	} };
 }
 //#endregion
-export { createInput as t };
+export { createInput };

package/dist/field/input/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createInput, t as InputState } from "../../createInput.svelte-DTz79zNF.mjs";
+import { InputState, createInput } from "./createInput.svelte.mjs";
 export { InputState, createInput };

package/dist/field/input/index.mjs

@@ -1,2 +1,2 @@
-import { t as createInput } from "../../createInput.svelte-DzcT9u1t.mjs";
+import { createInput } from "./createInput.svelte.mjs";
 export { createInput };

package/dist/{index-OI9KlY5x.d.mts → field/label/createLabel.svelte.d.mts}

@@ -6,4 +6,4 @@ interface LabelState {
 }
 declare function createLabel(): LabelState;
 //#endregion
-export { createLabel as n, LabelState as t };
+export { LabelState, createLabel };

package/dist/field/label/createLabel.svelte.mjs

@@ -0,0 +1,15 @@
+import { getRoot } from "../root/context.mjs";
+//#region src/field/label/createLabel.svelte.ts
+function createLabel() {
+	const root = getRoot();
+	return { props: {
+		get for() {
+			return root.controlId;
+		},
+		get id() {
+			return root.labelId;
+		}
+	} };
+}
+//#endregion
+export { createLabel };

package/dist/field/label/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createLabel, t as LabelState } from "../../index-OI9KlY5x.mjs";
+import { LabelState, createLabel } from "./createLabel.svelte.mjs";
 export { LabelState, createLabel };

package/dist/field/label/index.mjs

@@ -1,15 +1,2 @@
-import { t as getRoot } from "../../context-D77KIx26.mjs";
-//#region src/field/label/createLabel.svelte.ts
-function createLabel() {
-	const root = getRoot();
-	return { props: {
-		get for() {
-			return root.controlId;
-		},
-		get id() {
-			return root.labelId;
-		}
-	} };
-}
-//#endregion
+import { createLabel } from "./createLabel.svelte.mjs";
 export { createLabel };

package/dist/field/password/context.d.mts

@@ -0,0 +1,6 @@
+import { PasswordState } from "./createPassword.svelte.mjs";
+
+//#region src/field/password/context.d.ts
+declare const getPassword: () => PasswordState, setPassword: (context: PasswordState) => PasswordState;
+//#endregion
+export { getPassword, setPassword };

package/dist/field/password/context.mjs

@@ -0,0 +1,5 @@
+import { createContext } from "svelte";
+//#region src/field/password/context.ts
+const [getPassword, setPassword] = createContext();
+//#endregion
+export { getPassword, setPassword };

package/dist/field/password/createPassword.svelte.d.mts

@@ -0,0 +1,15 @@
+import { InputState } from "../input/createInput.svelte.mjs";
+import { Exact } from "@svelte-thing/type-utils";
+
+//#region src/field/password/createPassword.svelte.d.ts
+interface CreatePasswordProps {
+  isVisible: boolean | null | undefined;
+  type: 'password' | null | undefined;
+}
+interface PasswordState extends InputState {
+  isVisible: boolean;
+  toggle: () => void;
+}
+declare function createPassword<T extends CreatePasswordProps>(props: Exact<CreatePasswordProps, T>): PasswordState;
+//#endregion
+export { CreatePasswordProps, PasswordState, createPassword };

package/dist/field/password/createPassword.svelte.mjs

@@ -0,0 +1,25 @@
+import { createInput } from "../input/createInput.svelte.mjs";
+import { setPassword } from "./context.mjs";
+import { mergeProps } from "@svelte-thing/component-utils";
+//#region src/field/password/createPassword.svelte.ts
+function createPassword(props) {
+	let isVisible = $derived(props.isVisible ?? false);
+	const password = mergeProps(createInput(), {
+		get isVisible() {
+			return isVisible;
+		},
+		set isVisible(visible) {
+			isVisible = visible;
+		},
+		toggle() {
+			isVisible = !isVisible;
+		},
+		props: { get type() {
+			return isVisible ? "text" : "password";
+		} }
+	});
+	setPassword(password);
+	return password;
+}
+//#endregion
+export { createPassword };

package/dist/field/password/createShow.svelte.d.mts

@@ -0,0 +1,9 @@
+import { HTMLButtonAttributes } from "svelte/elements";
+
+//#region src/field/password/createShow.svelte.d.ts
+interface ShowState {
+  props: HTMLButtonAttributes;
+}
+declare function createShow(): ShowState;
+//#endregion
+export { ShowState, createShow };

package/dist/field/password/createShow.svelte.mjs

@@ -0,0 +1,35 @@
+import { getRoot } from "../root/context.mjs";
+import { getPassword } from "./context.mjs";
+//#region src/field/password/createShow.svelte.ts
+function createShow() {
+	const root = getRoot();
+	const password = getPassword();
+	return { props: {
+		get disabled() {
+			return root.isDisabled;
+		},
+		get "aria-controls"() {
+			return root.controlId;
+		},
+		get "aria-pressed"() {
+			return password.isVisible;
+		},
+		get "data-disabled"() {
+			return root.isDisabled ? "" : void 0;
+		},
+		get "data-visible"() {
+			return password.isVisible ? "" : void 0;
+		},
+		type: "button",
+		onmousedown(event) {
+			event.preventDefault();
+		},
+		onclick() {
+			if (root.isDisabled) return;
+			password.toggle();
+			document.getElementById(root.controlId)?.focus?.();
+		}
+	} };
+}
+//#endregion
+export { createShow };

package/dist/field/password/index.d.mts

@@ -1,2 +1,4 @@
-import { a as CreatePasswordProps, i as setPassword, n as createShow, o as PasswordState, r as getPassword, s as createPassword, t as ShowState } from "../../index-Boej-mdy.mjs";
+import { CreatePasswordProps, PasswordState, createPassword } from "./createPassword.svelte.mjs";
+import { getPassword, setPassword } from "./context.mjs";
+import { ShowState, createShow } from "./createShow.svelte.mjs";
 export { CreatePasswordProps, PasswordState, ShowState, createPassword, createShow, getPassword, setPassword };

package/dist/field/password/index.mjs

@@ -1,61 +1,4 @@
-import { t as getRoot } from "../../context-D77KIx26.mjs";
-import { t as createInput } from "../../createInput.svelte-DzcT9u1t.mjs";
-import { createContext } from "svelte";
-import { mergeProps } from "@svelte-thing/component-utils";
-//#region src/field/password/context.ts
-const [getPassword, setPassword] = createContext();
-//#endregion
-//#region src/field/password/createPassword.svelte.ts
-function createPassword(props) {
-	let isVisible = $derived(props.isVisible ?? false);
-	const password = mergeProps(createInput(), {
-		get isVisible() {
-			return isVisible;
-		},
-		set isVisible(visible) {
-			isVisible = visible;
-		},
-		toggle() {
-			isVisible = !isVisible;
-		},
-		props: { get type() {
-			return isVisible ? "text" : "password";
-		} }
-	});
-	setPassword(password);
-	return password;
-}
-//#endregion
-//#region src/field/password/createShow.svelte.ts
-function createShow() {
-	const root = getRoot();
-	const password = getPassword();
-	return { props: {
-		get disabled() {
-			return root.isDisabled;
-		},
-		get "aria-controls"() {
-			return root.controlId;
-		},
-		get "aria-pressed"() {
-			return password.isVisible;
-		},
-		get "data-disabled"() {
-			return root.isDisabled ? "" : void 0;
-		},
-		get "data-visible"() {
-			return password.isVisible ? "" : void 0;
-		},
-		type: "button",
-		onmousedown(event) {
-			event.preventDefault();
-		},
-		onclick() {
-			if (root.isDisabled) return;
-			password.toggle();
-			document.getElementById(root.controlId)?.focus?.();
-		}
-	} };
-}
-//#endregion
+import { getPassword, setPassword } from "./context.mjs";
+import { createPassword } from "./createPassword.svelte.mjs";
+import { createShow } from "./createShow.svelte.mjs";
 export { createPassword, createShow, getPassword, setPassword };

package/dist/field/root/context.d.mts

@@ -0,0 +1,6 @@
+import { RootState } from "./createRoot.svelte.mjs";
+
+//#region src/field/root/context.d.ts
+declare const getRoot: () => RootState, setRoot: (context: RootState) => RootState;
+//#endregion
+export { getRoot, setRoot };

package/dist/{context-D77KIx26.mjs → field/root/context.mjs}

@@ -2,4 +2,4 @@ import { createContext } from "svelte";
 //#region src/field/root/context.ts
 const [getRoot, setRoot] = createContext();
 //#endregion
-export { setRoot as n, getRoot as t };
+export { getRoot, setRoot };

package/dist/{index-BLb5EVhG.d.mts → field/root/createRoot.svelte.d.mts}

@@ -29,7 +29,4 @@ interface RootState {
 }
 declare function createRoot<T extends CreateRootProps>(props: Exact<CreateRootProps, T>): RootState;
 //#endregion
-//#region src/field/root/context.d.ts
-declare const getRoot: () => RootState, setRoot: (context: RootState) => RootState;
-//#endregion
-export { createRoot as a, RootState as i, setRoot as n, CreateRootProps as r, getRoot as t };
+export { CreateRootProps, RootState, createRoot };

package/dist/field/root/createRoot.svelte.mjs

@@ -0,0 +1,79 @@
+import { setRoot } from "./context.mjs";
+import { uid } from "uid";
+//#region src/field/root/createRoot.svelte.ts
+function createRoot(props) {
+	const id = $derived(props.id ?? uid());
+	const labelId = $derived(`${id}-label`);
+	const controlId = $derived(`${id}-control`);
+	const errorId = $derived(`${id}-error`);
+	let isDirty = $derived(props.isDirty ?? false);
+	let isDisabled = $derived(props.isDisabled ?? false);
+	let isFilled = $derived(props.isFilled ?? false);
+	let isFocused = $derived(props.isFocused ?? false);
+	let isInvalid = $derived(props.isInvalid ?? false);
+	let isTouched = $derived(props.isTouched ?? false);
+	let isValid = $derived(props.isValid ?? false);
+	const root = {
+		get id() {
+			return id;
+		},
+		get labelId() {
+			return labelId;
+		},
+		get controlId() {
+			return controlId;
+		},
+		get errorId() {
+			return errorId;
+		},
+		get isDirty() {
+			return isDirty;
+		},
+		set isDirty(value) {
+			isDirty = value;
+		},
+		get isDisabled() {
+			return isDisabled;
+		},
+		set isDisabled(value) {
+			isDisabled = value;
+		},
+		get isFilled() {
+			return isFilled;
+		},
+		set isFilled(value) {
+			isFilled = value;
+		},
+		get isFocused() {
+			return isFocused;
+		},
+		set isFocused(value) {
+			isFocused = value;
+		},
+		get isInvalid() {
+			return isInvalid;
+		},
+		set isInvalid(value) {
+			isInvalid = value;
+		},
+		get isTouched() {
+			return isTouched;
+		},
+		set isTouched(value) {
+			isTouched = value;
+		},
+		get isValid() {
+			return isValid;
+		},
+		set isValid(value) {
+			isValid = value;
+		},
+		props: { get id() {
+			return id;
+		} }
+	};
+	setRoot(root);
+	return root;
+}
+//#endregion
+export { createRoot };

package/dist/field/root/index.d.mts

@@ -1,2 +1,3 @@
-import { a as createRoot, i as RootState, n as setRoot, r as CreateRootProps, t as getRoot } from "../../index-BLb5EVhG.mjs";
+import { CreateRootProps, RootState, createRoot } from "./createRoot.svelte.mjs";
+import { getRoot, setRoot } from "./context.mjs";
 export { CreateRootProps, RootState, createRoot, getRoot, setRoot };