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

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

@@ -0,0 +1,162 @@
+var e={vD(e,t,a){let n,r;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var l,o,i=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,p=(e,t,a,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let r of d(t))u.call(e,r)||r===a||s(e,r,{get:()=>t[r],enumerable:!(n=c(t,r))||n.enumerable});return e},h={},f={$dispatcherGuard:()=>R,$makeReadOnly:()=>W,$reset:()=>E,$structuralCheck:()=>I,c:()=>C,clearRenderCounterRegistry:()=>A,renderCounterRegistry:()=>O,useRenderCounter:()=>P};for(var y in f)s(h,y,{get:f[y],enumerable:!0});e.exports=p(s({},"__esModule",{value:!0}),h);var g=(r=null!=(n=a("C"))?i(m(n)):{},p(n&&n.__esModule?r:s(r,"default",{value:n,enumerable:!0}),n)),{useRef:b,useEffect:w,isValidElement:S}=g,_=null!=(l=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,v=Symbol.for("react.memo_cache_sentinel"),C="function"==typeof(null==(o=g.__COMPILER_RUNTIME)?void 0:o.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let t=Array(e);for(let a=0;a<e;a++)t[a]=v;return t[v]=!0,t},[])},N={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{N[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 T=null;function x(e){return _.ReactCurrentDispatcher.current=e,_.ReactCurrentDispatcher.current}N.useMemoCache=e=>{if(null!=T)return T.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var D=[];function R(e){let t=_.ReactCurrentDispatcher.current;if(0===e){if(D.push(t),1===D.length&&(T=t),t===N)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.");x(N)}else if(1===e){let e=D.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===D.length&&(T=null),x(e)}else if(2===e)D.push(t),x(T);else if(3===e){let e=D.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");x(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function E(e){for(let t=0;t<e.length;t++)e[t]=v}function W(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var O=new Map;function A(){for(let e of O.values())e.forEach(e=>{e.count=0})}function P(e){let t=b(null);null!=t.current&&(t.current.count+=1),w(()=>{if(null==t.current){let a,n={count:0};null==(a=O.get(e))&&(a=new Set,O.set(e,a)),a.add(n),t.current=n}return()=>{var a;let n;null!==t.current&&(a=t.current,null!=(n=O.get(e))&&n.delete(a))}})}var L=new Set;function I(e,t,a,n,r,l){function o(e,t,o,i){let s=`${n}:${l} [${r}] ${a}${o} changed from ${e} to ${t} at depth ${i}`;L.has(s)||(L.add(s),console.error(s))}!function e(t,a,n,r){if(!(r>2)){if(t!==a)if(typeof t!=typeof a)o(`type ${typeof t}`,`type ${typeof a}`,n,r);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(a);if(null===t&&null!==a)o("null",`type ${typeof a}`,n,r);else if(null===a)o(`type ${typeof t}`,"null",n,r);else if(t instanceof Map)if(a instanceof Map)if(t.size!==a.size)o(`Map instance with size ${t.size}`,`Map instance with size ${a.size}`,n,r);else for(let[l,i]of t)a.has(l)?e(i,a.get(l),`${n}.get(${l})`,r+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,n,r);else o("Map instance","other value",n,r);else if(a instanceof Map)o("other value","Map instance",n,r);else if(t instanceof Set)if(a instanceof Set)if(t.size!==a.size)o(`Set instance with size ${t.size}`,`Set instance with size ${a.size}`,n,r);else for(let e of a)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,n,r);else o("Set instance","other value",n,r);else if(a instanceof Set)o("other value","Set instance",n,r);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,n,r);else if(t.length!==a.length)o(`array with length ${t.length}`,`array with length ${a.length}`,n,r);else for(let l=0;l<t.length;l++)e(t[l],a[l],`${n}[${l}]`,r+1);else if(S(t)||S(a))S(t)!==S(a)?o(`type ${S(t)?"React element":"object"}`,`type ${S(a)?"React element":"object"}`,n,r):t.type!==a.type?o(`React element of type ${t.type}`,`React element of type ${a.type}`,n,r):e(t.props,a.props,`[props of ${n}]`,r+1);else{for(let e in a)e in t||o(`object without key ${e}`,`object with key ${e}`,n,r);for(let l in t)l in a?e(t[l],a[l],`${n}.${l}`,r+1):o(`object with key ${l}`,`object without key ${l}`,n,r)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(a)?isNaN(t)!==isNaN(a)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(a)?"NaN":"non-NaN value"}`,n,r):t!==a&&o(t,a,n,r)}}}(e,t,"",0)}},p(e,t,a){let n=new WeakMap,r=new WeakMap;function l(e,t,a){let l=t,o=a;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,a=n.get(e);a||(a=new WeakMap,n.set(e,a));let r=a.get(t);r||((r=e.forwardRef((e,a)=>t({...e,ref:a}))).displayName=t.displayName??t.name,a.set(t,r)),l=r}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let a=r.get(e);a||(a=new Map,r.set(e,a));let n=a.get(t);if(n)return n;let l=e.forwardRef((a,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 a=n(t);e="function"==typeof a?a:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...a,ref:r.current.callback})});return l.displayName=`CanvasHost(${t})`,a.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,a,n)=>{let r=l(e,t,a??{});return e.createElement(r.type,void 0===n?r.props:{...r.props,key:n})};return{jsx:t,jsxs:(t,a,n)=>{let r=l(e,t,a??{}),{children:o,...i}=r.props;return e.createElement(r.type,void 0===n?i:{...i,key:n},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,a,...n)=>{let r=l(e,t,a??{});return e.createElement(r.type,r.props,...n)},cloneElement:(t,a,...n)=>{let r=e.cloneElement(t,a??void 0,...n),o=r.ref,i=l(e,r.type,{...r.props,ref:o});return i.type===r.type&&"string"!=typeof r.type?r:e.createElement(i.type,{...i.props,key:r.key})}}}a.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,a){a.r(t);let n=(0,a("p").YJ)(window.React),{Children:r,Component:l,Fragment:o,Profiler:i,PureComponent:s,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:h,createElement:f,createFactory:y,createRef:g,forwardRef:b,isValidElement:w,lazy:S,memo:_,startTransition:v,unstable_act:C,useCallback:N,useContext:T,useDebugValue:x,useDeferredValue:D,useEffect:R,useId:E,useImperativeHandle:W,useInsertionEffect:O,useLayoutEffect:A,useMemo:P,useReducer:L,useRef:I,useState:k,useSyncExternalStore:$,useTransition:H,version:j,use:M}=n;a.d(t,{},{Children:r,Component:l,Fragment:o,Profiler:i,PureComponent:s,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:h,createElement:f,createFactory:y,createRef:g,default:n,forwardRef:b,isValidElement:w,lazy:S,memo:_,startTransition:v,unstable_act:C,use:M,useCallback:N,useContext:T,useDebugValue:x,useDeferredValue:D,useEffect:R,useId:E,useImperativeHandle:W,useInsertionEffect:O,useLayoutEffect:A,useMemo:P,useReducer:L,useRef:I,useState:k,useSyncExternalStore:$,useTransition:H,version:j})}},t={};function a(n){var r=t[n];if(void 0!==r)return r.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,a),l.exports}a.d=(e,t,n)=>{var r=(t,n)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,[n]:t[r]})};r(t,"get"),r(n,"value")},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.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,a("p").MA)(window.React);var l=a("vD"),o=a("C");let i=window.WallarmDS.getHttpFolds,s={type:"object",required:["name","env"],properties:{name:{type:"string",title:"Rule name"},env:{enum:["staging","production"],description:"Where the rule is deployed."},retries:{type:"integer",minimum:0,maximum:5,description:"How many times a failed check is retried."},description:{type:"string"}}},c=(e,{startingLineNumber:t})=>i(e,{startingLineNumber:t}),d={request:'{\n  "action": "block",\n  "path": "/login"\n}',response:'{\n  "status": 403,\n  "reason": "blocked"\n}'},m=["{",'  "events": [',...Array.from({length:1996},(e,t)=>{let a=t+1;return`    { "id": ${a}, "method": "GET", "path": "/api/v1/items/${a}", "status": ${a%7==0?403:200} }${1996===a?"":","}`}),"  ]","}"].join("\n"),u=window.WallarmDS.CodeSnippetActions,p=window.WallarmDS.CodeSnippetCopyButton,h=window.WallarmDS.CodeSnippetFullscreenButton,f=window.WallarmDS.CodeSnippetHeader,y=window.WallarmDS.CodeSnippetTitle,g=window.WallarmDS.CodeSnippetWrapButton,b=window.WallarmDS.CodeEditorContent,w=window.WallarmDS.CodeEditorRoot,S=window.WallarmDS.CODE_EDITOR_KEYBOARD_HINT,_="code-editor-editing-workflow-hint",v=()=>{let a,n,r,i,d,m,v=(0,l.c)(8),[C,N]=(0,o.useState)('POST /api/v1/rules HTTP/1.1\nHost: api.wallarm.example\nContent-Type: application/json\nX-Env: staging\n\n{\n  "name": "Block scanners",\n  "env": "staging",\n  "retries": 9,\n  "description": "Blocks requests from known vulnerability scanners on every public endpoint of the API gateway, including the legacy routes kept only for older mobile clients"\n}');return v[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(y,{children:"Request"}),v[0]=a):a=v[0],v[1]===Symbol.for("react.memo_cache_sentinel")?(n=t(f,{children:[a,t(u,{children:[e(h,{}),e(g,{}),e(p,{})]})]}),r=e(b,{lineNumbers:!0,"aria-label":"HTTP request","aria-describedby":_}),v[1]=n,v[2]=r):(n=v[1],r=v[2]),v[3]!==C?(i=t(w,{value:C,onChange:N,language:"http",folds:c,schema:s,"data-testid":"editing",children:[n,r]}),v[3]=C,v[4]=i):i=v[4],v[5]===Symbol.for("react.memo_cache_sentinel")?(d=e("span",{id:_,className:"sr-only",children:S}),v[5]=d):d=v[5],v[6]!==i?(m=t("div",{className:"w-640",children:[i,d]}),v[6]=i,v[7]=m):m=v[7],m};v.displayName="EditingWorkflowDemo";let C=window.WallarmDS.CodeEditorContent,N=window.WallarmDS.CodeEditorRoot,T=()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e("div",{className:"w-640",children:e(N,{defaultValue:m,readOnly:!0,language:"json",maxLines:12,"data-testid":"long-document",children:e(C,{lineNumbers:!0,"aria-label":"Access log"})})}),a[0]=t):t=a[0],t};T.displayName="LongDocumentDemo";let x=window.WallarmDS.CodeSnippetHeader,D=window.WallarmDS.CodeSnippetTab,R=window.WallarmDS.CodeSnippetTabs,E=window.WallarmDS.CodeEditorContent,W=window.WallarmDS.CodeEditorRoot,O=()=>{let a,n,r,i,s,c,m,u=(0,l.c)(13),[p,h]=(0,o.useState)("request"),[f,y]=(0,o.useState)(d),g=f[p];return u[0]!==p?(a=e=>y(t=>({...t,[p]:e})),u[0]=p,u[1]=a):a=u[1],u[2]===Symbol.for("react.memo_cache_sentinel")?(n=e=>{("request"===e||"response"===e)&&h(e)},r=e(D,{value:"request","data-testid":"tabs-editor--tab-request",children:"Request"}),i=e(D,{value:"response","data-testid":"tabs-editor--tab-response",children:"Response"}),u[2]=n,u[3]=r,u[4]=i):(n=u[2],r=u[3],i=u[4]),u[5]!==p?(s=e(x,{children:t(R,{value:p,onValueChange:n,children:[r,i]})}),u[5]=p,u[6]=s):s=u[6],u[7]===Symbol.for("react.memo_cache_sentinel")?(c=e(E,{lineNumbers:!0,"aria-label":"Rule check payload"}),u[7]=c):c=u[7],u[8]!==g||u[9]!==a||u[10]!==s||u[11]!==p?(m=e("div",{className:"w-480",children:t(W,{documentId:p,value:g,onChange:a,language:"json","data-testid":"tabs-editor",children:[s,c]})}),u[8]=g,u[9]=a,u[10]=s,u[11]=p,u[12]=m):m=u[12],m};O.displayName="TabsKeepHistoryDemo";let A=window.WallarmDS.Icons.Info,P=window.WallarmDS.Icons.Skull,L=window.WallarmDS.Icons.TriangleAlert,I=window.WallarmDS.Button,k=window.WallarmDS.CodeSnippetActions,$=window.WallarmDS.CodeSnippetAdapterProvider,H=window.WallarmDS.CodeSnippetCode,j=window.WallarmDS.CodeSnippetContent,M=window.WallarmDS.CodeSnippetCopyButton,q=window.WallarmDS.CodeSnippetFullscreenButton,z=window.WallarmDS.CodeSnippetHeader,V=window.WallarmDS.CodeSnippetLineNumbers,F=window.WallarmDS.CodeSnippetRoot,U=window.WallarmDS.CodeSnippetShowMoreButton,B=window.WallarmDS.CodeSnippetTab,J=window.WallarmDS.CodeSnippetTabs,X=window.WallarmDS.CodeSnippetTitle,G=window.WallarmDS.CodeSnippetWrapButton,Y=window.WallarmDS.getHttpFolds,K=window.WallarmDS.loadPrismAdapter;window.WallarmDS.loadShikiAdapter;let Z=window.WallarmDS.Drawer,Q=window.WallarmDS.DrawerBody,ee=window.WallarmDS.DrawerContent,et=window.WallarmDS.DrawerHeader,ea=window.WallarmDS.DrawerTitle,en=window.WallarmDS.DrawerTrigger,er=window.WallarmDS.VStack,el=window.WallarmDS.Tooltip,eo=window.WallarmDS.TooltipContent,ei=window.WallarmDS.TooltipTrigger,es=window.WallarmDS.CodeEditorContent,ec=window.WallarmDS.CodeEditorRoot,ed={title:"Data Display/CodeEditor",component:ec,parameters:{layout:"padded",docs:{description:{component:"An editable code surface that is visually the same component as `CodeSnippet` and reuses its header, tabs, actions and show-more — reach for `CodeSnippet` whenever the code is only read, since a page that never renders `CodeEditorContent` never loads the editor engine. Colours come from the same `CodeSnippetAdapterProvider` (plain text without one), so a read-only editor matches the snippet except for a native thin scrollbar, a caret and selection drawn by the editor, and an HTTP JSON body that stays coloured when `Content-Type` has parameters or the body has blank lines. The adapter re-tokenizes the whole document after each pause in typing, which stays within a frame up to about 2 000 lines with Prism; longer documents still edit smoothly, their colours just settle a moment later. Like the snippet, the editor sits inside a `display: contents` wrapper that keeps it mounted across fullscreen, so space editors with their own `className` (for example `mt-16`) or a `gap` on the parent — not `space-*`, `divide-*` or child selectors on the parent. `lines`, `folds`, `completions` and `schema` are compared by identity, so memoise them or hoist them to module constants — a new value on every render reconfigures the editor. Autocomplete suggests language keywords and words already in the document for every language; HTTP methods and headers and JSON Schema values have their own contextual suggestions. Pass `completions` to add application-specific results. Syntax errors are best-effort: JSON reports the `JSON.parse` message, JavaScript and TypeScript use Babel, Lua uses luaparse (first error only), YAML and Python use their Lezer parsers, which still flag a few valid Python forms such as `lambda a, /, b` and parenthesised `with` items. `lines` and `folds` stay on their line numbers while typing; to keep a decoration on a piece of text, recompute it from `value` (for example `useMemo(() => linesFor(value), [value])`, or a `folds` function such as `getHttpFolds`). The editor injects `<style>` tags, so under a strict Content Security Policy pass `cspNonce`. Tab indents, so keyboard users leave with Escape, then Tab, or press Ctrl+M (Alt+Shift+M on macOS) to switch Tab between indenting and moving focus — point `aria-describedby` at text holding `CODE_EDITOR_KEYBOARD_HINT` to tell screen-reader users."}},design:{type:"figma",url:"https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=3087-29516&m=dev"}},tags:["autodocs"]},em=`{
+    "name": "@wallarm-org/sdk",
+    "version": "1.0.0",
+    "dependencies": {
+        "react": "^19.0.0",
+        "typescript": "^5.0.0"
+    }
+}`,eu=`const greeting = "Hello, World!";
+console.log(greeting);
+
+function add(a, b) {
+    return a + b;
+}
+
+export default add;`,ep=`Line 1: Default (no color)
+Line 2: Danger color
+Line 3: Warning color
+Line 4: Info color
+Line 5: Success color
+Line 6: Brand color
+Line 7: AI color
+Line 8: Neutral color`,eh=`const greeting = "Hello";
+console.log("old message");
+console.log("new message");
+console.log("another new line");
+
+export default greeting;`,ef=`Host: inventory.example.com
+User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
+AppleWebKit/537.36
+Accept: application/json, text/plain, */*
+Accept-Language: en-US,en;q=0.9
+Connection: keep-alive
+Cache-Control: no-cache`,ey=`GET /api/v2/users HTTP/1.1
+Host: inventory.example.com
+User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
+Accept: application/json, text/plain, */*
+Accept-Language: en-US,en;q=0.9
+Connection: keep-alive
+X-Forwarded-For: 192.168.1.100
+Cache-Control: no-cache`,eg=`POST /api/v2/rules HTTP/1.1
+Host: api.wallarm.com
+Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9
+Content-Type: application/json
+Accept: application/json
+
+{
+  "action": "block",
+  "point": ["header", "X-Forwarded-For"],
+  "enabled": true
+}`,eb=`HTTP/1.1 200 OK
+Content-Type: application/json; charset=utf-8
+X-Request-Id: abc-123-def-456
+Cache-Control: no-store
+
+{
+    "users": [
+        { "id": 1, "name": "Alice" },
+        { "id": 2, "name": "Bob" }
+    ],
+    "total": 42
+}`,ew=`GET /api/v2/users HTTP/1.1
+Host: api.example.com
+Accept: application/json
+Authorization: Bearer eyJhbGciOiJIUzI1NiJ9
+X-Request-ID: abc-123
+Content-Type: application/json
+Cache-Control: no-cache
+
+{
+  "filter": {
+    "status": "active",
+    "role": "admin"
+  },
+  "pagination": {
+    "page": 1,
+    "limit": 50
+  }
+}`,eS=`HTTP/1.1 200 OK
+Content-Type: application/json; charset=utf-8
+X-Request-ID: abc-123
+X-RateLimit-Remaining: 98
+Cache-Control: private, max-age=0
+
+{
+  "data": [
+    { "id": 1, "name": "Alice", "role": "admin" },
+    { "id": 2, "name": "Bob", "role": "admin" }
+  ],
+  "meta": {
+    "total": 2,
+    "page": 1,
+    "limit": 50
+  }
+}`,e_=`Host: inventory.example.com
+User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
+Referer: https://app.example.com/dashboard
+Accept: application/json, text/plain, */*
+Accept-Language: en-US,en;q=0.9
+Connection: keep-alive
+Cache-Control: no-cache
+Referer: https://app.example.com/dashboard
+Accept: application/json, text/plain, */*
+Accept-Language: en-US,en;q=0.9
+Connection: keep-alive
+Cache-Control: no-cache`,ev=`Host: inventory.example.com
+User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
+Referer: https://app.example.com/dashboard
+Accept: application/json, text/plain, */*
+Accept-Language: en-US,en;q=0.9
+Connection: keep-alive
+Cache-Control: no-cache
+Authorization: Bearer token123
+X-Request-ID: abc-def-ghi`,eC=`const veryLongVariableName = "This is a very long string that will demonstrate line wrapping behavior when the content exceeds the container width";
+console.log(veryLongVariableName);`,eN=`npm install @wallarm-org/sdk
+npm run build
+npm run test`,eT={request:eg,response:`HTTP/1.1 201 Created
+Content-Type: application/json
+Location: /api/v2/rules/42
+
+{
+  "id": 42,
+  "action": "block"
+}`},ex=(a,n)=>t(el,{children:[e(ei,{children:a}),e(eo,{children:n})]}),eD={2:{color:"danger"},3:{color:"warning"},4:{color:"info"},5:{color:"success"},6:{color:"brand"},7:{color:"ai"},8:{color:"neutral"}},eR={2:{color:"danger",prefix:"-"},3:{color:"success",prefix:"+"},4:{color:"success",prefix:"+"}},eE={3:{color:"danger",prefix:ex(e(P,{}),"Malicious user agent")},5:{color:"warning",prefix:ex(e(L,{}),"Unusual language list")},7:{color:"info",prefix:ex(e(A,{}),"Caching disabled")}},eW={4:{color:"danger",ranges:[{start:8,end:24}]},7:{color:"info",ranges:[{start:17,end:30}]}},eO={1:{color:"danger",prefix:"-"},2:{color:"success",prefix:"+"}},eA={...eD,1:{prefix:ex(e(A,{}),"Untouched line")},2:{color:"danger",prefix:"-"},5:{color:"success",prefix:"+"}},eP=(e,{startingLineNumber:t})=>Y(e,{startingLineNumber:t,headers:{defaultCollapsed:!0}}),eL=(e,{startingLineNumber:t})=>Y(e,{startingLineNumber:t}),eI=Y(ew,{headers:{defaultCollapsed:!0}}),ek=a=>{let n,r,o,i,s,c,d,m,u,p=(0,l.c)(29),{testId:h,code:f,language:y,lines:g,folds:b,wrapLines:w,size:S,maxLines:_,children:v}=a;p[0]===Symbol.for("react.memo_cache_sentinel")?(n=e("span",{className:"sb-annotation",children:"CodeSnippet"}),r={width:"600px"},p[0]=n,p[1]=r):(n=p[0],r=p[1]);let C=`${h}-snippet`;p[2]===Symbol.for("react.memo_cache_sentinel")?(o=t(j,{children:[e(V,{}),e(H,{})]}),p[2]=o):o=p[2],p[3]!==v||p[4]!==f||p[5]!==b||p[6]!==y||p[7]!==g||p[8]!==_||p[9]!==S||p[10]!==C||p[11]!==w?(i=t(er,{align:"start",gap:4,children:[n,e("div",{style:r,children:t(F,{code:f,language:y,lines:g,folds:b,wrapLines:w,size:S,maxLines:_,"data-testid":C,children:[v,o]})})]}),p[3]=v,p[4]=f,p[5]=b,p[6]=y,p[7]=g,p[8]=_,p[9]=S,p[10]=C,p[11]=w,p[12]=i):i=p[12],p[13]===Symbol.for("react.memo_cache_sentinel")?(s=e("span",{className:"sb-annotation",children:"CodeEditor (readOnly)"}),c={width:"600px"},p[13]=s,p[14]=c):(s=p[13],c=p[14]);let N=`${h}-editor`;return p[15]===Symbol.for("react.memo_cache_sentinel")?(d=e(es,{lineNumbers:!0,"aria-label":"Parity editor"}),p[15]=d):d=p[15],p[16]!==v||p[17]!==f||p[18]!==b||p[19]!==y||p[20]!==g||p[21]!==_||p[22]!==S||p[23]!==N||p[24]!==w?(m=t(er,{align:"start",gap:4,children:[s,e("div",{style:c,children:t(ec,{value:f,language:y,lines:g,folds:b,defaultWrapLines:w,size:S,maxLines:_,readOnly:!0,"data-testid":N,children:[v,d]})})]}),p[16]=v,p[17]=f,p[18]=b,p[19]=y,p[20]=g,p[21]=_,p[22]=S,p[23]=N,p[24]=w,p[25]=m):m=p[25],p[26]!==m||p[27]!==i?(u=t(er,{gap:16,children:[i,m]}),p[26]=m,p[27]=i,p[28]=u):u=p[28],u},e$=t(z,{children:[t(J,{defaultValue:"request",children:[e(B,{value:"request",children:"Request"}),e(B,{value:"response",children:"Response"})]}),t(k,{children:[e(G,{}),e(M,{}),e(q,{})]})]}),eH=t(k,{children:[e(G,{}),e(M,{})]}),ej=`POST /api/v2/users HTTP/1.1
+Host: api.wallarm.com
+Content-Type: application/json
+X-Request-Id: 42
+
+{
+  "name": "Ann",
+  "role": "viewer"
+}`,eM=`POST /api/v2/users HTTP/1.1
+Host: api.wallarm.com
+Content-Type: application/json
+Authorization: Bearer <token>
+
+{
+  "name": "Ann",
+  "role": "admin"
+}`,eq=`GET /api/v2/rules HTTP/1.1
+Host: api.wallarm.com
+X-Debug-Trace: gateway=eu-central-1;route=/api/v2/rules;upstream=rules-service;sampled=true;span=9f86d081884c7d659a2feaa0c55ad015a3bf4f1b2b0b822cd15d6c15b0f00a08
+Accept: application/json`,ez=`GET /api/v2/rules HTTP/1.1
+Host: api.wallarm.com
+Accept: application/json`,eV=`POST /api/v1/rules HTTP/1.1
+Host: api.example.com
+Content-Type: application/json
+Authorization: Bearer token123
+
+{
+  "action": "block"
+}`,eF=[{id:"headers",startLine:2,endLine:4,label:"Headers",toggleProps:{"data-analytics-id":"CODE_EDITOR_FOLD_HEADERS"},summaryProps:{"data-analytics-id":"CODE_EDITOR_EXPAND_HEADERS"}}],eU=[{name:"Default",story:()=>{let t,a,n,r=(0,l.c)(4),[i,s]=(0,o.useState)(em);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t={width:"600px"},r[0]=t):t=r[0],r[1]===Symbol.for("react.memo_cache_sentinel")?(a=e(es,{lineNumbers:!0,"aria-label":"Package manifest"}),r[1]=a):a=r[1],r[2]!==i?(n=e("div",{style:t,children:e(ec,{value:i,onChange:s,language:"json","data-testid":"code-editor-default",children:a})}),r[2]=i,r[3]=n):n=r[3],n},meta:ed},{name:"WithHeader",story:()=>{let a,n,r,i,s,c=(0,l.c)(6),[d,m]=(0,o.useState)(em);return c[0]===Symbol.for("react.memo_cache_sentinel")?(a={width:"600px"},c[0]=a):a=c[0],c[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(X,{children:"rule.json"}),c[1]=n):n=c[1],c[2]===Symbol.for("react.memo_cache_sentinel")?(r=t(z,{children:[n,t(k,{children:[e(M,{}),e(G,{}),e(q,{})]})]}),i=e(es,{lineNumbers:!0,"aria-label":"Rule JSON"}),c[2]=r,c[3]=i):(r=c[2],i=c[3]),c[4]!==d?(s=e("div",{style:a,children:t(ec,{value:d,onChange:m,language:"json","data-testid":"code-editor-with-header",children:[r,i]})}),c[4]=d,c[5]=s):s=c[5],s},meta:ed},{name:"FloatingActions",story:()=>{let a,n,r,i,s=(0,l.c)(5),[c,d]=(0,o.useState)(eu);return s[0]===Symbol.for("react.memo_cache_sentinel")?(a={width:"320px"},s[0]=a):a=s[0],s[1]===Symbol.for("react.memo_cache_sentinel")?(n=t(k,{children:[e(G,{}),e(M,{})]}),r=e(es,{lineNumbers:!0,"aria-label":"Sample code"}),s[1]=n,s[2]=r):(n=s[1],r=s[2]),s[3]!==c?(i=e("div",{style:a,children:t(ec,{value:c,onChange:d,language:"text","data-testid":"code-editor-floating-actions",children:[n,r]})}),s[3]=c,s[4]=i):i=s[4],i},meta:ed},{name:"LineNumbersAndStartingLine",story:()=>{let a,n,r,o,i,s,c=(0,l.c)(6);return c[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("span",{className:"sb-annotation",children:"lineNumbers"}),n={width:"600px"},c[0]=a,c[1]=n):(a=c[0],n=c[1]),c[2]===Symbol.for("react.memo_cache_sentinel")?(r=t(er,{align:"start",gap:4,children:[a,e("div",{style:n,children:e(ec,{defaultValue:eu,language:"text","data-testid":"code-editor-line-numbers",children:e(es,{lineNumbers:!0,"aria-label":"Sample code"})})})]}),c[2]=r):r=c[2],c[3]===Symbol.for("react.memo_cache_sentinel")?(o=e("span",{className:"sb-annotation",children:"startingLineNumber = 97"}),i={width:"600px"},c[3]=o,c[4]=i):(o=c[3],i=c[4]),c[5]===Symbol.for("react.memo_cache_sentinel")?(s=t(er,{gap:16,children:[r,t(er,{align:"start",gap:4,children:[o,e("div",{style:i,children:e(ec,{defaultValue:eu,language:"text",startingLineNumber:97,"data-testid":"code-editor-starting-line",children:e(es,{lineNumbers:!0,"aria-label":"Sample code from line 97"})})})]})]}),c[5]=s):s=c[5],s},meta:ed},{name:"LineColorsAndPrefixes",story:()=>{let a,n,r,o,i,s,c,d,m,u=(0,l.c)(9);return u[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("span",{className:"sb-annotation",children:"colours"}),n={width:"600px"},u[0]=a,u[1]=n):(a=u[0],n=u[1]),u[2]===Symbol.for("react.memo_cache_sentinel")?(r=t(er,{align:"start",gap:4,children:[a,e("div",{style:n,children:e(ec,{defaultValue:ep,language:"text",lines:eD,"data-testid":"code-editor-line-colors",children:e(es,{lineNumbers:!0,"aria-label":"Line colours"})})})]}),u[2]=r):r=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(o=e("span",{className:"sb-annotation",children:"text prefixes"}),i={width:"600px"},u[3]=o,u[4]=i):(o=u[3],i=u[4]),u[5]===Symbol.for("react.memo_cache_sentinel")?(s=t(er,{align:"start",gap:4,children:[o,e("div",{style:i,children:e(ec,{defaultValue:eh,language:"text",lines:eR,"data-testid":"code-editor-line-diff",children:e(es,{lineNumbers:!0,"aria-label":"Diff prefixes"})})})]}),u[5]=s):s=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(c=e("span",{className:"sb-annotation",children:"ReactNode prefixes with tooltips"}),d={width:"600px"},u[6]=c,u[7]=d):(c=u[6],d=u[7]),u[8]===Symbol.for("react.memo_cache_sentinel")?(m=t(er,{gap:16,children:[r,s,t(er,{align:"start",gap:4,children:[c,e("div",{style:d,children:e(ec,{defaultValue:ef,language:"text",lines:eE,"data-testid":"code-editor-line-icons",children:e(es,{lineNumbers:!0,"aria-label":"Annotated headers"})})})]})]}),u[8]=m):m=u[8],m},meta:ed},{name:"Ranges",story:()=>{let t,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(t={width:"600px"},n[0]=t):t=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=e("div",{style:t,children:e(ec,{defaultValue:ey,language:"text",lines:eW,"data-testid":"code-editor-ranges",children:e(es,{lineNumbers:!0,"aria-label":"Request with ranges"})})}),n[1]=a):a=n[1],a},meta:ed},{name:"HttpRequestWithPrism",story:()=>{let t,a,n,r=(0,l.c)(4),[i,s]=(0,o.useState)(eg);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t={width:"600px"},r[0]=t):t=r[0],r[1]===Symbol.for("react.memo_cache_sentinel")?(a=e(es,{lineNumbers:!0,"aria-label":"HTTP request"}),r[1]=a):a=r[1],r[2]!==i?(n=e($,{adapter:K,children:e("div",{style:t,children:e(ec,{value:i,onChange:s,language:"http","data-testid":"code-editor-http-request",children:a})})}),r[2]=i,r[3]=n):n=r[3],n},meta:ed},{name:"HttpFolds",story:()=>{let a,n,r,i,s,c,d,m,u,p=(0,l.c)(13),[h,f]=(0,o.useState)(ew),[y,g]=(0,o.useState)(eS);return p[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("span",{className:"sb-annotation",children:"headers collapsed by default"}),n={width:"600px"},p[0]=a,p[1]=n):(a=p[0],n=p[1]),p[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(es,{lineNumbers:!0,"aria-label":"Foldable HTTP request"}),p[2]=r):r=p[2],p[3]!==h?(i=t(er,{align:"start",gap:4,children:[a,e("div",{style:n,children:e(ec,{value:h,onChange:f,language:"http",folds:eP,"data-testid":"code-editor-http-folds-request",children:r})})]}),p[3]=h,p[4]=i):i=p[4],p[5]===Symbol.for("react.memo_cache_sentinel")?(s=e("span",{className:"sb-annotation",children:"startingLineNumber = 100"}),c={width:"600px"},p[5]=s,p[6]=c):(s=p[5],c=p[6]),p[7]===Symbol.for("react.memo_cache_sentinel")?(d=e(es,{lineNumbers:!0,"aria-label":"Foldable HTTP response"}),p[7]=d):d=p[7],p[8]!==y?(m=t(er,{align:"start",gap:4,children:[s,e("div",{style:c,children:e(ec,{value:y,onChange:g,language:"http",startingLineNumber:100,folds:eL,"data-testid":"code-editor-http-folds-response",children:d})})]}),p[8]=y,p[9]=m):m=p[9],p[10]!==i||p[11]!==m?(u=t(er,{gap:16,children:[i,m]}),p[10]=i,p[11]=m,p[12]=u):u=p[12],u},meta:ed},{name:"ShowMore",story:()=>{let a,n,r,o,i,s,c,d=(0,l.c)(7);return d[0]===Symbol.for("react.memo_cache_sentinel")?(a={display:"flex",flexDirection:"column",gap:"24px",width:"500px"},n=e("p",{className:"sb-annotation mb-8",children:"12 lines, clamped at 7 — 5 hidden"}),d[0]=a,d[1]=n):(a=d[0],n=d[1]),d[2]===Symbol.for("react.memo_cache_sentinel")?(r=t("div",{children:[n,e(ec,{defaultValue:e_,language:"text",maxLines:7,"data-testid":"code-editor-show-more",children:e(es,{"aria-label":"Request headers"})})]}),o=e("p",{className:"sb-annotation mb-8",children:"9 lines, clamped at 7 — 2 hidden, no button"}),d[2]=r,d[3]=o):(r=d[2],o=d[3]),d[4]===Symbol.for("react.memo_cache_sentinel")?(i=t("div",{children:[o,e(ec,{defaultValue:ev,language:"text",maxLines:7,"data-testid":"code-editor-show-more-threshold",children:e(es,{"aria-label":"Request headers"})})]}),s=e("p",{className:"sb-annotation mb-8",children:"the button rendered by hand"}),d[4]=i,d[5]=s):(i=d[4],s=d[5]),d[6]===Symbol.for("react.memo_cache_sentinel")?(c=t("div",{style:a,children:[r,i,t("div",{children:[s,t(ec,{defaultValue:e_,language:"text",maxLines:7,"data-testid":"code-editor-show-more-manual",children:[e(es,{"aria-label":"Request headers"}),e(U,{"data-analytics-id":"CODE_EDITOR_SHOW_MORE"})]})]})]}),d[6]=c):c=d[6],c},meta:ed},{name:"Wrap",story:()=>{let a,n,r,i,s,c,d,m,u,p,h,f,y=(0,l.c)(16),[g,b]=(0,o.useState)(!0);y[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("span",{className:"sb-annotation",children:"no wrapping"}),n={width:"600px"},y[0]=a,y[1]=n):(a=y[0],n=y[1]),y[2]===Symbol.for("react.memo_cache_sentinel")?(r=t(er,{align:"start",gap:4,children:[a,e("div",{style:n,children:e(ec,{defaultValue:eC,language:"text",lines:eO,"data-testid":"code-editor-wrap-off",children:e(es,{lineNumbers:!0,"aria-label":"Long lines"})})})]}),y[2]=r):r=y[2],y[3]===Symbol.for("react.memo_cache_sentinel")?(i=e("span",{className:"sb-annotation",children:"defaultWrapLines + wrap button"}),s={width:"600px"},y[3]=i,y[4]=s):(i=y[3],s=y[4]),y[5]===Symbol.for("react.memo_cache_sentinel")?(c=t(er,{align:"start",gap:4,children:[i,e("div",{style:s,children:t(ec,{defaultValue:eC,language:"text",defaultWrapLines:!0,lines:eO,"data-testid":"code-editor-wrap-uncontrolled",children:[e(k,{children:e(G,{})}),e(es,{lineNumbers:!0,"aria-label":"Long lines, wrapped"})]})})]}),y[5]=c):c=y[5];let w=String(g);return y[6]!==w?(d=t("span",{className:"sb-annotation",children:["controlled — wrapLines = ",w]}),y[6]=w,y[7]=d):d=y[7],y[8]===Symbol.for("react.memo_cache_sentinel")?(m={width:"600px"},y[8]=m):m=y[8],y[9]===Symbol.for("react.memo_cache_sentinel")?(p=e(k,{children:e(G,{})}),u=e(es,{lineNumbers:!0,"aria-label":"Long lines, controlled wrap"}),y[9]=u,y[10]=p):(u=y[9],p=y[10]),y[11]!==g?(h=e("div",{style:m,children:t(ec,{defaultValue:eC,language:"text",wrapLines:g,onWrapLinesChange:b,"data-testid":"code-editor-wrap-controlled",children:[p,u]})}),y[11]=g,y[12]=h):h=y[12],y[13]!==h||y[14]!==d?(f=t(er,{gap:16,children:[r,c,t(er,{align:"start",gap:4,children:[d,h]})]}),y[13]=h,y[14]=d,y[15]=f):f=y[15],f},meta:ed},{name:"Sizes",story:()=>{let a,n,r,o,i,s,c,d,m,u=(0,l.c)(9);return u[0]===Symbol.for("react.memo_cache_sentinel")?(a=e("span",{className:"sb-annotation",children:"sm (default)"}),n={width:"600px"},u[0]=a,u[1]=n):(a=u[0],n=u[1]),u[2]===Symbol.for("react.memo_cache_sentinel")?(r=t(er,{align:"start",gap:4,children:[a,e("div",{style:n,children:e(ec,{defaultValue:eN,language:"bash",size:"sm","data-testid":"code-editor-size-sm",children:e(es,{lineNumbers:!0,"aria-label":"Install commands, small"})})})]}),u[2]=r):r=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(o=e("span",{className:"sb-annotation",children:"md"}),i={width:"600px"},u[3]=o,u[4]=i):(o=u[3],i=u[4]),u[5]===Symbol.for("react.memo_cache_sentinel")?(s=t(er,{align:"start",gap:4,children:[o,e("div",{style:i,children:e(ec,{defaultValue:eN,language:"bash",size:"md","data-testid":"code-editor-size-md",children:e(es,{lineNumbers:!0,"aria-label":"Install commands, medium"})})})]}),u[5]=s):s=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(c=e("span",{className:"sb-annotation",children:"lg"}),d={width:"600px"},u[6]=c,u[7]=d):(c=u[6],d=u[7]),u[8]===Symbol.for("react.memo_cache_sentinel")?(m=t(er,{gap:16,children:[r,s,t(er,{align:"start",gap:4,children:[c,e("div",{style:d,children:e(ec,{defaultValue:eN,language:"bash",size:"lg","data-testid":"code-editor-size-lg",children:e(es,{lineNumbers:!0,"aria-label":"Install commands, large"})})})]})]}),u[8]=m):m=u[8],m},meta:ed},{name:"ReadOnly",story:()=>{let a,n,r,o=(0,l.c)(3);return o[0]===Symbol.for("react.memo_cache_sentinel")?(a={width:"600px"},o[0]=a):a=o[0],o[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(X,{children:"Response"}),o[1]=n):n=o[1],o[2]===Symbol.for("react.memo_cache_sentinel")?(r=e("div",{style:a,children:t(ec,{value:eb,language:"http",readOnly:!0,"data-testid":"code-editor-read-only",children:[t(z,{children:[n,e(k,{children:e(M,{})})]}),e(es,{lineNumbers:!0,"aria-label":"HTTP response, read only"})]})}),o[2]=r):r=o[2],r},meta:ed},{name:"Tabs",story:()=>{let a,n,r,i,s,c,d,m,u,p,h=(0,l.c)(17),[f,y]=(0,o.useState)("request"),[g,b]=(0,o.useState)(eT);h[0]===Symbol.for("react.memo_cache_sentinel")?(a={width:"600px"},h[0]=a):a=h[0];let w=g[f];return h[1]!==f?(n=e=>b(t=>({...t,[f]:e})),h[1]=f,h[2]=n):n=h[2],h[3]===Symbol.for("react.memo_cache_sentinel")?(r=e=>{("request"===e||"response"===e)&&y(e)},i=e(B,{value:"request","data-testid":"code-editor-tabs--tab-request",children:"Request"}),s=e(B,{value:"response","data-testid":"code-editor-tabs--tab-response",children:"Response"}),h[3]=r,h[4]=i,h[5]=s):(r=h[3],i=h[4],s=h[5]),h[6]!==f?(c=t(J,{value:f,onValueChange:r,children:[i,s]}),h[6]=f,h[7]=c):c=h[7],h[8]===Symbol.for("react.memo_cache_sentinel")?(d=e(k,{children:e(M,{})}),h[8]=d):d=h[8],h[9]!==c?(m=t(z,{children:[c,d]}),h[9]=c,h[10]=m):m=h[10],h[11]===Symbol.for("react.memo_cache_sentinel")?(u=e(es,{lineNumbers:!0,"aria-label":"HTTP message"}),h[11]=u):u=h[11],h[12]!==w||h[13]!==n||h[14]!==m||h[15]!==f?(p=e("div",{style:a,children:t(ec,{documentId:f,value:w,onChange:n,language:"http","data-testid":"code-editor-tabs",children:[m,u]})}),h[12]=w,h[13]=n,h[14]=m,h[15]=f,h[16]=p):p=h[16],p},meta:ed},{name:"ParityDefault",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(ek,{testId:"parity-default",code:eu,language:"text"}),a[0]=t):t=a[0],t},meta:ed},{name:"ParityLineColors",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(ek,{testId:"parity-line-colors",code:ep,language:"text",lines:eA}),a[0]=t):t=a[0],t},meta:ed},{name:"ParityFoldsCollapsed",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(ek,{testId:"parity-folds-collapsed",code:ew,language:"text",folds:eI}),a[0]=t):t=a[0],t},meta:ed},{name:"ParityHttpPrism",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e($,{adapter:K,children:e(ek,{testId:"parity-http-prism",code:eg,language:"http"})}),a[0]=t):t=a[0],t},meta:ed},{name:"ParityRanges",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(ek,{testId:"parity-ranges",code:ey,language:"text",lines:eW}),a[0]=t):t=a[0],t},meta:ed},{name:"ParityWrap",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(ek,{testId:"parity-wrap",code:eC,language:"text",wrapLines:!0}),a[0]=t):t=a[0],t},meta:ed},{name:"ParitySizes",story:()=>{let a,n=(0,l.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(a=t(er,{gap:24,children:[e(ek,{testId:"parity-size-sm",code:eN,language:"bash",size:"sm"}),e(ek,{testId:"parity-size-md",code:eN,language:"bash",size:"md"}),e(ek,{testId:"parity-size-lg",code:eN,language:"bash",size:"lg"})]}),n[0]=a):a=n[0],a},meta:ed},{name:"ParityFrame",story:()=>{let a,n=(0,l.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(a=t(er,{gap:24,children:[e(ek,{testId:"parity-frame-header",code:eu,language:"text",children:e$}),e(ek,{testId:"parity-frame-floating",code:eu,language:"text",children:eH})]}),n[0]=a):a=n[0],a},meta:ed},{name:"ParityShowMore",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(ek,{testId:"parity-show-more",code:e_,language:"text",maxLines:7}),a[0]=t):t=a[0],t},meta:ed},{name:"Diff",story:()=>{let t,a,n=(0,l.c)(3),[r,i]=(0,o.useState)(eM);return n[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(es,{"aria-label":"Request draft compared with the stored request",lineNumbers:!0}),n[0]=t):t=n[0],n[1]!==r?(a=e(ec,{"data-testid":"code-editor-diff",language:"http",original:ej,value:r,onChange:i,children:t}),n[1]=r,n[2]=a):a=n[2],a},meta:ed},{name:"DiffWrapLines",story:()=>{let t,a,n=(0,l.c)(3),[r,i]=(0,o.useState)(ez);return n[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(es,{"aria-label":"Request without the debug header",lineNumbers:!0}),n[0]=t):t=n[0],n[1]!==r?(a=e("div",{className:"w-480",children:e(ec,{"data-testid":"code-editor-diff-wrap",language:"http",original:eq,value:r,onChange:i,defaultWrapLines:!0,children:t})}),n[1]=r,n[2]=a):a=n[2],a},meta:ed},{name:"AnalyticsAttributes",story:()=>{let a,n,r=(0,l.c)(2);return r[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(X,{children:"Request"}),r[0]=a):a=r[0],r[1]===Symbol.for("react.memo_cache_sentinel")?(n=t(ec,{"data-testid":"analytics-editor",language:"http",defaultValue:eV,folds:eF,children:[t(z,{children:[a,t(k,{children:[e(M,{"data-analytics-id":"CODE_EDITOR_COPY"}),e(G,{"data-analytics-id":"CODE_EDITOR_WRAP"}),e(q,{"data-analytics-id":"CODE_EDITOR_FULLSCREEN"})]})]}),e(es,{"aria-label":"HTTP request",lineNumbers:!0,"data-analytics-id":"CODE_EDITOR_REQUEST","data-analytics-props":'{"surface":"rule-editor"}'})]}),r[1]=n):n=r[1],n},meta:ed},{name:"EditingWorkflow",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(v,{}),a[0]=t):t=a[0],t},meta:ed},{name:"TabsKeepHistory",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(O,{}),a[0]=t):t=a[0],t},meta:ed},{name:"LongDocument",story:()=>{let t,a=(0,l.c)(1);return a[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(T,{}),a[0]=t):t=a[0],t},meta:ed},{name:"FullscreenInsideDrawer",story:()=>{let a,n,r,i,s,c,d=(0,l.c)(7),[m,u]=(0,o.useState)(em);return d[0]===Symbol.for("react.memo_cache_sentinel")?(a=e(en,{asChild:!0,children:e(I,{variant:"outline",color:"neutral",children:"Open Drawer"})}),d[0]=a):a=d[0],d[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(et,{children:e(ea,{children:"Rule"})}),d[1]=n):n=d[1],d[2]===Symbol.for("react.memo_cache_sentinel")?(r=e(X,{children:"rule.json"}),d[2]=r):r=d[2],d[3]===Symbol.for("react.memo_cache_sentinel")?(i=t(z,{children:[r,t(k,{children:[e(q,{}),e(M,{})]})]}),s=e(es,{lineNumbers:!0,"aria-label":"Rule JSON"}),d[3]=i,d[4]=s):(i=d[3],s=d[4]),d[5]!==m?(c=t(Z,{children:[a,t(ee,{children:[n,e(Q,{children:t(ec,{value:m,onChange:u,language:"json",children:[i,s]})})]})]}),d[5]=m,d[6]=c):c=d[6],c},meta:ed}];function eB({entry:e}){let{story:t,meta:a}=e,n={...a.args,...t.args},r="function"==typeof t||t.$$typeof?t:t.render||a.render||a.component,l=()=>o.default.createElement(r,n),i={args:n,globals:{theme:"light"},parameters:{...a.parameters,...t.parameters},viewMode:"story"};for(let e of[...a.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,i)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,eU.map((e,t)=>o.default.createElement(eB,{key:t,entry:e})))),t}}})();