solid-tiny-ui 0.5.0 → 0.6.0

package/dist/components/input/input.js

@@ -1,44 +0,0 @@
-import { extraAriasAndDatasets } from "../../utils/index.js";
-import input_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/input/input.js";
-import { delegateEvents, memo, mergeProps, spread, template } from "solid-js/web";
-import { dataIf, mountStyle } from "solid-tiny-utils";
-
-//#region src/components/input/input.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<input class="tiny-input tiny-input-vars"type=text>`);
-function Input(props) {
-	mountStyle(input_default, "tiny-input");
-	return (() => {
-		var _el$ = _tmpl$();
-		_el$.addEventListener("keypress", (e) => {
-			if (e.key === "Enter") props.onPressEnter?.();
-		});
-		_el$.$$input = (e) => {
-			props.onChange?.(e.currentTarget.value);
-		};
-		spread(_el$, mergeProps({
-			get ["data-disabled"]() {
-				return dataIf(props.disabled ?? false);
-			},
-			get ["data-size"]() {
-				return props.size || "medium";
-			},
-			get disabled() {
-				return props.disabled;
-			},
-			get id() {
-				return props.id;
-			},
-			get placeholder() {
-				return props.placeholder;
-			},
-			get value() {
-				return props.value;
-			}
-		}, () => extraAriasAndDatasets(props)), false, false);
-		return _el$;
-	})();
-}
-delegateEvents(["input"]);
-
-//#endregion
-export { Input };

package/dist/components/input/input.jsx

@@ -1,16 +0,0 @@
-import { extraAriasAndDatasets } from "../../utils/index.jsx";
-import input_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/input/input.jsx";
-import { dataIf, mountStyle } from "solid-tiny-utils";
-
-//#region src/components/input/input.tsx
-function Input(props) {
-	mountStyle(input_default, "tiny-input");
-	return <input class="tiny-input tiny-input-vars" data-disabled={dataIf(props.disabled ?? false)} data-size={props.size || "medium"} disabled={props.disabled} id={props.id} onInput={(e) => {
-		props.onChange?.(e.currentTarget.value);
-	}} onKeyPress={(e) => {
-		if (e.key === "Enter") props.onPressEnter?.();
-	}} placeholder={props.placeholder} type="text" value={props.value} {...extraAriasAndDatasets(props)} />;
-}
-
-//#endregion
-export { Input };

package/dist/components/textarea/textarea.js

@@ -1,49 +0,0 @@
-import { createClassStyles } from "../../utils/index.js";
-import textarea_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/textarea/textarea.js";
-import { className, delegateEvents, effect, setAttribute, style, template } from "solid-js/web";
-import { mergeProps as mergeProps$1 } from "solid-js";
-import { combineClass, combineStyle, mountStyle } from "solid-tiny-utils";
-
-//#region src/components/textarea/textarea.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<textarea>`);
-function Textarea(props) {
-	mountStyle(textarea_default, "tiny-textarea");
-	const real = mergeProps$1({
-		autosize: false,
-		rows: 3,
-		disabled: false
-	}, props);
-	const [classes, styles] = createClassStyles(() => props.classNames, () => props.styles, () => ({ disabled: real.disabled }));
-	return (() => {
-		var _el$ = _tmpl$();
-		_el$.$$input = (e) => {
-			props.onChange?.(e.target.value);
-		};
-		effect((_p$) => {
-			var _v$ = combineClass("tiny-textarea tiny-textarea-vars", classes().root), _v$2 = real.disabled, _v$3 = real.maxLength, _v$4 = real.placeholder, _v$5 = real.rows, _v$6 = combineStyle({
-				resize: real.resize,
-				"min-height": "88px"
-			}, styles().root);
-			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
-			_v$2 !== _p$.t && (_el$.disabled = _p$.t = _v$2);
-			_v$3 !== _p$.a && setAttribute(_el$, "maxlength", _p$.a = _v$3);
-			_v$4 !== _p$.o && setAttribute(_el$, "placeholder", _p$.o = _v$4);
-			_v$5 !== _p$.i && setAttribute(_el$, "rows", _p$.i = _v$5);
-			_p$.n = style(_el$, _v$6, _p$.n);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0
-		});
-		effect(() => _el$.value = real.value);
-		return _el$;
-	})();
-}
-delegateEvents(["input"]);
-
-//#endregion
-export { Textarea };

package/dist/components/textarea/textarea.jsx

@@ -1,24 +0,0 @@
-import { createClassStyles } from "../../utils/index.jsx";
-import textarea_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/components/textarea/textarea.jsx";
-import { mergeProps } from "solid-js";
-import { combineClass, combineStyle, mountStyle } from "solid-tiny-utils";
-
-//#region src/components/textarea/textarea.tsx
-function Textarea(props) {
-	mountStyle(textarea_default, "tiny-textarea");
-	const real = mergeProps({
-		autosize: false,
-		rows: 3,
-		disabled: false
-	}, props);
-	const [classes, styles] = createClassStyles(() => props.classNames, () => props.styles, () => ({ disabled: real.disabled }));
-	return <textarea class={combineClass("tiny-textarea tiny-textarea-vars", classes().root)} disabled={real.disabled} maxLength={real.maxLength} onInput={(e) => {
-		props.onChange?.(e.target.value);
-	}} placeholder={real.placeholder} rows={real.rows} style={combineStyle({
-		resize: real.resize,
-		"min-height": "88px"
-	}, styles().root)} value={real.value} />;
-}
-
-//#endregion
-export { Textarea };

package/dist/components/time-picker/index.d.ts

@@ -1,18 +0,0 @@
-import * as solid_js2 from "solid-js";
-
-//#region src/components/time-picker/index.d.ts
-declare function TimePicker(props: {
-  type?: "hour" | "minute" | "second";
-  size?: "small" | "medium" | "large";
-  hour?: number | null;
-  minute?: number | null;
-  second?: number | null;
-  onChange?: (time: {
-    hour: number | null;
-    minute: number | null;
-    second: number | null;
-  }) => void;
-  disabled?: boolean;
-}): solid_js2.JSX.Element;
-//#endregion
-export { TimePicker };

package/dist/layout/input-compact/index.d.ts

@@ -1,13 +0,0 @@
-import { JSX } from "solid-js";
-
-//#region src/layout/input-compact/index.d.ts
-
-/**
- * Make a bunch of input components appear visually connected.
- */
-declare function InputCompact(props: {
-  children: JSX.Element;
-  block?: boolean;
-}): JSX.Element;
-//#endregion
-export { InputCompact };

package/dist/layout/input-compact/index.js

@@ -1,42 +0,0 @@
-import input_compact_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/layout/input-compact/input-compact.js";
-import { createComponent, effect, insert, setAttribute, template } from "solid-js/web";
-import { createSignal } from "solid-js";
-import { createWatch, dataIf, mountStyle } from "solid-tiny-utils";
-import { Refs } from "@solid-primitives/refs";
-
-//#region src/layout/input-compact/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div class=tiny-input-compact>`);
-/**
-* Make a bunch of input components appear visually connected.
-*/
-function InputCompact(props) {
-	mountStyle(input_compact_default, "tiny-input-compact");
-	const [refs, setRefs] = createSignal([]);
-	const clearClass = (el) => {
-		el.classList.remove("tiny-input-compact__first");
-		el.classList.remove("tiny-input-compact__item");
-		el.classList.remove("tiny-input-compact__last");
-	};
-	createWatch(() => refs(), (els) => {
-		els.forEach((el, i) => {
-			clearClass(el);
-			if (i === 0) el.classList.add("tiny-input-compact__first");
-			else if (i === els.length - 1) el.classList.add("tiny-input-compact__last");
-			else el.classList.add("tiny-input-compact__item");
-		});
-	});
-	return (() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(Refs, {
-			ref: setRefs,
-			get children() {
-				return props.children;
-			}
-		}));
-		effect(() => setAttribute(_el$, "data-block", dataIf(props.block ?? false)));
-		return _el$;
-	})();
-}
-
-//#endregion
-export { InputCompact };

package/dist/layout/input-compact/index.jsx

@@ -1,32 +0,0 @@
-import input_compact_default from "../../_virtual/__viteSafe__/home/runner/work/solid-tiny-ui/solid-tiny-ui/packages/core/src/layout/input-compact/input-compact.jsx";
-import { createSignal } from "solid-js";
-import { createWatch, dataIf, mountStyle } from "solid-tiny-utils";
-import { Refs } from "@solid-primitives/refs";
-
-//#region src/layout/input-compact/index.tsx
-/**
-* Make a bunch of input components appear visually connected.
-*/
-function InputCompact(props) {
-	mountStyle(input_compact_default, "tiny-input-compact");
-	const [refs, setRefs] = createSignal([]);
-	const clearClass = (el) => {
-		el.classList.remove("tiny-input-compact__first");
-		el.classList.remove("tiny-input-compact__item");
-		el.classList.remove("tiny-input-compact__last");
-	};
-	createWatch(() => refs(), (els) => {
-		els.forEach((el, i) => {
-			clearClass(el);
-			if (i === 0) el.classList.add("tiny-input-compact__first");
-			else if (i === els.length - 1) el.classList.add("tiny-input-compact__last");
-			else el.classList.add("tiny-input-compact__item");
-		});
-	});
-	return <div class="tiny-input-compact" data-block={dataIf(props.block ?? false)}>
-      <Refs ref={setRefs}>{props.children}</Refs>
-    </div>;
-}
-
-//#endregion
-export { InputCompact };

package/dist/root-provider/gen-brand.js

@@ -1,55 +0,0 @@
-import { oklchToRgb } from "solid-tiny-utils";
-
-//#region src/root-provider/gen-brand.ts
-const lightRamp = [
-	[96, .021],
-	[88, .06],
-	[81, .09],
-	[74, .13],
-	[67, .17],
-	[59, .22],
-	[50, .21],
-	[41, .19],
-	[34, .16],
-	[27, .13]
-];
-const darkRamp = [
-	[21, .03],
-	[26, .06],
-	[31, .08],
-	[38, .11],
-	[46, .15],
-	[54, .19],
-	[62, .16],
-	[72, .12],
-	[80, .09],
-	[87, .05]
-];
-function genVars(hue) {
-	let css = ":root,.light{";
-	let cssDark = ".dark{";
-	for (let i = 0; i < 10; i++) {
-		const level = i;
-		const [l, c] = lightRamp[i];
-		const [lD, cD] = darkRamp[i];
-		const lightC = oklch2web(l, c || .16, hue);
-		const darkC = oklch2web(lD, cD, hue);
-		css += `--tiny-c-brand-${level}:${lightC};`;
-		cssDark += `--tiny-c-brand-${level}:${darkC};`;
-	}
-	css += "}";
-	cssDark += "}";
-	return css + cssDark;
-}
-function oklch2web(l, c, h, a) {
-	const { r, g, b } = oklchToRgb({
-		l: l / 100,
-		c,
-		h
-	});
-	if (a) return `rgba(${r}, ${g}, ${b}, ${a})`;
-	return `rgb(${r}, ${g}, ${b})`;
-}
-
-//#endregion
-export { genVars };

package/dist/root-provider/gen-brand.jsx

@@ -1,55 +0,0 @@
-import { oklchToRgb } from "solid-tiny-utils";
-
-//#region src/root-provider/gen-brand.ts
-const lightRamp = [
-	[96, .021],
-	[88, .06],
-	[81, .09],
-	[74, .13],
-	[67, .17],
-	[59, .22],
-	[50, .21],
-	[41, .19],
-	[34, .16],
-	[27, .13]
-];
-const darkRamp = [
-	[21, .03],
-	[26, .06],
-	[31, .08],
-	[38, .11],
-	[46, .15],
-	[54, .19],
-	[62, .16],
-	[72, .12],
-	[80, .09],
-	[87, .05]
-];
-function genVars(hue) {
-	let css = ":root,.light{";
-	let cssDark = ".dark{";
-	for (let i = 0; i < 10; i++) {
-		const level = i;
-		const [l, c] = lightRamp[i];
-		const [lD, cD] = darkRamp[i];
-		const lightC = oklch2web(l, c || .16, hue);
-		const darkC = oklch2web(lD, cD, hue);
-		css += `--tiny-c-brand-${level}:${lightC};`;
-		cssDark += `--tiny-c-brand-${level}:${darkC};`;
-	}
-	css += "}";
-	cssDark += "}";
-	return css + cssDark;
-}
-function oklch2web(l, c, h, a) {
-	const { r, g, b } = oklchToRgb({
-		l: l / 100,
-		c,
-		h
-	});
-	if (a) return `rgba(${r}, ${g}, ${b}, ${a})`;
-	return `rgb(${r}, ${g}, ${b})`;
-}
-
-//#endregion
-export { genVars };

package/dist/utils/types.js

@@ -1,7 +0,0 @@
-//#region src/utils/types.ts
-function callMaybeContextChild(context, children) {
-	return typeof children === "function" ? children(...context) : children;
-}
-
-//#endregion
-export { callMaybeContextChild };

package/dist/utils/types.jsx

@@ -1,7 +0,0 @@
-//#region src/utils/types.ts
-function callMaybeContextChild(context, children) {
-	return typeof children === "function" ? children(...context) : children;
-}
-
-//#endregion
-export { callMaybeContextChild };