@plastic-js/tsumiki 0.1.0 → 0.1.1

package/dist/components/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":["RadioGroup"],"sources":["../../src/components/RadioGroup.jsx"],"sourcesContent":["import { RadioGroup } from '@plastic-js/ark'\n\nexport default RadioGroup\n"],"mappings":";;AAEA,IAAA,qBAAeA"}

package/dist/components/RatingGroup.js

@@ -0,0 +1,7 @@
+import { RatingGroup } from "@plastic-js/ark";
+//#region src/components/RatingGroup.jsx
+var RatingGroup_default = RatingGroup;
+//#endregion
+export { RatingGroup_default as default };
+
+//# sourceMappingURL=RatingGroup.js.map

package/dist/components/RatingGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingGroup.js","names":["RatingGroup"],"sources":["../../src/components/RatingGroup.jsx"],"sourcesContent":["import { RatingGroup } from '@plastic-js/ark'\n\nexport default RatingGroup\n"],"mappings":";;AAEA,IAAA,sBAAeA"}

package/dist/components/SearchInput.js

@@ -0,0 +1,66 @@
+import { insert, jsx, mergeProps, setProp, template } from "@plastic-js/plastic/jsx-runtime";
+import { css } from "@emotion/css";
+import { splitProps } from "@plastic-js/plastic";
+//#region src/components/SearchInput.jsx
+var _tmpl2 = template("<svg fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"></circle><path d=\"M21 21l-4.35-4.35\"></path></svg>");
+var _tmpl = template("<div><span aria-hidden=\"true\"></span><!></div>");
+var wrapperClass = css({
+	flex: 1,
+	minWidth: 0,
+	position: "relative"
+});
+var inputClass = css({
+	width: "100%",
+	height: "44px",
+	background: "var(--surface)",
+	border: "1px solid var(--border)",
+	borderRadius: "10px",
+	padding: "0 14px 0 44px",
+	color: "var(--ink)",
+	fontSize: "15px",
+	fontFamily: "inherit",
+	outline: "none",
+	"&::placeholder": { color: "var(--muted)" },
+	"&:focus": { borderColor: "var(--accent)" }
+});
+var iconClass = css({
+	position: "absolute",
+	left: "13px",
+	top: "50%",
+	transform: "translateY(-50%)",
+	color: "var(--muted)",
+	pointerEvents: "none",
+	"& svg": {
+		width: "18px",
+		height: "18px"
+	}
+});
+var SearchInput = (props) => {
+	const [local, rest] = splitProps(props, ["placeholder", "onInput"]);
+	return () => {
+		const _el0 = _tmpl.cloneNode(true);
+		const _el1 = _el0.firstChild;
+		const _el2 = _el0.firstChild.nextSibling;
+		insert(_el1, () => jsx(SearchIcon, {}));
+		setProp(_el1, "className", () => iconClass);
+		insert(_el0, () => jsx("input", mergeProps({
+			className: inputClass,
+			get onInput() {
+				return local.onInput;
+			},
+			get placeholder() {
+				return local.placeholder ?? "Search...";
+			},
+			type: "search"
+		}, rest)), _el2);
+		setProp(_el0, "className", () => wrapperClass);
+		return _el0;
+	};
+};
+function SearchIcon() {
+	return _tmpl2.cloneNode(true);
+}
+//#endregion
+export { SearchInput as default };
+
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":["css","splitProps","_tmpl2","_template","_tmpl","wrapperClass","flex","minWidth","position","inputClass","width","height","background","border","borderRadius","padding","color","fontSize","fontFamily","outline","borderColor","iconClass","left","top","transform","pointerEvents","SearchInput","props","local","rest","_el0","cloneNode","_el1","firstChild","_el2","nextSibling","_insert","_jsx","SearchIcon","_setProp","_mergeProps","className","onInput","placeholder","type"],"sources":["../../src/components/SearchInput.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { splitProps } from '@plastic-js/plastic'\n\nconst wrapperClass = css({\n\tflex: 1,\n\tminWidth: 0,\n\tposition: 'relative',\n})\n\nconst inputClass = css({\n\twidth: '100%',\n\theight: '44px',\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '10px',\n\tpadding: '0 14px 0 44px',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontFamily: 'inherit',\n\toutline: 'none',\n\t'&::placeholder': { color: 'var(--muted)' },\n\t'&:focus': { borderColor: 'var(--accent)' },\n})\n\nconst iconClass = css({\n\tposition: 'absolute',\n\tleft: '13px',\n\ttop: '50%',\n\ttransform: 'translateY(-50%)',\n\tcolor: 'var(--muted)',\n\tpointerEvents: 'none',\n\t'& svg': { width: '18px', height: '18px' },\n})\n\nconst SearchInput = (props)=> {\n\tconst [local, rest] = splitProps(props, ['placeholder', 'onInput'])\n\treturn (\n\t\t<div className={wrapperClass}>\n\t\t\t<span aria-hidden='true' className={iconClass}>\n\t\t\t\t<SearchIcon />\n\t\t\t</span>\n\t\t\t<input\n\t\t\t\tclassName={inputClass}\n\t\t\t\tonInput={local.onInput}\n\t\t\t\tplaceholder={local.placeholder ?? 'Search...'}\n\t\t\t\ttype='search'\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nfunction SearchIcon(){\n\treturn (\n\t\t<svg\n\t\t\tfill='none' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round'\n\t\t\tstrokeWidth='2' viewBox='0 0 24 24'\n\t\t>\n\t\t\t<circle cx='11' cy='11' r='7' />\n\t\t\t<path d='M21 21l-4.35-4.35' />\n\t\t</svg>\n\t)\n}\n\nexport default SearchInput\n"],"mappings":";;;;AACgD,IAAAE,SAAAC,SAAA,8NAAA;AAAA,IAAAC,QAAAD,SAAA,kDAAA;AAEhD,IAAME,eAAeL,IAAI;CACxBM,MAAM;CACNC,UAAU;CACVC,UAAU;AACX,CAAC;AAED,IAAMC,aAAaT,IAAI;CACtBU,OAAO;CACPC,QAAQ;CACRC,YAAY;CACZC,QAAQ;CACRC,cAAc;CACdC,SAAS;CACTC,OAAO;CACPC,UAAU;CACVC,YAAY;CACZC,SAAS;CACT,kBAAkB,EAAEH,OAAO,eAAe;CAC1C,WAAW,EAAEI,aAAa,gBAAgB;AAC3C,CAAC;AAED,IAAMC,YAAYrB,IAAI;CACrBQ,UAAU;CACVc,MAAM;CACNC,KAAK;CACLC,WAAW;CACXR,OAAO;CACPS,eAAe;CACf,SAAS;EAAEf,OAAO;EAAQC,QAAQ;CAAO;AAC1C,CAAC;AAED,IAAMe,eAAeC,UAAS;CAC7B,MAAM,CAACC,OAAOC,QAAQ5B,WAAW0B,OAAO,CAAC,eAAe,SAAS,CAAC;CAClE,aAAA;EAAA,MAAAG,OAAA1B,MAAA2B,UAAA,IAAA;EAAA,MAAAC,OAAAF,KAAAG;EAAA,MAAAC,OAAAJ,KAAAG,WAAAE;EAAAC,OAAAJ,YAAAK,IAAAC,YAAA,CAAA,CAAA,CAAA;EAAAC,QAAAP,MAAA,mBAEsCX,SAAS;EAAAe,OAAAN,YAAAO,IAAA,SAAAG,WAAA;GAAAC,WAIjChC;GAAU,IAAAiC,UAAA;IAAA,OACZd,MAAMc;GAAO;GAAA,IAAAC,cAAA;IAAA,OACTf,MAAMe,eAAe;GAAW;GAAAC,MACxC;EAAQ,GACTf,IAAI,CAAA,GAAAK,IAAA;EAAAK,QAAAT,MAAA,mBATMzB,YAAY;EAAA,OAAAyB;CAAA;AAa9B;AAEA,SAASQ,aAAY;CACpB,OAAApC,OAAA6B,UAAA,IAAA;AASD"}

package/dist/components/Select.js

@@ -0,0 +1,7 @@
+import { Select } from "@plastic-js/ark";
+//#region src/components/Select.jsx
+var Select_default = Select;
+//#endregion
+export { Select_default as default };
+
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["Select"],"sources":["../../src/components/Select.jsx"],"sourcesContent":["import { Select } from '@plastic-js/ark'\n\nexport default Select\n"],"mappings":";;AAEA,IAAA,iBAAeA"}

package/dist/components/SignaturePad.js

@@ -0,0 +1,7 @@
+import { SignaturePad } from "@plastic-js/ark";
+//#region src/components/SignaturePad.jsx
+var SignaturePad_default = SignaturePad;
+//#endregion
+export { SignaturePad_default as default };
+
+//# sourceMappingURL=SignaturePad.js.map

package/dist/components/SignaturePad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.js","names":["SignaturePad"],"sources":["../../src/components/SignaturePad.jsx"],"sourcesContent":["import { SignaturePad } from '@plastic-js/ark'\n\nexport default SignaturePad\n"],"mappings":";;AAEA,IAAA,uBAAeA"}

package/dist/components/Skeleton.js

@@ -0,0 +1,29 @@
+import { setProp, template } from "@plastic-js/plastic/jsx-runtime";
+import { css, keyframes } from "@emotion/css";
+//#region src/components/Skeleton.jsx
+var _tmpl = template("<span></span>");
+var baseClass = css({
+	display: "block",
+	background: "linear-gradient(90deg, var(--border) 0%, var(--surface) 50%, var(--border) 100%)",
+	backgroundSize: "200% 100%",
+	animation: `${keyframes({
+		"0%": { backgroundPosition: "-200% 0" },
+		"100%": { backgroundPosition: "200% 0" }
+	})} 1.4s ease-in-out infinite`,
+	borderRadius: "6px"
+});
+var Skeleton = ({ width = "100%", height = "14px", radius, className, style }) => (() => {
+	const _el0 = _tmpl.cloneNode(true);
+	setProp(_el0, "className", () => className ? `${baseClass} ${className}` : baseClass);
+	setProp(_el0, "style", () => ({
+		width,
+		height,
+		borderRadius: radius,
+		...style
+	}));
+	return _el0;
+})();
+//#endregion
+export { Skeleton as default };
+
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":["css","keyframes","_tmpl","_template","shimmer","backgroundPosition","baseClass","display","background","backgroundSize","animation","borderRadius","Skeleton","width","height","radius","className","style","_el0","cloneNode","_setProp"],"sources":["../../src/components/Skeleton.jsx"],"sourcesContent":["import { css, keyframes } from '@emotion/css'\n\nconst shimmer = keyframes({\n\t'0%': { backgroundPosition: '-200% 0' },\n\t'100%': { backgroundPosition: '200% 0' },\n})\n\nconst baseClass = css({\n\tdisplay: 'block',\n\tbackground: 'linear-gradient(90deg, var(--border) 0%, var(--surface) 50%, var(--border) 100%)',\n\tbackgroundSize: '200% 100%',\n\tanimation: `${shimmer} 1.4s ease-in-out infinite`,\n\tborderRadius: '6px',\n})\n\nconst Skeleton = ({\n\twidth = '100%', height = '14px', radius, className, style,\n})=> (\n\t<span\n\t\tclassName={className ? `${baseClass} ${className}` : baseClass}\n\t\tstyle={{\n\t\t\twidth, height, borderRadius: radius, ...style,\n\t\t}}\n\t/>\n)\n\nexport default Skeleton\n"],"mappings":";;;AAA6C,IAAAE,QAAAC,SAAA,eAAA;AAO7C,IAAMG,YAAYN,IAAI;CACrBO,SAAS;CACTC,YAAY;CACZC,gBAAgB;CAChBC,WAAW,GATIT,UAAU;EACzB,MAAM,EAAEI,oBAAoB,UAAU;EACtC,QAAQ,EAAEA,oBAAoB,SAAS;CACxC,CAMeD,EAAO;CACrBO,cAAc;AACf,CAAC;AAED,IAAMC,YAAY,EACjBC,QAAQ,QAAQC,SAAS,QAAQC,QAAQC,WAAWC,mBACpD;CAAA,MAAAC,OAAAhB,MAAAiB,UAAA,IAAA;CAAAC,QAAAF,MAAA,mBAEYF,YAAY,GAAGV,UAAS,GAAIU,cAAcV,SAAS;CAAAc,QAAAF,MAAA,gBACvD;EACNL;EAAOC;EAAQH,cAAcI;EAAQ,GAAGE;CACzC,EAAC;CAAA,OAAAC;AAAA,GAAA"}

package/dist/components/Slider.js

@@ -0,0 +1,7 @@
+import { Slider } from "@plastic-js/ark";
+//#region src/components/Slider.jsx
+var Slider_default = Slider;
+//#endregion
+export { Slider_default as default };
+
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["Slider"],"sources":["../../src/components/Slider.jsx"],"sourcesContent":["import { Slider } from '@plastic-js/ark'\n\nexport default Slider\n"],"mappings":";;AAEA,IAAA,iBAAeA"}

package/dist/components/Splitter.js

@@ -0,0 +1,7 @@
+import { Splitter } from "@plastic-js/ark";
+//#region src/components/Splitter.jsx
+var Splitter_default = Splitter;
+//#endregion
+export { Splitter_default as default };
+
+//# sourceMappingURL=Splitter.js.map

package/dist/components/Splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.js","names":["Splitter"],"sources":["../../src/components/Splitter.jsx"],"sourcesContent":["import { Splitter } from '@plastic-js/ark'\n\nexport default Splitter\n"],"mappings":";;AAEA,IAAA,mBAAeA"}

package/dist/components/Steps.js

@@ -0,0 +1,7 @@
+import { Steps } from "@plastic-js/ark";
+//#region src/components/Steps.jsx
+var Steps_default = Steps;
+//#endregion
+export { Steps_default as default };
+
+//# sourceMappingURL=Steps.js.map

package/dist/components/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","names":["Steps"],"sources":["../../src/components/Steps.jsx"],"sourcesContent":["import { Steps } from '@plastic-js/ark'\n\nexport default Steps\n"],"mappings":";;AAEA,IAAA,gBAAeA"}

package/dist/components/SwipeReveal.js

@@ -0,0 +1,161 @@
+import { insert, setProp, template } from "@plastic-js/plastic/jsx-runtime";
+import { css } from "@emotion/css";
+import { createEffect, createSignal } from "@plastic-js/plastic";
+//#region src/components/SwipeReveal.jsx
+var _tmpl2 = template("<button type=\"button\"></button>");
+var _tmpl = template("<div><div data-dragging=\"false\"><div></div><div></div></div></div>");
+var ACTIONS_WIDTH = 160;
+var wrapperClass = css`
+	position: relative;
+	overflow: hidden;
+	border-radius: 12px;
+	user-select: none;
+`;
+var trackClass = css`
+	display: flex;
+	align-items: stretch;
+	will-change: transform;
+	transition: transform 220ms ease;
+	touch-action: pan-y;
+	&[data-dragging="true"] { transition: none; }
+`;
+var actionsClass = css`
+	flex: 0 0 ${ACTIONS_WIDTH}px;
+	display: flex;
+`;
+var actionBtnClass = css`
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: none;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 600;
+	cursor: pointer;
+	font-family: inherit;
+`;
+var contentClass = css`
+	flex: 0 0 100%;
+`;
+var SwipeReveal = ({ actions, children, onSwipeStart, onOpenChange, activeId, thisId }) => {
+	const isOpen = createSignal(false);
+	let trackEl = null;
+	let startX = 0;
+	let startY = 0;
+	let baseOffset = 0;
+	let currentOffset = 0;
+	let dragging = false;
+	let axisLocked = false;
+	let horizontal = false;
+	let moved = false;
+	const setTrackRef = (el) => {
+		trackEl = el;
+	};
+	const applyTransform = (px) => {
+		if (trackEl) trackEl.style.transform = `translateX(${px}px)`;
+	};
+	const snap = (toOpen) => {
+		currentOffset = toOpen ? -160 : 0;
+		if (trackEl) {
+			trackEl.dataset.dragging = "false";
+			applyTransform(currentOffset);
+		}
+		onOpenChange?.(toOpen);
+		isOpen(toOpen);
+	};
+	createEffect(() => {
+		const currentActive = typeof activeId === "function" ? activeId() : activeId;
+		if (currentActive !== void 0 && currentActive !== thisId && isOpen()) {
+			isOpen(false);
+			currentOffset = 0;
+			if (trackEl) {
+				trackEl.dataset.dragging = "false";
+				applyTransform(0);
+			}
+		}
+	});
+	const onPointerDown = (e) => {
+		if (e.pointerType === "mouse" && e.button !== 0) return;
+		startX = e.clientX;
+		startY = e.clientY;
+		baseOffset = isOpen() ? -160 : 0;
+		dragging = true;
+		axisLocked = false;
+		horizontal = false;
+		moved = false;
+		e.currentTarget.setPointerCapture?.(e.pointerId);
+	};
+	const onPointerMove = (e) => {
+		if (!dragging) return;
+		const dx = e.clientX - startX;
+		const dy = e.clientY - startY;
+		if (!axisLocked) {
+			if (Math.abs(dx) < 6 && Math.abs(dy) < 6) return;
+			horizontal = Math.abs(dx) > Math.abs(dy);
+			axisLocked = true;
+			if (horizontal && trackEl) trackEl.dataset.dragging = "true";
+		}
+		if (!horizontal) return;
+		moved = true;
+		let next = baseOffset + dx;
+		if (next > 0) next = 0;
+		if (next < -160) next = -160 - (next + ACTIONS_WIDTH) * .2;
+		currentOffset = next;
+		applyTransform(next);
+	};
+	const onPointerUp = (e) => {
+		if (!dragging) return;
+		dragging = false;
+		e.currentTarget.releasePointerCapture?.(e.pointerId);
+		if (!horizontal) return;
+		snap(currentOffset < -80);
+	};
+	const handleContentClick = (e) => {
+		if (moved) {
+			e.stopPropagation();
+			return;
+		}
+		if (isOpen()) {
+			e.stopPropagation();
+			snap(false);
+			return;
+		}
+	};
+	const handleActionClick = (action) => (e) => {
+		e.stopPropagation();
+		snap(false);
+		action.onClick?.(e);
+	};
+	return () => {
+		const _el0 = _tmpl.cloneNode(true);
+		const _el1 = _el0.firstChild;
+		const _el2 = _el1.firstChild;
+		const _el3 = _el1.firstChild.nextSibling;
+		insert(_el2, () => children);
+		setProp(_el2, "className", () => contentClass);
+		setProp(_el2, "onClick", () => handleContentClick);
+		insert(_el3, () => actions.map((action) => () => {
+			const _el0 = _tmpl2.cloneNode(true);
+			insert(_el0, () => action.label);
+			setProp(_el0, "className", () => actionBtnClass);
+			setProp(_el0, "onClick", () => handleActionClick(action));
+			setProp(_el0, "style", () => ({ background: action.color }));
+			setProp(_el0, "tabIndex", () => isOpen() ? 0 : -1);
+			return _el0;
+		}));
+		setProp(_el3, "className", () => actionsClass);
+		setProp(_el1, "className", () => trackClass);
+		setProp(_el1, "onPointerCancel", () => onPointerUp);
+		setProp(_el1, "onPointerDown", () => onPointerDown);
+		setProp(_el1, "onPointerMove", () => onPointerMove);
+		setProp(_el1, "onPointerUp", () => onPointerUp);
+		setProp(_el1, "ref", () => setTrackRef);
+		setProp(_el0, "className", () => wrapperClass);
+		return _el0;
+	};
+};
+//#endregion
+export { SwipeReveal as default };
+
+//# sourceMappingURL=SwipeReveal.js.map

package/dist/components/SwipeReveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeReveal.js","names":["css","createEffect","createSignal","_tmpl2","_template","_tmpl","ACTIONS_WIDTH","SWIPE_THRESHOLD","wrapperClass","trackClass","actionsClass","actionBtnClass","contentClass","SwipeReveal","actions","children","onSwipeStart","onOpenChange","activeId","thisId","isOpen","trackEl","startX","startY","baseOffset","currentOffset","dragging","axisLocked","horizontal","moved","setTrackRef","el","applyTransform","px","style","transform","snap","toOpen","dataset","currentActive","undefined","onPointerDown","e","pointerType","button","clientX","clientY","currentTarget","setPointerCapture","pointerId","onPointerMove","dx","dy","Math","abs","next","onPointerUp","releasePointerCapture","shouldOpen","handleContentClick","stopPropagation","handleActionClick","action","onClick","_el0","cloneNode","_el1","firstChild","_el2","_el3","nextSibling","_insert","_setProp","map","label","background","color"],"sources":["../../src/components/SwipeReveal.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { createEffect, createSignal } from '@plastic-js/plastic'\n\nconst ACTIONS_WIDTH = 160\nconst SWIPE_THRESHOLD = ACTIONS_WIDTH / 2\n\nconst wrapperClass = css`\n\tposition: relative;\n\toverflow: hidden;\n\tborder-radius: 12px;\n\tuser-select: none;\n`\n\nconst trackClass = css`\n\tdisplay: flex;\n\talign-items: stretch;\n\twill-change: transform;\n\ttransition: transform 220ms ease;\n\ttouch-action: pan-y;\n\t&[data-dragging=\"true\"] { transition: none; }\n`\n\nconst actionsClass = css`\n\tflex: 0 0 ${ACTIONS_WIDTH}px;\n\tdisplay: flex;\n`\n\nconst actionBtnClass = css`\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tcolor: #fff;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcursor: pointer;\n\tfont-family: inherit;\n`\n\nconst contentClass = css`\n\tflex: 0 0 100%;\n`\n\nconst SwipeReveal = ({\n\tactions, children, onSwipeStart, onOpenChange, activeId, thisId,\n})=> {\n\tconst isOpen = createSignal(false)\n\n\tlet trackEl = null\n\tlet startX = 0\n\tlet startY = 0\n\tlet baseOffset = 0\n\tlet currentOffset = 0\n\tlet dragging = false\n\tlet axisLocked = false\n\tlet horizontal = false\n\tlet moved = false\n\n\tconst setTrackRef = (el)=> { trackEl = el }\n\n\tconst applyTransform = (px)=> {\n\t\tif (trackEl){ trackEl.style.transform = `translateX(${px}px)` }\n\t}\n\n\tconst snap = (toOpen)=> {\n\t\tcurrentOffset = toOpen ? -ACTIONS_WIDTH : 0\n\t\tif (trackEl){\n\t\t\ttrackEl.dataset.dragging = 'false'\n\t\t\tapplyTransform(currentOffset)\n\t\t}\n\t\tonOpenChange?.(toOpen)\n\t\tisOpen(toOpen)\n\t}\n\n\t// only one card open at a time — close when another card's swipe activates\n\tcreateEffect(()=> {\n\t\tconst currentActive = typeof activeId === 'function' ? activeId() : activeId\n\t\tif (currentActive !== undefined && currentActive !== thisId && isOpen()){\n\t\t\tisOpen(false)\n\t\t\tcurrentOffset = 0\n\t\t\tif (trackEl){\n\t\t\t\ttrackEl.dataset.dragging = 'false'\n\t\t\t\tapplyTransform(0)\n\t\t\t}\n\t\t}\n\t})\n\n\tconst onPointerDown = (e)=> {\n\t\tif (e.pointerType === 'mouse' && e.button !== 0){ return }\n\t\tstartX = e.clientX\n\t\tstartY = e.clientY\n\t\tbaseOffset = isOpen() ? -ACTIONS_WIDTH : 0\n\t\tdragging = true\n\t\taxisLocked = false\n\t\thorizontal = false\n\t\tmoved = false\n\t\te.currentTarget.setPointerCapture?.(e.pointerId)\n\t}\n\n\tconst onPointerMove = (e)=> {\n\t\tif (!dragging){ return }\n\t\tconst dx = e.clientX - startX\n\t\tconst dy = e.clientY - startY\n\t\tif (!axisLocked){\n\t\t\tif (Math.abs(dx) < 6 && Math.abs(dy) < 6){ return }\n\t\t\thorizontal = Math.abs(dx) > Math.abs(dy)\n\t\t\taxisLocked = true\n\t\t\tif (horizontal && trackEl){ trackEl.dataset.dragging = 'true' }\n\t\t}\n\t\tif (!horizontal){ return }\n\t\tmoved = true\n\t\tlet next = baseOffset + dx\n\t\tif (next > 0){ next = 0 }\n\t\tif (next < -ACTIONS_WIDTH){ next = -ACTIONS_WIDTH - (next + ACTIONS_WIDTH) * 0.2 }\n\t\tcurrentOffset = next\n\t\tapplyTransform(next)\n\t}\n\n\tconst onPointerUp = (e)=> {\n\t\tif (!dragging){ return }\n\t\tdragging = false\n\t\te.currentTarget.releasePointerCapture?.(e.pointerId)\n\t\tif (!horizontal){ return }\n\t\tconst shouldOpen = currentOffset < -SWIPE_THRESHOLD\n\t\tsnap(shouldOpen)\n\t}\n\n\tconst handleContentClick = (e)=> {\n\t\tif (moved){ e.stopPropagation(); return }\n\t\tif (isOpen()){ e.stopPropagation(); snap(false); return }\n\t}\n\n\tconst handleActionClick = action=> (e)=> {\n\t\te.stopPropagation()\n\t\tsnap(false)\n\t\taction.onClick?.(e)\n\t}\n\n\treturn (\n\t\t<div className={wrapperClass}>\n\t\t\t<div\n\t\t\t\tclassName={trackClass}\n\t\t\t\tdata-dragging='false'\n\t\t\t\tonPointerCancel={onPointerUp}\n\t\t\t\tonPointerDown={onPointerDown}\n\t\t\t\tonPointerMove={onPointerMove}\n\t\t\t\tonPointerUp={onPointerUp}\n\t\t\t\tref={setTrackRef}\n\t\t\t>\n\t\t\t\t<div className={contentClass} onClick={handleContentClick}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t<div className={actionsClass}>\n\t\t\t\t\t{actions.map(action=> (\n\t\t\t\t\t\t// prevent tab focus when actions are hidden off-screen\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName={actionBtnClass}\n\t\t\t\t\t\t\tonClick={handleActionClick(action)}\n\t\t\t\t\t\t\tstyle={{ background: action.color }}\n\t\t\t\t\t\t\ttabIndex={isOpen() ? 0 : -1}\n\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nexport default SwipeReveal\n"],"mappings":"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"}

package/dist/components/Switch.js

@@ -0,0 +1,7 @@
+import { Switch } from "@plastic-js/ark";
+//#region src/components/Switch.jsx
+var Switch_default = Switch;
+//#endregion
+export { Switch_default as default };
+
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["Switch"],"sources":["../../src/components/Switch.jsx"],"sourcesContent":["import { Switch } from '@plastic-js/ark'\n\nexport default Switch\n"],"mappings":";;AAEA,IAAA,iBAAeA"}

package/dist/components/Tabs.js

@@ -0,0 +1,7 @@
+import { Tabs } from "@plastic-js/ark";
+//#region src/components/Tabs.jsx
+var Tabs_default = Tabs;
+//#endregion
+export { Tabs_default as default };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["Tabs"],"sources":["../../src/components/Tabs.jsx"],"sourcesContent":["import { Tabs } from '@plastic-js/ark'\n\nexport default Tabs\n"],"mappings":";;AAEA,IAAA,eAAeA"}

package/dist/components/TagsInput.js

@@ -0,0 +1,7 @@
+import { TagsInput } from "@plastic-js/ark";
+//#region src/components/TagsInput.jsx
+var TagsInput_default = TagsInput;
+//#endregion
+export { TagsInput_default as default };
+
+//# sourceMappingURL=TagsInput.js.map

package/dist/components/TagsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsInput.js","names":["TagsInput"],"sources":["../../src/components/TagsInput.jsx"],"sourcesContent":["import { TagsInput } from '@plastic-js/ark'\n\nexport default TagsInput\n"],"mappings":";;AAEA,IAAA,oBAAeA"}

package/dist/components/Toast.js

@@ -0,0 +1,7 @@
+import { Toast, createToaster } from "@plastic-js/ark";
+//#region src/components/Toast.jsx
+var Toast_default = Object.assign(Toast, { createToaster });
+//#endregion
+export { Toast_default as default };
+
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["Toast","createToaster","Object","assign"],"sources":["../../src/components/Toast.jsx"],"sourcesContent":["import { Toast, createToaster } from '@plastic-js/ark'\n\nexport default Object.assign(Toast, { createToaster })\n"],"mappings":";;AAEA,IAAA,gBAAeE,OAAOC,OAAOH,OAAO,EAAEC,cAAc,CAAC"}

package/dist/components/Toggle.js

@@ -0,0 +1,7 @@
+import { Toggle } from "@plastic-js/ark";
+//#region src/components/Toggle.jsx
+var Toggle_default = Toggle;
+//#endregion
+export { Toggle_default as default };
+
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","names":["Toggle"],"sources":["../../src/components/Toggle.jsx"],"sourcesContent":["import { Toggle } from '@plastic-js/ark'\n\nexport default Toggle\n"],"mappings":";;AAEA,IAAA,iBAAeA"}

package/dist/components/ToggleGroup.js

@@ -0,0 +1,7 @@
+import { ToggleGroup } from "@plastic-js/ark";
+//#region src/components/ToggleGroup.jsx
+var ToggleGroup_default = ToggleGroup;
+//#endregion
+export { ToggleGroup_default as default };
+
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","names":["ToggleGroup"],"sources":["../../src/components/ToggleGroup.jsx"],"sourcesContent":["import { ToggleGroup } from '@plastic-js/ark'\n\nexport default ToggleGroup\n"],"mappings":";;AAEA,IAAA,sBAAeA"}

package/dist/components/Tooltip.js

@@ -0,0 +1,7 @@
+import { Tooltip } from "@plastic-js/ark";
+//#region src/components/Tooltip.jsx
+var Tooltip_default = Tooltip;
+//#endregion
+export { Tooltip_default as default };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["Tooltip"],"sources":["../../src/components/Tooltip.jsx"],"sourcesContent":["import { Tooltip } from '@plastic-js/ark'\n\nexport default Tooltip\n"],"mappings":";;AAEA,IAAA,kBAAeA"}

package/dist/components/Tour.js

@@ -0,0 +1,7 @@
+import { Tour } from "@plastic-js/ark";
+//#region src/components/Tour.jsx
+var Tour_default = Tour;
+//#endregion
+export { Tour_default as default };
+
+//# sourceMappingURL=Tour.js.map

package/dist/components/Tour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tour.js","names":["Tour"],"sources":["../../src/components/Tour.jsx"],"sourcesContent":["import { Tour } from '@plastic-js/ark'\n\nexport default Tour\n"],"mappings":";;AAEA,IAAA,eAAeA"}

package/dist/components/TreeView.js

@@ -0,0 +1,7 @@
+import { TreeView } from "@plastic-js/ark";
+//#region src/components/TreeView.jsx
+var TreeView_default = TreeView;
+//#endregion
+export { TreeView_default as default };
+
+//# sourceMappingURL=TreeView.js.map

package/dist/components/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","names":["TreeView"],"sources":["../../src/components/TreeView.jsx"],"sourcesContent":["import { TreeView } from '@plastic-js/ark'\n\nexport default TreeView\n"],"mappings":";;AAEA,IAAA,mBAAeA"}