@wallarm-org/claude-design 4.15.0 → 4.16.1

package/dist/SETUP.md

@@ -1,6 +1,6 @@
-# Install Wallarm Design System 4.15.0 in Claude Design
+# Install Wallarm Design System 4.16.1 in Claude Design
 
-This guide ships with Wallarm Design System 4.15.0. Work through the steps in order and run each check before moving on.
+This guide ships with Wallarm Design System 4.16.1. Work through the steps in order and run each check before moving on.
 
 The export wrote `wallarm-design-system/`:
 
@@ -27,7 +27,7 @@ Create a new **Design System** artifact titled `Wallarm Design System`, with the
    - Send `project/components/index.d.ts` with the content type `text/plain`; the artifact refuses it otherwise. Every other file's type follows its extension.
    - A publish takes at most 255 files, so send the files in batches of up to 200.
 2. **Icons and logos.** The galleries are asset uploads, not files: never publish anything from `wallarm-design-system/assets/` as a file under `project/`.
-   1. Run `npx -y @wallarm-org/claude-design@4.15.0 index --blobs wallarm-design-system/blobs.json`. It exits 3 and lists in `wallarm-design-system/upload.json` the local paths of the SVGs to upload (identical SVGs share one upload).
+   1. Run `npx -y @wallarm-org/claude-design@4.16.1 index --blobs wallarm-design-system/blobs.json`. It exits 3 and lists in `wallarm-design-system/upload.json` the local paths of the SVGs to upload (identical SVGs share one upload).
    2. Upload them in the order listed: the Artifact tool's publish with the system's `url`, `asset: true` and `file_paths` set to the next 25 paths from `upload.json`, copied as they are. With `upload_asset`, if that is the tool you have, send at most 10 per call. The first install takes about 24 calls. If an upload is refused, show the person the error and stop.
    3. After each call, add one entry per uploaded file to `wallarm-design-system/blobs.json`, a JSON object: the path as `upload.json` lists it, mapped to the `url` the result gives for that file, for example `{"wallarm-design-system/assets/Icons/activity.svg": "https://…/_blob/<id>"}`. Copy the url, not the asset's `id`. If the result has no url but gives each file's sha256 and id (as `upload_asset` does), key the entry by that sha256 instead.
    4. Run the `index` command again. It rewrites `blobs.json` keyed by sha256; keep its entries and add new ones after them. Exit 3: upload the paths it lists now and run it again. Exit 0: it wrote the asset groups into `project/design-system.json`.
@@ -35,7 +35,7 @@ Create a new **Design System** artifact titled `Wallarm Design System`, with the
 
 In artboards, icons are still `WallarmDS.Icons.<Name>` and the logo `WallarmDS.Logo`, from `components/bundle.js`; the galleries show them on the system's page.
 
-Check: every `project/` path in `wallarm-design-system/files.json` (374 files) is in the artifact, its title is `Wallarm Design System`, and `project/design-system.json` has a `lastChange.note` that starts with `v4.15.0:`. The Artifact tool's `list` with the system's `url` and `scope: "assets"` shows at least 580 assets. The system's page shows the asset groups Logos (1), Icons (582), with every icon drawn (no broken image). The page may add `project/manifest.json` and files under `project/api/`; they don't count. Give the person the artifact's link: they need it to install the system on other canvases and to update it.
+Check: every `project/` path in `wallarm-design-system/files.json` (374 files) is in the artifact, its title is `Wallarm Design System`, and `project/design-system.json` has a `lastChange.note` that starts with `v4.16.1:`. The Artifact tool's `list` with the system's `url` and `scope: "assets"` shows at least 580 assets. The system's page shows the asset groups Logos (1), Icons (582), with every icon drawn (no broken image). The page may add `project/manifest.json` and files under `project/api/`; they don't count. Give the person the artifact's link: they need it to install the system on other canvases and to update it.
 
 If a publish is refused for a reason this step doesn't cover, show the person the error and stop. Don't edit or rename files to get past it.
 
@@ -141,10 +141,10 @@ To update a system the person already has, run `npx -y @wallarm-org/claude-desig
 | The publish is refused for `index.d.ts` | Send `project/components/index.d.ts` as `text/plain`. |
 | The publish is refused for too many files | Send smaller batches, as step 1 says. |
 | The `index` command exits 3 | Upload the paths in `upload.json`, add their urls to `blobs.json` and run it again. An entry it names as invalid has a key that matches no SVG or a value that isn't a 32-character blob id or `/_blob/<id>` url: copy it again from `upload.json` and the upload result. |
-| Publishing `project/design-system.json` is refused as stale | The system's page saved a newer index. Save the version the refusal hands back as `current-index.json` (copy it; don't retype it), run `npx -y @wallarm-org/claude-design@4.15.0 index --blobs wallarm-design-system/blobs.json --index current-index.json`, and publish the index again. Nothing needs uploading again. |
+| Publishing `project/design-system.json` is refused as stale | The system's page saved a newer index. Save the version the refusal hands back as `current-index.json` (copy it; don't retype it), run `npx -y @wallarm-org/claude-design@4.16.1 index --blobs wallarm-design-system/blobs.json --index current-index.json`, and publish the index again. Nothing needs uploading again. |
 | The gallery is empty or shows broken images | `project/design-system.json` was published before the `index` command exited 0, or with a wrong url. Fix `blobs.json`, run `index` again and publish the index again. |
 | The skeleton shows no menu, or a click doesn't move the highlight | `APP.nav` is broken: every node needs `type`, `id` and `label`, every link a one-segment `path`, and `start` must be one of those paths. Fix the object; change nothing else. |
-| The rail's products, the page title or the tenant are empty | The canvas runtime ignores `children="{{…}}"` holes. Tell the person and report it with the version (4.15.0). |
+| The rail's products, the page title or the tenant are empty | The canvas runtime ignores `children="{{…}}"` holes. Tell the person and report it with the version (4.16.1). |
 | No sampler board shows | The file isn't at `project/wallarm-sampler.dc.html`, or `project/canvas.json` has no `"wallarm-sampler.dc.html"` in `boards` or `order`. |
 | Components render unstyled | The link lines don't reach `project/ds/wallarm-design-system/`. The artboard must sit directly in `project/`, and the folder name must match step 2. |
 | `WallarmDS is not defined` | `components/bundle.js` isn't loaded: same cause as above. |
@@ -154,4 +154,4 @@ To update a system the person already has, run `npx -y @wallarm-org/claude-desig
 | Text shows in the system font | The fonts in `project/fonts/` weren't published or installed. Check step 1's file check and step 2. |
 | The export command fails or can't reach npm | Show the person its output and stop. |
 
-Never edit a file in the system artifact or under `project/ds/wallarm-design-system/` on a canvas to make a check pass. If a check still fails, tell the person which check, what you saw and the version (4.15.0). Problems go to https://github.com/wallarm/design-system/issues.
+Never edit a file in the system artifact or under `project/ds/wallarm-design-system/` on a canvas to make a check pass. If a check still fails, tell the person which check, what you saw and the version (4.16.1). Problems go to https://github.com/wallarm/design-system/issues.

package/dist/UPDATE.md

@@ -1,6 +1,6 @@
-# Update Wallarm Design System to 4.15.0 in Claude Design
+# Update Wallarm Design System to 4.16.1 in Claude Design
 
-This guide updates a Wallarm Design System artifact the person installed in Claude Design to 4.15.0. Work through the steps in order and run each check before moving on.
+This guide updates a Wallarm Design System artifact the person installed in Claude Design to 4.16.1. Work through the steps in order and run each check before moving on.
 
 ## 0. Find the system
 
@@ -18,15 +18,15 @@ Check: `current-files.json` is a JSON array that has `project/design-system.json
 
 ## 2. Export the release
 
-Run this command; it pins 4.15.0, the release of this guide:
+Run this command; it pins 4.16.1, the release of this guide:
 
 ```bash
-npx -y @wallarm-org/claude-design@4.15.0 export --overwrite --existing current-files.json
+npx -y @wallarm-org/claude-design@4.16.1 export --overwrite --existing current-files.json
 ```
 
 Exit 0 or 3 are both done; on 3 the output names the manual step, which is removing the paths in `wallarm-design-system/removed.json` (steps 3 and 6). Any other exit: show the person the output and stop.
 
-Check: `wallarm-design-system/files.json` and `wallarm-design-system/SETUP.md` exist, and `wallarm-design-system/SETUP.md` is for 4.15.0. The steps below point into it.
+Check: `wallarm-design-system/files.json` and `wallarm-design-system/SETUP.md` exist, and `wallarm-design-system/SETUP.md` is for 4.16.1. The steps below point into it.
 
 ## 3. Confirm removals
 
@@ -42,14 +42,14 @@ Publish `wallarm-design-system/project/` to the same artifact link: every file e
 2. Run this exact command, and use it unchanged on every run below:
 
    ```bash
-   npx -y @wallarm-org/claude-design@4.15.0 index --blobs wallarm-design-system/blobs.json --index current-index.json
+   npx -y @wallarm-org/claude-design@4.16.1 index --blobs wallarm-design-system/blobs.json --index current-index.json
    ```
 
    It reuses the blob id of every SVG whose sha256 the current index already has, so `upload.json` lists only the new and changed SVGs. Exit 3: upload them and add their urls to `blobs.json` as SETUP.md step 1's "Icons and logos" says (items 2 and 3), then run the command again. Exit 0: nothing (more) needs uploading.
 3. Right before publishing, read `project/design-system.json` again into `current-index.json` as in item 1 (the system's page may have saved it meanwhile), and run the command again: it exits 0 and merges this release into the index just read.
 4. Publish `project/design-system.json` at once, last and alone.
 
-Check: every `project/` path in `wallarm-design-system/files.json` (374 files) is in the artifact, `project/design-system.json` has a `lastChange.note` that starts with `v4.15.0:`, and the page shows Logos (1), Icons (582) with no broken image. `project/manifest.json` and files under `project/api/` are written by the system's page: they don't count and stay.
+Check: every `project/` path in `wallarm-design-system/files.json` (374 files) is in the artifact, `project/design-system.json` has a `lastChange.note` that starts with `v4.16.1:`, and the page shows Logos (1), Icons (582) with no broken image. `project/manifest.json` and files under `project/api/` are written by the system's page: they don't count and stay.
 
 ## 6. Remove dropped files
 
@@ -71,7 +71,7 @@ On one canvas you reinstalled in step 7:
 
 Never replace or edit `project/wallarm-app.dc.html` on an update: the app skeleton is the person's own work (their product, menu and screens). Only the sampler is refreshed. Tell the person so; if they want the new release's skeleton too, add it as a new board as SETUP.md step 6 says, under another file name such as `wallarm-app-new.dc.html`.
 
-When every check passes, tell the person the system is on 4.15.0, give them the system link, and wait for their request.
+When every check passes, tell the person the system is on 4.16.1, give them the system link, and wait for their request.
 
 ## When something looks wrong
 
@@ -83,4 +83,4 @@ When every check passes, tell the person the system is on 4.15.0, give them the
 | The gallery is empty or shows broken images | `project/design-system.json` was published before the `index` command exited 0, or with a wrong url. Fix `blobs.json`, run `index` again and publish the index again. |
 | A canvas shows an older version | Install the system again on that canvas. |
 
-Anything else: see "When something looks wrong" in `wallarm-design-system/SETUP.md`. Never edit a file in the system artifact or under a canvas's `project/ds/` folder to make a check pass. If a check still fails, tell the person which check, what you saw and the version (4.15.0). Problems go to https://github.com/wallarm/design-system/issues.
+Anything else: see "When something looks wrong" in `wallarm-design-system/SETUP.md`. Never edit a file in the system artifact or under a canvas's `project/ds/` folder to make a check pass. If a check still fails, tell the person which check, what you saw and the version (4.16.1). Problems go to https://github.com/wallarm/design-system/issues.

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

@@ -16,7 +16,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `rel` | `string \| undefined` | no | — |  |
 | `on-change` | `ChangeEventHandler<T, HTMLInputElement> \| undefined` | no | — |  |
 | `type` | `HTMLInputTypeAttribute \| undefined` | no | — |  |
-| `disabled` | `boolean \| undefined` | no | `false` |  |
+| `disabled` | `boolean \| undefined` | no | — |  |
 | `name` | `string \| undefined` | no | — |  |
 | `value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
 | `height` | `string \| number \| undefined` | no | — |  |
@@ -36,7 +36,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `multiple` | `boolean \| undefined` | no | — |  |
 | `step` | `string \| number \| undefined` | no | — |  |
 | `size` | `"default" \| "medium" \| "small" \| "inline-edit"` | no | `default` |  |
-| `error` | `boolean` | no | `false` |  |
+| `error` | `boolean` | no | — |  |
 | `data-testid` | `string \| undefined` | no | — |  |
 
 ## Stories

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

@@ -42,7 +42,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `spin-on-press` | `boolean \| undefined` | no | — | Whether to spin the value when the increment/decrement button is pressed |
 | `locale` | `string \| undefined` | no | — | The current locale. Based on the BCP 47 definition. |
 | `size` | `"default" \| "medium" \| "small" \| "inline-edit"` | no | `default` |  |
-| `error` | `boolean \| undefined` | no | `false` |  |
+| `error` | `boolean \| undefined` | no | — |  |
 | `data-testid` | `string \| undefined` | no | — |  |
 
 ## Stories

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

@@ -15,7 +15,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `tab-index` | `number \| undefined` | no | — |  |
 | `rel` | `string \| undefined` | no | — |  |
 | `on-change` | `ChangeEventHandler<T, HTMLInputElement> \| undefined` | no | — |  |
-| `disabled` | `boolean \| undefined` | no | `false` |  |
+| `disabled` | `boolean \| undefined` | no | — |  |
 | `name` | `string \| undefined` | no | — |  |
 | `value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
 | `height` | `string \| number \| undefined` | no | — |  |
@@ -26,7 +26,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `alt` | `string \| undefined` | no | — |  |
 | `data-testid` | `string \| undefined` | no | — |  |
 | `src` | `string \| undefined` | no | — |  |
-| `error` | `boolean` | no | `false` |  |
+| `error` | `boolean` | no | — |  |
 | `auto-complete` | `HTMLInputAutoCompleteAttribute \| undefined` | no | — |  |
 | `max-length` | `number \| undefined` | no | — |  |
 | `min-length` | `number \| undefined` | no | — |  |

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

@@ -1172,7 +1172,7 @@ export const WithSearch: StoryFn<typeof Select> = () => {
 
   return (
     <div className='w-300'>
-      <Select collection={collection}>
+      <Select collection={filteredCollection} data-testid='select-with-search'>
         <SelectButton />
 
         <SelectPositioner>

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:()=>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}}})();
+ */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,u=(0,i.c)(18);u[0]===Symbol.for("react.memo_cache_sentinel")?(l=g({items:K,groupBy:eG,itemToString:eU}),u[0]=l):l=u[0];let{searchValue:d,onSearchChange:f,filteredCollection:p}=Z(l);return u[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(V,{}),u[1]=n):n=u[1],u[2]!==f||u[3]!==d?(r=e(L,{children:e(J,{value:d,onChange:f})}),u[2]=f,u[3]=d,u[4]=r):r=u[4],u[5]!==p||u[6]!==d?(a=0===p.size?e(k,{description:`No results for "${d}"`}):p.group().map(eH),u[5]=p,u[6]=d,u[7]=a):a=u[7],u[8]!==a?(c=e(T,{children:a}),u[8]=a,u[9]=c):c=u[9],u[10]===Symbol.for("react.memo_cache_sentinel")?(o=t(N,{variant:"ghost",color:"neutral",size:"small",children:[e(I,{}),"See all"]}),u[10]=o):o=u[10],u[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"})]})]})}),u[11]=s):s=u[11],u[12]!==r||u[13]!==c?(h=t(H,{children:[r,c,s]}),u[12]=r,u[13]=c,u[14]=h):h=u[14],u[15]!==p||u[16]!==h?(m=e("div",{className:"w-300",children:t(M,{collection:p,"data-testid":"select-with-search",children:[n,h]})}),u[15]=p,u[16]=h,u[17]=m):m=u[17],m},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/Textarea/README.md

@@ -16,7 +16,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `tab-index` | `number \| undefined` | no | — |  |
 | `rel` | `string \| undefined` | no | — |  |
 | `on-change` | `ChangeEventHandler<T, HTMLTextAreaElement> \| undefined` | no | — |  |
-| `disabled` | `boolean \| undefined` | no | `false` |  |
+| `disabled` | `boolean \| undefined` | no | — |  |
 | `name` | `string \| undefined` | no | — |  |
 | `value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
 | `auto-complete` | `string \| undefined` | no | — |  |
@@ -26,7 +26,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `read-only` | `boolean \| undefined` | no | — |  |
 | `required` | `boolean \| undefined` | no | — |  |
 | `size` | `"small" \| "medium" \| "default" \| "inline-edit"` | no | `default` |  |
-| `error` | `boolean` | no | `false` |  |
+| `error` | `boolean` | no | — |  |
 | `data-testid` | `string \| undefined` | no | — |  |
 
 ## Stories

package/dist/project/components/bundle.css

@@ -2939,11 +2939,8 @@
     --tw-border-spacing-y: 0px;
     border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
   }
-  .origin-\[--radix-tooltip-content-transform-origin\] {
-    transform-origin: --radix-tooltip-content-transform-origin;
-  }
-  .origin-\[--transform-origin\] {
-    transform-origin: --transform-origin;
+  .origin-\(--transform-origin\) {
+    transform-origin: var(--transform-origin);
   }
   .origin-left {
     transform-origin: 0;