@plastic-js/tsumiki 0.1.0 → 0.1.1

package/dist/components/FilteredSelect.js

@@ -0,0 +1,173 @@
+import { Combobox, useComboboxContext } from "@plastic-js/ark";
+import { insert, jsx, mergeProps, setProp, template } from "@plastic-js/plastic/jsx-runtime";
+import { Loop, createComputed, createContext, createEffect, createSignal, splitProps, useContext } from "@plastic-js/plastic";
+import { collection } from "@zag-js/combobox";
+//#region src/components/FilteredSelect.jsx
+var _tmpl3 = template("<span></span>");
+var _tmpl2 = template("<svg fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2.5\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>");
+var _tmpl = template("<svg fill=\"none\" stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>");
+var access = (value) => {
+	return typeof value === "function" ? value() : value;
+};
+var FilterContext = createContext(null);
+var defaultItemToValue = (item) => String(item?.value ?? item?.id ?? item);
+var defaultItemToString = (item) => String(item?.label ?? item?.name ?? item);
+var defaultFilter = (item, query, itemToString) => itemToString(item).toLowerCase().includes(query);
+var Root = (props = {}) => {
+	const [local, rest] = splitProps(props, [
+		"items",
+		"itemToValue",
+		"itemToString",
+		"filter",
+		"inputValue",
+		"onInputValueChange",
+		"children"
+	]);
+	const itemToValue = local.itemToValue ?? defaultItemToValue;
+	const itemToString = local.itemToString ?? defaultItemToString;
+	const filter = local.filter ?? defaultFilter;
+	const query = createSignal(access(local.inputValue) ?? "");
+	const filteredItems = createComputed(() => {
+		const q = query().trim().toLowerCase();
+		const list = access(local.items) ?? [];
+		return q ? list.filter((item) => filter(item, q, itemToString)) : list;
+	});
+	const collection$1 = createComputed(() => collection({
+		items: filteredItems(),
+		itemToValue,
+		itemToString
+	}));
+	return jsx(FilterContext.Provider, mergeProps({
+		value: filteredItems,
+		children: () => jsx(Combobox.Root, mergeProps(rest, {
+			collection: collection$1,
+			inputValue: query,
+			onInputValueChange: (value) => {
+				query(value);
+				local.onInputValueChange?.(value);
+			},
+			children: [jsx(HighlightSingleMatch, mergeProps({
+				itemToValue,
+				items: filteredItems
+			})), () => local.children]
+		}))
+	}));
+};
+var HighlightSingleMatch = (props = {}) => {
+	const combobox = useComboboxContext();
+	createEffect(() => {
+		const api = combobox();
+		const list = props.items();
+		if (!api.open || list.length !== 1) return;
+		const value = props.itemToValue(list[0]);
+		if (api.highlightedValue !== value) api.setHighlightValue(value);
+	});
+	return null;
+};
+var Input = (props = {}) => {
+	const combobox = useComboboxContext();
+	return jsx(Combobox.Input, mergeProps(props, { onInput: (event) => combobox().getInputProps().onChange?.(event) }));
+};
+var Items = (props = {}) => {
+	return jsx(Loop, mergeProps({
+		each: useContext(FilterContext) ?? [],
+		children: (item) => props.children?.(item)
+	}));
+};
+function ChevronIcon() {
+	return _tmpl.cloneNode(true);
+}
+function CheckIcon() {
+	return _tmpl2.cloneNode(true);
+}
+var FilteredSelect = (props = {}) => {
+	const [local, rest] = splitProps(props, [
+		"items",
+		"itemToString",
+		"itemToValue",
+		"placeholder",
+		"label",
+		"openOnClick",
+		"disabled",
+		"classNames",
+		"emptyText"
+	]);
+	const cn = local.classNames ?? {};
+	return jsx(Root, mergeProps({
+		get itemToString() {
+			return local.itemToString;
+		},
+		get itemToValue() {
+			return local.itemToValue;
+		},
+		get items() {
+			return local.items;
+		},
+		get openOnClick() {
+			return local.openOnClick ?? true;
+		}
+	}, rest, { children: [
+		() => local.label && jsx(Combobox.Label, mergeProps({
+			get className() {
+				return cn.label;
+			},
+			children: () => local.label
+		})),
+		jsx(Combobox.Control, mergeProps({
+			get className() {
+				return cn.control;
+			},
+			children: [jsx(Input, mergeProps({
+				get className() {
+					return cn.input;
+				},
+				get disabled() {
+					return local.disabled;
+				},
+				get placeholder() {
+					return local.placeholder ?? "Type to search...";
+				}
+			})), jsx(Combobox.Trigger, mergeProps({
+				get className() {
+					return cn.trigger;
+				},
+				type: "button",
+				children: jsx(ChevronIcon, {})
+			}))]
+		})),
+		jsx(Combobox.Content, mergeProps({
+			get className() {
+				return cn.content;
+			},
+			children: [jsx(Combobox.Empty, mergeProps({
+				get className() {
+					return cn.empty;
+				},
+				children: () => local.emptyText ?? "No results found"
+			})), jsx(Items, mergeProps({ children: (item) => jsx(Combobox.Item, mergeProps({
+				get className() {
+					return cn.item;
+				},
+				item,
+				get key() {
+					return local.itemToValue?.(item) ?? item;
+				},
+				children: [jsx(Combobox.ItemText, mergeProps({
+					get className() {
+						return cn.itemText;
+					},
+					children: () => local.itemToString?.(item) ?? String(item)
+				})), () => {
+					const _el0 = _tmpl3.cloneNode(true);
+					insert(_el0, () => jsx(CheckIcon, {}));
+					setProp(_el0, "className", () => cn.check);
+					return _el0;
+				}]
+			})) }))]
+		}))
+	] }));
+};
+//#endregion
+export { FilteredSelect as default };
+
+//# sourceMappingURL=FilteredSelect.js.map

package/dist/components/FilteredSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilteredSelect.js","names":["Combobox","useComboboxContext","Loop","createComputed","createContext","createEffect","createSignal","splitProps","useContext","collection","createCollection","_tmpl3","_template","_tmpl2","_tmpl","access","value","FilterContext","defaultItemToValue","item","String","id","defaultItemToString","label","name","defaultFilter","query","itemToString","toLowerCase","includes","Root","props","local","rest","itemToValue","filter","inputValue","filteredItems","q","trim","list","items","_jsx","Provider","_mergeProps","children","onInputValueChange","HighlightSingleMatch","combobox","api","open","length","highlightedValue","setHighlightValue","Input","onInput","event","getInputProps","onChange","Items","each","ChevronIcon","cloneNode","CheckIcon","FilteredSelect","cn","classNames","openOnClick","Label","className","Control","control","input","disabled","placeholder","Trigger","trigger","type","Content","content","Empty","empty","emptyText","Item","key","ItemText","itemText","_el0","_insert","_setProp","check"],"sources":["../../src/components/FilteredSelect.jsx"],"sourcesContent":["import { Combobox, useComboboxContext } from '@plastic-js/ark'\nimport {\n\tLoop, createComputed, createContext, createEffect, createSignal, splitProps, useContext,\n} from '@plastic-js/plastic'\nimport { collection as createCollection } from '@zag-js/combobox'\n\n// FilteredSelect — a filterable single-select built on the pure `Combobox`\n// primitive's underlying headless machine.\n//\n// This file owns two things:\n//   1. The filter plumbing. The headless component is \"controlled collection\"\n//      only: it expects you to build a @zag-js collection yourself and narrow it\n//      down as the user types. The internal <Root> keeps a query in sync with the\n//      input, filters the list and feeds a reactive collection back to the\n//      headless Root.\n//   2. The public API / contract. The default-exported <FilteredSelect> assembles\n//      the full structure (label, control, input, trigger, content, items) and\n//      exposes a flat prop API. It is intentionally style-agnostic: every visual\n//      slot is themed through the `classNames` map, so the styling layer\n//      (MyFilteredSelect) only has to supply CSS.\n\nconst access = (value)=> {\n\treturn typeof value === 'function' ? value() : value\n}\n\n// Exposes the filtered items to <Items> without forcing the caller to thread\n// them through props.\nconst FilterContext = createContext(null)\n\nconst defaultItemToValue = item=> String(item?.value ?? item?.id ?? item)\nconst defaultItemToString = item=> String(item?.label ?? item?.name ?? item)\n\n// Substring match on the item's display string. Override via the `filter` prop\n// for fuzzy/score-based matching.\nconst defaultFilter = (item, query, itemToString)=> itemToString(item).toLowerCase().includes(query)\n\nconst Root = (props = {})=> {\n\tconst [local, rest] = splitProps(props, [\n\t\t'items', 'itemToValue', 'itemToString', 'filter', 'inputValue', 'onInputValueChange', 'children',\n\t])\n\n\tconst itemToValue = local.itemToValue ?? defaultItemToValue\n\tconst itemToString = local.itemToString ?? defaultItemToString\n\tconst filter = local.filter ?? defaultFilter\n\n\t// Internal query mirrors the input. We seed it from any `inputValue` the\n\t// caller passed so an initial/controlled value still filters correctly.\n\tconst query = createSignal(access(local.inputValue) ?? '')\n\n\t// Recomputes on typing and whenever the source `items` change. An empty\n\t// query shows everything; otherwise only the matches survive.\n\tconst filteredItems = createComputed(()=> {\n\t\tconst q = query().trim().toLowerCase()\n\t\tconst list = access(local.items) ?? []\n\t\treturn q ? list.filter(item=> filter(item, q, itemToString)) : list\n\t})\n\n\tconst collection = createComputed(()=> createCollection({\n\t\titems: filteredItems(),\n\t\titemToValue,\n\t\titemToString,\n\t}))\n\n\treturn (\n\t\t<FilterContext.Provider value={filteredItems}>\n\t\t\t<Combobox.Root\n\t\t\t\t{...rest}\n\t\t\t\tcollection={collection}\n\t\t\t\tinputValue={query}\n\t\t\t\tonInputValueChange={(value)=> {\n\t\t\t\t\tquery(value)\n\t\t\t\t\tlocal.onInputValueChange?.(value)\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<HighlightSingleMatch itemToValue={itemToValue} items={filteredItems} />\n\t\t\t\t{local.children}\n\t\t\t</Combobox.Root>\n\t\t</FilterContext.Provider>\n\t)\n}\n\n// When the open list narrows to a single match, pre-highlight it so the user\n// can confirm with Enter/Tab without arrowing down. We nudge the machine's own\n// (uncontrolled) highlight imperatively rather than controlling `highlightedValue`\n// — controlling it would pin the highlight in place and fight the machine, e.g.\n// blocking the highlight-clear on the next keystroke and the select-and-close on\n// Enter. We only set it; the machine still clears/moves it on input and navigation.\nconst HighlightSingleMatch = (props = {})=> {\n\tconst combobox = useComboboxContext()\n\tcreateEffect(()=> {\n\t\tconst api = combobox()\n\t\tconst list = props.items()\n\t\tif (!api.open || list.length !== 1){ return }\n\t\tconst value = props.itemToValue(list[0])\n\t\tif (api.highlightedValue !== value){ api.setHighlightValue(value) }\n\t})\n\treturn null\n}\n\n// The headless input only fires zag's INPUT.CHANGE on the native `change`\n// event — which, unlike React's onChange, fires on blur, not per keystroke. So\n// typing never reached the machine and the list never filtered. We bridge the\n// per-keystroke `input` event to zag's own onChange handler so every character\n// drives the same INPUT.CHANGE (open + filter) behaviour.\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\n// Render-prop over the filtered items. Place inside <Combobox.Content> and\n// return a <Combobox.Item> for each match. Backed by <Loop> so the list stays\n// reactive — a bare thunk returned from a component is unwrapped once and would\n// never re-filter.\nconst Items = (props = {})=> {\n\tconst items = useContext(FilterContext)\n\treturn (\n\t\t<Loop each={items ?? []}>\n\t\t\t{item=> props.children?.(item)}\n\t\t</Loop>\n\t)\n}\n\nfunction ChevronIcon(){\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<polyline points='6 9 12 15 18 9' />\n\t\t</svg>\n\t)\n}\n\nfunction CheckIcon(){\n\treturn (\n\t\t<svg\n\t\t\tfill='none' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round'\n\t\t\tstrokeWidth='2.5' viewBox='0 0 24 24'\n\t\t>\n\t\t\t<polyline points='20 6 9 17 4 12' />\n\t\t</svg>\n\t)\n}\n\n// Public component. `classNames` themes each slot (control/input/trigger/content/\n// empty/item/itemText/check/label); anything not split here (e.g. `filter`,\n// `name`) flows through to the filter Root.\nconst FilteredSelect = (props = {})=> {\n\tconst [local, rest] = splitProps(props, [\n\t\t'items',\n\t\t'itemToString',\n\t\t'itemToValue',\n\t\t'placeholder',\n\t\t'label',\n\t\t'openOnClick',\n\t\t'disabled',\n\t\t'classNames',\n\t\t'emptyText',\n\t])\n\n\tconst cn = local.classNames ?? {}\n\n\t// `value`, `onValueChange`, `filter`, `name`, … are not transformed here, so\n\t// they ride `rest` straight through to the underlying machine.\n\treturn (\n\t\t<Root\n\t\t\titemToString={local.itemToString}\n\t\t\titemToValue={local.itemToValue}\n\t\t\titems={local.items}\n\t\t\topenOnClick={local.openOnClick ?? true}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.label && (\n\t\t\t\t<Combobox.Label className={cn.label}>\n\t\t\t\t\t{local.label}\n\t\t\t\t</Combobox.Label>\n\t\t\t)}\n\t\t\t<Combobox.Control className={cn.control}>\n\t\t\t\t<Input\n\t\t\t\t\tclassName={cn.input}\n\t\t\t\t\tdisabled={local.disabled}\n\t\t\t\t\tplaceholder={local.placeholder ?? 'Type to search...'}\n\t\t\t\t/>\n\t\t\t\t<Combobox.Trigger className={cn.trigger} type='button'>\n\t\t\t\t\t<ChevronIcon />\n\t\t\t\t</Combobox.Trigger>\n\t\t\t</Combobox.Control>\n\t\t\t<Combobox.Content className={cn.content}>\n\t\t\t\t<Combobox.Empty className={cn.empty}>\n\t\t\t\t\t{local.emptyText ?? 'No results found'}\n\t\t\t\t</Combobox.Empty>\n\t\t\t\t<Items>\n\t\t\t\t\t{item=> (\n\t\t\t\t\t\t<Combobox.Item className={cn.item} item={item} key={local.itemToValue?.(item) ?? item}>\n\t\t\t\t\t\t\t<Combobox.ItemText className={cn.itemText}>\n\t\t\t\t\t\t\t\t{local.itemToString?.(item) ?? String(item)}\n\t\t\t\t\t\t\t</Combobox.ItemText>\n\t\t\t\t\t\t\t<span className={cn.check}>\n\t\t\t\t\t\t\t\t<CheckIcon />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Combobox.Item>\n\t\t\t\t\t)}\n\t\t\t\t</Items>\n\t\t\t</Combobox.Content>\n\t\t</Root>\n\t)\n}\n\nexport default FilteredSelect\n"],"mappings":"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"}

package/dist/components/FocusTrap.js

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

package/dist/components/FocusTrap.js.map

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

package/dist/components/HoverCard.js

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

package/dist/components/HoverCard.js.map

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

package/dist/components/Icon.js

@@ -0,0 +1,37 @@
+import { setProp, template } from "@plastic-js/plastic/jsx-runtime";
+import { css } from "@emotion/css";
+//#region src/components/Icon.jsx
+var _tmpl = template("<span></span>");
+var iconClass = css({
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	color: "currentColor",
+	"& svg": {
+		width: "100%",
+		height: "100%",
+		display: "block",
+		strokeWidth: "var(--icon-sw)"
+	}
+});
+var Icon = ({ svg, size = 22, strokeWidth = 1.25, className }) => {
+	const style = {
+		width: `${size}px`,
+		height: `${size}px`,
+		"--icon-sw": strokeWidth
+	};
+	const setEl = (el) => {
+		if (el && el.innerHTML !== svg) el.innerHTML = svg;
+	};
+	return (() => {
+		const _el0 = _tmpl.cloneNode(true);
+		setProp(_el0, "className", () => className ? `${iconClass} ${className}` : iconClass);
+		setProp(_el0, "ref", () => setEl);
+		setProp(_el0, "style", () => style);
+		return _el0;
+	})();
+};
+//#endregion
+export { Icon as default };
+
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["css","_tmpl","_template","iconClass","display","alignItems","justifyContent","color","width","height","strokeWidth","Icon","svg","size","className","style","setEl","el","innerHTML","_el0","cloneNode","_setProp"],"sources":["../../src/components/Icon.jsx"],"sourcesContent":["import { css } from '@emotion/css'\n\nconst iconClass = css({\n\tdisplay: 'inline-flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\tcolor: 'currentColor',\n\t'& svg': {\n\t\twidth: '100%', height: '100%', display: 'block', strokeWidth: 'var(--icon-sw)',\n\t},\n})\n\nconst Icon = ({\n\tsvg, size = 22, strokeWidth = 1.25, className,\n})=> {\n\tconst style = {\n\t\twidth: `${size}px`, height: `${size}px`, '--icon-sw': strokeWidth,\n\t}\n\tconst setEl = (el)=> { if (el && el.innerHTML !== svg){ el.innerHTML = svg } }\n\treturn <span className={className ? `${iconClass} ${className}` : iconClass} ref={setEl} style={style} />\n}\n\nexport default Icon\n"],"mappings":";;;AAAkC,IAAAC,QAAAC,SAAA,eAAA;AAElC,IAAMC,YAAYH,IAAI;CACrBI,SAAS;CACTC,YAAY;CACZC,gBAAgB;CAChBC,OAAO;CACP,SAAS;EACRC,OAAO;EAAQC,QAAQ;EAAQL,SAAS;EAASM,aAAa;CAC/D;AACD,CAAC;AAED,IAAMC,QAAQ,EACbC,KAAKC,OAAO,IAAIH,cAAc,MAAMI,gBAChC;CACJ,MAAMC,QAAQ;EACbP,OAAO,GAAGK,KAAI;EAAMJ,QAAQ,GAAGI,KAAI;EAAM,aAAaH;CACvD;CACA,MAAMM,SAASC,OAAM;EAAE,IAAIA,MAAMA,GAAGC,cAAcN,KAAMK,GAAGC,YAAYN;CAAM;CAC7E,cAAA;EAAA,MAAAO,OAAAlB,MAAAmB,UAAA,IAAA;EAAAC,QAAAF,MAAA,mBAAwBL,YAAY,GAAGX,UAAS,GAAIW,cAAcX,SAAS;EAAAkB,QAAAF,MAAA,aAAOH,KAAK;EAAAK,QAAAF,MAAA,eAASJ,KAAK;EAAA,OAAAI;CAAA,GAAA;AACtG"}

package/dist/components/Listbox.js

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

package/dist/components/Listbox.js.map

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

package/dist/components/Menu.js

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

package/dist/components/Menu.js.map

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

package/dist/components/MoneyInput.js

@@ -0,0 +1,114 @@
+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/MoneyInput.jsx
+var _tmpl2 = template("<span></span>");
+var _tmpl = template("<div><span></span><!><!></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 affixTextClass = css({
+	color: "var(--muted)",
+	fontSize: "14px",
+	whiteSpace: "nowrap",
+	userSelect: "none",
+	marginRight: "2px"
+});
+var affixSuffixClass = css({
+	color: "var(--ink)",
+	fontSize: "14px",
+	fontWeight: 600,
+	whiteSpace: "nowrap",
+	userSelect: "none",
+	paddingLeft: "10px",
+	marginLeft: "4px",
+	borderLeft: "1px solid var(--border)"
+});
+var affixSuffixDisabledClass = css({ opacity: .5 });
+var inputClass = css({
+	flex: 1,
+	minWidth: 0,
+	height: "100%",
+	background: "transparent",
+	border: "none",
+	color: "var(--ink)",
+	fontSize: "15px",
+	fontFamily: "inherit",
+	outline: "none",
+	"&::placeholder": { color: "var(--muted)" },
+	"&:disabled": {
+		opacity: .5,
+		cursor: "not-allowed",
+		WebkitTextFillColor: "var(--ink)"
+	}
+});
+var read = (value) => {
+	return typeof value === "function" ? value() : value;
+};
+var groupThousands = (digits) => {
+	if (!digits) return "";
+	return Number(digits).toLocaleString("en-US");
+};
+/**
+* Currency amount input. Keeps an integer digits-only string as its value and
+* renders it grouped by thousands with a currency prefix.
+*
+* @param value         digits-only string, or an accessor returning one
+* @param onValueChange called with the next digits-only string on input
+* @param invalid       boolean or accessor; toggles the error border
+* @param currency      prefix symbol, defaults to ₱
+* @param affix         optional suffix text (e.g. K, M), defaults to empty
+*/
+var MoneyInput = (props) => {
+	const [local, rest] = splitProps(props, [
+		"value",
+		"onValueChange",
+		"invalid",
+		"currency",
+		"affix",
+		"placeholder",
+		"disabled"
+	]);
+	return () => {
+		const _el0 = _tmpl.cloneNode(true);
+		const _el1 = _el0.firstChild;
+		const _el2 = _el0.firstChild.nextSibling;
+		const _el3 = _el0.firstChild.nextSibling.nextSibling;
+		insert(_el1, () => local.currency ?? "₱");
+		setProp(_el1, "className", () => affixTextClass);
+		insert(_el0, () => jsx("input", mergeProps({
+			className: inputClass,
+			get disabled() {
+				return local.disabled;
+			},
+			inputMode: "numeric",
+			onInput: (e) => local.onValueChange?.(e.target.value.replace(/\D/g, "")),
+			get placeholder() {
+				return local.placeholder;
+			},
+			value: () => groupThousands(read(local.value))
+		}, rest)), _el2);
+		insert(_el0, () => read(local.affix) && (() => {
+			const _el0 = _tmpl2.cloneNode(true);
+			insert(_el0, () => read(local.affix));
+			setProp(_el0, "className", () => `${affixSuffixClass} ${read(local.disabled) ? affixSuffixDisabledClass : ""}`);
+			return _el0;
+		}), _el3);
+		setProp(_el0, "className", () => `${wrapperClass} ${read(local.invalid) ? errorClass : ""}`);
+		return _el0;
+	};
+};
+//#endregion
+export { MoneyInput as default };
+
+//# sourceMappingURL=MoneyInput.js.map

package/dist/components/MoneyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyInput.js","names":["css","splitProps","_tmpl2","_template","_tmpl","wrapperClass","display","alignItems","width","boxSizing","height","background","border","borderRadius","padding","borderColor","errorClass","affixTextClass","color","fontSize","whiteSpace","userSelect","marginRight","affixSuffixClass","fontWeight","paddingLeft","marginLeft","borderLeft","affixSuffixDisabledClass","opacity","inputClass","flex","minWidth","fontFamily","outline","cursor","WebkitTextFillColor","read","value","groupThousands","digits","Number","toLocaleString","MoneyInput","props","local","rest","_el0","cloneNode","_el1","firstChild","_el2","nextSibling","_el3","_insert","currency","_setProp","_jsx","_mergeProps","className","disabled","inputMode","onInput","e","onValueChange","target","replace","placeholder","affix","invalid"],"sources":["../../src/components/MoneyInput.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 affixTextClass = css({\n\tcolor: 'var(--muted)',\n\tfontSize: '14px',\n\twhiteSpace: 'nowrap',\n\tuserSelect: 'none',\n\tmarginRight: '2px',\n})\n\n// Trailing unit (e.g. K, M): brighter and separated so it reads as part of the\n// value rather than faint decoration.\nconst affixSuffixClass = css({\n\tcolor: 'var(--ink)',\n\tfontSize: '14px',\n\tfontWeight: 600,\n\twhiteSpace: 'nowrap',\n\tuserSelect: 'none',\n\tpaddingLeft: '10px',\n\tmarginLeft: '4px',\n\tborderLeft: '1px solid var(--border)',\n})\n\n// Dim the suffix to match the disabled value text (the span is a sibling of the\n// input, so it doesn't inherit the input's :disabled styling).\nconst affixSuffixDisabledClass = css({\n\topacity: 0.5,\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\t'&::placeholder': { color: 'var(--muted)' },\n\t// Keep disabled text legible (WebKit otherwise forces a faint grey) while\n\t// still reading as read-only, matching the other disabled fields.\n\t'&:disabled': {\n\t\topacity: 0.5,\n\t\tcursor: 'not-allowed',\n\t\tWebkitTextFillColor: 'var(--ink)',\n\t},\n})\n\n// Props may be plain values or reactive accessors (signals); unwrap either.\nconst read = (value)=> {\n\treturn typeof value === 'function' ? value() : value\n}\n\n// Stored value is a digits-only string; display it grouped by thousands.\nconst groupThousands = (digits)=> {\n\tif (!digits){ return '' }\n\treturn Number(digits).toLocaleString('en-US')\n}\n\n/**\n * Currency amount input. Keeps an integer digits-only string as its value and\n * renders it grouped by thousands with a currency prefix.\n *\n * @param value         digits-only string, or an accessor returning one\n * @param onValueChange called with the next digits-only string on input\n * @param invalid       boolean or accessor; toggles the error border\n * @param currency      prefix symbol, defaults to ₱\n * @param affix         optional suffix text (e.g. K, M), defaults to empty\n */\nconst MoneyInput = (props)=> {\n\tconst [local, rest] = splitProps(props, ['value', 'onValueChange', 'invalid', 'currency', 'affix', 'placeholder', 'disabled'])\n\treturn (\n\t\t<div className={()=> `${wrapperClass} ${read(local.invalid) ? errorClass : ''}`}>\n\t\t\t<span className={affixTextClass}>\n\t\t\t\t{local.currency ?? '₱'}\n\t\t\t</span>\n\t\t\t<input\n\t\t\t\tclassName={inputClass}\n\t\t\t\tdisabled={local.disabled}\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}\n\t\t\t\tvalue={()=> groupThousands(read(local.value))}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t{()=> read(local.affix) && (\n\t\t\t\t<span className={()=> `${affixSuffixClass} ${read(local.disabled) ? affixSuffixDisabledClass : ''}`}>\n\t\t\t\t\t{read(local.affix)}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nexport default MoneyInput\n"],"mappings":";;;;AACgD,IAAAE,SAAAC,SAAA,eAAA;AAAA,IAAAC,QAAAD,SAAA,gCAAA;AAEhD,IAAME,eAAeL,IAAI;CACxBM,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,aAAahB,IAAI,EACtBe,aAAa,2BACd,CAAC;AAED,IAAME,iBAAiBjB,IAAI;CAC1BkB,OAAO;CACPC,UAAU;CACVC,YAAY;CACZC,YAAY;CACZC,aAAa;AACd,CAAC;AAID,IAAMC,mBAAmBvB,IAAI;CAC5BkB,OAAO;CACPC,UAAU;CACVK,YAAY;CACZJ,YAAY;CACZC,YAAY;CACZI,aAAa;CACbC,YAAY;CACZC,YAAY;AACb,CAAC;AAID,IAAMC,2BAA2B5B,IAAI,EACpC6B,SAAS,GACV,CAAC;AAED,IAAMC,aAAa9B,IAAI;CACtB+B,MAAM;CACNC,UAAU;CACVtB,QAAQ;CACRC,YAAY;CACZC,QAAQ;CACRM,OAAO;CACPC,UAAU;CACVc,YAAY;CACZC,SAAS;CACT,kBAAkB,EAAEhB,OAAO,eAAe;CAG1C,cAAc;EACbW,SAAS;EACTM,QAAQ;EACRC,qBAAqB;CACtB;AACD,CAAC;AAGD,IAAMC,QAAQC,UAAS;CACtB,OAAO,OAAOA,UAAU,aAAaA,MAAM,IAAIA;AAChD;AAGA,IAAMC,kBAAkBC,WAAU;CACjC,IAAI,CAACA,QAAS,OAAO;CACrB,OAAOC,OAAOD,MAAM,EAAEE,eAAe,OAAO;AAC7C;;;;;;;;;;;AAYA,IAAMC,cAAcC,UAAS;CAC5B,MAAM,CAACC,OAAOC,QAAQ7C,WAAW2C,OAAO;EAAC;EAAS;EAAiB;EAAW;EAAY;EAAS;EAAe;CAAU,CAAC;CAC7H,aAAA;EAAA,MAAAG,OAAA3C,MAAA4C,UAAA,IAAA;EAAA,MAAAC,OAAAF,KAAAG;EAAA,MAAAC,OAAAJ,KAAAG,WAAAE;EAAA,MAAAC,OAAAN,KAAAG,WAAAE,YAAAA;EAAAE,OAAAL,YAGIJ,MAAMU,YAAY,GAAG;EAAAC,QAAAP,MAAA,mBADNhC,cAAc;EAAAqC,OAAAP,YAAAU,IAAA,SAAAC,WAAA;GAAAC,WAInB7B;GAAU,IAAA8B,WAAA;IAAA,OACXf,MAAMe;GAAQ;GAAAC,WACd;GAASC,UACVC,MAAIlB,MAAMmB,gBAAgBD,EAAEE,OAAO3B,MAAM4B,QAAQ,OAAO,EAAE,CAAC;GAAC,IAAAC,cAAA;IAAA,OACxDtB,MAAMsB;GAAW;GAAA7B,aAClBC,eAAeF,KAAKQ,MAAMP,KAAK,CAAC;EAAC,GACzCQ,IAAI,CAAA,GAAAK,IAAA;EAAAG,OAAAP,YAEHV,KAAKQ,MAAMuB,KAAK,YAAC;GAAA,MAAArB,OAAA7C,OAAA8C,UAAA,IAAA;GAAAM,OAAAP,YAEpBV,KAAKQ,MAAMuB,KAAK,CAAC;GAAAZ,QAAAT,MAAA,mBADG,GAAGxB,iBAAgB,GAAIc,KAAKQ,MAAMe,QAAQ,IAAIhC,2BAA2B,IAAI;GAAA,OAAAmB;EAAA,IAGnGM,IAAA;EAAAG,QAAAT,MAAA,mBAjBmB,GAAG1C,aAAY,GAAIgC,KAAKQ,MAAMwB,OAAO,IAAIrD,aAAa,IAAI;EAAA,OAAA+B;CAAA;AAoBjF"}

package/dist/components/MyFilteredSelect.js

@@ -0,0 +1,119 @@
+import FilteredSelect from "./FilteredSelect.js";
+import { jsx, mergeProps } from "@plastic-js/plastic/jsx-runtime";
+import { css } from "@emotion/css";
+//#region src/components/MyFilteredSelect.jsx
+var classNames = {
+	control: css({
+		position: "relative",
+		display: "flex",
+		alignItems: "center",
+		width: "100%",
+		height: "46px",
+		background: "var(--surface)",
+		border: "1px solid var(--border)",
+		borderRadius: "10px",
+		transition: "border-color 150ms ease",
+		"&:focus-within": { borderColor: "var(--accent)" }
+	}),
+	input: css({
+		flex: 1,
+		minWidth: 0,
+		height: "100%",
+		background: "transparent",
+		border: "none",
+		outline: "none",
+		padding: "0 0 0 14px",
+		color: "var(--ink)",
+		fontSize: "15px",
+		fontFamily: "inherit",
+		"&::placeholder": { color: "var(--muted)" }
+	}),
+	trigger: css({
+		flexShrink: 0,
+		width: "36px",
+		height: "100%",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		background: "transparent",
+		border: "none",
+		color: "var(--muted)",
+		cursor: "pointer",
+		padding: 0,
+		transition: "transform 180ms ease, color 180ms ease",
+		"&[data-state=\"open\"]": {
+			transform: "rotate(180deg)",
+			color: "var(--accent)"
+		},
+		"& svg": {
+			width: "18px",
+			height: "18px"
+		}
+	}),
+	content: css({
+		background: "var(--surface)",
+		border: "1px solid var(--border)",
+		borderRadius: "12px",
+		padding: "6px",
+		boxShadow: "0 8px 32px rgba(0,0,0,0.5)",
+		maxHeight: "280px",
+		overflowY: "auto",
+		minWidth: "220px",
+		zIndex: 9999,
+		marginTop: "4px",
+		"&[hidden]": { display: "none" },
+		"&::-webkit-scrollbar": { width: "4px" },
+		"&::-webkit-scrollbar-track": { background: "transparent" },
+		"&::-webkit-scrollbar-thumb": {
+			background: "var(--border)",
+			borderRadius: "4px"
+		}
+	}),
+	item: css({
+		display: "flex",
+		alignItems: "center",
+		gap: "10px",
+		padding: "10px 12px",
+		borderRadius: "8px",
+		cursor: "pointer",
+		color: "var(--ink)",
+		fontSize: "14px",
+		transition: "background 120ms ease",
+		"&[data-highlighted]": { background: "var(--surface-2)" },
+		"&[data-selected]": {
+			color: "var(--accent)",
+			background: "rgba(47, 123, 255, 0.1)"
+		}
+	}),
+	itemText: css({
+		flex: 1,
+		minWidth: 0
+	}),
+	check: css({
+		flexShrink: 0,
+		width: "18px",
+		height: "18px",
+		color: "var(--accent)",
+		opacity: 0,
+		transition: "opacity 120ms ease",
+		"[data-selected] &": { opacity: 1 }
+	}),
+	empty: css({
+		padding: "24px 12px",
+		textAlign: "center",
+		color: "var(--muted)",
+		fontSize: "14px"
+	}),
+	label: css({
+		display: "block",
+		fontSize: "13px",
+		fontWeight: 600,
+		color: "var(--muted)",
+		marginBottom: "6px"
+	})
+};
+var MyFilteredSelect = (props = {}) => jsx(FilteredSelect, mergeProps({ classNames }, props));
+//#endregion
+export { MyFilteredSelect as default };
+
+//# sourceMappingURL=MyFilteredSelect.js.map

package/dist/components/MyFilteredSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyFilteredSelect.js","names":["css","FilteredSelect","controlClass","position","display","alignItems","width","height","background","border","borderRadius","transition","borderColor","inputClass","flex","minWidth","outline","padding","color","fontSize","fontFamily","triggerClass","flexShrink","justifyContent","cursor","transform","contentClass","boxShadow","maxHeight","overflowY","zIndex","marginTop","itemClass","gap","itemTextClass","checkClass","opacity","emptyClass","textAlign","labelClass","fontWeight","marginBottom","classNames","control","input","trigger","content","item","itemText","check","empty","label","MyFilteredSelect","props","_jsx","_mergeProps"],"sources":["../../src/components/MyFilteredSelect.jsx"],"sourcesContent":["import { css } from '@emotion/css'\nimport FilteredSelect from './FilteredSelect.jsx'\n\n// MyFilteredSelect — the project's themed FilteredSelect. It owns nothing but\n// style: it supplies a `classNames` slot map to FilteredSelect, which holds all\n// the structure, behaviour and the public API/contract.\n\nconst controlClass = css({\n\tposition: 'relative',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\twidth: '100%',\n\theight: '46px',\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '10px',\n\ttransition: 'border-color 150ms ease',\n\t'&:focus-within': {\n\t\tborderColor: 'var(--accent)',\n\t},\n})\n\nconst inputClass = css({\n\tflex: 1,\n\tminWidth: 0,\n\theight: '100%',\n\tbackground: 'transparent',\n\tborder: 'none',\n\toutline: 'none',\n\tpadding: '0 0 0 14px',\n\tcolor: 'var(--ink)',\n\tfontSize: '15px',\n\tfontFamily: 'inherit',\n\t'&::placeholder': { color: 'var(--muted)' },\n})\n\nconst triggerClass = css({\n\tflexShrink: 0,\n\twidth: '36px',\n\theight: '100%',\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tjustifyContent: 'center',\n\tbackground: 'transparent',\n\tborder: 'none',\n\tcolor: 'var(--muted)',\n\tcursor: 'pointer',\n\tpadding: 0,\n\ttransition: 'transform 180ms ease, color 180ms ease',\n\t'&[data-state=\"open\"]': {\n\t\ttransform: 'rotate(180deg)',\n\t\tcolor: 'var(--accent)',\n\t},\n\t'& svg': { width: '18px', height: '18px' },\n})\n\nconst contentClass = css({\n\tbackground: 'var(--surface)',\n\tborder: '1px solid var(--border)',\n\tborderRadius: '12px',\n\tpadding: '6px',\n\tboxShadow: '0 8px 32px rgba(0,0,0,0.5)',\n\tmaxHeight: '280px',\n\toverflowY: 'auto',\n\tminWidth: '220px',\n\tzIndex: 9999,\n\tmarginTop: '4px',\n\t'&[hidden]': { display: 'none' },\n\t'&::-webkit-scrollbar': { width: '4px' },\n\t'&::-webkit-scrollbar-track': { background: 'transparent' },\n\t'&::-webkit-scrollbar-thumb': {\n\t\tbackground: 'var(--border)',\n\t\tborderRadius: '4px',\n\t},\n})\n\nconst itemClass = css({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tgap: '10px',\n\tpadding: '10px 12px',\n\tborderRadius: '8px',\n\tcursor: 'pointer',\n\tcolor: 'var(--ink)',\n\tfontSize: '14px',\n\ttransition: 'background 120ms ease',\n\t'&[data-highlighted]': {\n\t\tbackground: 'var(--surface-2)',\n\t},\n\t'&[data-selected]': {\n\t\tcolor: 'var(--accent)',\n\t\tbackground: 'rgba(47, 123, 255, 0.1)',\n\t},\n})\n\nconst itemTextClass = css({\n\tflex: 1,\n\tminWidth: 0,\n})\n\nconst checkClass = css({\n\tflexShrink: 0,\n\twidth: '18px',\n\theight: '18px',\n\tcolor: 'var(--accent)',\n\topacity: 0,\n\ttransition: 'opacity 120ms ease',\n\t'[data-selected] &': { opacity: 1 },\n})\n\nconst emptyClass = css({\n\tpadding: '24px 12px',\n\ttextAlign: 'center',\n\tcolor: 'var(--muted)',\n\tfontSize: '14px',\n})\n\nconst labelClass = css({\n\tdisplay: 'block',\n\tfontSize: '13px',\n\tfontWeight: 600,\n\tcolor: 'var(--muted)',\n\tmarginBottom: '6px',\n})\n\nconst classNames = {\n\tcontrol: controlClass,\n\tinput: inputClass,\n\ttrigger: triggerClass,\n\tcontent: contentClass,\n\titem: itemClass,\n\titemText: itemTextClass,\n\tcheck: checkClass,\n\tempty: emptyClass,\n\tlabel: labelClass,\n}\n\nconst MyFilteredSelect = (props = {})=> <FilteredSelect classNames={classNames} {...props} />\n\nexport default MyFilteredSelect\n"],"mappings":";;;;AA6HA,IAAM0C,aAAa;CAClBC,SAvHoB3C,IAAI;EACxBG,UAAU;EACVC,SAAS;EACTC,YAAY;EACZC,OAAO;EACPC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,cAAc;EACdC,YAAY;EACZ,kBAAkB,EACjBC,aAAa,gBACd;CACD,CA0GUV;CACT0C,OAzGkB5C,IAAI;EACtBc,MAAM;EACNC,UAAU;EACVR,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRO,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,YAAY;EACZ,kBAAkB,EAAEF,OAAO,eAAe;CAC3C,CA6FQL;CACPgC,SA5FoB7C,IAAI;EACxBsB,YAAY;EACZhB,OAAO;EACPC,QAAQ;EACRH,SAAS;EACTC,YAAY;EACZkB,gBAAgB;EAChBf,YAAY;EACZC,QAAQ;EACRS,OAAO;EACPM,QAAQ;EACRP,SAAS;EACTN,YAAY;EACZ,0BAAwB;GACvBc,WAAW;GACXP,OAAO;EACR;EACA,SAAS;GAAEZ,OAAO;GAAQC,QAAQ;EAAO;CAC1C,CA0EUc;CACTyB,SAzEoB9C,IAAI;EACxBQ,YAAY;EACZC,QAAQ;EACRC,cAAc;EACdO,SAAS;EACTU,WAAW;EACXC,WAAW;EACXC,WAAW;EACXd,UAAU;EACVe,QAAQ;EACRC,WAAW;EACX,aAAa,EAAE3B,SAAS,OAAO;EAC/B,wBAAwB,EAAEE,OAAO,MAAM;EACvC,8BAA8B,EAAEE,YAAY,cAAc;EAC1D,8BAA8B;GAC7BA,YAAY;GACZE,cAAc;EACf;CACD,CAuDUgB;CACTqB,MAtDiB/C,IAAI;EACrBI,SAAS;EACTC,YAAY;EACZ4B,KAAK;EACLhB,SAAS;EACTP,cAAc;EACdc,QAAQ;EACRN,OAAO;EACPC,UAAU;EACVR,YAAY;EACZ,uBAAuB,EACtBH,YAAY,mBACb;EACA,oBAAoB;GACnBU,OAAO;GACPV,YAAY;EACb;CACD,CAqCOwB;CACNgB,UApCqBhD,IAAI;EACzBc,MAAM;EACNC,UAAU;CACX,CAiCWmB;CACVe,OAhCkBjD,IAAI;EACtBsB,YAAY;EACZhB,OAAO;EACPC,QAAQ;EACRW,OAAO;EACPkB,SAAS;EACTzB,YAAY;EACZ,qBAAqB,EAAEyB,SAAS,EAAE;CACnC,CAwBQD;CACPe,OAvBkBlD,IAAI;EACtBiB,SAAS;EACTqB,WAAW;EACXpB,OAAO;EACPC,UAAU;CACX,CAkBQkB;CACPc,OAjBkBnD,IAAI;EACtBI,SAAS;EACTe,UAAU;EACVqB,YAAY;EACZtB,OAAO;EACPuB,cAAc;CACf,CAWQF;AACR;AAEA,IAAMa,oBAAoBC,QAAQ,CAAC,MAACC,IAAArD,gBAAAsD,WAAA,EAAgCb,WAAU,GAAMW,KAAK,CAAA"}

package/dist/components/NumberInput.js

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

package/dist/components/NumberInput.js.map

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

package/dist/components/Pagination.js

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

package/dist/components/Pagination.js.map

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

package/dist/components/Popover.js

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

package/dist/components/Popover.js.map

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

package/dist/components/Portal.js

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

package/dist/components/Portal.js.map

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

package/dist/components/Presence.js

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

package/dist/components/Presence.js.map

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

package/dist/components/Progress.js

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

package/dist/components/Progress.js.map

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

package/dist/components/RadioGroup.js

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