@wallarm-org/claude-design 4.14.0 → 4.16.0

package/dist/project/components/FilterInput/stories.md

@@ -6,6 +6,7 @@
 import type React from 'react';
 import { useState } from 'react';
 import type { Meta, StoryObj } from 'storybook-react-rsbuild';
+import { AgentGlyph } from '../../AgentGlyph';
 import { FilterInput } from '../FilterInput';
 import {
   createStatusCodeInputFilter,
@@ -140,6 +141,30 @@ export const WithDescribedChip: Story = {
   },
 };
 
+const agentValueFields: FieldMetadata[] = [
+  {
+    name: 'found_by',
+    label: 'Found by',
+    type: 'string',
+    values: [
+      { value: 'radar', label: 'Radar', icon: <AgentGlyph agent='radar' size={16} /> },
+      { value: 'sift', label: 'Sift', icon: <AgentGlyph agent='sift' size={16} /> },
+      { value: 'acquit', label: 'Acquit', icon: <AgentGlyph agent='acquit' size={16} /> },
+      { value: 'trim', label: 'Trim', icon: <AgentGlyph agent='trim' size={16} /> },
+      { value: 'lens', label: 'Lens', icon: <AgentGlyph agent='lens' size={16} /> },
+      { value: 'bard', label: 'Bard', icon: <AgentGlyph agent='bard' size={16} /> },
+    ],
+  },
+];
+
+/** A value's `icon` leads its row in the value menu: an agent is its 16 px `AgentGlyph`, no plate, beside its name. The chip shows the name alone. */
+export const WithAgentValues: Story = {
+  args: {
+    fields: agentValueFields,
+    placeholder: 'Type to filter...',
+  },
+};
+
 /** `error` reddens the input as a whole — pair it with an `Alert` that says what was rejected, since the input itself cannot. */
 export const ErrorEmpty: Story = {
   args: {

package/dist/project/components/NotificationCenter/stories.md

@@ -1982,6 +1982,7 @@ export const WallarmLogo = () => (
 ```tsx
 import { useState } from 'react';
 import { Building, CircleDashed, Plus } from '../../../icons';
+import { AgentGlyph } from '../../AgentGlyph';
 import { Button } from '../../Button';
 import { Code } from '../../Code';
 import { EmptyState, EmptyStateDescription, EmptyStateMessage } from '../../EmptyState';
@@ -1999,7 +2000,6 @@ import {
   SearchModalTrigger,
 } from '../../SearchModal';
 import { Text } from '../../Text';
-import { WallyIcon } from '../../WallyIcon';
 
 const recentItems = [
   { page: 'Attacks', product: 'Cloud WAF', date: '2 hours ago', href: '/attacks' },
@@ -2088,7 +2088,7 @@ export const StorySearchModal = () => {
               </Text>
             </SearchModalGroupLabel>
             <SearchModalItem onSelect={() => {}}>
-              <WallyIcon variant='circle' size='sm' />
+              <AgentGlyph agent='wally' size={20} />
               <Text size='sm'>Ask Wally</Text>
             </SearchModalItem>
 

package/dist/project/components/RemoteShell/README.md

@@ -1570,6 +1570,7 @@ export const WallarmLogo = () => (
 ```tsx
 import { useState } from 'react';
 import { Building, CircleDashed, Plus } from '../../../icons';
+import { AgentGlyph } from '../../AgentGlyph';
 import { Button } from '../../Button';
 import { Code } from '../../Code';
 import { EmptyState, EmptyStateDescription, EmptyStateMessage } from '../../EmptyState';
@@ -1587,7 +1588,6 @@ import {
   SearchModalTrigger,
 } from '../../SearchModal';
 import { Text } from '../../Text';
-import { WallyIcon } from '../../WallyIcon';
 
 const recentItems = [
   { page: 'Attacks', product: 'Cloud WAF', date: '2 hours ago', href: '/attacks' },
@@ -1676,7 +1676,7 @@ export const StorySearchModal = () => {
               </Text>
             </SearchModalGroupLabel>
             <SearchModalItem onSelect={() => {}}>
-              <WallyIcon variant='circle' size='sm' />
+              <AgentGlyph agent='wally' size={20} />
               <Text size='sm'>Ask Wally</Text>
             </SearchModalItem>
 

package/dist/project/components/SearchModal/README.md

@@ -102,10 +102,10 @@ import {
   Users,
   Zap,
 } from '../../icons';
+import { AgentGlyph } from '../AgentGlyph';
 import { Button } from '../Button';
 import { Kbd } from '../Kbd';
 import { Text } from '../Text';
-import { WallyIcon } from '../WallyIcon';
 import { SearchModal, type SearchModalProps } from './SearchModal';
 import { SearchModalBody } from './SearchModalBody';
 import { SearchModalContent } from './SearchModalContent';
@@ -318,7 +318,7 @@ export const Basic: StoryFn<SearchModalProps> = () => {
               </Text>
             </SearchModalGroupLabel>
             <SearchModalItem onSelect={noop}>
-              <WallyIcon variant='circle' size='sm' />
+              <AgentGlyph agent='wally' size={20} />
               <Text size='sm'>{query ? `Ask Wally "${query}"` : 'Ask Wally'}</Text>
             </SearchModalItem>
             {!query && (
@@ -412,7 +412,7 @@ export const EmptyRecents: StoryFn<SearchModalProps> = () => {
               </Text>
             </SearchModalGroupLabel>
             <SearchModalItem onSelect={noop}>
-              <WallyIcon variant='circle' size='sm' />
+              <AgentGlyph agent='wally' size={20} />
               <Text size='sm'>{query ? `Ask Wally "${query}"` : 'Ask Wally'}</Text>
             </SearchModalItem>
             {!query && (
@@ -608,7 +608,7 @@ export const DisabledItems: StoryFn<SearchModalProps> = () => {
     () =>
       filterItems(
         [
-          { id: 'ask-wally', label: 'Ask Wally', icon: <WallyIcon variant='circle' size='sm' /> },
+          { id: 'ask-wally', label: 'Ask Wally', icon: <AgentGlyph agent='wally' size={20} /> },
           { id: 'switch-tenant', label: 'Switch tenant', icon: <Users className='!icon-md' /> },
           { id: 'create', label: 'Create\u2026', icon: <Plus className='!icon-md' /> },
         ],

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

@@ -9,4 +9,4 @@ var e={vD(e,t,n){let r,l;/**
  * @nolint
  * @preventMunge
  * @preserve-invariant-messages
- */var a,o,c=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,h=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of d(t))u.call(e,l)||l===n||i(e,l,{get:()=>t[l],enumerable:!(r=s(t,l))||r.enumerable});return e},p={},f={$dispatcherGuard:()=>$,$makeReadOnly:()=>D,$reset:()=>E,$structuralCheck:()=>I,c:()=>N,clearRenderCounterRegistry:()=>M,renderCounterRegistry:()=>k,useRenderCounter:()=>O};for(var y in f)i(p,y,{get:f[y],enumerable:!0});e.exports=h(i({},"__esModule",{value:!0}),p);var S=(l=null!=(r=n("C"))?c(m(r)):{},h(r&&r.__esModule?l:i(l,"default",{value:r,enumerable:!0}),r)),{useRef:b,useEffect:g,isValidElement:w}=S,_=null!=(a=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:S.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.memo_cache_sentinel"),N="function"==typeof(null==(o=S.__COMPILER_RUNTIME)?void 0:o.c)?S.__COMPILER_RUNTIME.c:function(e){return S.useMemo(()=>{let t=Array(e);for(let n=0;n<e;n++)t[n]=x;return t[x]=!0,t},[])},C={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{C[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 v=null;function R(e){return _.ReactCurrentDispatcher.current=e,_.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=v)return v.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var z=[];function $(e){let t=_.ReactCurrentDispatcher.current;if(0===e){if(z.push(t),1===z.length&&(v=t),t===C)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.");R(C)}else if(1===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===z.length&&(v=null),R(e)}else if(2===e)z.push(t),R(v);else if(3===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");R(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function E(e){for(let t=0;t<e.length;t++)e[t]=x}function D(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var k=new Map;function M(){for(let e of k.values())e.forEach(e=>{e.count=0})}function O(e){let t=b(null);null!=t.current&&(t.current.count+=1),g(()=>{if(null==t.current){let n,r={count:0};null==(n=k.get(e))&&(n=new Set,k.set(e,n)),n.add(r),t.current=r}return()=>{var n;let r;null!==t.current&&(n=t.current,null!=(r=k.get(e))&&r.delete(n))}})}var W=new Set;function I(e,t,n,r,l,a){function o(e,t,o,c){let i=`${r}:${a} [${l}] ${n}${o} changed from ${e} to ${t} at depth ${c}`;W.has(i)||(W.add(i),console.error(i))}!function e(t,n,r,l){if(!(l>2)){if(t!==n)if(typeof t!=typeof n)o(`type ${typeof t}`,`type ${typeof n}`,r,l);else if("object"==typeof t){let a=Array.isArray(t),c=Array.isArray(n);if(null===t&&null!==n)o("null",`type ${typeof n}`,r,l);else if(null===n)o(`type ${typeof t}`,"null",r,l);else if(t instanceof Map)if(n instanceof Map)if(t.size!==n.size)o(`Map instance with size ${t.size}`,`Map instance with size ${n.size}`,r,l);else for(let[a,c]of t)n.has(a)?e(c,n.get(a),`${r}.get(${a})`,l+1):o(`Map instance with key ${a}`,`Map instance without key ${a}`,r,l);else o("Map instance","other value",r,l);else if(n instanceof Map)o("other value","Map instance",r,l);else if(t instanceof Set)if(n instanceof Set)if(t.size!==n.size)o(`Set instance with size ${t.size}`,`Set instance with size ${n.size}`,r,l);else for(let e of n)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,r,l);else o("Set instance","other value",r,l);else if(n instanceof Set)o("other value","Set instance",r,l);else if(a||c)if(a!==c)o(`type ${a?"array":"object"}`,`type ${c?"array":"object"}`,r,l);else if(t.length!==n.length)o(`array with length ${t.length}`,`array with length ${n.length}`,r,l);else for(let a=0;a<t.length;a++)e(t[a],n[a],`${r}[${a}]`,l+1);else if(w(t)||w(n))w(t)!==w(n)?o(`type ${w(t)?"React element":"object"}`,`type ${w(n)?"React element":"object"}`,r,l):t.type!==n.type?o(`React element of type ${t.type}`,`React element of type ${n.type}`,r,l):e(t.props,n.props,`[props of ${r}]`,l+1);else{for(let e in n)e in t||o(`object without key ${e}`,`object with key ${e}`,r,l);for(let a in t)a in n?e(t[a],n[a],`${r}.${a}`,l+1):o(`object with key ${a}`,`object without key ${a}`,r,l)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(n)?isNaN(t)!==isNaN(n)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(n)?"NaN":"non-NaN value"}`,r,l):t!==n&&o(t,n,r,l)}}}(e,t,"",0)}},p(e,t,n){let r=new WeakMap,l=new WeakMap;function a(e,t,n){let a=t,o=n;if("object"==typeof a&&null!==a&&"$$typeof"in a&&a.$$typeof===Symbol.for("react.context")&&"Provider"in a&&(a=a.Provider),"function"==typeof a&&null!=o.ref&&!a.prototype?.isReactComponent){let t=a,n=r.get(e);n||(n=new WeakMap,r.set(e,n));let l=n.get(t);l||((l=e.forwardRef((e,n)=>t({...e,ref:n}))).displayName=t.displayName??t.name,n.set(t,l)),a=l}if("string"==typeof a&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof a)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof a&&null!=o.ref&&(a=function(e,t){let n=l.get(e);n||(n=new Map,l.set(e,n));let r=n.get(t);if(r)return r;let a=e.forwardRef((n,r)=>{let l=e.useRef(null);if(!l.current||l.current.original!==r){let e;l.current={original:r,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof r){let n=r(t);e="function"==typeof n?n:void 0}else r&&(r.current=t)}}}return e.createElement(t,{...n,ref:l.current.callback})});return a.displayName=`CanvasHost(${t})`,n.set(t,a),a}(e,a)),{type:a,props:o}}function o(e){let t=(t,n,r)=>{let l=a(e,t,n??{});return e.createElement(l.type,void 0===r?l.props:{...l.props,key:r})};return{jsx:t,jsxs:(t,n,r)=>{let l=a(e,t,n??{}),{children:o,...c}=l.props;return e.createElement(l.type,void 0===r?c:{...c,key:r},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function c(e){return{...e,createElement:(t,n,...r)=>{let l=a(e,t,n??{});return e.createElement(l.type,l.props,...r)},cloneElement:(t,n,...r)=>{let l=e.cloneElement(t,n??void 0,...r),o=l.ref,c=a(e,l.type,{...l.props,ref:o});return c.type===l.type&&"string"!=typeof l.type?l:e.createElement(c.type,{...c.props,key:l.key})}}}n.d(t,{MA:()=>o,YJ:()=>c})},C(e,t,n){n.r(t);let r=(0,n("p").YJ)(window.React),{Children:l,Component:a,Fragment:o,Profiler:c,PureComponent:i,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:S,forwardRef:b,isValidElement:g,lazy:w,memo:_,startTransition:x,unstable_act:N,useCallback:C,useContext:v,useDebugValue:R,useDeferredValue:z,useEffect:$,useId:E,useImperativeHandle:D,useInsertionEffect:k,useLayoutEffect:M,useMemo:O,useReducer:W,useRef:I,useState:A,useSyncExternalStore:P,useTransition:j,version:T,use:L}=r;n.d(t,{},{Children:l,Component:a,Fragment:o,Profiler:c,PureComponent:i,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:S,default:r,forwardRef:b,isValidElement:g,lazy:w,memo:_,startTransition:x,unstable_act:N,use:L,useCallback:C,useContext:v,useDebugValue:R,useDeferredValue:z,useEffect:$,useId:E,useImperativeHandle:D,useInsertionEffect:k,useLayoutEffect:M,useMemo:O,useReducer:W,useRef:I,useState:A,useSyncExternalStore:P,useTransition:j,version:T})}},t={};function n(r){var l=t[r];if(void 0!==l)return l.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t,r)=>{var l=(t,r)=>{for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[r]:t[l]})};l(t,"get"),l(r,"value")},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.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:r,Fragment:l}=(0,n("p").MA)(window.React);var a=n("vD"),o=n("C");let c=window.WallarmDS.Icons.ChevronRight,i=window.WallarmDS.Icons.Clock,s=window.WallarmDS.Icons.Compass,d=window.WallarmDS.Icons.Globe,m=window.WallarmDS.Icons.History,u=window.WallarmDS.Icons.Layers,h=window.WallarmDS.Icons.Plus,p=window.WallarmDS.Icons.Search,f=window.WallarmDS.Icons.Settings,y=window.WallarmDS.Icons.Shield,S=window.WallarmDS.Icons.Users,b=window.WallarmDS.Icons.Zap,g=window.WallarmDS.Button,w=window.WallarmDS.Kbd,_=window.WallarmDS.Text,x=window.WallarmDS.WallyIcon,N=window.WallarmDS.SearchModal,C=window.WallarmDS.SearchModalBody,v=window.WallarmDS.SearchModalContent,R=window.WallarmDS.SearchModalEmpty,z=window.WallarmDS.SearchModalFooter,$=window.WallarmDS.SearchModalGroup,E=window.WallarmDS.SearchModalGroupLabel,D=window.WallarmDS.SearchModalInput,k=window.WallarmDS.SearchModalItem,M=window.WallarmDS.SearchModalTrigger,O={title:"Navigation/SearchModal",component:N,subcomponents:{SearchModalTrigger:M,SearchModalContent:v,SearchModalInput:D,SearchModalBody:C,SearchModalGroup:$,SearchModalGroupLabel:E,SearchModalItem:k,SearchModalEmpty:R,SearchModalFooter:z},parameters:{layout:"centered",docs:{description:{component:"A command-palette dialog opened with Cmd+K (Ctrl+K on Windows/Linux). Provides a search input, grouped item lists, keyboard navigation, and a footer with keyboard hints. Content is consumer-assembled: the component is a composable shell, not a hard-wired feature."}}}},W=()=>void 0,I=[{id:"recent-1",label:"Attack Rechecker — Scanner",icon:e(m,{className:"text-text-primary !icon-md"}),date:"2m ago"},{id:"recent-2",label:"API Discovery — API Security",icon:e(m,{className:"text-text-primary !icon-md"}),date:"15m ago"},{id:"recent-3",label:"Rules — Cloud WAF",icon:e(m,{className:"text-text-primary !icon-md"}),date:"1h ago"},{id:"recent-4",label:"Dashboards — Platform",icon:e(m,{className:"text-text-primary !icon-md"}),date:"3h ago"},{id:"recent-5",label:"Integrations — Settings",icon:e(m,{className:"text-text-primary !icon-md"}),date:"Yesterday"}],A=[{id:"nav-scanner",label:"Scanner",icon:e(p,{className:"text-text-primary !icon-md"})},{id:"nav-api-security",label:"API Security",icon:e(y,{className:"text-text-primary !icon-md"})},{id:"nav-cloud-waf",label:"Cloud WAF",icon:e(d,{className:"text-text-primary !icon-md"})},{id:"nav-dashboards",label:"Dashboards",icon:e(u,{className:"text-text-primary !icon-md"})},{id:"nav-settings",label:"Settings",icon:e(f,{className:"text-text-primary !icon-md"})},{id:"nav-connectors",label:"Connectors",icon:e(b,{className:"text-text-primary !icon-md"})},{id:"nav-audit-log",label:"Audit Log",icon:e(i,{className:"text-text-primary !icon-md"})},{id:"nav-users",label:"Users & Roles",icon:e(S,{className:"text-text-primary !icon-md"})}],P=[{id:"create-rule",label:"Rule",icon:e(y,{className:"text-text-primary !icon-md"}),section:"Cloud WAF"},{id:"create-trigger",label:"Trigger",icon:e(b,{className:"text-text-primary !icon-md"}),section:"Cloud WAF"},{id:"create-app",label:"Application",icon:e(d,{className:"text-text-primary !icon-md"}),section:"Scanner"},{id:"create-scope",label:"Scan scope",icon:e(s,{className:"text-text-primary !icon-md"}),section:"Scanner"},{id:"create-connector",label:"Connector",icon:e(b,{className:"text-text-primary !icon-md"}),section:"Integrations"}];function j(e,t){if(!t)return e;let n=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(n))}let T=()=>{let n,r,l=(0,a.c)(2);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(p,{}),l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(M,{asChild:!0,children:t(g,{variant:"outline",color:"neutral",children:[n,"Search",t(w,{size:"xsmall",children:["u">typeof navigator&&/Mac/i.test(navigator.userAgent)?"⌘":"Ctrl+","K"]})]})}),l[1]=r):r=l[1],r};function L(n){return t(k,{onSelect:W,children:[n.icon,e(_,{size:"sm",children:n.label}),e("span",{className:"ml-auto",children:e(_,{size:"xs",color:"secondary",children:n.date})})]},n.id)}function F(n){return t(k,{onSelect:W,children:[n.icon,e(_,{size:"sm",children:n.label}),e(c,{className:"text-text-tertiary ml-auto !icon-sm"})]},n.id)}function U(n){return t(k,{onSelect:W,children:[n.icon,e(_,{size:"sm",children:n.label}),e(c,{className:"text-text-tertiary ml-auto !icon-sm"})]},n.id)}function Q(n){return t(k,{onSelect:W,children:[n.icon,e(_,{size:"sm",children:n.label})]},n.id)}function G(n){let[r,l]=n;return t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:r})}),l.map(Q)]},r)}function J(n){return e(k,{asChild:!0,onSelect:W,children:t("a",{href:`#${n.id}`,children:[n.icon,e(_,{size:"sm",children:n.label}),e(c,{className:"text-text-tertiary ml-auto !icon-sm"})]})},n.id)}function V(n){return t(k,{onSelect:"switch-tenant"===n.id?void 0:W,disabled:"switch-tenant"===n.id,children:[n.icon,e(_,{size:"sm",children:n.label}),"switch-tenant"===n.id&&e("span",{className:"ml-auto",children:e(_,{size:"xs",color:"secondary",children:"Unavailable"})})]},n.id)}function Y(n){return t(k,{onSelect:W,children:[n.icon,e(_,{size:"sm",children:n.label})]},n.id)}function B(t,n){return{id:`item-${n}`,label:`Feature ${n+1}`,icon:e(s,{className:"text-text-primary !icon-md"})}}function H(n){return t(k,{onSelect:W,children:[n.icon,e(_,{size:"sm",children:n.label})]},n.id)}let K=[{name:"Basic",story:()=>{let n,r,c,i,s,d,m,u,p,f,y,b,g,w,M,O,P=(0,a.c)(35),[U,Q]=(0,o.useState)(!1),[G,J]=(0,o.useState)("");P[0]!==G?(n=j(I,G),P[0]=G,P[1]=n):n=P[1];let V=n;P[2]!==G?(r=j(A,G),P[2]=G,P[3]=r):r=P[3];let Y=r,B=V.length>0||Y.length>0;P[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(T,{}),P[4]=c):c=P[4],P[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(D,{placeholder:"Search products, features, and more\\u2026"}),P[5]=i):i=P[5],P[6]===Symbol.for("react.memo_cache_sentinel")?(s=e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:"Quick actions"})}),P[6]=s):s=P[6],P[7]===Symbol.for("react.memo_cache_sentinel")?(d=e(x,{variant:"circle",size:"sm"}),P[7]=d):d=P[7];let H=G?`Ask Wally "${G}"`:"Ask Wally";return P[8]!==H?(m=t(k,{onSelect:W,children:[d,e(_,{size:"sm",children:H})]}),P[8]=H,P[9]=m):m=P[9],P[10]!==G?(u=!G&&t(l,{children:[t(k,{onSelect:W,children:[e(S,{className:"!icon-md"}),e(_,{size:"sm",children:"Switch tenant"})]}),t(k,{onSelect:W,children:[e(h,{className:"!icon-md"}),e(_,{size:"sm",children:"Create…"})]})]}),P[10]=G,P[11]=u):u=P[11],P[12]!==m||P[13]!==u?(p=t($,{children:[s,m,u]}),P[12]=m,P[13]=u,P[14]=p):p=P[14],P[15]!==V?(f=V.length>0&&t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:"Recent"})}),V.map(L)]}),P[15]=V,P[16]=f):f=P[16],P[17]!==Y||P[18]!==B||P[19]!==G?(y=(B||!G)&&t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:G?"Go to":"Jump to"})}),(G?Y:A).map(F)]}),P[17]=Y,P[18]=B,P[19]=G,P[20]=y):y=P[20],P[21]!==B||P[22]!==G?(b=G&&!B&&e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})}),P[21]=B,P[22]=G,P[23]=b):b=P[23],P[24]!==f||P[25]!==y||P[26]!==b||P[27]!==p?(g=t(C,{children:[p,f,y,b]}),P[24]=f,P[25]=y,P[26]=b,P[27]=p,P[28]=g):g=P[28],P[29]===Symbol.for("react.memo_cache_sentinel")?(w=e(z,{}),P[29]=w):w=P[29],P[30]!==g?(M=t(v,{children:[i,g,w]}),P[30]=g,P[31]=M):M=P[31],P[32]!==U||P[33]!==M?(O=t(N,{open:U,onOpenChange:Q,onQueryChange:J,"data-testid":"search",children:[c,M]}),P[32]=U,P[33]=M,P[34]=O):O=P[34],O},meta:O},{name:"EmptyRecents",story:()=>{let n,r,c,i,s,d,m,u,p,f,y,b,g,w,M,O=(0,a.c)(32),[I,P]=(0,o.useState)(!1),[L,F]=(0,o.useState)("");O[0]!==L?(n=j(A,L),O[0]=L,O[1]=n):n=O[1];let Q=n;O[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(T,{}),O[2]=r):r=O[2],O[3]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),O[3]=c):c=O[3],O[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:"Quick actions"})}),O[4]=i):i=O[4],O[5]===Symbol.for("react.memo_cache_sentinel")?(s=e(x,{variant:"circle",size:"sm"}),O[5]=s):s=O[5];let G=L?`Ask Wally "${L}"`:"Ask Wally";return O[6]!==G?(d=t(k,{onSelect:W,children:[s,e(_,{size:"sm",children:G})]}),O[6]=G,O[7]=d):d=O[7],O[8]!==L?(m=!L&&t(l,{children:[t(k,{onSelect:W,children:[e(S,{className:"!icon-md"}),e(_,{size:"sm",children:"Switch tenant"})]}),t(k,{onSelect:W,children:[e(h,{className:"!icon-md"}),e(_,{size:"sm",children:"Create…"})]})]}),O[8]=L,O[9]=m):m=O[9],O[10]!==d||O[11]!==m?(u=t($,{children:[i,d,m]}),O[10]=d,O[11]=m,O[12]=u):u=O[12],O[13]!==L?(p=!L&&t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:"Recent"})}),e(R,{children:e(_,{size:"sm",color:"secondary",children:"Nothing recent yet"})})]}),O[13]=L,O[14]=p):p=O[14],O[15]!==Q||O[16]!==L?(f=Q.length>0&&t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:L?"Go to":"Jump to"})}),Q.map(U)]}),O[15]=Q,O[16]=L,O[17]=f):f=O[17],O[18]!==Q.length||O[19]!==L?(y=L&&0===Q.length&&e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})}),O[18]=Q.length,O[19]=L,O[20]=y):y=O[20],O[21]!==f||O[22]!==y||O[23]!==u||O[24]!==p?(b=t(C,{children:[u,p,f,y]}),O[21]=f,O[22]=y,O[23]=u,O[24]=p,O[25]=b):b=O[25],O[26]===Symbol.for("react.memo_cache_sentinel")?(g=e(z,{}),O[26]=g):g=O[26],O[27]!==b?(w=t(v,{children:[c,b,g]}),O[27]=b,O[28]=w):w=O[28],O[29]!==I||O[30]!==w?(M=t(N,{open:I,onOpenChange:P,onQueryChange:F,children:[r,w]}),O[29]=I,O[30]=w,O[31]=M):M=O[31],M},meta:O},{name:"SubList",story:()=>{let n,r,l,c,i,s,d,m,u,h,p=(0,a.c)(18),[f,y]=(0,o.useState)(!1),[S,b]=(0,o.useState)("");p[0]!==S?(n=j(P,S),p[0]=S,p[1]=n):n=p[1];let g=n;if(p[2]!==g){for(let e of(r=new Map,g)){let t=e.section??"Other",n=r.get(t);n?n.push(e):r.set(t,[e])}p[2]=g,p[3]=r}else r=p[3];let x=r;return p[4]===Symbol.for("react.memo_cache_sentinel")?(l=e(T,{}),p[4]=l):l=p[4],p[5]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Filter creatable items\\u2026"}),p[5]=c):c=p[5],p[6]!==g.length||p[7]!==x?(i=g.length>0?[...x.entries()].map(G):e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})}),p[6]=g.length,p[7]=x,p[8]=i):i=p[8],p[9]!==i?(s=e(C,{children:i}),p[9]=i,p[10]=s):s=p[10],p[11]===Symbol.for("react.memo_cache_sentinel")?(d=t("span",{className:"inline-flex items-center gap-4",children:[e(w,{size:"xsmall",children:"esc"}),e(_,{size:"xs",color:"secondary",children:"back"})]}),p[11]=d):d=p[11],p[12]===Symbol.for("react.memo_cache_sentinel")?(m=t(z,{children:[d,t("span",{className:"inline-flex items-center gap-4",children:[e(w,{size:"xsmall",children:"↵"}),e(_,{size:"xs",color:"secondary",children:"to select"})]})]}),p[12]=m):m=p[12],p[13]!==s?(u=t(v,{children:[c,s,m]}),p[13]=s,p[14]=u):u=p[14],p[15]!==f||p[16]!==u?(h=t(N,{open:f,onOpenChange:y,onQueryChange:b,children:[l,u]}),p[15]=f,p[16]=u,p[17]=h):h=p[17],h},meta:O},{name:"ItemsAsLinks",story:()=>{let n,r,l,c,i,s,d,m=(0,a.c)(13),[u,h]=(0,o.useState)(!1),[p,f]=(0,o.useState)("");m[0]!==p?(n=j(A,p),m[0]=p,m[1]=n):n=m[1];let y=n;return m[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(T,{}),m[2]=r):r=m[2],m[3]===Symbol.for("react.memo_cache_sentinel")?(l=e(D,{placeholder:"Search products, features, and more\\u2026"}),m[3]=l):l=m[3],m[4]!==y||m[5]!==p?(c=e(C,{children:y.length>0?t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:p?"Go to":"Jump to"})}),y.map(J)]}):e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})})}),m[4]=y,m[5]=p,m[6]=c):c=m[6],m[7]===Symbol.for("react.memo_cache_sentinel")?(i=e(z,{}),m[7]=i):i=m[7],m[8]!==c?(s=t(v,{children:[l,c,i]}),m[8]=c,m[9]=s):s=m[9],m[10]!==u||m[11]!==s?(d=t(N,{open:u,onOpenChange:h,onQueryChange:f,children:[r,s]}),m[10]=u,m[11]=s,m[12]=d):d=m[12],d},meta:O},{name:"DisabledItems",story:()=>{let n,r,l,c,i,s,d,m,u=(0,a.c)(15),[p,f]=(0,o.useState)(!1),[y,b]=(0,o.useState)("");if(u[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(x,{variant:"circle",size:"sm"}),u[0]=n):n=u[0],u[1]!==y){let t,l;u[3]===Symbol.for("react.memo_cache_sentinel")?(t=e(S,{className:"!icon-md"}),u[3]=t):t=u[3],u[4]===Symbol.for("react.memo_cache_sentinel")?(l=e(h,{className:"!icon-md"}),u[4]=l):l=u[4],r=j([{id:"ask-wally",label:"Ask Wally",icon:n},{id:"switch-tenant",label:"Switch tenant",icon:t},{id:"create",label:"Create…",icon:l}],y),u[1]=y,u[2]=r}else r=u[2];let g=r;return u[5]===Symbol.for("react.memo_cache_sentinel")?(l=e(T,{}),u[5]=l):l=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),u[6]=c):c=u[6],u[7]!==g?(i=e(C,{children:g.length>0?t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:"Quick actions"})}),g.map(V)]}):e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})})}),u[7]=g,u[8]=i):i=u[8],u[9]===Symbol.for("react.memo_cache_sentinel")?(s=e(z,{}),u[9]=s):s=u[9],u[10]!==i?(d=t(v,{children:[c,i,s]}),u[10]=i,u[11]=d):d=u[11],u[12]!==p||u[13]!==d?(m=t(N,{open:p,onOpenChange:f,onQueryChange:b,children:[l,d]}),u[12]=p,u[13]=d,u[14]=m):m=u[14],m},meta:O},{name:"CloseOnSelectFalse",story:()=>{let n,r,l,c,i,s,d,m,u,h=(0,a.c)(15),[p,f]=(0,o.useState)(!1),[y,S]=(0,o.useState)("");h[0]===Symbol.for("react.memo_cache_sentinel")?(n=[],h[0]=n):n=h[0];let[b,g]=(0,o.useState)(n);h[1]!==y?(r=j(A,y),h[1]=y,h[2]=r):r=h[2];let w=r;h[3]===Symbol.for("react.memo_cache_sentinel")?(l=e=>g(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),h[3]=l):l=h[3];let x=l;return h[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(T,{}),h[4]=c):c=h[4],h[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(D,{placeholder:"Pick items (modal stays open)\\u2026"}),h[5]=i):i=h[5],h[6]!==w||h[7]!==b?(s=e(C,{children:w.length>0?t($,{children:[e(E,{children:t(_,{size:"xs",color:"secondary",weight:"medium",children:["Products ",b.length>0&&`(${b.length} selected)`]})}),w.map(n=>t(k,{closeOnSelect:!1,onSelect:()=>x(n.id),children:[n.icon,e(_,{size:"sm",children:n.label}),b.includes(n.id)&&e("span",{className:"ml-auto",children:e(_,{size:"xs",color:"primary-alt",children:"Selected"})})]},n.id))]}):e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})})}),h[6]=w,h[7]=b,h[8]=s):s=h[8],h[9]===Symbol.for("react.memo_cache_sentinel")?(d=e(z,{}),h[9]=d):d=h[9],h[10]!==s?(m=t(v,{children:[i,s,d]}),h[10]=s,h[11]=m):m=h[11],h[12]!==p||h[13]!==m?(u=t(N,{open:p,onOpenChange:f,onQueryChange:S,children:[c,m]}),h[12]=p,h[13]=m,h[14]=u):u=h[14],u},meta:O},{name:"Controlled",story:()=>{let n,r,c,i,s,d,m,u=(0,a.c)(13),[h,p]=(0,o.useState)(!1),[f,y]=(0,o.useState)("");u[0]!==f?(n=j(A,f),u[0]=f,u[1]=n):n=u[1];let S=n;return u[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{variant:"outline",color:"neutral",onClick:()=>p(!0),children:"Open Programmatically"}),u[2]=r):r=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),u[3]=c):c=u[3],u[4]!==S||u[5]!==f?(i=e(C,{children:S.length>0?t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:f?"Go to":"Jump to"})}),S.map(Y)]}):e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})})}),u[4]=S,u[5]=f,u[6]=i):i=u[6],u[7]===Symbol.for("react.memo_cache_sentinel")?(s=e(z,{}),u[7]=s):s=u[7],u[8]!==i?(d=t(v,{children:[c,i,s]}),u[8]=i,u[9]=d):d=u[9],u[10]!==h||u[11]!==d?(m=t(l,{children:[r,e(N,{open:h,onOpenChange:p,onQueryChange:y,children:d})]}),u[10]=h,u[11]=d,u[12]=m):m=u[12],m},meta:O},{name:"Scrollable",story:()=>{let n,r,l,c,i,s,d,m,u=(0,a.c)(13),[h,p]=(0,o.useState)(!1),[f,y]=(0,o.useState)("");u[0]===Symbol.for("react.memo_cache_sentinel")?(n=Array.from({length:30},B),u[0]=n):n=u[0];let S=n;u[1]!==f?(r=j(S,f),u[1]=f,u[2]=r):r=u[2];let b=r;return u[3]===Symbol.for("react.memo_cache_sentinel")?(l=e(T,{}),u[3]=l):l=u[3],u[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),u[4]=c):c=u[4],u[5]!==b?(i=e(C,{children:b.length>0?t($,{children:[e(E,{children:e(_,{size:"xs",color:"secondary",weight:"medium",children:"All features"})}),b.map(H)]}):e($,{children:e(R,{children:e(_,{size:"sm",color:"secondary",children:"No results"})})})}),u[5]=b,u[6]=i):i=u[6],u[7]===Symbol.for("react.memo_cache_sentinel")?(s=e(z,{}),u[7]=s):s=u[7],u[8]!==i?(d=t(v,{children:[c,i,s]}),u[8]=i,u[9]=d):d=u[9],u[10]!==h||u[11]!==d?(m=t(N,{open:h,onOpenChange:p,onQueryChange:y,children:[l,d]}),u[10]=h,u[11]=d,u[12]=m):m=u[12],m},meta:O}];function Z({entry:e}){let{story:t,meta:n}=e,r={...n.args,...t.args},l="function"==typeof t||t.$$typeof?t:t.render||n.render||n.component,a=()=>o.default.createElement(l,r),c={args:r,globals:{theme:"light"},parameters:{...n.parameters,...t.parameters},viewMode:"story"};for(let e of[...n.decorators||[],...t.decorators||[]].reverse()){let t=a;a=()=>e(t,c)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,K.map((e,t)=>o.default.createElement(Z,{key:t,entry:e})))),t}}})();
+ */var a,o,c=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,h=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of d(t))u.call(e,l)||l===n||i(e,l,{get:()=>t[l],enumerable:!(r=s(t,l))||r.enumerable});return e},p={},f={$dispatcherGuard:()=>$,$makeReadOnly:()=>D,$reset:()=>E,$structuralCheck:()=>I,c:()=>N,clearRenderCounterRegistry:()=>M,renderCounterRegistry:()=>k,useRenderCounter:()=>O};for(var y in f)i(p,y,{get:f[y],enumerable:!0});e.exports=h(i({},"__esModule",{value:!0}),p);var S=(l=null!=(r=n("C"))?c(m(r)):{},h(r&&r.__esModule?l:i(l,"default",{value:r,enumerable:!0}),r)),{useRef:g,useEffect:b,isValidElement:w}=S,_=null!=(a=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:S.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,x=Symbol.for("react.memo_cache_sentinel"),N="function"==typeof(null==(o=S.__COMPILER_RUNTIME)?void 0:o.c)?S.__COMPILER_RUNTIME.c:function(e){return S.useMemo(()=>{let t=Array(e);for(let n=0;n<e;n++)t[n]=x;return t[x]=!0,t},[])},C={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{C[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 v=null;function R(e){return _.ReactCurrentDispatcher.current=e,_.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=v)return v.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var z=[];function $(e){let t=_.ReactCurrentDispatcher.current;if(0===e){if(z.push(t),1===z.length&&(v=t),t===C)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.");R(C)}else if(1===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===z.length&&(v=null),R(e)}else if(2===e)z.push(t),R(v);else if(3===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");R(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function E(e){for(let t=0;t<e.length;t++)e[t]=x}function D(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var k=new Map;function M(){for(let e of k.values())e.forEach(e=>{e.count=0})}function O(e){let t=g(null);null!=t.current&&(t.current.count+=1),b(()=>{if(null==t.current){let n,r={count:0};null==(n=k.get(e))&&(n=new Set,k.set(e,n)),n.add(r),t.current=r}return()=>{var n;let r;null!==t.current&&(n=t.current,null!=(r=k.get(e))&&r.delete(n))}})}var W=new Set;function I(e,t,n,r,l,a){function o(e,t,o,c){let i=`${r}:${a} [${l}] ${n}${o} changed from ${e} to ${t} at depth ${c}`;W.has(i)||(W.add(i),console.error(i))}!function e(t,n,r,l){if(!(l>2)){if(t!==n)if(typeof t!=typeof n)o(`type ${typeof t}`,`type ${typeof n}`,r,l);else if("object"==typeof t){let a=Array.isArray(t),c=Array.isArray(n);if(null===t&&null!==n)o("null",`type ${typeof n}`,r,l);else if(null===n)o(`type ${typeof t}`,"null",r,l);else if(t instanceof Map)if(n instanceof Map)if(t.size!==n.size)o(`Map instance with size ${t.size}`,`Map instance with size ${n.size}`,r,l);else for(let[a,c]of t)n.has(a)?e(c,n.get(a),`${r}.get(${a})`,l+1):o(`Map instance with key ${a}`,`Map instance without key ${a}`,r,l);else o("Map instance","other value",r,l);else if(n instanceof Map)o("other value","Map instance",r,l);else if(t instanceof Set)if(n instanceof Set)if(t.size!==n.size)o(`Set instance with size ${t.size}`,`Set instance with size ${n.size}`,r,l);else for(let e of n)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,r,l);else o("Set instance","other value",r,l);else if(n instanceof Set)o("other value","Set instance",r,l);else if(a||c)if(a!==c)o(`type ${a?"array":"object"}`,`type ${c?"array":"object"}`,r,l);else if(t.length!==n.length)o(`array with length ${t.length}`,`array with length ${n.length}`,r,l);else for(let a=0;a<t.length;a++)e(t[a],n[a],`${r}[${a}]`,l+1);else if(w(t)||w(n))w(t)!==w(n)?o(`type ${w(t)?"React element":"object"}`,`type ${w(n)?"React element":"object"}`,r,l):t.type!==n.type?o(`React element of type ${t.type}`,`React element of type ${n.type}`,r,l):e(t.props,n.props,`[props of ${r}]`,l+1);else{for(let e in n)e in t||o(`object without key ${e}`,`object with key ${e}`,r,l);for(let a in t)a in n?e(t[a],n[a],`${r}.${a}`,l+1):o(`object with key ${a}`,`object without key ${a}`,r,l)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(n)?isNaN(t)!==isNaN(n)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(n)?"NaN":"non-NaN value"}`,r,l):t!==n&&o(t,n,r,l)}}}(e,t,"",0)}},p(e,t,n){let r=new WeakMap,l=new WeakMap;function a(e,t,n){let a=t,o=n;if("object"==typeof a&&null!==a&&"$$typeof"in a&&a.$$typeof===Symbol.for("react.context")&&"Provider"in a&&(a=a.Provider),"function"==typeof a&&null!=o.ref&&!a.prototype?.isReactComponent){let t=a,n=r.get(e);n||(n=new WeakMap,r.set(e,n));let l=n.get(t);l||((l=e.forwardRef((e,n)=>t({...e,ref:n}))).displayName=t.displayName??t.name,n.set(t,l)),a=l}if("string"==typeof a&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof a)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof a&&null!=o.ref&&(a=function(e,t){let n=l.get(e);n||(n=new Map,l.set(e,n));let r=n.get(t);if(r)return r;let a=e.forwardRef((n,r)=>{let l=e.useRef(null);if(!l.current||l.current.original!==r){let e;l.current={original:r,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof r){let n=r(t);e="function"==typeof n?n:void 0}else r&&(r.current=t)}}}return e.createElement(t,{...n,ref:l.current.callback})});return a.displayName=`CanvasHost(${t})`,n.set(t,a),a}(e,a)),{type:a,props:o}}function o(e){let t=(t,n,r)=>{let l=a(e,t,n??{});return e.createElement(l.type,void 0===r?l.props:{...l.props,key:r})};return{jsx:t,jsxs:(t,n,r)=>{let l=a(e,t,n??{}),{children:o,...c}=l.props;return e.createElement(l.type,void 0===r?c:{...c,key:r},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function c(e){return{...e,createElement:(t,n,...r)=>{let l=a(e,t,n??{});return e.createElement(l.type,l.props,...r)},cloneElement:(t,n,...r)=>{let l=e.cloneElement(t,n??void 0,...r),o=l.ref,c=a(e,l.type,{...l.props,ref:o});return c.type===l.type&&"string"!=typeof l.type?l:e.createElement(c.type,{...c.props,key:l.key})}}}n.d(t,{MA:()=>o,YJ:()=>c})},C(e,t,n){n.r(t);let r=(0,n("p").YJ)(window.React),{Children:l,Component:a,Fragment:o,Profiler:c,PureComponent:i,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:S,forwardRef:g,isValidElement:b,lazy:w,memo:_,startTransition:x,unstable_act:N,useCallback:C,useContext:v,useDebugValue:R,useDeferredValue:z,useEffect:$,useId:E,useImperativeHandle:D,useInsertionEffect:k,useLayoutEffect:M,useMemo:O,useReducer:W,useRef:I,useState:A,useSyncExternalStore:P,useTransition:j,version:T,use:L}=r;n.d(t,{},{Children:l,Component:a,Fragment:o,Profiler:c,PureComponent:i,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:S,default:r,forwardRef:g,isValidElement:b,lazy:w,memo:_,startTransition:x,unstable_act:N,use:L,useCallback:C,useContext:v,useDebugValue:R,useDeferredValue:z,useEffect:$,useId:E,useImperativeHandle:D,useInsertionEffect:k,useLayoutEffect:M,useMemo:O,useReducer:W,useRef:I,useState:A,useSyncExternalStore:P,useTransition:j,version:T})}},t={};function n(r){var l=t[r];if(void 0!==l)return l.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.d=(e,t,r)=>{var l=(t,r)=>{for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[r]:t[l]})};l(t,"get"),l(r,"value")},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.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:r,Fragment:l}=(0,n("p").MA)(window.React);var a=n("vD"),o=n("C");let c=window.WallarmDS.Icons.ChevronRight,i=window.WallarmDS.Icons.Clock,s=window.WallarmDS.Icons.Compass,d=window.WallarmDS.Icons.Globe,m=window.WallarmDS.Icons.History,u=window.WallarmDS.Icons.Layers,h=window.WallarmDS.Icons.Plus,p=window.WallarmDS.Icons.Search,f=window.WallarmDS.Icons.Settings,y=window.WallarmDS.Icons.Shield,S=window.WallarmDS.Icons.Users,g=window.WallarmDS.Icons.Zap,b=window.WallarmDS.AgentGlyph,w=window.WallarmDS.Button,_=window.WallarmDS.Kbd,x=window.WallarmDS.Text,N=window.WallarmDS.SearchModal,C=window.WallarmDS.SearchModalBody,v=window.WallarmDS.SearchModalContent,R=window.WallarmDS.SearchModalEmpty,z=window.WallarmDS.SearchModalFooter,$=window.WallarmDS.SearchModalGroup,E=window.WallarmDS.SearchModalGroupLabel,D=window.WallarmDS.SearchModalInput,k=window.WallarmDS.SearchModalItem,M=window.WallarmDS.SearchModalTrigger,O={title:"Navigation/SearchModal",component:N,subcomponents:{SearchModalTrigger:M,SearchModalContent:v,SearchModalInput:D,SearchModalBody:C,SearchModalGroup:$,SearchModalGroupLabel:E,SearchModalItem:k,SearchModalEmpty:R,SearchModalFooter:z},parameters:{layout:"centered",docs:{description:{component:"A command-palette dialog opened with Cmd+K (Ctrl+K on Windows/Linux). Provides a search input, grouped item lists, keyboard navigation, and a footer with keyboard hints. Content is consumer-assembled: the component is a composable shell, not a hard-wired feature."}}}},W=()=>void 0,I=[{id:"recent-1",label:"Attack Rechecker — Scanner",icon:e(m,{className:"text-text-primary !icon-md"}),date:"2m ago"},{id:"recent-2",label:"API Discovery — API Security",icon:e(m,{className:"text-text-primary !icon-md"}),date:"15m ago"},{id:"recent-3",label:"Rules — Cloud WAF",icon:e(m,{className:"text-text-primary !icon-md"}),date:"1h ago"},{id:"recent-4",label:"Dashboards — Platform",icon:e(m,{className:"text-text-primary !icon-md"}),date:"3h ago"},{id:"recent-5",label:"Integrations — Settings",icon:e(m,{className:"text-text-primary !icon-md"}),date:"Yesterday"}],A=[{id:"nav-scanner",label:"Scanner",icon:e(p,{className:"text-text-primary !icon-md"})},{id:"nav-api-security",label:"API Security",icon:e(y,{className:"text-text-primary !icon-md"})},{id:"nav-cloud-waf",label:"Cloud WAF",icon:e(d,{className:"text-text-primary !icon-md"})},{id:"nav-dashboards",label:"Dashboards",icon:e(u,{className:"text-text-primary !icon-md"})},{id:"nav-settings",label:"Settings",icon:e(f,{className:"text-text-primary !icon-md"})},{id:"nav-connectors",label:"Connectors",icon:e(g,{className:"text-text-primary !icon-md"})},{id:"nav-audit-log",label:"Audit Log",icon:e(i,{className:"text-text-primary !icon-md"})},{id:"nav-users",label:"Users & Roles",icon:e(S,{className:"text-text-primary !icon-md"})}],P=[{id:"create-rule",label:"Rule",icon:e(y,{className:"text-text-primary !icon-md"}),section:"Cloud WAF"},{id:"create-trigger",label:"Trigger",icon:e(g,{className:"text-text-primary !icon-md"}),section:"Cloud WAF"},{id:"create-app",label:"Application",icon:e(d,{className:"text-text-primary !icon-md"}),section:"Scanner"},{id:"create-scope",label:"Scan scope",icon:e(s,{className:"text-text-primary !icon-md"}),section:"Scanner"},{id:"create-connector",label:"Connector",icon:e(g,{className:"text-text-primary !icon-md"}),section:"Integrations"}];function j(e,t){if(!t)return e;let n=t.toLowerCase();return e.filter(e=>e.label.toLowerCase().includes(n))}let T=()=>{let n,r,l=(0,a.c)(2);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(p,{}),l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(M,{asChild:!0,children:t(w,{variant:"outline",color:"neutral",children:[n,"Search",t(_,{size:"xsmall",children:["u">typeof navigator&&/Mac/i.test(navigator.userAgent)?"⌘":"Ctrl+","K"]})]})}),l[1]=r):r=l[1],r};function L(n){return t(k,{onSelect:W,children:[n.icon,e(x,{size:"sm",children:n.label}),e("span",{className:"ml-auto",children:e(x,{size:"xs",color:"secondary",children:n.date})})]},n.id)}function F(n){return t(k,{onSelect:W,children:[n.icon,e(x,{size:"sm",children:n.label}),e(c,{className:"text-text-tertiary ml-auto !icon-sm"})]},n.id)}function U(n){return t(k,{onSelect:W,children:[n.icon,e(x,{size:"sm",children:n.label}),e(c,{className:"text-text-tertiary ml-auto !icon-sm"})]},n.id)}function Q(n){return t(k,{onSelect:W,children:[n.icon,e(x,{size:"sm",children:n.label})]},n.id)}function G(n){let[r,l]=n;return t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:r})}),l.map(Q)]},r)}function J(n){return e(k,{asChild:!0,onSelect:W,children:t("a",{href:`#${n.id}`,children:[n.icon,e(x,{size:"sm",children:n.label}),e(c,{className:"text-text-tertiary ml-auto !icon-sm"})]})},n.id)}function V(n){return t(k,{onSelect:"switch-tenant"===n.id?void 0:W,disabled:"switch-tenant"===n.id,children:[n.icon,e(x,{size:"sm",children:n.label}),"switch-tenant"===n.id&&e("span",{className:"ml-auto",children:e(x,{size:"xs",color:"secondary",children:"Unavailable"})})]},n.id)}function Y(n){return t(k,{onSelect:W,children:[n.icon,e(x,{size:"sm",children:n.label})]},n.id)}function B(t,n){return{id:`item-${n}`,label:`Feature ${n+1}`,icon:e(s,{className:"text-text-primary !icon-md"})}}function H(n){return t(k,{onSelect:W,children:[n.icon,e(x,{size:"sm",children:n.label})]},n.id)}let K=[{name:"Basic",story:()=>{let n,r,c,i,s,d,m,u,p,f,y,g,w,_,M,O,P=(0,a.c)(35),[U,Q]=(0,o.useState)(!1),[G,J]=(0,o.useState)("");P[0]!==G?(n=j(I,G),P[0]=G,P[1]=n):n=P[1];let V=n;P[2]!==G?(r=j(A,G),P[2]=G,P[3]=r):r=P[3];let Y=r,B=V.length>0||Y.length>0;P[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(T,{}),P[4]=c):c=P[4],P[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(D,{placeholder:"Search products, features, and more\\u2026"}),P[5]=i):i=P[5],P[6]===Symbol.for("react.memo_cache_sentinel")?(s=e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:"Quick actions"})}),P[6]=s):s=P[6],P[7]===Symbol.for("react.memo_cache_sentinel")?(d=e(b,{agent:"wally",size:20}),P[7]=d):d=P[7];let H=G?`Ask Wally "${G}"`:"Ask Wally";return P[8]!==H?(m=t(k,{onSelect:W,children:[d,e(x,{size:"sm",children:H})]}),P[8]=H,P[9]=m):m=P[9],P[10]!==G?(u=!G&&t(l,{children:[t(k,{onSelect:W,children:[e(S,{className:"!icon-md"}),e(x,{size:"sm",children:"Switch tenant"})]}),t(k,{onSelect:W,children:[e(h,{className:"!icon-md"}),e(x,{size:"sm",children:"Create…"})]})]}),P[10]=G,P[11]=u):u=P[11],P[12]!==m||P[13]!==u?(p=t($,{children:[s,m,u]}),P[12]=m,P[13]=u,P[14]=p):p=P[14],P[15]!==V?(f=V.length>0&&t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:"Recent"})}),V.map(L)]}),P[15]=V,P[16]=f):f=P[16],P[17]!==Y||P[18]!==B||P[19]!==G?(y=(B||!G)&&t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:G?"Go to":"Jump to"})}),(G?Y:A).map(F)]}),P[17]=Y,P[18]=B,P[19]=G,P[20]=y):y=P[20],P[21]!==B||P[22]!==G?(g=G&&!B&&e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})}),P[21]=B,P[22]=G,P[23]=g):g=P[23],P[24]!==f||P[25]!==y||P[26]!==g||P[27]!==p?(w=t(C,{children:[p,f,y,g]}),P[24]=f,P[25]=y,P[26]=g,P[27]=p,P[28]=w):w=P[28],P[29]===Symbol.for("react.memo_cache_sentinel")?(_=e(z,{}),P[29]=_):_=P[29],P[30]!==w?(M=t(v,{children:[i,w,_]}),P[30]=w,P[31]=M):M=P[31],P[32]!==U||P[33]!==M?(O=t(N,{open:U,onOpenChange:Q,onQueryChange:J,"data-testid":"search",children:[c,M]}),P[32]=U,P[33]=M,P[34]=O):O=P[34],O},meta:O},{name:"EmptyRecents",story:()=>{let n,r,c,i,s,d,m,u,p,f,y,g,w,_,M,O=(0,a.c)(32),[I,P]=(0,o.useState)(!1),[L,F]=(0,o.useState)("");O[0]!==L?(n=j(A,L),O[0]=L,O[1]=n):n=O[1];let Q=n;O[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(T,{}),O[2]=r):r=O[2],O[3]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),O[3]=c):c=O[3],O[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:"Quick actions"})}),O[4]=i):i=O[4],O[5]===Symbol.for("react.memo_cache_sentinel")?(s=e(b,{agent:"wally",size:20}),O[5]=s):s=O[5];let G=L?`Ask Wally "${L}"`:"Ask Wally";return O[6]!==G?(d=t(k,{onSelect:W,children:[s,e(x,{size:"sm",children:G})]}),O[6]=G,O[7]=d):d=O[7],O[8]!==L?(m=!L&&t(l,{children:[t(k,{onSelect:W,children:[e(S,{className:"!icon-md"}),e(x,{size:"sm",children:"Switch tenant"})]}),t(k,{onSelect:W,children:[e(h,{className:"!icon-md"}),e(x,{size:"sm",children:"Create…"})]})]}),O[8]=L,O[9]=m):m=O[9],O[10]!==d||O[11]!==m?(u=t($,{children:[i,d,m]}),O[10]=d,O[11]=m,O[12]=u):u=O[12],O[13]!==L?(p=!L&&t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:"Recent"})}),e(R,{children:e(x,{size:"sm",color:"secondary",children:"Nothing recent yet"})})]}),O[13]=L,O[14]=p):p=O[14],O[15]!==Q||O[16]!==L?(f=Q.length>0&&t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:L?"Go to":"Jump to"})}),Q.map(U)]}),O[15]=Q,O[16]=L,O[17]=f):f=O[17],O[18]!==Q.length||O[19]!==L?(y=L&&0===Q.length&&e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})}),O[18]=Q.length,O[19]=L,O[20]=y):y=O[20],O[21]!==f||O[22]!==y||O[23]!==u||O[24]!==p?(g=t(C,{children:[u,p,f,y]}),O[21]=f,O[22]=y,O[23]=u,O[24]=p,O[25]=g):g=O[25],O[26]===Symbol.for("react.memo_cache_sentinel")?(w=e(z,{}),O[26]=w):w=O[26],O[27]!==g?(_=t(v,{children:[c,g,w]}),O[27]=g,O[28]=_):_=O[28],O[29]!==I||O[30]!==_?(M=t(N,{open:I,onOpenChange:P,onQueryChange:F,children:[r,_]}),O[29]=I,O[30]=_,O[31]=M):M=O[31],M},meta:O},{name:"SubList",story:()=>{let n,r,l,c,i,s,d,m,u,h,p=(0,a.c)(18),[f,y]=(0,o.useState)(!1),[S,g]=(0,o.useState)("");p[0]!==S?(n=j(P,S),p[0]=S,p[1]=n):n=p[1];let b=n;if(p[2]!==b){for(let e of(r=new Map,b)){let t=e.section??"Other",n=r.get(t);n?n.push(e):r.set(t,[e])}p[2]=b,p[3]=r}else r=p[3];let w=r;return p[4]===Symbol.for("react.memo_cache_sentinel")?(l=e(T,{}),p[4]=l):l=p[4],p[5]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Filter creatable items\\u2026"}),p[5]=c):c=p[5],p[6]!==b.length||p[7]!==w?(i=b.length>0?[...w.entries()].map(G):e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})}),p[6]=b.length,p[7]=w,p[8]=i):i=p[8],p[9]!==i?(s=e(C,{children:i}),p[9]=i,p[10]=s):s=p[10],p[11]===Symbol.for("react.memo_cache_sentinel")?(d=t("span",{className:"inline-flex items-center gap-4",children:[e(_,{size:"xsmall",children:"esc"}),e(x,{size:"xs",color:"secondary",children:"back"})]}),p[11]=d):d=p[11],p[12]===Symbol.for("react.memo_cache_sentinel")?(m=t(z,{children:[d,t("span",{className:"inline-flex items-center gap-4",children:[e(_,{size:"xsmall",children:"↵"}),e(x,{size:"xs",color:"secondary",children:"to select"})]})]}),p[12]=m):m=p[12],p[13]!==s?(u=t(v,{children:[c,s,m]}),p[13]=s,p[14]=u):u=p[14],p[15]!==f||p[16]!==u?(h=t(N,{open:f,onOpenChange:y,onQueryChange:g,children:[l,u]}),p[15]=f,p[16]=u,p[17]=h):h=p[17],h},meta:O},{name:"ItemsAsLinks",story:()=>{let n,r,l,c,i,s,d,m=(0,a.c)(13),[u,h]=(0,o.useState)(!1),[p,f]=(0,o.useState)("");m[0]!==p?(n=j(A,p),m[0]=p,m[1]=n):n=m[1];let y=n;return m[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(T,{}),m[2]=r):r=m[2],m[3]===Symbol.for("react.memo_cache_sentinel")?(l=e(D,{placeholder:"Search products, features, and more\\u2026"}),m[3]=l):l=m[3],m[4]!==y||m[5]!==p?(c=e(C,{children:y.length>0?t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:p?"Go to":"Jump to"})}),y.map(J)]}):e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})})}),m[4]=y,m[5]=p,m[6]=c):c=m[6],m[7]===Symbol.for("react.memo_cache_sentinel")?(i=e(z,{}),m[7]=i):i=m[7],m[8]!==c?(s=t(v,{children:[l,c,i]}),m[8]=c,m[9]=s):s=m[9],m[10]!==u||m[11]!==s?(d=t(N,{open:u,onOpenChange:h,onQueryChange:f,children:[r,s]}),m[10]=u,m[11]=s,m[12]=d):d=m[12],d},meta:O},{name:"DisabledItems",story:()=>{let n,r,l,c,i,s,d,m,u=(0,a.c)(15),[p,f]=(0,o.useState)(!1),[y,g]=(0,o.useState)("");if(u[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(b,{agent:"wally",size:20}),u[0]=n):n=u[0],u[1]!==y){let t,l;u[3]===Symbol.for("react.memo_cache_sentinel")?(t=e(S,{className:"!icon-md"}),u[3]=t):t=u[3],u[4]===Symbol.for("react.memo_cache_sentinel")?(l=e(h,{className:"!icon-md"}),u[4]=l):l=u[4],r=j([{id:"ask-wally",label:"Ask Wally",icon:n},{id:"switch-tenant",label:"Switch tenant",icon:t},{id:"create",label:"Create…",icon:l}],y),u[1]=y,u[2]=r}else r=u[2];let w=r;return u[5]===Symbol.for("react.memo_cache_sentinel")?(l=e(T,{}),u[5]=l):l=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),u[6]=c):c=u[6],u[7]!==w?(i=e(C,{children:w.length>0?t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:"Quick actions"})}),w.map(V)]}):e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})})}),u[7]=w,u[8]=i):i=u[8],u[9]===Symbol.for("react.memo_cache_sentinel")?(s=e(z,{}),u[9]=s):s=u[9],u[10]!==i?(d=t(v,{children:[c,i,s]}),u[10]=i,u[11]=d):d=u[11],u[12]!==p||u[13]!==d?(m=t(N,{open:p,onOpenChange:f,onQueryChange:g,children:[l,d]}),u[12]=p,u[13]=d,u[14]=m):m=u[14],m},meta:O},{name:"CloseOnSelectFalse",story:()=>{let n,r,l,c,i,s,d,m,u,h=(0,a.c)(15),[p,f]=(0,o.useState)(!1),[y,S]=(0,o.useState)("");h[0]===Symbol.for("react.memo_cache_sentinel")?(n=[],h[0]=n):n=h[0];let[g,b]=(0,o.useState)(n);h[1]!==y?(r=j(A,y),h[1]=y,h[2]=r):r=h[2];let w=r;h[3]===Symbol.for("react.memo_cache_sentinel")?(l=e=>b(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),h[3]=l):l=h[3];let _=l;return h[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(T,{}),h[4]=c):c=h[4],h[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(D,{placeholder:"Pick items (modal stays open)\\u2026"}),h[5]=i):i=h[5],h[6]!==w||h[7]!==g?(s=e(C,{children:w.length>0?t($,{children:[e(E,{children:t(x,{size:"xs",color:"secondary",weight:"medium",children:["Products ",g.length>0&&`(${g.length} selected)`]})}),w.map(n=>t(k,{closeOnSelect:!1,onSelect:()=>_(n.id),children:[n.icon,e(x,{size:"sm",children:n.label}),g.includes(n.id)&&e("span",{className:"ml-auto",children:e(x,{size:"xs",color:"primary-alt",children:"Selected"})})]},n.id))]}):e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})})}),h[6]=w,h[7]=g,h[8]=s):s=h[8],h[9]===Symbol.for("react.memo_cache_sentinel")?(d=e(z,{}),h[9]=d):d=h[9],h[10]!==s?(m=t(v,{children:[i,s,d]}),h[10]=s,h[11]=m):m=h[11],h[12]!==p||h[13]!==m?(u=t(N,{open:p,onOpenChange:f,onQueryChange:S,children:[c,m]}),h[12]=p,h[13]=m,h[14]=u):u=h[14],u},meta:O},{name:"Controlled",story:()=>{let n,r,c,i,s,d,m,u=(0,a.c)(13),[h,p]=(0,o.useState)(!1),[f,y]=(0,o.useState)("");u[0]!==f?(n=j(A,f),u[0]=f,u[1]=n):n=u[1];let S=n;return u[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(w,{variant:"outline",color:"neutral",onClick:()=>p(!0),children:"Open Programmatically"}),u[2]=r):r=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),u[3]=c):c=u[3],u[4]!==S||u[5]!==f?(i=e(C,{children:S.length>0?t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:f?"Go to":"Jump to"})}),S.map(Y)]}):e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})})}),u[4]=S,u[5]=f,u[6]=i):i=u[6],u[7]===Symbol.for("react.memo_cache_sentinel")?(s=e(z,{}),u[7]=s):s=u[7],u[8]!==i?(d=t(v,{children:[c,i,s]}),u[8]=i,u[9]=d):d=u[9],u[10]!==h||u[11]!==d?(m=t(l,{children:[r,e(N,{open:h,onOpenChange:p,onQueryChange:y,children:d})]}),u[10]=h,u[11]=d,u[12]=m):m=u[12],m},meta:O},{name:"Scrollable",story:()=>{let n,r,l,c,i,s,d,m,u=(0,a.c)(13),[h,p]=(0,o.useState)(!1),[f,y]=(0,o.useState)("");u[0]===Symbol.for("react.memo_cache_sentinel")?(n=Array.from({length:30},B),u[0]=n):n=u[0];let S=n;u[1]!==f?(r=j(S,f),u[1]=f,u[2]=r):r=u[2];let g=r;return u[3]===Symbol.for("react.memo_cache_sentinel")?(l=e(T,{}),u[3]=l):l=u[3],u[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(D,{placeholder:"Search products, features, and more\\u2026"}),u[4]=c):c=u[4],u[5]!==g?(i=e(C,{children:g.length>0?t($,{children:[e(E,{children:e(x,{size:"xs",color:"secondary",weight:"medium",children:"All features"})}),g.map(H)]}):e($,{children:e(R,{children:e(x,{size:"sm",color:"secondary",children:"No results"})})})}),u[5]=g,u[6]=i):i=u[6],u[7]===Symbol.for("react.memo_cache_sentinel")?(s=e(z,{}),u[7]=s):s=u[7],u[8]!==i?(d=t(v,{children:[c,i,s]}),u[8]=i,u[9]=d):d=u[9],u[10]!==h||u[11]!==d?(m=t(N,{open:h,onOpenChange:p,onQueryChange:y,children:[l,d]}),u[10]=h,u[11]=d,u[12]=m):m=u[12],m},meta:O}];function Z({entry:e}){let{story:t,meta:n}=e,r={...n.args,...t.args},l="function"==typeof t||t.$$typeof?t:t.render||n.render||n.component,a=()=>o.default.createElement(l,r),c={args:r,globals:{theme:"light"},parameters:{...n.parameters,...t.parameters},viewMode:"story"};for(let e of[...n.decorators||[],...t.decorators||[]].reverse()){let t=a;a=()=>e(t,c)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,K.map((e,t)=>o.default.createElement(Z,{key:t,entry:e})))),t}}})();

package/dist/project/components/Select/README.md

@@ -154,6 +154,13 @@ the menu closes.
 
 Source: Select/Select.stories.tsx#WithIcons
 
+### WithAgents
+
+An agent leads its option and, once picked, the trigger: pass its `AgentGlyph` as the item's
+`leading`. The glyph keeps its own 20 px beside the text-sm row and is never put on a plate.
+
+Source: Select/Select.stories.tsx#WithAgents
+
 ### WithFooter
 
 `SelectFooter` pins content below the scrolling list, for a persistent escape like managing
@@ -191,6 +198,7 @@ import { Fragment } from 'react';
 import { createListCollection } from '@ark-ui/react/collection';
 import type { Meta, StoryFn } from 'storybook-react-rsbuild';
 import { LayoutGrid, LayoutTemplate, Pen, Search, SquareArrowOutUpRight } from '../../icons';
+import { AgentGlyph } from '../AgentGlyph';
 import { Button } from '../Button';
 import { Field, FieldContent, FieldLabel, FieldSet } from '../Field';
 import { HStack, VStack } from '../Stack';
@@ -1050,6 +1058,45 @@ export const WithIcons: StoryFn<typeof Select> = () => {
   );
 };
 
+const agents: SelectDataItem[] = [
+  { label: 'Radar', value: 'radar', leading: <AgentGlyph agent='radar' size={20} /> },
+  { label: 'Sift', value: 'sift', leading: <AgentGlyph agent='sift' size={20} /> },
+  { label: 'Acquit', value: 'acquit', leading: <AgentGlyph agent='acquit' size={20} /> },
+  { label: 'Trim', value: 'trim', leading: <AgentGlyph agent='trim' size={20} /> },
+  { label: 'Lens', value: 'lens', leading: <AgentGlyph agent='lens' size={20} /> },
+  { label: 'Bard', value: 'bard', leading: <AgentGlyph agent='bard' size={20} /> },
+];
+
+/**
+ * An agent leads its option and, once picked, the trigger: pass its `AgentGlyph` as the item's
+ * `leading`. The glyph keeps its own 20 px beside the text-sm row and is never put on a plate.
+ */
+export const WithAgents: StoryFn<typeof Select> = () => {
+  const collection = createListCollection({
+    items: agents,
+  });
+
+  return (
+    <div className='w-300'>
+      <Select collection={collection} defaultValue={['radar']} data-testid='agent-select'>
+        <SelectButton />
+
+        <SelectPositioner>
+          <SelectContent>
+            {collection.items.map(agent => (
+              <SelectOption key={agent.value} item={agent}>
+                {agent.leading}
+                <SelectOptionText>{agent.label}</SelectOptionText>
+                <SelectOptionIndicator />
+              </SelectOption>
+            ))}
+          </SelectContent>
+        </SelectPositioner>
+      </Select>
+    </div>
+  );
+};
+
 /**
  * `SelectFooter` pins content below the scrolling list, for a persistent escape like managing
  * the options themselves.

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

@@ -9,4 +9,4 @@ var e={vD(e,t,l){let n,r;/**
  * @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}}})();
+ */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:()=>E,$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 R=[];function E(e){let t=v.ReactCurrentDispatcher.current;if(0===e){if(R.push(t),1===R.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=R.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===R.length&&(N=null),O(e)}else if(2===e)R.push(t),O(N);else if(3===e){let e=R.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:R,useEffect:E,useId:j,useImperativeHandle:x,useInsertionEffect:$,useLayoutEffect:C,useMemo:M,useReducer:V,useRef:W,useState:T,useSyncExternalStore:k,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:R,useEffect:E,useId:j,useImperativeHandle:x,useInsertionEffect:$,useLayoutEffect:C,useMemo:M,useReducer:V,useRef:W,useState:T,useSyncExternalStore:k,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.AgentGlyph,N=window.WallarmDS.Button,O=window.WallarmDS.Field,R=window.WallarmDS.FieldContent,E=window.WallarmDS.FieldLabel,j=window.WallarmDS.FieldSet,x=window.WallarmDS.HStack,$=window.WallarmDS.VStack,C=window.WallarmDS.Tag,M=window.WallarmDS.Select,V=window.WallarmDS.SelectButton,W=window.WallarmDS.SelectClearTrigger,T=window.WallarmDS.SelectContent,k=window.WallarmDS.SelectEmptyState,z=window.WallarmDS.SelectFooter,A=window.WallarmDS.SelectGroup,B=window.WallarmDS.SelectGroupLabel,L=window.WallarmDS.SelectHeader,F=window.WallarmDS.SelectInput,P=window.WallarmDS.SelectOption,G=window.WallarmDS.SelectOptionDescription,U=window.WallarmDS.SelectOptionIndicator,q=window.WallarmDS.SelectOptionText,H=window.WallarmDS.SelectPositioner,J=window.WallarmDS.SelectSearchInput,Y=window.WallarmDS.SelectSeparator,Z=window.WallarmDS.useSelectSearch,Q={title:"Inputs/Select",component:M,subcomponents:{SelectButton:V,SelectClearTrigger:W,SelectContent:T,SelectFooter:z,SelectGroup:A,SelectGroupLabel:B,SelectHeader:L,SelectInput:F,SelectOption:P,SelectOptionDescription:G,SelectOptionIndicator:U,SelectOptionText:q,SelectPositioner:H,SelectSearchInput:J,SelectSeparator:Y},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."}}}},X=[{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"}],K=X.map(({icon:e,...t})=>t),ee=[{label:"Radar",value:"radar",leading:e(D,{agent:"radar",size:20})},{label:"Sift",value:"sift",leading:e(D,{agent:"sift",size:20})},{label:"Acquit",value:"acquit",leading:e(D,{agent:"acquit",size:20})},{label:"Trim",value:"trim",leading:e(D,{agent:"trim",size:20})},{label:"Lens",value:"lens",leading:e(D,{agent:"lens",size:20})},{label:"Bard",value:"bard",leading:e(D,{agent:"bard",size:20})}];function et(e){return"angular"===e.value}function el(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function en(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function er(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ei(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ea(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ec(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eo(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function es(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eh(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function em(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eu(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ed(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ef(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ep(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ey(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eb(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eg(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eS(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function e_(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ev(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ew(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eI(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eD(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eN(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eO(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eR(l){let{icon:n}=l;return t(P,{item:l,children:[n&&e(n,{}),e(q,{children:l.label}),e(U,{})]},l.value)}function eE(l){let{icon:n}=l;return t(P,{item:l,children:[n&&e(n,{}),e(q,{children:l.label}),e(U,{})]},l.value)}function ej(l){let{icon:n}=l;return t(P,{item:l,children:[n&&e(n,{}),e(q,{children:l.label}),e(U,{})]},l.value)}function ex(e){return e.category??""}function e$(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eC(l,n){let[r,i]=l;return t(A,{children:[t(B,{children:[r,0===n&&e(W,{children:"Clear all"})]}),i.map(e$)]},r)}function eM(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eV(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eW(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eT(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ek(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function ez(l,n){return t(a.Fragment,{children:[t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]}),3===n&&e(Y,{})]},l.value)}function eA(l){let{icon:n,...r}=l;return t(P,{item:r,children:[n&&e(n,{}),e(q,{children:r.label}),e(U,{})]},r.value)}function eB(l){return t(P,{item:l,children:[l.leading,e(q,{children:l.label}),e(U,{})]},l.value)}function eL(e){return e.category??""}function eF(l){return t(P,{item:l,children:[e(q,{children:l.label}),l.description&&e(G,{children:l.description}),e(U,{})]},l.value)}function eP(l,n){let[r,i]=l;return t(A,{children:[t(B,{children:[r,0===n&&e(W,{children:"Clear all"})]}),i.map(eF)]},r)}function eG(e){return e.category??""}function eU(e){return e.label}function eq(l){return t(P,{item:l,children:[e(q,{children:l.label}),l.description&&e(G,{children:l.description}),e(U,{})]},l.value)}function eH(l,n){let[r,i]=l;return t(A,{children:[t(B,{children:[r,0===n&&e(W,{children:"Clear all"})]}),i.map(eq)]},r)}function eJ(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eY(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eZ(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eQ(l){return t(P,{item:l,children:[e(q,{children:l.label}),e(U,{})]},l.value)}function eX(t){return e(P,{item:t,children:e(C,{children:t.label})},t.value)}let eK=[{name:"Basic",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:K,isItemDisabled:et});l=e("div",{className:"w-300",children:t(M,{collection:r,"data-testid":"select",children:[e(V,{}),e(H,{children:e(T,{children:r.items.map(el)})})]})}),n[0]=l}else l=n[0];return l},meta:Q},{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:K}),n=$,o=16,s="stretch",l=x,a=16,c="start",h=t(M,{collection:r,children:[e(V,{size:"default"}),e(H,{children:e(T,{children:r.items.map(en)})})]}),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(V,{size:"medium"}),w[8]=m):m=w[8],w[9]===Symbol.for("react.memo_cache_sentinel")?(u=t(M,{collection:r,children:[m,e(H,{children:e(T,{children:r.items.map(er)})})]}),w[9]=u):u=w[9],w[10]===Symbol.for("react.memo_cache_sentinel")?(d=e(V,{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(M,{collection:r,children:[d,e(H,{children:e(T,{children:r.items.map(ei)})})]})]}),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(M,{collection:r,children:[p,e(H,{children:e(T,{children:r.items.map(ea)})})]}),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(M,{collection:r,children:[b,e(H,{children:e(T,{children:r.items.map(ec)})})]}),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(x,{gap:16,align:"start",children:[y,S,t(M,{collection:r,children:[_,e(H,{children:e(T,{children:r.items.map(eo)})})]})]})]}),w[17]=v):v=w[17],v},meta:Q},{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,R,E,j,C,W,k,z,A,B,L,F,P,G=(0,i.c)(35);return G[0]===Symbol.for("react.memo_cache_sentinel")?(r=g({items:K}),o="w-800",n=$,c=16,l=x,a=8,s=t(M,{collection:r,children:[e(V,{placeholder:"Default"}),e(H,{children:e(T,{children:r.items.map(es)})})]}),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(V,{variant:"ghost",placeholder:"Ghost + Neutral"}),G[7]=h):h=G[7],G[8]===Symbol.for("react.memo_cache_sentinel")?(m=t(M,{collection:r,children:[h,e(H,{children:e(T,{children:r.items.map(eh)})})]}),G[8]=m):m=G[8],G[9]===Symbol.for("react.memo_cache_sentinel")?(u=e(V,{variant:"ghost",color:"brand",placeholder:"Ghost + Brand"}),G[9]=u):u=G[9],G[10]===Symbol.for("react.memo_cache_sentinel")?(d=t(M,{collection:r,children:[u,e(H,{children:e(T,{children:r.items.map(em)})})]}),G[10]=d):d=G[10],G[11]===Symbol.for("react.memo_cache_sentinel")?(f=e(V,{variant:"secondary",placeholder:"Secondary + Neutral"}),G[11]=f):f=G[11],G[12]===Symbol.for("react.memo_cache_sentinel")?(p=t(M,{collection:r,children:[f,e(H,{children:e(T,{children:r.items.map(eu)})})]}),G[12]=p):p=G[12],G[13]===Symbol.for("react.memo_cache_sentinel")?(y=e(V,{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(M,{collection:r,children:[y,e(H,{children:e(T,{children:r.items.map(ed)})})]})]}),G[14]=b):b=G[14],G[15]===Symbol.for("react.memo_cache_sentinel")?(S=e(V,{placeholder:"Default"}),G[15]=S):S=G[15],G[16]===Symbol.for("react.memo_cache_sentinel")?(_=t(M,{collection:r,disabled:!0,children:[S,e(H,{children:e(T,{children:r.items.map(ef)})})]}),G[16]=_):_=G[16],G[17]===Symbol.for("react.memo_cache_sentinel")?(v=e(V,{variant:"ghost",placeholder:"Ghost + Neutral"}),G[17]=v):v=G[17],G[18]===Symbol.for("react.memo_cache_sentinel")?(w=t(M,{collection:r,disabled:!0,children:[v,e(H,{children:e(T,{children:r.items.map(ep)})})]}),G[18]=w):w=G[18],G[19]===Symbol.for("react.memo_cache_sentinel")?(I=e(V,{variant:"ghost",color:"brand",placeholder:"Ghost + Brand"}),G[19]=I):I=G[19],G[20]===Symbol.for("react.memo_cache_sentinel")?(D=t(M,{collection:r,disabled:!0,children:[I,e(H,{children:e(T,{children:r.items.map(ey)})})]}),G[20]=D):D=G[20],G[21]===Symbol.for("react.memo_cache_sentinel")?(N=e(V,{variant:"secondary",placeholder:"Secondary + Neutral"}),G[21]=N):N=G[21],G[22]===Symbol.for("react.memo_cache_sentinel")?(O=t(M,{collection:r,disabled:!0,children:[N,e(H,{children:e(T,{children:r.items.map(eb)})})]}),G[22]=O):O=G[22],G[23]===Symbol.for("react.memo_cache_sentinel")?(R=e(V,{variant:"secondary",color:"brand",placeholder:"Ghost + Brand"}),G[23]=R):R=G[23],G[24]===Symbol.for("react.memo_cache_sentinel")?(E=t(x,{gap:8,children:[_,w,D,O,t(M,{collection:r,disabled:!0,children:[R,e(H,{children:e(T,{children:r.items.map(eg)})})]})]}),G[24]=E):E=G[24],G[25]===Symbol.for("react.memo_cache_sentinel")?(j=e(V,{placeholder:"Default"}),G[25]=j):j=G[25],G[26]===Symbol.for("react.memo_cache_sentinel")?(C=t(M,{collection:r,loading:!0,children:[j,e(H,{children:e(T,{children:r.items.map(eS)})})]}),G[26]=C):C=G[26],G[27]===Symbol.for("react.memo_cache_sentinel")?(W=e(V,{variant:"ghost",placeholder:"Ghost + Neutral"}),G[27]=W):W=G[27],G[28]===Symbol.for("react.memo_cache_sentinel")?(k=t(M,{collection:r,loading:!0,children:[W,e(H,{children:e(T,{children:r.items.map(e_)})})]}),G[28]=k):k=G[28],G[29]===Symbol.for("react.memo_cache_sentinel")?(z=e(V,{variant:"ghost",color:"brand",placeholder:"Ghost + Brand"}),G[29]=z):z=G[29],G[30]===Symbol.for("react.memo_cache_sentinel")?(A=t(M,{collection:r,loading:!0,children:[z,e(H,{children:e(T,{children:r.items.map(ev)})})]}),G[30]=A):A=G[30],G[31]===Symbol.for("react.memo_cache_sentinel")?(B=e(V,{variant:"secondary",placeholder:"Secondary + Neutral"}),G[31]=B):B=G[31],G[32]===Symbol.for("react.memo_cache_sentinel")?(L=t(M,{collection:r,loading:!0,children:[B,e(H,{children:e(T,{children:r.items.map(ew)})})]}),G[32]=L):L=G[32],G[33]===Symbol.for("react.memo_cache_sentinel")?(F=e(V,{variant:"secondary",color:"brand",placeholder:"Ghost + Brand"}),G[33]=F):F=G[33],G[34]===Symbol.for("react.memo_cache_sentinel")?(P=e("div",{className:o,children:t(n,{gap:c,children:[b,E,t(x,{gap:8,children:[C,k,A,L,t(M,{collection:r,loading:!0,children:[F,e(H,{children:e(T,{children:r.items.map(eI)})})]})]})]})}),G[34]=P):P=G[34],P},meta:Q},{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:K}),l=$,r=e("div",{className:"w-400",children:t(M,{collection:n,multiple:!0,defaultValue:["react","vue","angular","nodejs","python","java","typescript"],children:[e(F,{}),e(H,{children:e(T,{children:n.items.map(eD)})})]})}),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(M,{collection:n,multiple:!0,invalid:!0,defaultValue:a,children:[c,e(H,{children:e(T,{children:n.items.map(eN)})})]})}),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(M,{collection:n,multiple:!0,disabled:!0,defaultValue:s,children:[h,e(H,{children:e(T,{children:n.items.map(eO)})})]})})]}),u[8]=m):m=u[8],m},meta:Q},{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:X}),l=$,r=e("div",{className:"w-400",children:t(M,{collection:n,multiple:!0,defaultValue:["react","vue","angular","nodejs","python","java","typescript"],children:[e(F,{}),e(H,{children:e(T,{children:n.items.map(eR)})})]})}),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(M,{collection:n,multiple:!0,invalid:!0,defaultValue:a,children:[c,e(H,{children:e(T,{children:n.items.map(eE)})})]})}),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(M,{collection:n,multiple:!0,disabled:!0,defaultValue:s,children:[h,e(H,{children:e(T,{children:n.items.map(ej)})})]})})]}),u[8]=m):m=u[8],m},meta:Q},{name:"Grouped",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:K,groupBy:ex});l=t(M,{collection:r,children:[e(V,{}),e(H,{children:e(T,{children:r.group().map(eC)})})]}),n[0]=l}else l=n[0];return l},meta:Q},{name:"Disabled",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:X});l=t(M,{collection:r,disabled:!0,children:[e(V,{}),e(H,{children:e(T,{children:r.items.map(eM)})})]}),n[0]=l}else l=n[0];return l},meta:Q},{name:"Loading",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:X});l=t(M,{collection:r,loading:!0,children:[e(V,{}),e(H,{children:e(T,{children:r.items.map(eV)})})]}),n[0]=l}else l=n[0];return l},meta:Q},{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:X}),a="w-300",l=$,r="stretch",c=t(M,{collection:n,children:[e(F,{}),e(H,{children:e(T,{children:n.items.map(eW)})})]}),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(M,{collection:n,invalid:!0,children:[o,e(H,{children:e(T,{children:n.items.map(eT)})})]}),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(M,{collection:n,disabled:!0,children:[h,e(H,{children:e(T,{children:n.items.map(ek)})})]})]})}),u[8]=m):m=u[8],m},meta:Q},{name:"WithSeparator",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(M,{collection:r,children:[e(V,{}),e(H,{children:e(T,{children:r.items.map(ez)})})]})}),n[0]=l}else l=n[0];return l},meta:Q},{name:"WithIcons",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(M,{collection:r,children:[e(V,{}),e(H,{children:e(T,{children:r.items.map(eA)})})]})}),n[0]=l}else l=n[0];return l},meta:Q},{name:"WithAgents",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:ee});l=e("div",{className:"w-300",children:t(M,{collection:r,defaultValue:["radar"],"data-testid":"agent-select",children:[e(V,{}),e(H,{children:e(T,{children:r.items.map(eB)})})]})}),n[0]=l}else l=n[0];return l},meta:Q},{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:K,groupBy:eL});c="w-300",n=M,r=t,a=e(V,{}),l=H,o=e(T,{children:t.group().map(eP)}),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(N,{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(z,{children:t(x,{justify:"between",children:[s,t(x,{justify:"end",children:[e(N,{variant:"ghost",color:"neutral",size:"small",children:"Cancel"}),e(N,{variant:"primary",color:"brand",size:"small",children:"Apply"})]})]})})]})]})}),m[7]=h):h=m[7],h},meta:Q},{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:K,groupBy:eG,itemToString:eU}),m[0]=l):l=m[0];let u=l,{searchValue:d,onSearchChange:f,filteredCollection:p}=Z(u);return m[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(V,{}),m[1]=n):n=m[1],m[2]!==f||m[3]!==d?(r=e(L,{children:e(J,{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(eH),m[5]=p,m[6]=d,m[7]=a):a=m[7],m[8]!==a?(c=e(T,{children:a}),m[8]=a,m[9]=c):c=m[9],m[10]===Symbol.for("react.memo_cache_sentinel")?(o=t(N,{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(z,{children:t(x,{justify:"between",children:[o,t(x,{justify:"end",children:[e(N,{variant:"ghost",color:"neutral",size:"small",children:"Cancel"}),e(N,{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(M,{collection:u,children:[n,t(H,{children:[r,c,s]})]})}),m[12]=r,m[13]=c,m[14]=h):h=m[14],h},meta:Q},{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:K}),r="w-300",l=j,a=t(O,{children:[e(E,{children:"Single with SelectInput"}),e(R,{children:t(M,{collection:n,children:[e(F,{}),e(H,{children:e(T,{children:n.items.map(eJ)})})]})})]}),_[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(V,{}),_[5]=o,_[6]=s):(o=_[5],s=_[6]),_[7]===Symbol.for("react.memo_cache_sentinel")?(h=t(O,{children:[c,e(R,{children:t(M,{collection:n,defaultValue:o,children:[s,e(H,{children:e(T,{children:n.items.map(eY)})})]})})]}),_[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(O,{children:[m,e(R,{children:t(M,{collection:n,multiple:!0,defaultValue:u,children:[d,e(H,{children:e(T,{children:n.items.map(eZ)})})]})})]}),_[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(V,{}),_[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(O,{children:[p,e(R,{children:t(M,{collection:n,multiple:!0,defaultValue:y,children:[b,e(H,{children:e(T,{children:n.items.map(eQ)})})]})})]})]})}),_[15]=S):S=_[15],S},meta:Q},{name:"WithTags",story:()=>{let l,n=(0,i.c)(1);if(n[0]===Symbol.for("react.memo_cache_sentinel")){let r=g({items:K});l=e("div",{className:"w-300",children:t(M,{collection:r,multiple:!0,defaultValue:["react","vue","angular","nodejs","python","java","typescript"],children:[e(F,{}),e(H,{children:e(T,{children:r.items.map(eX)})})]})}),n[0]=l}else l=n[0];return l},meta:Q}];function e0({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,eK.map((e,t)=>a.default.createElement(e0,{key:t,entry:e})))),t}}})();

package/dist/project/components/Table/README.md

@@ -95,6 +95,14 @@ put as the body scrolls.
 
 Source: Table/Table.stories.tsx#Basic
 
+### AgentCell
+
+An agent in a cell — the Agent, Found by or Run by column: `AgentItem` at 20 px beside the text-sm row, the agent's
+glyph with no plate, where a person gets the `Avatar` plate. The row actions stay in the master cell
+(`meta.renderMenuAction`).
+
+Source: Table/Table.stories.tsx#AgentCell
+
 ### NoStretch
 
 `stretch={false}` — columns keep their defined widths and do not expand to fill the container.