@wallarm-org/claude-design 0.0.0-stage → 4.8.0

package/dist/project/components/Select/preview.html

@@ -0,0 +1,2 @@
+<!-- @dsCard group="Inputs" height=480 -->
+<!doctype html><html><head><meta charset="utf-8"></head><body><div id="preview"></div><script src="./stories.js"></script><script>window.WallarmPreview.mount(document.getElementById('preview'));</script></body></html>

package/dist/project/components/Select/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,l){let n,r;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var i,a,c=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,l,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of h(t))u.call(e,r)||r===l||o(e,r,{get:()=>t[r],enumerable:!(n=s(t,r))||n.enumerable});return e},f={},p={$dispatcherGuard:()=>R,$makeReadOnly:()=>x,$reset:()=>j,$structuralCheck:()=>W,c:()=>I,clearRenderCounterRegistry:()=>C,renderCounterRegistry:()=>$,useRenderCounter:()=>M};for(var y in p)o(f,y,{get:p[y],enumerable:!0});e.exports=d(o({},"__esModule",{value:!0}),f);var b=(r=null!=(n=l("C"))?c(m(n)):{},d(n&&n.__esModule?r:o(r,"default",{value:n,enumerable:!0}),n)),{useRef:g,useEffect:S,isValidElement:_}=b,v=null!=(i=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?i:b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=Symbol.for("react.memo_cache_sentinel"),I="function"==typeof(null==(a=b.__COMPILER_RUNTIME)?void 0:a.c)?b.__COMPILER_RUNTIME.c:function(e){return b.useMemo(()=>{let t=Array(e);for(let l=0;l<e;l++)t[l]=w;return t[w]=!0,t},[])},D={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{D[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var N=null;function O(e){return v.ReactCurrentDispatcher.current=e,v.ReactCurrentDispatcher.current}D.useMemoCache=e=>{if(null!=N)return N.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var E=[];function R(e){let t=v.ReactCurrentDispatcher.current;if(0===e){if(E.push(t),1===E.length&&(N=t),t===D)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");O(D)}else if(1===e){let e=E.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===E.length&&(N=null),O(e)}else if(2===e)E.push(t),O(N);else if(3===e){let e=E.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");O(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function j(e){for(let t=0;t<e.length;t++)e[t]=w}function x(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var $=new Map;function C(){for(let e of $.values())e.forEach(e=>{e.count=0})}function M(e){let t=g(null);null!=t.current&&(t.current.count+=1),S(()=>{if(null==t.current){let l,n={count:0};null==(l=$.get(e))&&(l=new Set,$.set(e,l)),l.add(n),t.current=n}return()=>{var l;let n;null!==t.current&&(l=t.current,null!=(n=$.get(e))&&n.delete(l))}})}var V=new Set;function W(e,t,l,n,r,i){function a(e,t,a,c){let o=`${n}:${i} [${r}] ${l}${a} changed from ${e} to ${t} at depth ${c}`;V.has(o)||(V.add(o),console.error(o))}!function e(t,l,n,r){if(!(r>2)){if(t!==l)if(typeof t!=typeof l)a(`type ${typeof t}`,`type ${typeof l}`,n,r);else if("object"==typeof t){let i=Array.isArray(t),c=Array.isArray(l);if(null===t&&null!==l)a("null",`type ${typeof l}`,n,r);else if(null===l)a(`type ${typeof t}`,"null",n,r);else if(t instanceof Map)if(l instanceof Map)if(t.size!==l.size)a(`Map instance with size ${t.size}`,`Map instance with size ${l.size}`,n,r);else for(let[i,c]of t)l.has(i)?e(c,l.get(i),`${n}.get(${i})`,r+1):a(`Map instance with key ${i}`,`Map instance without key ${i}`,n,r);else a("Map instance","other value",n,r);else if(l instanceof Map)a("other value","Map instance",n,r);else if(t instanceof Set)if(l instanceof Set)if(t.size!==l.size)a(`Set instance with size ${t.size}`,`Set instance with size ${l.size}`,n,r);else for(let e of l)t.has(e)||a(`Set instance without element ${e}`,`Set instance with element ${e}`,n,r);else a("Set instance","other value",n,r);else if(l instanceof Set)a("other value","Set instance",n,r);else if(i||c)if(i!==c)a(`type ${i?"array":"object"}`,`type ${c?"array":"object"}`,n,r);else if(t.length!==l.length)a(`array with length ${t.length}`,`array with length ${l.length}`,n,r);else for(let i=0;i<t.length;i++)e(t[i],l[i],`${n}[${i}]`,r+1);else if(_(t)||_(l))_(t)!==_(l)?a(`type ${_(t)?"React element":"object"}`,`type ${_(l)?"React element":"object"}`,n,r):t.type!==l.type?a(`React element of type ${t.type}`,`React element of type ${l.type}`,n,r):e(t.props,l.props,`[props of ${n}]`,r+1);else{for(let e in l)e in t||a(`object without key ${e}`,`object with key ${e}`,n,r);for(let i in t)i in l?e(t[i],l[i],`${n}.${i}`,r+1):a(`object with key ${i}`,`object without key ${i}`,n,r)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(l)?isNaN(t)!==isNaN(l)&&a(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(l)?"NaN":"non-NaN value"}`,n,r):t!==l&&a(t,l,n,r)}}}(e,t,"",0)}},p(e,t,l){let n=new WeakMap,r=new WeakMap;function i(e,t,l){let i=t,a=l;if("object"==typeof i&&null!==i&&"$$typeof"in i&&i.$$typeof===Symbol.for("react.context")&&"Provider"in i&&(i=i.Provider),"function"==typeof i&&null!=a.ref&&!i.prototype?.isReactComponent){let t=i,l=n.get(e);l||(l=new WeakMap,n.set(e,l));let r=l.get(t);r||((r=e.forwardRef((e,l)=>t({...e,ref:l}))).displayName=t.displayName??t.name,l.set(t,r)),i=r}if("string"==typeof i&&"boolean"==typeof a.inert&&((a={...a}).inert?a.inert="":delete a.inert),"string"==typeof i)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in a&&(a={...a,[t]:a[e]},delete a[e]);return"string"==typeof i&&null!=a.ref&&(i=function(e,t){let l=r.get(e);l||(l=new Map,r.set(e,l));let n=l.get(t);if(n)return n;let i=e.forwardRef((l,n)=>{let r=e.useRef(null);if(!r.current||r.current.original!==n){let e;r.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let l=n(t);e="function"==typeof l?l:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...l,ref:r.current.callback})});return i.displayName=`CanvasHost(${t})`,l.set(t,i),i}(e,i)),{type:i,props:a}}function a(e){let t=(t,l,n)=>{let r=i(e,t,l??{});return e.createElement(r.type,void 0===n?r.props:{...r.props,key:n})};return{jsx:t,jsxs:(t,l,n)=>{let r=i(e,t,l??{}),{children:a,...c}=r.props;return e.createElement(r.type,void 0===n?c:{...c,key:n},...Array.isArray(a)?a:[a])},jsxDEV:t,Fragment:e.Fragment}}function c(e){return{...e,createElement:(t,l,...n)=>{let r=i(e,t,l??{});return e.createElement(r.type,r.props,...n)},cloneElement:(t,l,...n)=>{let r=e.cloneElement(t,l??void 0,...n),a=r.ref,c=i(e,r.type,{...r.props,ref:a});return c.type===r.type&&"string"!=typeof r.type?r:e.createElement(c.type,{...c.props,key:r.key})}}}l.d(t,{MA:()=>a,YJ:()=>c})},C(e,t,l){l.r(t);let n=(0,l("p").YJ)(window.React),{Children:r,Component:i,Fragment:a,Profiler:c,PureComponent:o,StrictMode:s,Suspense:h,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:d,createContext:f,createElement:p,createFactory:y,createRef:b,forwardRef:g,isValidElement:S,lazy:_,memo:v,startTransition:w,unstable_act:I,useCallback:D,useContext:N,useDebugValue:O,useDeferredValue:E,useEffect:R,useId:j,useImperativeHandle:x,useInsertionEffect:$,useLayoutEffect:C,useMemo:M,useReducer:V,useRef:W,useState:k,useSyncExternalStore:T,useTransition:z,version:A,use:B}=n;l.d(t,{},{Children:r,Component:i,Fragment:a,Profiler:c,PureComponent:o,StrictMode:s,Suspense:h,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:d,createContext:f,createElement:p,createFactory:y,createRef:b,default:n,forwardRef:g,isValidElement:S,lazy:_,memo:v,startTransition:w,unstable_act:I,use:B,useCallback:D,useContext:N,useDebugValue:O,useDeferredValue:E,useEffect:R,useId:j,useImperativeHandle:x,useInsertionEffect:$,useLayoutEffect:C,useMemo:M,useReducer:V,useRef:W,useState:k,useSyncExternalStore:T,useTransition:z,version:A})}},t={};function l(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,l),i.exports}l.d=(e,t,n)=>{var r=(t,n)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,[n]:t[r]})};r(t,"get"),r(n,"value")},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:r}=(0,l("p").MA)(window.React);var i=l("vD"),a=l("C"),c=Object.defineProperty,o=(e,t,l)=>{let n;return(n="symbol"!=typeof t?t+"":t)in e?c(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l},s=e=>null!=e&&"object"==typeof e&&!Array.isArray(e),h=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);Function.prototype.toString.call(Object);var m=e=>e?.constructor.name==="Array",u=(e,t)=>{if(Object.is(e,t))return!0;if(null==e&&null!=t||null!=e&&null==t)return!1;if("function"==typeof e?.isEqual&&"function"==typeof t?.isEqual)return e.isEqual(t);if("function"==typeof e&&"function"==typeof t)return e.toString()===t.toString();if(m(e)&&m(t))return((e,t)=>{if(e.length!==t.length)return!1;for(let l=0;l<e.length;l++)if(!u(e[l],t[l]))return!1;return!0})(Array.from(e),Array.from(t));if("object"!=typeof e||"object"!=typeof t)return!1;let l=Object.keys(t??Object.create(null)),n=l.length;for(let t=0;t<n;t++)if(!Reflect.has(e,l[t]))return!1;for(let r=0;r<n;r++){let n=l[r];if(!u(e[n],t[n]))return!1}return!0},d={itemToValue:e=>"string"==typeof e?e:s(e)&&h(e,"value")?e.value:"",itemToString:e=>"string"==typeof e?e:s(e)&&h(e,"label")?e.label:d.itemToValue(e),isItemDisabled:e=>!!(s(e)&&h(e,"disabled"))&&!!e.disabled},f=class e{constructor(t){o(this,"options",t),o(this,"items"),o(this,"indexMap",null),o(this,"copy",t=>new e({...this.options,items:t??[...this.items]})),o(this,"isEqual",e=>u(this.items,e.items)),o(this,"setItems",e=>this.copy(e)),o(this,"getValues",(e=this.items)=>{let t=[];for(let l of e){let e=this.getItemValue(l);null!=e&&t.push(e)}return t}),o(this,"find",e=>{if(null==e)return null;let t=this.indexOf(e);return -1!==t?this.at(t):null}),o(this,"findMany",e=>{let t=[];for(let l of e){let e=this.find(l);null!=e&&t.push(e)}return t}),o(this,"at",e=>{if(!this.options.groupBy&&!this.options.groupSort)return this.items[e]??null;let t=0;for(let[,l]of this.group())for(let n of l){if(t===e)return n;t++}return null}),o(this,"sortFn",(e,t)=>(this.indexOf(e)??0)-(this.indexOf(t)??0)),o(this,"sort",e=>[...e].sort(this.sortFn.bind(this))),o(this,"getItemValue",e=>null==e?null:this.options.itemToValue?.(e)??d.itemToValue(e)),o(this,"getItemDisabled",e=>null!=e&&(this.options.isItemDisabled?.(e)??d.isItemDisabled(e))),o(this,"stringifyItem",e=>null==e?null:this.options.itemToString?.(e)??d.itemToString(e)),o(this,"stringify",e=>null==e?null:this.stringifyItem(this.find(e))),o(this,"stringifyItems",(e,t=", ")=>{let l=[];for(let t of e){let e=this.stringifyItem(t);null!=e&&l.push(e)}return l.join(t)}),o(this,"stringifyMany",(e,t)=>this.stringifyItems(this.findMany(e),t)),o(this,"has",e=>-1!==this.indexOf(e)),o(this,"hasItem",e=>null!=e&&this.has(this.getItemValue(e))),o(this,"group",()=>{let{groupBy:e,groupSort:t}=this.options;if(!e)return[["",[...this.items]]];let l=new Map;this.items.forEach((t,n)=>{let r=e(t,n);l.has(r)||l.set(r,[]),l.get(r).push(t)});let n=Array.from(l.entries());return t&&n.sort(([e],[l])=>{if("function"==typeof t)return t(e,l);if(Array.isArray(t)){let n=t.indexOf(e),r=t.indexOf(l);return -1===n?1:-1===r?-1:n-r}return"asc"===t?e.localeCompare(l):"desc"===t?l.localeCompare(e):0}),n}),o(this,"getNextValue",(e,t=1,l=!1)=>{let n=this.indexOf(e);if(-1===n)return null;for(n=l?Math.min(n+t,this.size-1):n+t;n<=this.size&&this.getItemDisabled(this.at(n));)n++;return this.getItemValue(this.at(n))}),o(this,"getPreviousValue",(e,t=1,l=!1)=>{let n=this.indexOf(e);if(-1===n)return null;for(n=l?Math.max(n-t,0):n-t;n>=0&&this.getItemDisabled(this.at(n));)n--;return this.getItemValue(this.at(n))}),o(this,"indexOf",e=>{if(null==e)return -1;if(!this.options.groupBy&&!this.options.groupSort)return this.items.findIndex(t=>this.getItemValue(t)===e);if(!this.indexMap){this.indexMap=new Map;let e=0;for(let[,t]of this.group())for(let l of t){let t=this.getItemValue(l);null!=t&&this.indexMap.set(t,e),e++}}return this.indexMap.get(e)??-1}),o(this,"getByText",(e,t)=>{let l=null!=t?this.indexOf(t):-1,n=1===e.length;for(let r=0;r<this.items.length;r++){let i=this.items[(l+r+1)%this.items.length];if((!n||this.getItemValue(i)!==t)&&!this.getItemDisabled(i)&&p(this.stringifyItem(i),e))return i}}),o(this,"search",(e,t)=>{let{state:l,currentValue:n,timeout:r=350}=t,i=l.keysSoFar+e,a=i.length>1&&Array.from(i).every(e=>e===i[0])?i[0]:i,c=this.getByText(a,n),o=this.getItemValue(c);function s(){clearTimeout(l.timer),l.timer=-1}return!function e(t){l.keysSoFar=t,s(),""!==t&&(l.timer=+setTimeout(()=>{e(""),s()},r))}(i),o}),o(this,"update",(e,t)=>{let l=this.indexOf(e);return -1===l?this:this.copy([...this.items.slice(0,l),t,...this.items.slice(l+1)])}),o(this,"upsert",(e,t,l="append")=>{let n=this.indexOf(e);return -1===n?("append"===l?this.append:this.prepend)(t):this.copy([...this.items.slice(0,n),t,...this.items.slice(n+1)])}),o(this,"insert",(e,...t)=>this.copy(y(this.items,e,...t))),o(this,"insertBefore",(e,...t)=>{let l=this.indexOf(e);if(-1===l)if(0!==this.items.length)return this;else l=0;return this.copy(y(this.items,l,...t))}),o(this,"insertAfter",(e,...t)=>{let l=this.indexOf(e);if(-1===l)if(0!==this.items.length)return this;else l=0;return this.copy(y(this.items,l+1,...t))}),o(this,"prepend",(...e)=>this.copy(y(this.items,0,...e))),o(this,"append",(...e)=>this.copy(y(this.items,this.items.length,...e))),o(this,"filter",e=>{let t=this.items.filter((t,l)=>e(this.stringifyItem(t),l,t));return this.copy(t)}),o(this,"remove",(...e)=>{let t=e.map(e=>"string"==typeof e?e:this.getItemValue(e));return this.copy(this.items.filter(e=>{let l=this.getItemValue(e);return null!=l&&!t.includes(l)}))}),o(this,"move",(e,t)=>{let l=this.indexOf(e);return -1===l?this:this.copy(b(this.items,[l],t))}),o(this,"moveBefore",(e,...t)=>{let l=this.items.findIndex(t=>this.getItemValue(t)===e);if(-1===l)return this;let n=t.map(e=>this.items.findIndex(t=>this.getItemValue(t)===e)).sort((e,t)=>e-t);return this.copy(b(this.items,n,l))}),o(this,"moveAfter",(e,...t)=>{let l=this.items.findIndex(t=>this.getItemValue(t)===e);if(-1===l)return this;let n=t.map(e=>this.items.findIndex(t=>this.getItemValue(t)===e)).sort((e,t)=>e-t);return this.copy(b(this.items,n,l+1))}),o(this,"reorder",(e,t)=>this.copy(b(this.items,[e],t))),o(this,"compareValue",(e,t)=>{let l=this.indexOf(e),n=this.indexOf(t);return l<n?-1:+(l>n)}),o(this,"range",(e,t)=>{let l=[],n=e;for(;null!=n;){if(this.find(n)&&l.push(n),n===t)return l;n=this.getNextValue(n)}return[]}),o(this,"getValueRange",(e,t)=>e&&t?0>=this.compareValue(e,t)?this.range(e,t):this.range(t,e):[]),o(this,"toString",()=>{let e="";for(let t of this.items)e+=[this.getItemValue(t),this.stringifyItem(t),this.getItemDisabled(t)].filter(Boolean).join(":")+",";return e}),o(this,"toJSON",()=>({size:this.size,first:this.firstValue,last:this.lastValue})),this.items=[...t.items]}get size(){return this.items.length}get firstValue(){let e=0;for(;this.getItemDisabled(this.at(e));)e++;return this.getItemValue(this.at(e))}get lastValue(){let e=this.size-1;for(;this.getItemDisabled(this.at(e));)e--;return this.getItemValue(this.at(e))}*[Symbol.iterator](){yield*this.items}},p=(e,t)=>!!e?.toLowerCase().startsWith(t.toLowerCase());function y(e,t,...l){return[...e.slice(0,t),...l,...e.slice(t)]}function b(e,t,l){let n=(t=[...t].sort((e,t)=>e-t)).map(t=>e[t]);for(let l=t.length-1;l>=0;l--)e=[...e.slice(0,t[l]),...e.slice(t[l]+1)];return l=Math.max(0,l-t.filter(e=>e<l).length),[...e.slice(0,l),...n,...e.slice(l)]}var g=e=>new f(e);let S=window.WallarmDS.Icons.LayoutGrid,_=window.WallarmDS.Icons.LayoutTemplate,v=window.WallarmDS.Icons.Pen,w=window.WallarmDS.Icons.Search,I=window.WallarmDS.Icons.SquareArrowOutUpRight,D=window.WallarmDS.Button,N=window.WallarmDS.Field,O=window.WallarmDS.FieldContent,E=window.WallarmDS.FieldLabel,R=window.WallarmDS.FieldSet,j=window.WallarmDS.HStack,x=window.WallarmDS.VStack,$=window.WallarmDS.Tag,C=window.WallarmDS.Select,M=window.WallarmDS.SelectButton,V=window.WallarmDS.SelectClearTrigger,W=window.WallarmDS.SelectContent,k=window.WallarmDS.SelectEmptyState,T=window.WallarmDS.SelectFooter,z=window.WallarmDS.SelectGroup,A=window.WallarmDS.SelectGroupLabel,B=window.WallarmDS.SelectHeader,F=window.WallarmDS.SelectInput,L=window.WallarmDS.SelectOption,P=window.WallarmDS.SelectOptionDescription,G=window.WallarmDS.SelectOptionIndicator,U=window.WallarmDS.SelectOptionText,H=window.WallarmDS.SelectPositioner,q=window.WallarmDS.SelectSearchInput,J=window.WallarmDS.SelectSeparator,Y=window.WallarmDS.useSelectSearch,Z={title:"Inputs/Select",component:C,subcomponents:{SelectButton:M,SelectClearTrigger:V,SelectContent:W,SelectFooter:T,SelectGroup:z,SelectGroupLabel:A,SelectHeader:B,SelectInput:F,SelectOption:L,SelectOptionDescription:P,SelectOptionIndicator:G,SelectOptionText:U,SelectPositioner:H,SelectSearchInput:q,SelectSeparator:J},parameters:{layout:"centered",docs:{description:{component:"Holds one answer, or several, chosen from a list — below about six options expose them instead with `Radio` or `SegmentedControl`, and reach for `DropdownMenu` when the items run commands rather than set a value. The trigger is composed rather than configured: `SelectButton` for a button-shaped trigger, `SelectInput` for one that looks like a field."}}}},Q=[{label:"React",value:"react",icon:S,category:"Frontend"},{label:"Vue",value:"vue",icon:_,category:"Frontend"},{label:"Angular",value:"angular",icon:w,category:"Frontend"},{label:"Node.js",value:"nodejs",icon:v,category:"Backend"},{label:"Python",value:"python",icon:S,category:"Backend"},{label:"Java",value:"java",icon:S,category:"Backend"},{label:"TypeScript",value:"typescript",icon:S,category:"Language",description:"Language"},{label:"JavaScript",value:"javascript",icon:S,category:"Language",description:"Language"},{label:"SQL",value:"sql",icon:S,category:"Database"},{label:"MongoDB",value:"mongodb",icon:S,category:"Database"}],X=Q.map(({icon:e,...t})=>t);function K(e){return"angular"===e.value}function ee(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function et(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function el(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function en(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function er(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ei(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ea(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ec(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eo(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function es(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eh(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function em(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eu(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ed(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ef(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ep(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ey(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eb(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eg(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eS(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function e_(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ev(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ew(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eI(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eD(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eN(l){let{icon:n}=l;return t(L,{item:l,children:[n&&e(n,{}),e(U,{children:l.label}),e(G,{})]},l.value)}function eO(l){let{icon:n}=l;return t(L,{item:l,children:[n&&e(n,{}),e(U,{children:l.label}),e(G,{})]},l.value)}function eE(l){let{icon:n}=l;return t(L,{item:l,children:[n&&e(n,{}),e(U,{children:l.label}),e(G,{})]},l.value)}function eR(e){return e.category??""}function ej(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ex(l,n){let[r,i]=l;return t(z,{children:[t(A,{children:[r,0===n&&e(V,{children:"Clear all"})]}),i.map(ej)]},r)}function e$(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eC(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eM(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eV(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eW(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function ek(l,n){return t(a.Fragment,{children:[t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]}),3===n&&e(J,{})]},l.value)}function eT(l){let{icon:n,...r}=l;return t(L,{item:r,children:[n&&e(n,{}),e(U,{children:r.label}),e(G,{})]},r.value)}function ez(e){return e.category??""}function eA(l){return t(L,{item:l,children:[e(U,{children:l.label}),l.description&&e(P,{children:l.description}),e(G,{})]},l.value)}function eB(l,n){let[r,i]=l;return t(z,{children:[t(A,{children:[r,0===n&&e(V,{children:"Clear all"})]}),i.map(eA)]},r)}function eF(e){return e.category??""}function eL(e){return e.label}function eP(l){return t(L,{item:l,children:[e(U,{children:l.label}),l.description&&e(P,{children:l.description}),e(G,{})]},l.value)}function eG(l,n){let[r,i]=l;return t(z,{children:[t(A,{children:[r,0===n&&e(V,{children:"Clear all"})]}),i.map(eP)]},r)}function eU(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eH(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eq(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eJ(l){return t(L,{item:l,children:[e(U,{children:l.label}),e(G,{})]},l.value)}function eY(t){return e(L,{item:t,children:e($,{children:t.label})},t.value)}let eZ=[{name:"Basic",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:X,isItemDisabled:K});l=e("div",{className:"w-300",children:t(C,{collection:r,"data-testid":"select",children:[e(M,{}),e(H,{children:e(W,{children:r.items.map(ee)})})]})}),n[0]=l}else l=n[0];return l},meta:Z},{name:"Sizes",story:()=>{let l,n,r,a,c,o,s,h,m,u,d,f,p,y,b,S,_,v,w=(0,i.c)(18);return w[0]===Symbol.for("react.memo_cache_sentinel")?(r=g({items:X}),n=x,o=16,s="stretch",l=j,a=16,c="start",h=t(C,{collection:r,children:[e(M,{size:"default"}),e(H,{children:e(W,{children:r.items.map(et)})})]}),w[0]=l,w[1]=n,w[2]=r,w[3]=a,w[4]=c,w[5]=o,w[6]=s,w[7]=h):(l=w[0],n=w[1],r=w[2],a=w[3],c=w[4],o=w[5],s=w[6],h=w[7]),w[8]===Symbol.for("react.memo_cache_sentinel")?(m=e(M,{size:"medium"}),w[8]=m):m=w[8],w[9]===Symbol.for("react.memo_cache_sentinel")?(u=t(C,{collection:r,children:[m,e(H,{children:e(W,{children:r.items.map(el)})})]}),w[9]=u):u=w[9],w[10]===Symbol.for("react.memo_cache_sentinel")?(d=e(M,{size:"small"}),w[10]=d):d=w[10],w[11]===Symbol.for("react.memo_cache_sentinel")?(f=t(l,{gap:a,align:c,children:[h,u,t(C,{collection:r,children:[d,e(H,{children:e(W,{children:r.items.map(en)})})]})]}),w[11]=f):f=w[11],w[12]===Symbol.for("react.memo_cache_sentinel")?(p=e(F,{size:"default"}),w[12]=p):p=w[12],w[13]===Symbol.for("react.memo_cache_sentinel")?(y=t(C,{collection:r,children:[p,e(H,{children:e(W,{children:r.items.map(er)})})]}),w[13]=y):y=w[13],w[14]===Symbol.for("react.memo_cache_sentinel")?(b=e(F,{size:"medium"}),w[14]=b):b=w[14],w[15]===Symbol.for("react.memo_cache_sentinel")?(S=t(C,{collection:r,children:[b,e(H,{children:e(W,{children:r.items.map(ei)})})]}),w[15]=S):S=w[15],w[16]===Symbol.for("react.memo_cache_sentinel")?(_=e(F,{size:"small"}),w[16]=_):_=w[16],w[17]===Symbol.for("react.memo_cache_sentinel")?(v=t(n,{gap:o,align:s,children:[f,t(j,{gap:16,align:"start",children:[y,S,t(C,{collection:r,children:[_,e(H,{children:e(W,{children:r.items.map(ea)})})]})]})]}),w[17]=v):v=w[17],v},meta:Z},{name:"DifferentButtons",story:()=>{let l,n,r,a,c,o,s,h,m,u,d,f,p,y,b,S,_,v,w,I,D,N,O,E,R,$,V,k,T,z,A,B,F,L,P,G=(0,i.c)(35);return G[0]===Symbol.for("react.memo_cache_sentinel")?(r=g({items:X}),o="w-800",n=x,c=16,l=j,a=8,s=t(C,{collection:r,children:[e(M,{placeholder:"Default"}),e(H,{children:e(W,{children:r.items.map(ec)})})]}),G[0]=l,G[1]=n,G[2]=r,G[3]=a,G[4]=c,G[5]=o,G[6]=s):(l=G[0],n=G[1],r=G[2],a=G[3],c=G[4],o=G[5],s=G[6]),G[7]===Symbol.for("react.memo_cache_sentinel")?(h=e(M,{variant:"ghost",placeholder:"Ghost + Neutral"}),G[7]=h):h=G[7],G[8]===Symbol.for("react.memo_cache_sentinel")?(m=t(C,{collection:r,children:[h,e(H,{children:e(W,{children:r.items.map(eo)})})]}),G[8]=m):m=G[8],G[9]===Symbol.for("react.memo_cache_sentinel")?(u=e(M,{variant:"ghost",color:"brand",placeholder:"Ghost + Brand"}),G[9]=u):u=G[9],G[10]===Symbol.for("react.memo_cache_sentinel")?(d=t(C,{collection:r,children:[u,e(H,{children:e(W,{children:r.items.map(es)})})]}),G[10]=d):d=G[10],G[11]===Symbol.for("react.memo_cache_sentinel")?(f=e(M,{variant:"secondary",placeholder:"Secondary + Neutral"}),G[11]=f):f=G[11],G[12]===Symbol.for("react.memo_cache_sentinel")?(p=t(C,{collection:r,children:[f,e(H,{children:e(W,{children:r.items.map(eh)})})]}),G[12]=p):p=G[12],G[13]===Symbol.for("react.memo_cache_sentinel")?(y=e(M,{variant:"secondary",color:"brand",placeholder:"Ghost + Brand"}),G[13]=y):y=G[13],G[14]===Symbol.for("react.memo_cache_sentinel")?(b=t(l,{gap:a,children:[s,m,d,p,t(C,{collection:r,children:[y,e(H,{children:e(W,{children:r.items.map(em)})})]})]}),G[14]=b):b=G[14],G[15]===Symbol.for("react.memo_cache_sentinel")?(S=e(M,{placeholder:"Default"}),G[15]=S):S=G[15],G[16]===Symbol.for("react.memo_cache_sentinel")?(_=t(C,{collection:r,disabled:!0,children:[S,e(H,{children:e(W,{children:r.items.map(eu)})})]}),G[16]=_):_=G[16],G[17]===Symbol.for("react.memo_cache_sentinel")?(v=e(M,{variant:"ghost",placeholder:"Ghost + Neutral"}),G[17]=v):v=G[17],G[18]===Symbol.for("react.memo_cache_sentinel")?(w=t(C,{collection:r,disabled:!0,children:[v,e(H,{children:e(W,{children:r.items.map(ed)})})]}),G[18]=w):w=G[18],G[19]===Symbol.for("react.memo_cache_sentinel")?(I=e(M,{variant:"ghost",color:"brand",placeholder:"Ghost + Brand"}),G[19]=I):I=G[19],G[20]===Symbol.for("react.memo_cache_sentinel")?(D=t(C,{collection:r,disabled:!0,children:[I,e(H,{children:e(W,{children:r.items.map(ef)})})]}),G[20]=D):D=G[20],G[21]===Symbol.for("react.memo_cache_sentinel")?(N=e(M,{variant:"secondary",placeholder:"Secondary + Neutral"}),G[21]=N):N=G[21],G[22]===Symbol.for("react.memo_cache_sentinel")?(O=t(C,{collection:r,disabled:!0,children:[N,e(H,{children:e(W,{children:r.items.map(ep)})})]}),G[22]=O):O=G[22],G[23]===Symbol.for("react.memo_cache_sentinel")?(E=e(M,{variant:"secondary",color:"brand",placeholder:"Ghost + Brand"}),G[23]=E):E=G[23],G[24]===Symbol.for("react.memo_cache_sentinel")?(R=t(j,{gap:8,children:[_,w,D,O,t(C,{collection:r,disabled:!0,children:[E,e(H,{children:e(W,{children:r.items.map(ey)})})]})]}),G[24]=R):R=G[24],G[25]===Symbol.for("react.memo_cache_sentinel")?($=e(M,{placeholder:"Default"}),G[25]=$):$=G[25],G[26]===Symbol.for("react.memo_cache_sentinel")?(V=t(C,{collection:r,loading:!0,children:[$,e(H,{children:e(W,{children:r.items.map(eb)})})]}),G[26]=V):V=G[26],G[27]===Symbol.for("react.memo_cache_sentinel")?(k=e(M,{variant:"ghost",placeholder:"Ghost + Neutral"}),G[27]=k):k=G[27],G[28]===Symbol.for("react.memo_cache_sentinel")?(T=t(C,{collection:r,loading:!0,children:[k,e(H,{children:e(W,{children:r.items.map(eg)})})]}),G[28]=T):T=G[28],G[29]===Symbol.for("react.memo_cache_sentinel")?(z=e(M,{variant:"ghost",color:"brand",placeholder:"Ghost + Brand"}),G[29]=z):z=G[29],G[30]===Symbol.for("react.memo_cache_sentinel")?(A=t(C,{collection:r,loading:!0,children:[z,e(H,{children:e(W,{children:r.items.map(eS)})})]}),G[30]=A):A=G[30],G[31]===Symbol.for("react.memo_cache_sentinel")?(B=e(M,{variant:"secondary",placeholder:"Secondary + Neutral"}),G[31]=B):B=G[31],G[32]===Symbol.for("react.memo_cache_sentinel")?(F=t(C,{collection:r,loading:!0,children:[B,e(H,{children:e(W,{children:r.items.map(e_)})})]}),G[32]=F):F=G[32],G[33]===Symbol.for("react.memo_cache_sentinel")?(L=e(M,{variant:"secondary",color:"brand",placeholder:"Ghost + Brand"}),G[33]=L):L=G[33],G[34]===Symbol.for("react.memo_cache_sentinel")?(P=e("div",{className:o,children:t(n,{gap:c,children:[b,R,t(j,{gap:8,children:[V,T,A,F,t(C,{collection:r,loading:!0,children:[L,e(H,{children:e(W,{children:r.items.map(ev)})})]})]})]})}),G[34]=P):P=G[34],P},meta:Z},{name:"Multiple",story:()=>{let l,n,r,a,c,o,s,h,m,u=(0,i.c)(9);return u[0]===Symbol.for("react.memo_cache_sentinel")?(n=g({items:X}),l=x,r=e("div",{className:"w-400",children:t(C,{collection:n,multiple:!0,defaultValue:["react","vue","angular","nodejs","python","java","typescript"],children:[e(F,{}),e(H,{children:e(W,{children:n.items.map(ew)})})]})}),u[0]=l,u[1]=n,u[2]=r):(l=u[0],n=u[1],r=u[2]),u[3]===Symbol.for("react.memo_cache_sentinel")?(a=["react","vue","angular","nodejs","python","java","typescript"],c=e(F,{}),u[3]=a,u[4]=c):(a=u[3],c=u[4]),u[5]===Symbol.for("react.memo_cache_sentinel")?(o=e("div",{className:"w-400",children:t(C,{collection:n,multiple:!0,invalid:!0,defaultValue:a,children:[c,e(H,{children:e(W,{children:n.items.map(eI)})})]})}),u[5]=o):o=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(s=["react","vue","angular","nodejs","python","java","typescript"],h=e(F,{}),u[6]=s,u[7]=h):(s=u[6],h=u[7]),u[8]===Symbol.for("react.memo_cache_sentinel")?(m=t(l,{children:[r,o,e("div",{className:"w-400",children:t(C,{collection:n,multiple:!0,disabled:!0,defaultValue:s,children:[h,e(H,{children:e(W,{children:n.items.map(eD)})})]})})]}),u[8]=m):m=u[8],m},meta:Z},{name:"MultipleWithIcons",story:()=>{let l,n,r,a,c,o,s,h,m,u=(0,i.c)(9);return u[0]===Symbol.for("react.memo_cache_sentinel")?(n=g({items:Q}),l=x,r=e("div",{className:"w-400",children:t(C,{collection:n,multiple:!0,defaultValue:["react","vue","angular","nodejs","python","java","typescript"],children:[e(F,{}),e(H,{children:e(W,{children:n.items.map(eN)})})]})}),u[0]=l,u[1]=n,u[2]=r):(l=u[0],n=u[1],r=u[2]),u[3]===Symbol.for("react.memo_cache_sentinel")?(a=["react","vue","angular","nodejs","python","java","typescript"],c=e(F,{}),u[3]=a,u[4]=c):(a=u[3],c=u[4]),u[5]===Symbol.for("react.memo_cache_sentinel")?(o=e("div",{className:"w-400",children:t(C,{collection:n,multiple:!0,invalid:!0,defaultValue:a,children:[c,e(H,{children:e(W,{children:n.items.map(eO)})})]})}),u[5]=o):o=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(s=["react","vue","angular","nodejs","python","java","typescript"],h=e(F,{}),u[6]=s,u[7]=h):(s=u[6],h=u[7]),u[8]===Symbol.for("react.memo_cache_sentinel")?(m=t(l,{children:[r,o,e("div",{className:"w-400",children:t(C,{collection:n,multiple:!0,disabled:!0,defaultValue:s,children:[h,e(H,{children:e(W,{children:n.items.map(eE)})})]})})]}),u[8]=m):m=u[8],m},meta:Z},{name:"Grouped",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:X,groupBy:eR});l=t(C,{collection:r,children:[e(M,{}),e(H,{children:e(W,{children:r.group().map(ex)})})]}),n[0]=l}else l=n[0];return l},meta:Z},{name:"Disabled",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:Q});l=t(C,{collection:r,disabled:!0,children:[e(M,{}),e(H,{children:e(W,{children:r.items.map(e$)})})]}),n[0]=l}else l=n[0];return l},meta:Z},{name:"Loading",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:Q});l=t(C,{collection:r,loading:!0,children:[e(M,{}),e(H,{children:e(W,{children:r.items.map(eC)})})]}),n[0]=l}else l=n[0];return l},meta:Z},{name:"WithSelectInput",story:()=>{let l,n,r,a,c,o,s,h,m,u=(0,i.c)(9);return u[0]===Symbol.for("react.memo_cache_sentinel")?(n=g({items:Q}),a="w-300",l=x,r="stretch",c=t(C,{collection:n,children:[e(F,{}),e(H,{children:e(W,{children:n.items.map(eM)})})]}),u[0]=l,u[1]=n,u[2]=r,u[3]=a,u[4]=c):(l=u[0],n=u[1],r=u[2],a=u[3],c=u[4]),u[5]===Symbol.for("react.memo_cache_sentinel")?(o=e(F,{}),u[5]=o):o=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(s=t(C,{collection:n,invalid:!0,children:[o,e(H,{children:e(W,{children:n.items.map(eV)})})]}),u[6]=s):s=u[6],u[7]===Symbol.for("react.memo_cache_sentinel")?(h=e(F,{}),u[7]=h):h=u[7],u[8]===Symbol.for("react.memo_cache_sentinel")?(m=e("div",{className:a,children:t(l,{align:r,children:[c,s,t(C,{collection:n,disabled:!0,children:[h,e(H,{children:e(W,{children:n.items.map(eW)})})]})]})}),u[8]=m):m=u[8],m},meta:Z},{name:"WithSeparator",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:Q});l=e("div",{className:"w-300",children:t(C,{collection:r,children:[e(M,{}),e(H,{children:e(W,{children:r.items.map(ek)})})]})}),n[0]=l}else l=n[0];return l},meta:Z},{name:"WithIcons",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:Q});l=e("div",{className:"w-300",children:t(C,{collection:r,children:[e(M,{}),e(H,{children:e(W,{children:r.items.map(eT)})})]})}),n[0]=l}else l=n[0];return l},meta:Z},{name:"WithFooter",story:()=>{let l,n,r,a,c,o,s,h,m=(0,i.c)(8);if(m[0]===Symbol.for("react.memo_cache_sentinel")){let t=g({items:X,groupBy:ez});c="w-300",n=C,r=t,a=e(M,{}),l=H,o=e(W,{children:t.group().map(eB)}),m[0]=l,m[1]=n,m[2]=r,m[3]=a,m[4]=c,m[5]=o}else l=m[0],n=m[1],r=m[2],a=m[3],c=m[4],o=m[5];return m[6]===Symbol.for("react.memo_cache_sentinel")?(s=t(D,{variant:"ghost",color:"neutral",size:"small",children:[e(I,{}),"See all"]}),m[6]=s):s=m[6],m[7]===Symbol.for("react.memo_cache_sentinel")?(h=e("div",{className:c,children:t(n,{collection:r,children:[a,t(l,{children:[o,e(T,{children:t(j,{justify:"between",children:[s,t(j,{justify:"end",children:[e(D,{variant:"ghost",color:"neutral",size:"small",children:"Cancel"}),e(D,{variant:"primary",color:"brand",size:"small",children:"Apply"})]})]})})]})]})}),m[7]=h):h=m[7],h},meta:Z},{name:"WithSearch",story:()=>{let l,n,r,a,c,o,s,h,m=(0,i.c)(15);m[0]===Symbol.for("react.memo_cache_sentinel")?(l=g({items:X,groupBy:eF,itemToString:eL}),m[0]=l):l=m[0];let u=l,{searchValue:d,onSearchChange:f,filteredCollection:p}=Y(u);return m[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(M,{}),m[1]=n):n=m[1],m[2]!==f||m[3]!==d?(r=e(B,{children:e(q,{value:d,onChange:f})}),m[2]=f,m[3]=d,m[4]=r):r=m[4],m[5]!==p||m[6]!==d?(a=0===p.size?e(k,{description:`No results for "${d}"`}):p.group().map(eG),m[5]=p,m[6]=d,m[7]=a):a=m[7],m[8]!==a?(c=e(W,{children:a}),m[8]=a,m[9]=c):c=m[9],m[10]===Symbol.for("react.memo_cache_sentinel")?(o=t(D,{variant:"ghost",color:"neutral",size:"small",children:[e(I,{}),"See all"]}),m[10]=o):o=m[10],m[11]===Symbol.for("react.memo_cache_sentinel")?(s=e(T,{children:t(j,{justify:"between",children:[o,t(j,{justify:"end",children:[e(D,{variant:"ghost",color:"neutral",size:"small",children:"Cancel"}),e(D,{variant:"primary",color:"brand",size:"small",children:"Apply"})]})]})}),m[11]=s):s=m[11],m[12]!==r||m[13]!==c?(h=e("div",{className:"w-300",children:t(C,{collection:u,children:[n,t(H,{children:[r,c,s]})]})}),m[12]=r,m[13]=c,m[14]=h):h=m[14],h},meta:Z},{name:"WithFormField",story:()=>{let l,n,r,a,c,o,s,h,m,u,d,f,p,y,b,S,_=(0,i.c)(16);return _[0]===Symbol.for("react.memo_cache_sentinel")?(n=g({items:X}),r="w-300",l=R,a=t(N,{children:[e(E,{children:"Single with SelectInput"}),e(O,{children:t(C,{collection:n,children:[e(F,{}),e(H,{children:e(W,{children:n.items.map(eU)})})]})})]}),_[0]=l,_[1]=n,_[2]=r,_[3]=a):(l=_[0],n=_[1],r=_[2],a=_[3]),_[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(E,{children:"Single with SelectButton"}),_[4]=c):c=_[4],_[5]===Symbol.for("react.memo_cache_sentinel")?(o=["react"],s=e(M,{}),_[5]=o,_[6]=s):(o=_[5],s=_[6]),_[7]===Symbol.for("react.memo_cache_sentinel")?(h=t(N,{children:[c,e(O,{children:t(C,{collection:n,defaultValue:o,children:[s,e(H,{children:e(W,{children:n.items.map(eH)})})]})})]}),_[7]=h):h=_[7],_[8]===Symbol.for("react.memo_cache_sentinel")?(m=e(E,{children:"Multiple with SelectInput"}),_[8]=m):m=_[8],_[9]===Symbol.for("react.memo_cache_sentinel")?(u=["react","vue"],d=e(F,{}),_[9]=u,_[10]=d):(u=_[9],d=_[10]),_[11]===Symbol.for("react.memo_cache_sentinel")?(f=t(N,{children:[m,e(O,{children:t(C,{collection:n,multiple:!0,defaultValue:u,children:[d,e(H,{children:e(W,{children:n.items.map(eq)})})]})})]}),_[11]=f):f=_[11],_[12]===Symbol.for("react.memo_cache_sentinel")?(p=e(E,{children:"Multiple with SelectButton"}),_[12]=p):p=_[12],_[13]===Symbol.for("react.memo_cache_sentinel")?(y=["react","vue","angular"],b=e(M,{}),_[13]=y,_[14]=b):(y=_[13],b=_[14]),_[15]===Symbol.for("react.memo_cache_sentinel")?(S=e("div",{className:r,children:t(l,{children:[a,h,f,t(N,{children:[p,e(O,{children:t(C,{collection:n,multiple:!0,defaultValue:y,children:[b,e(H,{children:e(W,{children:n.items.map(eJ)})})]})})]})]})}),_[15]=S):S=_[15],S},meta:Z},{name:"WithTags",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:X});l=e("div",{className:"w-300",children:t(C,{collection:r,multiple:!0,defaultValue:["react","vue","angular","nodejs","python","java","typescript"],children:[e(F,{}),e(H,{children:e(W,{children:r.items.map(eY)})})]})}),n[0]=l}else l=n[0];return l},meta:Z}];function eQ({entry:e}){let{story:t,meta:l}=e,n={...l.args,...t.args},r="function"==typeof t||t.$$typeof?t:t.render||l.render||l.component,i=()=>a.default.createElement(r,n),c={args:n,globals:{theme:"light"},parameters:{...l.parameters,...t.parameters},viewMode:"story"};for(let e of[...l.decorators||[],...t.decorators||[]].reverse()){let t=i;i=()=>e(t,c)}return a.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},a.default.createElement("h2",{className:"text-sm mb-12"},e.name),a.default.createElement(i))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(a.default.createElement(window.WallarmDS.Root,null,eZ.map((e,t)=>a.default.createElement(eQ,{key:t,entry:e})))),t}}})();