@plastic-js/tsumiki 0.1.1 → 0.1.2

package/dist/components/Dialog.js

@@ -123,11 +123,13 @@ var Root = (props = {}) => {
 		"onOpen",
 		"onClose",
 		"onOpenChange",
-		"closeOnInteractOutside"
+		"closeOnInteractOutside",
+		"lazyMount"
 	]);
 	return OriginalRoot({
 		...rest,
 		closeOnInteractOutside: local.closeOnInteractOutside ?? false,
+		lazyMount: local.lazyMount ?? true,
 		onOpenChange: (open) => {
 			local.onOpenChange?.(open);
 			if (open) local.onOpen?.();

package/dist/components/Dialog.js.map

@@ -1 +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","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'])\n\treturn OriginalRoot({\n\t\t...rest,\n\t\tcloseOnInteractOutside: local.closeOnInteractOutside ?? false,\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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"}
+{"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/FilteredSelect.js.map

@@ -1 +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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"}
+{"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//      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/index.js

@@ -23,7 +23,6 @@ import HoverCard_default from "./components/HoverCard.js";
 import Listbox_default from "./components/Listbox.js";
 import Menu_default from "./components/Menu.js";
 import MoneyInput from "./components/MoneyInput.js";
-import MyFilteredSelect from "./components/MyFilteredSelect.js";
 import NumberInput_default from "./components/NumberInput.js";
 import Pagination_default from "./components/Pagination.js";
 import Popover_default from "./components/Popover.js";
@@ -48,4 +47,4 @@ import ToggleGroup_default from "./components/ToggleGroup.js";
 import Tooltip_default from "./components/Tooltip.js";
 import Tour_default from "./components/Tour.js";
 import TreeView_default from "./components/TreeView.js";
-export { Accordion_default as Accordion, Avatar_default as Avatar, CardNumberInput, Carousel_default as Carousel, Checkbox_default as Checkbox, Clipboard_default as Clipboard, Collapsible_default as Collapsible, ColorPicker_default as ColorPicker, Combobox_default as Combobox, ConfirmDialog, DateInput_default as DateInput, DatePicker_default as DatePicker, Dialog_default as Dialog, Drawer_default as Drawer, Field_default as Field, Fieldset_default as Fieldset, FileUpload_default as FileUpload, FilteredSelect, FocusTrap_default as FocusTrap, HoverCard_default as HoverCard, Icon, Listbox_default as Listbox, Menu_default as Menu, MoneyInput, MyFilteredSelect, NumberInput_default as NumberInput, Pagination_default as Pagination, Popover_default as Popover, Portal_default as Portal, Presence_default as Presence, Progress_default as Progress, RadioGroup_default as RadioGroup, RatingGroup_default as RatingGroup, SearchInput, Select_default as Select, SignaturePad_default as SignaturePad, Skeleton, Slider_default as Slider, Splitter_default as Splitter, Steps_default as Steps, SwipeReveal, Switch_default as Switch, Tabs_default as Tabs, TagsInput_default as TagsInput, Toast_default as Toast, Toggle_default as Toggle, ToggleGroup_default as ToggleGroup, Tooltip_default as Tooltip, Tour_default as Tour, TreeView_default as TreeView };
+export { Accordion_default as Accordion, Avatar_default as Avatar, CardNumberInput, Carousel_default as Carousel, Checkbox_default as Checkbox, Clipboard_default as Clipboard, Collapsible_default as Collapsible, ColorPicker_default as ColorPicker, Combobox_default as Combobox, ConfirmDialog, DateInput_default as DateInput, DatePicker_default as DatePicker, Dialog_default as Dialog, Drawer_default as Drawer, Field_default as Field, Fieldset_default as Fieldset, FileUpload_default as FileUpload, FilteredSelect, FocusTrap_default as FocusTrap, HoverCard_default as HoverCard, Icon, Listbox_default as Listbox, Menu_default as Menu, MoneyInput, NumberInput_default as NumberInput, Pagination_default as Pagination, Popover_default as Popover, Portal_default as Portal, Presence_default as Presence, Progress_default as Progress, RadioGroup_default as RadioGroup, RatingGroup_default as RatingGroup, SearchInput, Select_default as Select, SignaturePad_default as SignaturePad, Skeleton, Slider_default as Slider, Splitter_default as Splitter, Steps_default as Steps, SwipeReveal, Switch_default as Switch, Tabs_default as Tabs, TagsInput_default as TagsInput, Toast_default as Toast, Toggle_default as Toggle, ToggleGroup_default as ToggleGroup, Tooltip_default as Tooltip, Tour_default as Tour, TreeView_default as TreeView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plastic-js/tsumiki",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A UI component library for Plastic JS.",
   "license": "MIT",
   "author": "tigre",
@@ -46,9 +46,9 @@
     "@zag-js/combobox": "1.40.0"
   },
   "devDependencies": {
-    "@zag-js/combobox": "1.40.0",
     "@babel/core": "^7.29.7",
     "@plastic-js/babel-preset-plastic": "^0.1.9",
+    "@zag-js/combobox": "1.40.0",
     "puppeteer-core": "^25.1.0",
     "vite": "^8.0.15"
   }

package/dist/components/MyFilteredSelect.js

@@ -1,119 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}