50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[544296,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ItemStyles"] 52:I[34002,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"CodeEditor"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:Ta04,'use client'; import {Grid, GridSpan} from '@astryxdesign/core/Grid'; import {Card} from '@astryxdesign/core/Card'; import {VStack} from '@astryxdesign/core/Stack'; import {Text} from '@astryxdesign/core/Text'; export default function GridWithGridSpan() { return ( Featured Release Astryx 4.0 is now available with new layout primitives, refreshed tokens, and improved theming support across the system. Components 54 available Templates 28 available Tokens 120 defined Themes 6 published Icons 312 available Patterns 18 documented Contributors 42 active Community Showcase See how teams are building with Astryx across the organization ); } 55:T1906,{ "schemaVersion": 2, "item": { "name": "example-grid-column-spanning", "path": "examples/grid/column-spanning", "aliases": [], "kind": "example" }, "source": { "package": "@astryxdesign/cli", "version": "0.7.3" }, "files": [ { "id": "primary", "target": "../GridWithGridSpan.tsx", "registryTarget": "components/astryx/examples/GridWithGridSpan.tsx", "registryPath": "registry/example-grid-column-spanning/GridWithGridSpan.tsx", "sha256": "c0fd0f4cb977d7c285459b1029ac9f6d8eda559ce8bd7b4bbec830ad022e4bd7", "content": "'use client';\n\nimport {Grid, GridSpan} from '@astryxdesign/core/Grid';\nimport {Card} from '@astryxdesign/core/Card';\nimport {VStack} from '@astryxdesign/core/Stack';\nimport {Text} from '@astryxdesign/core/Text';\n\nexport default function GridWithGridSpan() {\n return (\n \n \n \n \n \n Featured Release\n \n \n Astryx 4.0 is now available with new layout primitives, refreshed\n tokens, and improved theming support across the system.\n \n \n \n \n \n \n Components\n \n \n 54 available\n \n \n \n \n Templates\n \n \n 28 available\n \n \n \n \n Tokens\n \n \n 120 defined\n \n \n \n \n Themes\n \n \n 6 published\n \n \n \n \n Icons\n \n \n 312 available\n \n \n \n \n Patterns\n \n \n 18 documented\n \n \n \n \n Contributors\n \n \n 42 active\n \n \n \n \n \n \n Community Showcase\n \n \n See how teams are building with Astryx across the organization\n \n \n \n \n \n );\n}\n", "variants": [ { "format": "javascript", "target": "../GridWithGridSpan.jsx", "registryTarget": "components/astryx/examples/GridWithGridSpan.jsx", "sha256": "c0fd0f4cb977d7c285459b1029ac9f6d8eda559ce8bd7b4bbec830ad022e4bd7", "content": "'use client';\n\nimport {Grid, GridSpan} from '@astryxdesign/core/Grid';\nimport {Card} from '@astryxdesign/core/Card';\nimport {VStack} from '@astryxdesign/core/Stack';\nimport {Text} from '@astryxdesign/core/Text';\n\nexport default function GridWithGridSpan() {\n return (\n \n \n \n \n \n Featured Release\n \n \n Astryx 4.0 is now available with new layout primitives, refreshed\n tokens, and improved theming support across the system.\n \n \n \n \n \n \n Components\n \n \n 54 available\n \n \n \n \n Templates\n \n \n 28 available\n \n \n \n \n Tokens\n \n \n 120 defined\n \n \n \n \n Themes\n \n \n 6 published\n \n \n \n \n Icons\n \n \n 312 available\n \n \n \n \n Patterns\n \n \n 18 documented\n \n \n \n \n Contributors\n \n \n 42 active\n \n \n \n \n \n \n Community Showcase\n \n \n See how teams are building with Astryx across the organization\n \n \n \n \n \n );\n}\n" } ] } ] } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@astryxdesign/core@0.7.3",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40astryxdesign%2Fcore","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@astryxdesign/core@0.7.3"}]]}]}],["$","li","@stylexjs/stylex@0.19.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40stylexjs%2Fstylex","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@stylexjs/stylex@0.19.0"}]]}]}]]}],["$","$L50",null,{"namespace":"@astryx","registryDependencies":[]}]]}],["$","$L51",null,{"children":["$","div",null,{"className":"@container","children":["$","div",null,{"className":"grid grid-cols-1 gap-4 @xl:grid-cols-2","children":[null,null,null,["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"CSS"}],["$","div",null,{"children":["$","$L52",null,{"lang":"css","copyButton":true,"writing":false,"className":"rounded-none w-full max-h-80","header":false,"children":"@import \"@astryxdesign/core/reset.css\" {\n\n}\n\n@import \"@astryxdesign/core/astryx.css\" {\n\n}"}]}]]}]]}]}]}]]}],["$","$L53",null,{"files":[{"path":"registry/example-grid-column-spanning/GridWithGridSpan.tsx","content":"$54","type":"registry:block","target":"components/astryx/examples/GridWithGridSpan.tsx"},{"path":"registry/example-grid-column-spanning/astryx-receipt.json","content":"$55","type":"registry:file","target":"components/astryx/examples/.astryx/example-grid-column-spanning.json"}],"className":"h-[70svh] min-h-80"}]]}]