@plastic-js/tsumiki 0.1.77 → 0.1.79

package/dist/components/DialogSheet.js

@@ -7,7 +7,7 @@ import { Either, createEffect, createSignal, onCleanup } from "@plastic-js/plast
 //#region src/components/DialogSheet.jsx
 var _tmpl4 = template("<div></div>");
 var _tmpl3 = template("<div data-scope=\"dialog\" data-part=\"header\"><div><!><!></div></div>");
-var _tmpl2 = template("<div role=\"dialog\" aria-modal=\"true\" data-scope=\"dialog\" data-part=\"sheet\"><!><div data-scope=\"dialog\" data-part=\"body\"></div><div data-scope=\"dialog\" data-part=\"footer\"></div><div aria-hidden=\"true\"></div></div>");
+var _tmpl2 = template("<div role=\"dialog\" aria-modal=\"true\" data-scope=\"dialog\" data-part=\"sheet\"><!><div data-scope=\"dialog\" data-part=\"body\"></div><div data-scope=\"dialog\" data-part=\"footer\"></div></div>");
 var _tmpl = template("<button type=\"button\" aria-label=\"Dismiss\"></button>");
 var sheetBackdropClass = css({
 	position: "fixed",
@@ -41,6 +41,7 @@ var sheetPanelClass = css({
 	flexDirection: "column",
 	color: "var(--tsu-fg)",
 	boxShadow: "var(--tsu-shadow-lg)",
+	paddingBottom: "max(var(--tsu-container-padding-lg), env(safe-area-inset-bottom, 0px))",
 	transform: "translateY(100%)",
 	pointerEvents: "none",
 	transition: "transform var(--tsu-transition-overlay-exit)",
@@ -54,10 +55,7 @@ var sheetPanelClass = css({
 		})} var(--tsu-duration-overlay-enter) var(--tsu-ease-out)`
 	}
 });
-var sheetBottomPadClass = css({
-	flexShrink: 0,
-	paddingBottom: "env(safe-area-inset-bottom, 0px)"
-});
+var sheetFooterClass = css({ paddingBottom: 0 });
 var read = (v) => typeof v === "function" ? v() : v;
 var DEFAULT_EXIT_MS = 200;
 var toMs = (s) => {
@@ -161,7 +159,6 @@ var DialogSheet = (props) => {
 		const _el1 = _el0.firstChild;
 		const _el2 = _el0.firstChild.nextSibling;
 		const _el3 = _el0.firstChild.nextSibling.nextSibling;
-		const _el4 = _el0.firstChild.nextSibling.nextSibling.nextSibling;
 		insert(_el0, () => (title || props.icon) && (() => {
 			const _el0 = _tmpl3.cloneNode(true);
 			const _el1 = _el0.firstChild;
@@ -188,8 +185,7 @@ var DialogSheet = (props) => {
 		insert(_el2, () => props.children);
 		setProp(_el2, "className", () => bodyClass);
 		insert(_el3, () => props.footer);
-		setProp(_el3, "className", () => footerClass);
-		setProp(_el4, "className", () => sheetBottomPadClass);
+		setProp(_el3, "className", () => `${footerClass} ${sheetFooterClass}`);
 		setProp(_el0, "ref", (el) => {
 			sheetEl = el;
 		});

package/dist/components/Input.js

@@ -160,6 +160,7 @@ var Input = (props = {}) => {
 	]);
 	const showPassword = createSignal(false);
 	const isPassword = read(local.type) === "password";
+	let inputEl = null;
 	const hasPrefix = () => read(local.prefix) != null;
 	const hasSuffix = () => read(local.suffix) != null || isPassword;
 	const field = useFieldContext();
@@ -187,12 +188,19 @@ var Input = (props = {}) => {
 		if (!isPassword) return read(local.type);
 		return showPassword() ? "text" : "password";
 	};
+	const handleAffixPointerDown = (e) => {
+		if (effectiveDisabled()) return;
+		const target = e.target;
+		if (target && target.closest && target.closest("button, a, input, select, textarea, label, [contenteditable]")) return;
+		inputEl?.focus();
+	};
 	const renderAffix = (content) => {
 		if (content == null) return null;
 		return () => {
 			const _el0 = _tmpl.cloneNode(true);
 			insert(_el0, () => content);
 			setProp(_el0, "className", () => affixClass);
+			setProp(_el0, "onPointerDown", () => handleAffixPointerDown);
 			return _el0;
 		};
 	};
@@ -206,8 +214,9 @@ var Input = (props = {}) => {
 			if (p == null) return null;
 			return renderAffix(p);
 		}, _el1);
-		insert(_el0, () => jsx(ark$1.input, mergeProps({ get ref() {
-			return local.ref;
+		insert(_el0, () => jsx(ark$1.input, mergeProps({ ref: (el) => {
+			inputEl = el;
+			if (typeof local.ref === "function") local.ref(el);
 		} }, () => field ? field.getInputProps() : {}, rest, {
 			type: inputType,
 			"aria-invalid": () => effectiveInvalid() ? "true" : "false",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plastic-js/tsumiki",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "description": "A UI component library for Plastic JS.",
   "license": "MIT",
   "author": "tigre",