@bysages/solid 0.3.0 → 0.4.0

package/dist/select-CHaXbzLX.mjs

@@ -1,115 +0,0 @@
-import { injectComponentStyle } from "@bysages/core";
-import { createComponent, effect, insert, mergeProps, ref, setAttribute, spread, template } from "@solidjs/web";
-import { For, Show, createEffect, createSignal, onMount, splitProps } from "solid-js";
-import { useFieldContext } from "@ark-ui/solid/field";
-import { Select } from "@ark-ui/solid/select";
-//#region src/components/select/native.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<option value disabled>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span><select><!><!></select><svg data-scope=select data-part=native-icon viewBox="0 0 16 16"aria-hidden=true><path d="M4 6l4 4 4-4"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<option>`);
-function NativeSelect(props) {
-	injectComponentStyle("select");
-	const field = useFieldContext();
-	const [own, rest] = splitProps(props, [
-		"value",
-		"options",
-		"size",
-		"invalid",
-		"placeholder",
-		"disabled",
-		"onValueChange"
-	]);
-	const [select, setSelect] = createSignal(null);
-	onMount(() => {
-		createEffect(() => {
-			const el = select();
-			if (el) el.value = own.value ?? "";
-		});
-	});
-	const fieldProps = field?.().getInputProps() ?? {};
-	const empty = () => own.value == null || own.value === "";
-	const off = () => own.disabled || field?.().disabled;
-	var _el$ = _tmpl$2();
-	var _el$2 = _el$.firstChild;
-	var _el$4 = _el$2.firstChild;
-	var _el$5 = _el$4.nextSibling;
-	spread(_el$, [rest, {
-		"data-scope": "select",
-		"data-part": "native-root",
-		get "data-size"() {
-			return own.size ?? "md";
-		},
-		get "data-invalid"() {
-			return own.invalid || field?.().invalid ? "" : void 0;
-		},
-		get "data-disabled"() {
-			return off() ? "" : void 0;
-		},
-		get "data-placeholder-shown"() {
-			return empty() ? "" : void 0;
-		}
-	}], true);
-	ref(() => {
-		return setSelect;
-	}, _el$2);
-	spread(_el$2, [fieldProps, {
-		"data-scope": "select",
-		"data-part": "native",
-		get disabled() {
-			return off() || void 0;
-		},
-		onChange: (event) => own.onValueChange?.(event.currentTarget.value)
-	}], true);
-	insert(_el$2, createComponent(Show, {
-		get when() {
-			return own.placeholder;
-		},
-		get children() {
-			var _el$3 = _tmpl$();
-			insert(_el$3, () => {
-				return own.placeholder;
-			});
-			effect(() => empty() ? void 0 : true, (_v$) => {
-				setAttribute(_el$3, "hidden", _v$);
-			});
-			return _el$3;
-		}
-	}), _el$4);
-	insert(_el$2, createComponent(For, {
-		get each() {
-			return own.options;
-		},
-		children: (option) => (() => {
-			var _el$6 = _tmpl$3();
-			insert(_el$6, () => {
-				return option.label;
-			});
-			effect(() => {
-				return {
-					e: option.value,
-					t: option.disabled
-				};
-			}, ({ e, t }, _p$) => {
-				_el$6.value = e;
-				t !== _p$?.t && setAttribute(_el$6, "disabled", t);
-			});
-			return _el$6;
-		})()
-	}), _el$5);
-	return _el$;
-}
-//#endregion
-//#region src/components/select/index.tsx
-function SelectRoot(props) {
-	const [own, rest] = splitProps(props, ["size"]);
-	return createComponent(Select.Root, mergeProps(rest, { get "data-size"() {
-		return own.size ?? "md";
-	} }));
-}
-const Select$1 = {
-	...Select,
-	Root: SelectRoot
-};
-injectComponentStyle("select");
-//#endregion
-export { NativeSelect as n, Select$1 as t };