@plastic-js/tsumiki 0.1.0 → 0.1.2

package/dist/components/Accordion.js

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

package/dist/components/Accordion.js.map

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

package/dist/components/Avatar.js

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

package/dist/components/Avatar.js.map

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

package/dist/components/CardNumberInput.js

@@ -0,0 +1,67 @@
+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/CardNumberInput.jsx
+var _tmpl = template("<div></div>");
+var wrapperClass = css({
+	display: "flex",
+	alignItems: "center",
+	width: "100%",
+	boxSizing: "border-box",
+	height: "44px",
+	background: "var(--bg, rgba(0,0,0,0.2))",
+	border: "1px solid var(--border)",
+	borderRadius: "10px",
+	padding: "0 14px",
+	"&:focus-within": { borderColor: "var(--accent)" }
+});
+var errorClass = css({ borderColor: "var(--danger) !important" });
+var inputClass = css({
+	flex: 1,
+	minWidth: 0,
+	height: "100%",
+	background: "transparent",
+	border: "none",
+	color: "var(--ink)",
+	fontSize: "15px",
+	fontFamily: "inherit",
+	outline: "none",
+	letterSpacing: "1.5px",
+	"&::placeholder": {
+		color: "var(--muted)",
+		letterSpacing: "normal"
+	}
+});
+var read = (value) => {
+	return typeof value === "function" ? value() : value;
+};
+var groupDigits = (digits) => {
+	if (!digits) return "";
+	return digits.replace(/(\d{4})(?=\d)/g, "$1-");
+};
+var CardNumberInput = (props) => {
+	const [local, rest] = splitProps(props, [
+		"value",
+		"onValueChange",
+		"invalid",
+		"placeholder"
+	]);
+	return (() => {
+		const _el0 = _tmpl.cloneNode(true);
+		insert(_el0, () => jsx("input", mergeProps({
+			className: inputClass,
+			inputMode: "numeric",
+			onInput: (e) => local.onValueChange?.(e.target.value.replace(/\D/g, "")),
+			get placeholder() {
+				return local.placeholder ?? "0000-0000-0000-0000";
+			},
+			value: () => groupDigits(read(local.value))
+		}, rest)));
+		setProp(_el0, "className", () => `${wrapperClass} ${read(local.invalid) ? errorClass : ""}`);
+		return _el0;
+	})();
+};
+//#endregion
+export { CardNumberInput as default };
+
+//# sourceMappingURL=CardNumberInput.js.map

package/dist/components/CardNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardNumberInput.js","names":["css","splitProps","_tmpl","_template","wrapperClass","display","alignItems","width","boxSizing","height","background","border","borderRadius","padding","borderColor","errorClass","inputClass","flex","minWidth","color","fontSize","fontFamily","outline","letterSpacing","read","value","groupDigits","digits","replace","CardNumberInput","props","local","rest","_el0","cloneNode","_insert","_jsx","_mergeProps","className","inputMode","onInput","e","onValueChange","target","placeholder","_setProp","invalid"],"sources":["../../src/components/CardNumberInput.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { splitProps } from '@plastic-js/plastic'\n\nconst wrapperClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\twidth: '100%',\n\tboxSizing: 'border-box',\n\theight: '44px',\n\tbackground: 'var(--bg, rgba(0,0,0,0.2))',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '10px',\n\tpadding: '0 14px',\n\t'&:focus-within': { borderColor: 'var(--accent)' },\n})\n\nconst errorClass = css({\n\tborderColor: 'var(--danger) !important',\n})\n\nconst inputClass = css({\n\tflex: 1,\n\tminWidth: 0,\n\theight: '100%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontFamily: 'inherit',\n\toutline: 'none',\n\tletterSpacing: '1.5px',\n\t'&::placeholder': { color: 'var(--muted)', letterSpacing: 'normal' },\n})\n\nconst read = (value)=> {\n\treturn typeof value === 'function' ? value() : value\n}\n\nconst groupDigits = (digits)=> {\n\tif (!digits){ return '' }\n\treturn digits.replace(/(\\d{4})(?=\\d)/g, '$1-')\n}\n\nconst CardNumberInput = (props)=> {\n\tconst [local, rest] = splitProps(props, ['value', 'onValueChange', 'invalid', 'placeholder'])\n\treturn (\n\t\t<div className={()=> `${wrapperClass} ${read(local.invalid) ? errorClass : ''}`}>\n\t\t\t<input\n\t\t\t\tclassName={inputClass}\n\t\t\t\tinputMode='numeric'\n\t\t\t\tonInput={e=> local.onValueChange?.(e.target.value.replace(/\\D/g, ''))}\n\t\t\t\tplaceholder={local.placeholder ?? '0000-0000-0000-0000'}\n\t\t\t\tvalue={()=> groupDigits(read(local.value))}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nexport default CardNumberInput\n"],"mappings":";;;;AACgD,IAAAE,QAAAC,SAAA,aAAA;AAEhD,IAAMC,eAAeJ,IAAI;CACxBK,SAAS;CACTC,YAAY;CACZC,OAAO;CACPC,WAAW;CACXC,QAAQ;CACRC,YAAY;CACZC,QAAQ;CACRC,cAAc;CACdC,SAAS;CACT,kBAAkB,EAAEC,aAAa,gBAAgB;AAClD,CAAC;AAED,IAAMC,aAAaf,IAAI,EACtBc,aAAa,2BACd,CAAC;AAED,IAAME,aAAahB,IAAI;CACtBiB,MAAM;CACNC,UAAU;CACVT,QAAQ;CACRC,YAAY;CACZC,QAAQ;CACRQ,OAAO;CACPC,UAAU;CACVC,YAAY;CACZC,SAAS;CACTC,eAAe;CACf,kBAAkB;EAAEJ,OAAO;EAAgBI,eAAe;CAAS;AACpE,CAAC;AAED,IAAMC,QAAQC,UAAS;CACtB,OAAO,OAAOA,UAAU,aAAaA,MAAM,IAAIA;AAChD;AAEA,IAAMC,eAAeC,WAAU;CAC9B,IAAI,CAACA,QAAS,OAAO;CACrB,OAAOA,OAAOC,QAAQ,kBAAkB,KAAK;AAC9C;AAEA,IAAMC,mBAAmBC,UAAS;CACjC,MAAM,CAACC,OAAOC,QAAQ/B,WAAW6B,OAAO;EAAC;EAAS;EAAiB;EAAW;CAAa,CAAC;CAC5F,cAAA;EAAA,MAAAG,OAAA/B,MAAAgC,UAAA,IAAA;EAAAC,OAAAF,YAAAG,IAAA,SAAAC,WAAA;GAAAC,WAGctB;GAAUuB,WACX;GAASC,UACVC,MAAIV,MAAMW,gBAAgBD,EAAEE,OAAOlB,MAAMG,QAAQ,OAAO,EAAE,CAAC;GAAC,IAAAgB,cAAA;IAAA,OACxDb,MAAMa,eAAe;GAAqB;GAAAnB,aAC3CC,YAAYF,KAAKO,MAAMN,KAAK,CAAC;EAAC,GACtCO,IAAI,CAAA,CAAA;EAAAa,QAAAZ,MAAA,mBAPW,GAAG7B,aAAY,GAAIoB,KAAKO,MAAMe,OAAO,IAAI/B,aAAa,IAAI;EAAA,OAAAkB;CAAA,GAAA;AAWjF"}

package/dist/components/Carousel.js

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

package/dist/components/Carousel.js.map

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

package/dist/components/Checkbox.js

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

package/dist/components/Checkbox.js.map

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

package/dist/components/Clipboard.js

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

package/dist/components/Clipboard.js.map

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

package/dist/components/Collapsible.js

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

package/dist/components/Collapsible.js.map

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

package/dist/components/ColorPicker.js

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

package/dist/components/ColorPicker.js.map

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

package/dist/components/Combobox.js

@@ -0,0 +1,19 @@
+import { Combobox, useComboboxContext } from "@plastic-js/ark";
+import { jsx, mergeProps } from "@plastic-js/plastic/jsx-runtime";
+//#region src/components/Combobox.jsx
+var OriginalRoot = Combobox.Root;
+var Root = (props = {}) => jsx(OriginalRoot, mergeProps(props));
+var Input = (props = {}) => {
+	const combobox = useComboboxContext();
+	return jsx(Combobox.Input, mergeProps(props, { onInput: (event) => combobox().getInputProps().onChange?.(event) }));
+};
+var Combobox_default = Object.assign(Root, {
+	...Combobox,
+	OriginalRoot,
+	Root,
+	Input
+});
+//#endregion
+export { Combobox_default as default };
+
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["Combobox","useComboboxContext","OriginalRoot","Root","props","_jsx","_mergeProps","Input","combobox","onInput","event","getInputProps","onChange","Object","assign"],"sources":["../../src/components/Combobox.jsx"],"sourcesContent":["import { Combobox, useComboboxContext } from '@plastic-js/ark'\n\nconst OriginalRoot = Combobox.Root\n\nconst Root = (props = {})=> <OriginalRoot {...props} />\n\nconst Input = (props = {})=> {\n\tconst combobox = useComboboxContext()\n\treturn (\n\t\t<Combobox.Input\n\t\t\t{...props}\n\t\t\tonInput={event=> combobox().getInputProps().onChange?.(event)}\n\t\t/>\n\t)\n}\n\nexport default Object.assign(Root, {\n\t...Combobox, OriginalRoot, Root, Input,\n})\n"],"mappings":";;;AAEA,IAAME,eAAeF,SAASG;AAE9B,IAAMA,QAAQC,QAAQ,CAAC,MAACC,IAAAH,cAAAI,WAAsBF,KAAK,CAAA;AAEnD,IAAMG,SAASH,QAAQ,CAAC,MAAK;CAC5B,MAAMI,WAAWP,mBAAmB;CACpC,OAAAI,IAAAL,SAAAO,OAAAD,WAEMF,OAAK,EAAAK,UACAC,UAAQF,SAAS,EAAEG,cAAc,EAAEC,WAAWF,KAAK,EAAC,CAAA,CAAA;AAGhE;AAEA,IAAA,mBAAeG,OAAOC,OAAOX,MAAM;CAClC,GAAGH;CAAUE;CAAcC;CAAMI;AAClC,CAAC"}

package/dist/components/ConfirmDialog.js

@@ -0,0 +1,36 @@
+import Dialog_default from "./Dialog.js";
+import { insert, jsx, mergeProps, setProp, template } from "@plastic-js/plastic/jsx-runtime";
+import { css } from "@emotion/css";
+//#region src/components/ConfirmDialog.jsx
+var _tmpl = template("<p></p>");
+var messageClass = css({
+	fontSize: "15px",
+	lineHeight: 1.5,
+	color: "var(--ink)",
+	textAlign: "center",
+	padding: "8px 0"
+});
+var ConfirmDialog = ({ open, onOpenChange, onConfirm, loading, title, message, confirmText, cancelText }) => {
+	const handleConfirm = () => {
+		onConfirm?.();
+	};
+	return jsx(Dialog_default.Root, mergeProps({
+		cancelText: cancelText ?? "Cancel",
+		confirmText: confirmText ?? "Delete",
+		loading,
+		onConfirm: handleConfirm,
+		onOpenChange,
+		open,
+		title: title ?? "Confirm",
+		children: () => {
+			const _el0 = _tmpl.cloneNode(true);
+			insert(_el0, () => message);
+			setProp(_el0, "className", () => messageClass);
+			return _el0;
+		}
+	}));
+};
+//#endregion
+export { ConfirmDialog as default };
+
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","names":["css","Dialog","_tmpl","_template","messageClass","fontSize","lineHeight","color","textAlign","padding","ConfirmDialog","open","onOpenChange","onConfirm","loading","title","message","confirmText","cancelText","handleConfirm","_jsx","Root","_mergeProps","children","_el0","cloneNode","_insert","_setProp"],"sources":["../../src/components/ConfirmDialog.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport Dialog from './Dialog.jsx'\n\nconst messageClass = css({\n\tfontSize: '15px',\n\tlineHeight: 1.5,\n\tcolor: 'var(--ink)',\n\ttextAlign: 'center',\n\tpadding: '8px 0',\n})\n\nconst ConfirmDialog = ({\n\topen, onOpenChange, onConfirm, loading, title, message, confirmText, cancelText,\n})=> {\n\tconst handleConfirm = ()=> {\n\t\tonConfirm?.()\n\t}\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\tcancelText={cancelText ?? 'Cancel'}\n\t\t\tconfirmText={confirmText ?? 'Delete'}\n\t\t\tloading={loading}\n\t\t\tonConfirm={handleConfirm}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\topen={open}\n\t\t\ttitle={title ?? 'Confirm'}\n\t\t>\n\t\t\t<p className={messageClass}>\n\t\t\t\t{message}\n\t\t\t</p>\n\t\t</Dialog.Root>\n\t)\n}\n\nexport default ConfirmDialog\n"],"mappings":";;;;AACiC,IAAAE,QAAAC,SAAA,SAAA;AAEjC,IAAMC,eAAeJ,IAAI;CACxBK,UAAU;CACVC,YAAY;CACZC,OAAO;CACPC,WAAW;CACXC,SAAS;AACV,CAAC;AAED,IAAMC,iBAAiB,EACtBC,MAAMC,cAAcC,WAAWC,SAASC,OAAOC,SAASC,aAAaC,iBACjE;CACJ,MAAMC,sBAAqB;EAC1BN,YAAY;CACb;CAEA,OAAAO,IAAAnB,eAAAoB,MAAAC,WAAA;EAAAJ,YAEcA,cAAc;EAAQD,aACrBA,eAAe;EACnBH;EAAOD,WACLM;EACGP;EACRD;EAAII,OACHA,SAAS;EAASQ,gBAAA;GAAA,MAAAC,OAAAtB,MAAAuB,UAAA,IAAA;GAAAC,OAAAF,YAGvBR,OAAO;GAAAW,QAAAH,MAAA,mBADKpB,YAAY;GAAA,OAAAoB;EAAA;CAAA,CAAA,CAAA;AAK7B"}

package/dist/components/DateInput.js

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

package/dist/components/DateInput.js.map

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

package/dist/components/DatePicker.js

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

package/dist/components/DatePicker.js.map

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

package/dist/components/Dialog.js

@@ -0,0 +1,220 @@
+import Portal_default from "./Portal.js";
+import Icon from "./Icon.js";
+import { Dialog } from "@plastic-js/ark";
+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/Dialog.jsx
+var _tmpl4 = template("<button type=\"button\"></button>");
+var _tmpl3 = template("<div><!><!></div>");
+var _tmpl2 = template("<div></div>");
+var _tmpl = template("<div><div><!><!></div><!></div>");
+var backdropClass = css({
+	position: "fixed",
+	inset: 0,
+	background: "rgba(0, 0, 0, 0.6)",
+	backdropFilter: "blur(4px)",
+	zIndex: 9998,
+	"&[hidden]": { display: "none" }
+});
+var positionerClass = css({
+	position: "fixed",
+	inset: 0,
+	display: "flex",
+	alignItems: "flex-end",
+	justifyContent: "center",
+	zIndex: 9999,
+	"@media (min-width: 640px)": {
+		alignItems: "center",
+		padding: "24px"
+	}
+});
+var contentClass = css({
+	background: "var(--surface)",
+	border: "1px solid var(--border)",
+	borderRadius: "20px 20px 0 0",
+	width: "100%",
+	maxWidth: "480px",
+	maxHeight: "92vh",
+	display: "flex",
+	flexDirection: "column",
+	color: "var(--ink)",
+	boxShadow: "0 -8px 32px rgba(0,0,0,0.4)",
+	"&[hidden]": { display: "none" },
+	"@media (min-width: 640px)": { borderRadius: "20px" }
+});
+var headClass = css({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	padding: "18px 20px",
+	borderBottom: "1px solid var(--border)"
+});
+var titleWrapClass = css({
+	display: "flex",
+	alignItems: "center",
+	gap: "10px",
+	minWidth: 0
+});
+var titleIconClass = css({
+	flexShrink: 0,
+	color: "var(--accent)"
+});
+var titleClass = css({
+	fontSize: "18px",
+	fontWeight: 700,
+	margin: 0
+});
+var closeBtnClass = css({
+	width: "32px",
+	height: "32px",
+	borderRadius: "50%",
+	background: "transparent",
+	border: "none",
+	color: "var(--muted)",
+	fontSize: "22px",
+	lineHeight: 1,
+	cursor: "pointer",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	"&:hover": {
+		background: "rgba(255,255,255,0.06)",
+		color: "var(--ink)"
+	},
+	"&[hidden]": { display: "none" }
+});
+var bodyClass = css({
+	padding: "20px",
+	overflowY: "auto"
+});
+var footClass = css({
+	display: "flex",
+	gap: "10px",
+	padding: "14px 20px 20px",
+	borderTop: "1px solid var(--border)"
+});
+var btnClass = css({
+	flex: 1,
+	height: "46px",
+	borderRadius: "10px",
+	border: "1px solid var(--border)",
+	background: "transparent",
+	color: "var(--ink)",
+	fontSize: "15px",
+	fontWeight: 600,
+	fontFamily: "inherit",
+	cursor: "pointer",
+	"&:hover": { borderColor: "rgba(255,255,255,0.2)" }
+});
+var btnPrimaryClass = css({
+	background: "var(--accent)",
+	borderColor: "var(--accent)",
+	color: "#fff",
+	"&:hover": { filter: "brightness(1.08)" },
+	"&:disabled": {
+		opacity: .5,
+		cursor: "not-allowed"
+	}
+});
+var OriginalRoot = Dialog.Root;
+var Root = (props = {}) => {
+	const [local, rest] = splitProps(props, [
+		"onOpen",
+		"onClose",
+		"onOpenChange",
+		"closeOnInteractOutside",
+		"lazyMount"
+	]);
+	return OriginalRoot({
+		...rest,
+		closeOnInteractOutside: local.closeOnInteractOutside ?? false,
+		lazyMount: local.lazyMount ?? true,
+		onOpenChange: (open) => {
+			local.onOpenChange?.(open);
+			if (open) local.onOpen?.();
+			else local.onClose?.();
+		}
+	});
+};
+var Preset = (props) => {
+	const [local, rootProps] = splitProps(props, [
+		"title",
+		"icon",
+		"cancelText",
+		"confirmText",
+		"onConfirm",
+		"loading",
+		"children"
+	]);
+	return jsx(Root, mergeProps(rootProps, { children: jsx(Portal_default, mergeProps({ children: [jsx(Dialog.Backdrop, mergeProps({ className: backdropClass })), jsx(Dialog.Positioner, mergeProps({
+		className: positionerClass,
+		children: jsx(Dialog.Content, mergeProps({
+			className: contentClass,
+			children: [
+				() => {
+					const _el0 = _tmpl.cloneNode(true);
+					const _el1 = _el0.firstChild;
+					const _el2 = _el1.firstChild;
+					const _el3 = _el1.firstChild.nextSibling;
+					const _el4 = _el0.firstChild.nextSibling;
+					insert(_el1, () => local.icon && jsx(Icon, mergeProps({
+						className: titleIconClass,
+						size: 20,
+						get svg() {
+							return local.icon;
+						}
+					})), _el2);
+					insert(_el1, () => jsx(Dialog.Title, mergeProps({
+						className: titleClass,
+						children: () => local.title
+					})), _el3);
+					setProp(_el1, "className", () => titleWrapClass);
+					insert(_el0, () => jsx(Dialog.CloseTrigger, mergeProps({
+						"aria-label": "Close",
+						className: closeBtnClass,
+						hidden: true,
+						children: "×"
+					})), _el4);
+					setProp(_el0, "className", () => headClass);
+					return _el0;
+				},
+				() => {
+					const _el0 = _tmpl2.cloneNode(true);
+					insert(_el0, () => local.children);
+					setProp(_el0, "className", () => bodyClass);
+					return _el0;
+				},
+				() => ((local.cancelText ?? "Cancel") || (local.confirmText ?? "Confirm")) && (() => {
+					const _el0 = _tmpl3.cloneNode(true);
+					const _el1 = _el0.firstChild;
+					const _el2 = _el0.firstChild.nextSibling;
+					insert(_el0, () => jsx(Dialog.CloseTrigger, mergeProps({
+						className: btnClass,
+						type: "button",
+						children: () => local.cancelText ?? "Cancel"
+					})), _el1);
+					insert(_el0, () => (local.confirmText ?? "Confirm") && (() => {
+						const _el0 = _tmpl4.cloneNode(true);
+						insert(_el0, () => local.loading?.() ? "Loading…" : local.confirmText ?? "Confirm");
+						setProp(_el0, "className", () => `${btnClass} ${btnPrimaryClass}`);
+						setProp(_el0, "disabled", () => local.loading?.());
+						setProp(_el0, "onClick", () => local.onConfirm);
+						return _el0;
+					}), _el2);
+					setProp(_el0, "className", () => footClass);
+					return _el0;
+				})
+			]
+		}))
+	}))] })) }));
+};
+var Dialog_default = Object.assign(Root, {
+	...Dialog,
+	OriginalRoot: Root,
+	Root: Preset
+});
+//#endregion
+export { Dialog_default as default };
+
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["css","Dialog","splitProps","Portal","Icon","_tmpl4","_template","_tmpl3","_tmpl2","_tmpl","backdropClass","position","inset","background","backdropFilter","zIndex","display","positionerClass","alignItems","justifyContent","padding","contentClass","border","borderRadius","width","maxWidth","maxHeight","flexDirection","color","boxShadow","headClass","borderBottom","titleWrapClass","gap","minWidth","titleIconClass","flexShrink","titleClass","fontSize","fontWeight","margin","closeBtnClass","height","lineHeight","cursor","bodyClass","overflowY","footClass","borderTop","btnClass","flex","fontFamily","borderColor","btnPrimaryClass","filter","opacity","OriginalRoot","Root","props","local","rest","closeOnInteractOutside","lazyMount","onOpenChange","open","onOpen","onClose","Preset","rootProps","_jsx","_mergeProps","children","Backdrop","className","Positioner","Content","_el0","cloneNode","_el1","firstChild","_el2","_el3","nextSibling","_el4","_insert","icon","size","svg","Title","title","_setProp","CloseTrigger","hidden","cancelText","confirmText","type","loading","onConfirm","Object","assign"],"sources":["../../src/components/Dialog.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport { Dialog } from '@plastic-js/ark'\nimport { splitProps } from '@plastic-js/plastic'\nimport Portal from './Portal.jsx'\nimport Icon from './Icon.jsx'\n\nconst backdropClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tbackground: 'rgba(0, 0, 0, 0.6)',\n\tbackdropFilter: 'blur(4px)',\n\tzIndex: 9998,\n\t'&[hidden]': { display: 'none' },\n})\n\nconst positionerClass = css({\n\tposition: 'fixed',\n\tinset: 0,\n\tdisplay: 'flex',\n\talignItems: 'flex-end',\n\tjustifyContent: 'center',\n\tzIndex: 9999,\n\t'@media (min-width: 640px)': {\n\t\talignItems: 'center',\n\t\tpadding: '24px',\n\t},\n})\n\nconst contentClass = css({\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '20px 20px 0 0',\n\twidth: '100%',\n\tmaxWidth: '480px',\n\tmaxHeight: '92vh',\n\tdisplay: 'flex',\n\tflexDirection: 'column',\n\tcolor: 'var(--ink)',\n\tboxShadow: '0 -8px 32px rgba(0,0,0,0.4)',\n\t'&[hidden]': { display: 'none' },\n\t'@media (min-width: 640px)': {\n\t\tborderRadius: '20px',\n\t},\n})\n\nconst headClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'space-between',\n\tpadding: '18px 20px',\n\tborderBottom: '1px solid var(--border)',\n})\n\nconst titleWrapClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '10px',\n\tminWidth: 0,\n})\n\nconst titleIconClass = css({\n\tflexShrink: 0,\n\tcolor: 'var(--accent)',\n})\n\nconst titleClass = css({\n\tfontSize: '18px',\n\tfontWeight: 700,\n\tmargin: 0,\n})\n\nconst closeBtnClass = css({\n\twidth: '32px',\n\theight: '32px',\n\tborderRadius: '50%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--muted)',\n\tfontSize: '22px',\n\tlineHeight: 1,\n\tcursor: 'pointer',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\t'&:hover': { background: 'rgba(255,255,255,0.06)', color: 'var(--ink)' },\n\t'&[hidden]': { display: 'none' },\n})\n\nconst bodyClass = css({\n\tpadding: '20px',\n\toverflowY: 'auto',\n})\n\nconst footClass = css({\n\tdisplay: 'flex',\n\tgap: '10px',\n\tpadding: '14px 20px 20px',\n\tborderTop: '1px solid var(--border)',\n})\n\nconst btnClass = css({\n\tflex: 1,\n\theight: '46px',\n\tborderRadius: '10px',\n\tborder: '1px solid var(--border)',\n\tbackground: 'transparent',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontWeight: 600,\n\tfontFamily: 'inherit',\n\tcursor: 'pointer',\n\t'&:hover': { borderColor: 'rgba(255,255,255,0.2)' },\n})\n\nconst btnPrimaryClass = css({\n\tbackground: 'var(--accent)',\n\tborderColor: 'var(--accent)',\n\tcolor: '#fff',\n\t'&:hover': { filter: 'brightness(1.08)' },\n\t'&:disabled': { opacity: 0.5, cursor: 'not-allowed' },\n})\n\nconst OriginalRoot = Dialog.Root\n\nconst Root = (props = {})=> {\n\tconst [local, rest] = splitProps(props, ['onOpen', 'onClose', 'onOpenChange', 'closeOnInteractOutside', 'lazyMount'])\n\treturn OriginalRoot({\n\t\t...rest,\n\t\tcloseOnInteractOutside: local.closeOnInteractOutside ?? false,\n\t\t// Defer rendering the dialog body until it is first opened, then keep it\n\t\t// mounted. ark's Positioner gates its subtree on this via presence strategy.\n\t\tlazyMount: local.lazyMount ?? true,\n\t\tonOpenChange: (open)=> {\n\t\t\tlocal.onOpenChange?.(open)\n\t\t\tif (open){ local.onOpen?.() } else { local.onClose?.() }\n\t\t},\n\t})\n}\n\nconst Preset = (props)=> {\n\tconst [local, rootProps] = splitProps(props, ['title', 'icon', 'cancelText', 'confirmText', 'onConfirm', 'loading', 'children'])\n\treturn (\n\t\t<Root {...rootProps}>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={backdropClass} />\n\t\t\t\t<Dialog.Positioner className={positionerClass}>\n\t\t\t\t\t<Dialog.Content className={contentClass}>\n\t\t\t\t\t\t<div className={headClass}>\n\t\t\t\t\t\t\t<div className={titleWrapClass}>\n\t\t\t\t\t\t\t\t{local.icon && <Icon className={titleIconClass} size={20} svg={local.icon} />}\n\t\t\t\t\t\t\t\t<Dialog.Title className={titleClass}>\n\t\t\t\t\t\t\t\t\t{local.title}\n\t\t\t\t\t\t\t\t</Dialog.Title>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Dialog.CloseTrigger aria-label='Close' className={closeBtnClass} hidden>×</Dialog.CloseTrigger>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={bodyClass}>\n\t\t\t\t\t\t\t{local.children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{((local.cancelText ?? 'Cancel') || (local.confirmText ?? 'Confirm')) && (\n\t\t\t\t\t\t\t<div className={footClass}>\n\t\t\t\t\t\t\t\t<Dialog.CloseTrigger className={btnClass} type='button'>\n\t\t\t\t\t\t\t\t\t{local.cancelText ?? 'Cancel'}\n\t\t\t\t\t\t\t\t</Dialog.CloseTrigger>\n\t\t\t\t\t\t\t\t{(local.confirmText ?? 'Confirm') && (\n\t\t\t\t\t\t\t\t\t<button className={`${btnClass} ${btnPrimaryClass}`} disabled={local.loading?.()} onClick={local.onConfirm} type='button'>\n\t\t\t\t\t\t\t\t\t\t{local.loading?.() ? 'Loading…' : local.confirmText ?? 'Confirm'}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Root>\n\t)\n}\n\nexport default Object.assign(Root, {\n\t...Dialog, OriginalRoot: Root, Root: Preset,\n})\n"],"mappings":"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"}

package/dist/components/Drawer.js

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

package/dist/components/Drawer.js.map

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

package/dist/components/Field.js

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

package/dist/components/Field.js.map

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

package/dist/components/Fieldset.js

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

package/dist/components/Fieldset.js.map

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

package/dist/components/FileUpload.js

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

package/dist/components/FileUpload.js.map

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