@ohos-ports/stacksjs-stx 0.2.287-beta.0

package/dist/chunk-qzkhpsam.js

@@ -0,0 +1,505 @@
+// @bun
+import{gv as Y}from"./chunk-qc1f74ek.js";import{mkdir as O,writeFile as q}from"fs/promises";import{join as X}from"path";var T="https://api.iconify.design";async function k(){let E=await fetch(`${T}/collections`);if(!E.ok)throw Error(`Failed to fetch collections: ${E.statusText}`);return await E.json()}async function P(E,z){try{let U=Y.resolve("@iconify/json"),S=`${`${U.substring(0,U.lastIndexOf("/node_modules/@iconify/json/"))}/node_modules/@iconify/json`}/json/${E}.json`,M=Bun.file(S);if(await M.exists()){let V=await M.json();if(z&&z.length>0){let Z={};for(let L of z)if(V.icons[L])Z[L]=V.icons[L];return{...V,icons:Z}}return V}}catch{}let K=z&&z.length>0?`${T}/${E}.json?icons=${z.join(",")}`:`${T}/${E}.json`,Q=await fetch(K);if(!Q.ok)throw Error(`Failed to fetch icons for ${E}: ${Q.statusText}`);return await Q.json()}function j(E,z=24,K=24){return{body:E.body,width:E.width||z,height:E.height||K,viewBox:`0 0 ${E.width||z} ${E.height||K}`}}function F(E,z){let K=B(E);return`import type { IconData } from '@stacksjs/iconify-core'
+
+export const ${K}: IconData = ${JSON.stringify(z,null,2)}
+
+export default ${K}
+`}function h(E,z){return`<script>
+// Get props with defaults (handle undefined)
+const iconWidth = (typeof width !== 'undefined' ? width : null) || (typeof size !== 'undefined' ? size : null) || ${z.width||24}
+const iconHeight = (typeof height !== 'undefined' ? height : null) || (typeof size !== 'undefined' ? size : null) || ${z.height||24}
+const iconColor = typeof color !== 'undefined' ? color : 'currentColor'
+const viewBox = "${z.viewBox||`0 0 ${z.width||24} ${z.height||24}`}"
+
+// Build transform
+const transforms = []
+if (typeof hFlip !== 'undefined' && hFlip) transforms.push('scaleX(-1)')
+if (typeof vFlip !== 'undefined' && vFlip) transforms.push('scaleY(-1)')
+if (typeof rotate !== 'undefined' && rotate) {
+  const rotateNum = typeof rotate === 'string' ? parseInt(rotate, 10) : rotate
+  const deg = typeof rotateNum === 'number' && rotateNum < 4 ? rotateNum * 90 : rotateNum
+  transforms.push(\`rotate(\${deg}deg)\`)
+}
+
+const transform = transforms.length > 0 ? transforms.join(' ') : ''
+const transformStyle = transform ? \`transform: \${transform};\` : ''
+
+// Build style
+const styles = []
+if (transformStyle) styles.push(transformStyle)
+if (typeof style !== 'undefined' && style) styles.push(style)
+
+const styleAttr = styles.length > 0 ? \` style="\${styles.join(' ')}"\` : ''
+const classAttr = typeof className !== 'undefined' && className ? \` class="\${className}"\` : ''
+
+// Icon body
+let body = ${JSON.stringify(z.body)}
+if (iconColor && iconColor !== 'currentColor') {
+  body = body.replace(/currentColor/g, iconColor)
+}
+
+// Generate SVG
+const svg = \`<svg xmlns="http://www.w3.org/2000/svg" width="\${iconWidth}" height="\${iconHeight}" viewBox="\${viewBox}"\${classAttr}\${styleAttr}>\${body}</svg>\`
+</script>
+
+{!! svg !!}
+`}function g(E){let z=new Set;return`// Icon data exports
+${E.map((Q)=>{let G=B(Q);if(z.has(G)){let S=Q.replace(/[^a-zA-Z0-9]/g,"_");if(/^[0-9]/.test(S))S=`_${S}`;G=S;let M=2;while(z.has(G))G=`${S}_${M}`,M++}return z.add(G),`export { default as ${G} } from './${Q}.js'`}).join(`
+`)}
+
+export * from './types.js'
+`}function u(E){return`import type { IconData, IconProps } from '@stacksjs/iconify-core'
+
+export type { IconData, IconProps }
+
+export type ${I(E)}Icon = IconData
+`}function N(E,z,K){let Q={name:`@stacksjs/iconify-${E}`,type:"module",version:"0.0.1",description:`${z.name} icons for stx from Iconify`,author:z.author?.name||"Iconify",license:z.license?.spdx||"MIT",repository:{type:"git",url:"https://github.com/stacksjs/stx.git",directory:`packages/iconify-${E}`},keywords:["iconify","icons","svg",E,z.name,"stx"],sideEffects:!1,exports:{".":{types:"./dist/index.d.ts",import:"./dist/index.js"},"./*":"./dist/*"},main:"./dist/index.js",module:"./dist/index.js",types:"./dist/index.d.ts",files:["dist"],scripts:{build:"bun build.ts",prepublishOnly:"bun build.ts"},dependencies:{"@stacksjs/iconify-core":"workspace:*"}};return JSON.stringify(Q,null,2)}function D(E){return`import { existsSync, readdirSync, statSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import dts from 'bun-plugin-dtsx'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const srcDir = join(__dirname, 'src')
+const distDir = join(__dirname, 'dist')
+const distEntry = join(distDir, 'index.js')
+
+// Skip rebuild when dist is already up to date. Makes prepublishOnly a
+// no-op when CI pre-built the package in parallel earlier in the
+// pipeline \u2014 and a no-op for local re-runs that didn't touch src/.
+//
+// Walks src/ recursively so changes inside subdirectories (if we ever
+// add them) properly invalidate the cached dist.
+function isDistFresh() {
+  if (!existsSync(distEntry)) return false
+  const distMtime = statSync(distEntry).mtimeMs
+  function newer(dir) {
+    for (const name of readdirSync(dir)) {
+      const p = join(dir, name)
+      const s = statSync(p)
+      if (s.isDirectory()) {
+        if (newer(p)) return true
+      } else if (s.mtimeMs > distMtime) {
+        return true
+      }
+    }
+    return false
+  }
+  return !newer(srcDir)
+}
+
+if (isDistFresh()) {
+  console.log('\u2713 @stacksjs/iconify-${E} dist is fresh, skipping rebuild')
+} else {
+  await Bun.build({
+    entrypoints: [join(srcDir, 'index.ts')],
+    outdir: distDir,
+    target: 'bun',
+    format: 'esm',
+    plugins: [dts()],
+    minify: true,
+    sourcemap: 'external',
+    splitting: true,
+  })
+  console.log('\u2713 Built @stacksjs/iconify-${E}')
+}
+`}function d(E,z,K){return`# @stacksjs/iconify-${E}
+
+${z.name} icons for stx from Iconify.
+
+## Installation
+
+\`\`\`bash
+bun add @stacksjs/iconify-${E}
+\`\`\`
+
+## Usage
+
+### In stx templates
+
+\`\`\`html
+<script>
+  import { home } from '@stacksjs/iconify-${E}'
+  import { renderIcon } from '@stacksjs/iconify-core'
+
+  export const homeIcon = renderIcon(home, { size: 24, color: 'currentColor' })
+</script>
+
+<div class="icon">
+  {!! homeIcon !!}
+</div>
+\`\`\`
+
+### In TypeScript/JavaScript
+
+\`\`\`typescript
+import { home, account, settings } from '@stacksjs/iconify-${E}'
+import { renderIcon } from '@stacksjs/iconify-core'
+
+const svg = renderIcon(home, {
+  size: 24,
+  color: '#000000',
+})
+\`\`\`
+
+## Available Icons
+
+This package contains ${K} icons from ${z.name}.
+
+## License
+
+${z.license?.title||"MIT"}
+
+${z.license?.url?`License: ${z.license.url}`:""}
+
+## Credits
+
+- Icons: ${z.author?.name||"Iconify"}${z.author?.url?` (${z.author.url})`:""}
+- Iconify: https://iconify.design/
+`}function C(E,z,K){let Q=K.length,U=K.slice(0,5).map(B),G=U.map((M)=>`${M.charAt(0).toUpperCase()}${M.slice(1)}Icon`),S=K.map((M)=>{return`- \`${B(M)}\``}).join(`
+`);return`# ${z.name}
+
+> ${z.name} icons for stx from Iconify
+
+## Overview
+
+This package provides access to ${Q} icons from the ${z.name} collection through the stx iconify integration.
+
+**Collection ID:** \`${E}\`
+**Total Icons:** ${Q}
+${z.author?.name?`**Author:** ${z.author.name}${z.author.url?` ([Website](${z.author.url}))`:""}`:""}
+${z.license?.title?`**License:** ${z.license.title}${z.license.url?` ([Details](${z.license.url}))`:""}`:""}
+${z.category?`**Category:** ${z.category}`:""}
+${z.palette!==void 0?`**Palette:** ${z.palette?"Yes (color icons)":"No (monotone icons)"}`:""}
+
+## Installation
+
+\`\`\`bash
+bun add @stacksjs/iconify-${E}
+\`\`\`
+
+## Quick Start
+
+### Component Usage (Recommended)
+
+Icons are available as .stx components that can be used directly in templates:
+
+\`\`\`html
+<${G[0]||"Icon"} height="1em" />
+<${G[0]||"Icon"} width="1em" height="1em" />
+<${G[0]||"Icon"} height="24" />
+\`\`\`
+
+### With Properties
+
+\`\`\`html
+<!-- Using size property -->
+<${G[0]||"Icon"} size="24" />
+<${G[0]||"Icon"} size="1em" />
+
+<!-- Using width and height -->
+<${G[0]||"Icon"} width="24" height="32" />
+
+<!-- With color -->
+<${G[0]||"Icon"} size="24" color="red" />
+<${G[0]||"Icon"} size="24" color="#4a90e2" />
+
+<!-- With CSS class -->
+<${G[0]||"Icon"} size="24" class="icon-primary" />
+
+<!-- With all properties -->
+<${G[0]||"Icon"}
+  size="32"
+  color="#4a90e2"
+  class="my-icon"
+  style="opacity: 0.8;"
+/>
+\`\`\`
+
+### In stx Templates
+
+\`\`\`html
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Icon Demo</title>
+  <style>
+    .icon-grid {
+      display: flex;
+      gap: 1rem;
+      align-items: center;
+    }
+  </style>
+</head>
+<body>
+  <div class="icon-grid">
+    <${G[0]||"Icon"} size="24" />
+    <${G[1]||"Icon"} size="24" color="#4a90e2" />
+    <${G[2]||"Icon"} size="32" class="my-icon" />
+  </div>
+</body>
+</html>
+\`\`\`
+
+### Data-Only Import
+
+You can also import icon data and use the \`renderIcon\` function directly:
+
+\`\`\`typescript
+import { ${U.slice(0,3).join(", ")} } from '@stacksjs/iconify-${E}'
+import { renderIcon } from '@stacksjs/iconify-core'
+
+const svg = renderIcon(${U[0]||"icon"}, { size: 24 })
+\`\`\`
+
+## Icon Properties
+
+All icon component functions and \`renderIcon\` accept the following properties:
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| \`size\` | \`string \\| number\` | - | Icon size (sets both width and height) |
+| \`width\` | \`string \\| number\` | - | Icon width (overrides size) |
+| \`height\` | \`string \\| number\` | - | Icon height (overrides size) |
+| \`color\` | \`string\` | \`'currentColor'\` | Icon color (CSS color or hex) |
+| \`hFlip\` | \`boolean\` | \`false\` | Flip horizontally |
+| \`vFlip\` | \`boolean\` | \`false\` | Flip vertically |
+| \`rotate\` | \`0 \\| 90 \\| 180 \\| 270\` | \`0\` | Rotation in degrees |
+| \`class\` | \`string\` | - | Additional CSS classes |
+| \`style\` | \`string\` | - | Inline styles |
+
+## Color
+
+${z.palette?`### Color Icons
+
+This collection contains color icons. While you can still set a color property, it may override the original colors.`:"### Monotone Icons\n\nMonotone icons use `currentColor` by default, allowing you to change icon color via the `color` property or CSS:"}
+
+\`\`\`html
+<!-- Via color property -->
+<${G[0]||"Icon"} size="24" color="red" />
+<${G[0]||"Icon"} size="24" color="#4a90e2" />
+
+<!-- Via inline style -->
+<${G[0]||"Icon"} size="24" style="color: green;" />
+
+<!-- Via CSS class -->
+<${G[0]||"Icon"} size="24" class="text-primary" />
+\`\`\`
+
+${!z.palette?`\`\`\`css
+/* In your CSS */
+.text-primary {
+  color: #4a90e2;
+}
+
+.icon:hover {
+  color: #357abd;
+}
+\`\`\``:""}
+
+## Size
+
+Unlike other components, SVG + CSS components do not set icon size by default. This has advantages and disadvantages.
+
+**Disadvantages:**
+- You need to set size yourself.
+
+**Advantages:**
+- You have full control over icon size.
+
+You can change icon size by:
+- Setting \`width\` and \`height\` properties
+- Using CSS
+
+### Properties
+
+All icon components support \`width\` and \`height\` properties.
+
+Value is a string or number.
+
+You do not need to set both properties. If you set one property, the other property will automatically be calculated from the icon's width/height ratio.
+
+**Examples:**
+
+\`\`\`html
+<${G[0]||"DraftsIcon"} height="1em" />
+<${G[0]||"DraftsIcon"} width="1em" height="1em" />
+<${G[0]||"DraftsIcon"} height="24" />
+\`\`\`
+
+You can also use the \`size\` property as a shorthand for setting both width and height:
+
+\`\`\`html
+<${G[0]||"DraftsIcon"} size="24" />
+<${G[0]||"DraftsIcon"} size="1em" />
+\`\`\`
+
+### CSS Sizing
+
+You can also control icon size via CSS:
+
+\`\`\`css
+.${B(E)}-icon {
+  width: 1em;
+  height: 1em;
+}
+\`\`\`
+
+\`\`\`html
+<${G[0]||"DraftsIcon"} class="${B(E)}-icon" />
+\`\`\`
+
+## Available Icons
+
+This package contains **${Q}** icons:
+
+${S}
+
+## Usage Examples
+
+### Navigation Menu
+
+\`\`\`html
+<nav>
+  <a href="/"><${G[0]||"Icon"} size="20" class="nav-icon" /> Home</a>
+  <a href="/about"><${G[1]||"Icon"} size="20" class="nav-icon" /> About</a>
+  <a href="/contact"><${G[2]||"Icon"} size="20" class="nav-icon" /> Contact</a>
+  <a href="/settings"><${G[3]||"Icon"} size="20" class="nav-icon" /> Settings</a>
+</nav>
+
+<style>
+  nav {
+    display: flex;
+    gap: 1rem;
+  }
+  nav a {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  .nav-icon {
+    color: currentColor;
+  }
+</style>
+\`\`\`
+
+### Custom Styling
+
+\`\`\`html
+<${G[0]||"Icon"}
+  size="24"
+  class="icon icon-primary"
+  style="opacity: 0.8; transition: opacity 0.2s;"
+/>
+
+<style>
+  .icon-primary {
+    color: #4a90e2;
+  }
+  .icon-primary:hover {
+    opacity: 1;
+  }
+</style>
+\`\`\`
+
+### Status Indicators
+
+\`\`\`html
+<div class="status-grid">
+  <div class="status-item">
+    <${G[0]||"Icon"} size="16" color="#22c55e" />
+    <span>Success</span>
+  </div>
+  <div class="status-item">
+    <${G[1]||"Icon"} size="16" color="#f59e0b" />
+    <span>Warning</span>
+  </div>
+  <div class="status-item">
+    <${G[2]||"Icon"} size="16" color="#ef4444" />
+    <span>Error</span>
+  </div>
+</div>
+\`\`\`
+
+## Best Practices
+
+1. **Use Components Directly**: Import and use icon components in your templates
+   \`\`\`html
+   <!-- Recommended -->
+   <${G[0]||"Icon"} size="24" />
+   <${G[1]||"Icon"} size="24" color="#4a90e2" />
+   \`\`\`
+
+2. **Use CSS for Theming**: Apply consistent styling through CSS classes
+   \`\`\`css
+   .icon {
+     color: currentColor;
+     opacity: 0.8;
+     transition: opacity 0.2s;
+   }
+
+   .icon:hover {
+     opacity: 1;
+   }
+   \`\`\`
+
+   \`\`\`html
+   <${G[0]||"Icon"} size="24" class="icon" />
+   \`\`\`
+
+3. **Set Appropriate Sizes**: Use \`1em\` for inline icons, fixed pixel sizes for standalone icons
+   \`\`\`html
+   <!-- Inline with text -->
+   <p>Click the <${G[0]||"Icon"} height="1em" /> icon to continue</p>
+
+   <!-- Standalone -->
+   <${G[0]||"Icon"} size="24" />
+   \`\`\`
+
+4. **Use Data Import for Advanced Use Cases**: When you need more control
+   \`\`\`html
+   @js
+     import { ${U[0]||"icon"} } from '@stacksjs/iconify-${E}'
+     import { renderIcon } from '@stacksjs/iconify-core'
+     global.customIcon = renderIcon(${U[0]||"icon"}, { size: 24 })
+   @endjs
+
+   {!! customIcon !!}
+   \`\`\`
+
+## TypeScript Support
+
+This package includes full TypeScript support with type definitions for all icons.
+
+\`\`\`typescript
+import type { IconData } from '@stacksjs/iconify-core'
+import { ${U[0]||"icon"} } from '@stacksjs/iconify-${E}'
+
+// Icons are typed as IconData
+const myIcon: IconData = ${U[0]||"icon"}
+\`\`\`
+
+## Related Packages
+
+- [\`@stacksjs/iconify-core\`](../iconify#installation) - Core rendering functions and utilities
+- [Iconify Integration Guide](../iconify) - Complete guide to using Iconify with stx
+- [stx Documentation](../) - Main stx documentation
+
+## License
+
+${z.license?.title||"MIT"}
+
+${z.license?.url?`See [license details](${z.license.url}) for more information.`:""}
+
+## Credits
+
+- **Icons**: ${z.author?.name||"Iconify"}${z.author?.url?` ([Website](${z.author.url}))`:""}
+- **Iconify**: [https://iconify.design/](https://iconify.design/)
+- **Icon Set**: [View on Iconify](https://icon-sets.iconify.design/${E}/)
+
+## Resources
+
+- [Browse all icons in this collection](https://icon-sets.iconify.design/${E}/)
+- [Iconify documentation](https://iconify.design/docs/)
+- [stx iconify integration guide](../../docs/iconify.md)
+`}async function s(E,z,K,Q){console.log(`
+\uD83D\uDCE6 Generating package for ${E}...`);let G=(await k())[E];if(!G)throw Error(`Collection ${E} not found`);console.log(`   Collection: ${G.name}`),console.log(`   Total icons: ${G.total}`);let S=await P(E,K),M=Object.keys(S.icons);console.log(`   Generating ${M.length} icons...`);let V=X(z,`iconify-${E}`),Z=X(V,"src");await O(Z,{recursive:!0});let L=S.width||24,b=S.height||24;for(let $ of M){let R=S.icons[$],A=j(R,L,b),_=F($,A);await q(X(Z,`${$}.ts`),_);let w=h($,A);await q(X(Z,`${$}-icon.stx`),w)}let v=g(M);await q(X(Z,"index.ts"),v);let y=u(E);await q(X(Z,"types.ts"),y);let H=N(E,G,M.length);await q(X(V,"package.json"),H);let J=D(E);await q(X(V,"build.ts"),J);let W=d(E,G,M.length);if(await q(X(V,"README.md"),W),Q){let $=X(Q,`iconify-${E}.md`),R=C(E,G,M);await O(Q,{recursive:!0}),await q($,R),console.log(`   \u2713 Generated documentation in ${$}`)}console.log(`   \u2713 Generated ${M.length} icons in ${V}`)}function B(E){let z=E.replace(/-([a-z0-9])/g,(K)=>K[1].toUpperCase());if(z=z.replace(/[^a-zA-Z0-9_$]/g,"_"),/^[0-9]/.test(z))z=`_${z}`;return z}function I(E){let z=B(E);return z.charAt(0).toUpperCase()+z.slice(1)}export{I as toPascalCase,B as toCamelCase,u as generateTypesFile,d as generateReadme,N as generatePackageJson,s as generatePackage,g as generateIndexFile,F as generateIconData,h as generateIconComponent,C as generateDocumentation,D as generateBuildFile,k as fetchCollections,P as fetchCollectionIcons,j as convertIconData};

package/dist/chunk-r3ayvdz3.js

@@ -0,0 +1,2 @@
+// @bun
+import{Kh as a,Lh as b,Mh as c,Nh as d,Oh as e,Ph as f,Qh as g,Rh as h,Sh as i}from"./chunk-zqqx1qaj.js";import"./chunk-74cv4ta1.js";import"./chunk-qc1f74ek.js";export{c as setCachedImageResult,e as processImage,f as optimizeImage,b as getCachedImageResult,i as generateSrcset,h as generateResponsiveVariants,d as clearImageCache,g as applyTransformations,a as ImageProcessorCache};

package/dist/chunk-r7r66978.js

@@ -0,0 +1,2 @@
+// @bun
+import{Dp as b,Ep as c,Fp as d,Gp as e,bo as a}from"./chunk-y11cxbxd.js";import"./chunk-92mj1t26.js";import"./chunk-8mjdpr94.js";import"./chunk-pkaabd8h.js";import"./chunk-xpp135ad.js";import"./chunk-wrzwgkbx.js";import"./chunk-5kk8gsj2.js";import"./chunk-38ejahd9.js";import"./chunk-ypmqf7tm.js";import"./chunk-de7fye10.js";import"./chunk-v5e1gxwm.js";import"./chunk-b6ej2fdf.js";import"./chunk-x650vjcp.js";import"./chunk-qc1f74ek.js";export{d as validateClientScript,c as processOnceDirective,b as processJsonDirective,e as processDirectives,a as injectRouterScript};

package/dist/chunk-rbb7dvja.js

@@ -0,0 +1,30 @@
+// @bun
+import{hm as D,im as O,zp as P}from"./chunk-y11cxbxd.js";import{Vu as c,Xu as h,Yu as i}from"./chunk-b6ej2fdf.js";import{dv as p,gv as d}from"./chunk-qc1f74ek.js";var R=/\b(?:state|derived|effect|batch|ref|reactive|computed|watch|watchEffect)\s*(?:<[^>]*>)?\s*\(/;function C(z,Q,F){let J={fullTag:F,content:Q,attrs:z};if(/\bserver\b/.test(z))return{...J,type:"server"};if(/\bdata-stx-scoped\b/.test(z))return{...J,type:"client"};if(R.test(Q))return{...J,type:"signals"};if(/\bclient\b/.test(z)||/\btype\s*=\s*["']module["']/.test(z)||/\bsrc\s*=/.test(z))return{...J,type:"client"};return{...J,type:"server"}}var y=/^<script\b([^>]*)>([\s\S]*)<\/script\s*>$/i;function b(z){let Q=[],F=[],J=[],$=0;while($<z.length){let X=z.indexOf("<",$);if(X===-1)break;let j=O(z,X);if(j>X){$=j;continue}let Z=D(z,X);if(Z>X){let U=z.slice(X,Z),B=y.exec(U);if(B){let Y=C(B[1],B[2],U);switch(Y.type){case"signals":Q.push(Y);break;case"client":F.push(Y);break;case"server":J.push(Y);break}}$=Z;continue}$=X+(z.startsWith("<!--",X)?4:1)}return{signals:Q,client:F,server:J}}var S=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);function f(z){let Q=[],F=/<!--[\s\S]*?(?:-->|$)|<(script|style|textarea|title|template)\b[^>]*>[\s\S]*?<\/\1\s*>/gi,J;while((J=F.exec(z))!==null)Q.push({start:J.index,end:J.index+J[0].length});return Q}function x(z,Q){return Q.some((F)=>z>=F.start&&z<F.end)}function u(z){let Q=(z||"").trim();if(!Q)return null;if(/[\s>+~,:]/.test(Q))return null;let F={},J=Q,$=J.match(/^[a-z][\w-]*/i);if($)F.tag=$[0].toLowerCase(),J=J.slice($[0].length);while(J.length>0){let X=J.match(/^\[([\w-]+)(?:=(["']?)([^\]"']*)\2)?\]/);if(X){if(F.attr=X[1],X[3]!==void 0&&X[3]!=="")F.attrValue=X[3];J=J.slice(X[0].length);continue}let j=J.match(/^#([\w-]+)/);if(j){F.id=j[1],J=J.slice(j[0].length);continue}let Z=J.match(/^\.([\w-]+)/);if(Z){F.className=Z[1],J=J.slice(Z[0].length);continue}return null}if(!F.tag&&!F.attr&&!F.id&&!F.className)return null;return F}function g(z,Q){if(Q.attr){if(!(Q.attrValue===void 0?new RegExp(`\\b${Q.attr}(?=[\\s=>/]|$)`,"i"):new RegExp(`\\b${Q.attr}\\s*=\\s*(["'])\\s*${Q.attrValue}\\s*\\1`,"i")).test(z))return!1}if(Q.id){if(!new RegExp(`\\bid\\s*=\\s*(["'])\\s*${Q.id}\\s*\\1`,"i").test(z))return!1}if(Q.className){let F=z.match(/\bclass\s*=\s*(["'])([\s\S]*?)\1/i);if(!F)return!1;if(!F[2].split(/\s+/).includes(Q.className))return!1}return!0}function E(z,Q="main"){let F=u(Q);if(!F)return null;let J=/<([a-z][\w-]*)\b([^>]*)>/gi,$=f(z),X;while((X=J.exec(z))!==null){if(x(X.index,$))continue;let j=X[1].toLowerCase(),Z=X[2]||"";if(Z.trimEnd().endsWith("/")||S.has(j))continue;if(F.tag&&F.tag!==j)continue;if(!g(Z,F))continue;let U=X[0],B=X.index+U.length,Y=new RegExp(`<(/?)${j}\\b([^>]*)>`,"gi");Y.lastIndex=B;let W=1,G;while((G=Y.exec(z))!==null){if(x(G.index,$))continue;let w=G[1]==="/";if(!w&&(G[2]||"").trimEnd().endsWith("/"))continue;if(W+=w?-1:1,W===0)return{openTag:U,openIndex:X.index,start:B,end:G.index,tagName:j}}return null}return null}var t="X-STX-Router",zz="private, no-store";function M(z){return z.headers.get("X-STX-Router")==="true"}function m(z,Q){if(!z)return Q;return z.split(",").some((J)=>J.trim().toLowerCase()===Q.toLowerCase())?z:`${z}, ${Q}`}function Fz(z){return{Vary:m(z,"X-STX-Router")}}import _ from"path";c();var o="stx-page-head:",n=/<!--stx-page-head:([A-Za-z0-9+/=]+)-->\n?/,v=null;function l(){if(v!==null)return v;try{let{getRouterScript:z}=(i(),p(h));v=`<script>${z()}</script>`}catch{v=""}return v}async function Bz(z,Q){if(Q===!1)return null;if(Q&&typeof Q==="string"){let J=_.resolve(z,Q);if(await Bun.file(J).exists())return J;return null}let F=_.join(z,"app.stx");if(await Bun.file(F).exists())return F;return null}async function Uz(z,Q){try{let F=await Bun.file(z).text(),J=F,$=F.match(/<template\b[^>]*>([\s\S]*?)<\/template>/i);if($)J=$[1].trim();let X=b(F),j=[...X.client.map((K)=>K.fullTag),...X.signals.map((K)=>K.fullTag)],Z=[],U=/<style\b[^>]*>([\s\S]*?)<\/style>/gi,B;while((B=U.exec(F))!==null)Z.push(B[0]);let Y=J;for(let K of X.server)Y=Y.replace(K.fullTag,"");for(let K of X.client)Y=Y.replace(K.fullTag,"");Y=Y.replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi,"");let W="<!--__STX_PAGE_SLOT__-->";if(Y=Y.replace(/<slot\s*\/>/gi,W).replace(/<slot\s*>\s*<\/slot>/gi,W),!Y.includes(W))return console.warn(`[stx] Shell ${z} has no <slot /> \u2014 pages won't be injected`),null;let{processDirectives:G,extractVariables:w,defaultConfig:q,loadStxConfig:H}=await import("./chunk-74v15e8z.js"),A=await H(),V={__filename:z,__dirname:_.dirname(z)};for(let K of j){let I=K.match(/<script\b[^>]*>([\s\S]*?)<\/script>/i);if(I&&!K.includes("client")&&!K.includes('type="module"'))await w(I[1],V,z)}let k=await G(Y,V,z,{...q,...A,...Q},new Set),N=k.indexOf(W);if(N===-1)return console.warn("[stx] Shell slot placeholder lost during processing"),null;return{beforeSlot:k.substring(0,N),afterSlot:k.substring(N+W.length),filePath:z,shellScripts:j,shellStyles:Z}}catch(F){return console.error(`[stx] Error processing shell ${z}:`,F),null}}function Wz(z,Q,F){let J,$="",X=Q.match(n);if(X){Q=Q.replace(X[0],"");try{let Y=Buffer.from(X[1],"base64").toString("utf8"),W=Y.match(/<title[^>]*>([\s\S]*?)<\/title>/i);if(W)J=W[1].trim();$=Y.replace(/<title[^>]*>[\s\S]*?<\/title>/i,"").trim()}catch{}}let j=F||J||"stx App",Z=l(),U="<script>window.__stxRouterConfig={container:'[data-stx-content]'};</script>";return`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${j}</title>
+${$?`  ${$}
+`:""}  ${z.shellStyles.join(`
+  `)}
+</head>
+<body>
+${z.beforeSlot}
+<div data-stx-content>${Q}</div>
+${z.afterSlot}
+${z.shellScripts.filter((Y)=>!Y.includes("server")).join(`
+`)}
+${U}
+${Z}
+</body>
+</html>`}function r(z,Q={}){let F=z.trim();if(!P(F))return z;let J=[],$=F.match(/<head\b[^>]*>([\s\S]*?)<\/head>/i);if($){let U=$[1],B=/<style\b[^>]*>[\s\S]*?<\/style>/gi,Y;while((Y=B.exec(U))!==null)J.push(Y[0])}if(Q.preserveHead&&$){let U=[],B=/<title\b[^>]*>[\s\S]*?<\/title>|<meta\b[^>]*>|<link\b[^>]*>/gi,Y;while((Y=B.exec($[1]))!==null){if(/<meta\b[^>]*(?:\bcharset|name="viewport")/i.test(Y[0]))continue;U.push(Y[0])}if(U.length>0)J.unshift(`<!--${o}${Buffer.from(U.join(`
+`),"utf8").toString("base64")}-->`)}let X=F.match(/<body\b[^>]*>/i),j=F.lastIndexOf("</body>");if(X&&j!==-1){let U=X.index+X[0].length,B=F.slice(U,j).trim();if(J.length>0)return J.join(`
+`)+`
+`+B;return B}let Z=F;if(Z=Z.replace(/<!DOCTYPE\b[^>]*>/i,""),Z=Z.replace(/<html\b[^>]*>/i,""),Z=Z.replace(/<\/html\s*>/i,""),$)Z=Z.replace(/<head\b[^>]*>[\s\S]*?<\/head>/i,J.join(`
+`));return Z=Z.replace(/<body\b[^>]*>/i,""),Z=Z.replace(/<\/body\s*>/i,""),Z.trim()}function Kz(z){return M(z)}function Gz(z,Q="main"){let F=z.trim(),J=[],$=[],X=F.match(/<head\b[^>]*>([\s\S]*?)<\/head>/i);if(X){let H=X[1],A=/<style\b[^>]*>[\s\S]*?<\/style>/gi,V;while((V=A.exec(H))!==null)J.push(V[0]);let k=/<script\b[^>]*data-stx-route-params[^>]*>[\s\S]*?<\/script>/gi;while((V=k.exec(H))!==null)$.push(V[0])}let j=E(F,Q);if(!j)return r(z);let{tagName:Z,start:U,end:B}=j,Y=F.slice(U,B).trim(),W=[],G=F.match(/<body\b[^>]*>/i),w=F.lastIndexOf("</body>");if(G&&G.index!==void 0&&w!==-1){let A=[[G.index+G[0].length,j.openIndex],[B+`</${Z}>`.length,w]],V=/<script\b[^>]*>[\s\S]*?<\/script>/gi;for(let[k,N]of A){if(k>=N)continue;let K=F.slice(k,N),I;V.lastIndex=0;while((I=V.exec(K))!==null)W.push(I[0])}}let q=[];if(J.length>0)q.push(J.join(`
+`));if($.length>0)q.push($.join(`
+`));if(W.length>0)q.push(W.join(`
+`));return q.push(Y),q.join(`
+`)}import L from"fs";import T from"path";function Nz(z,Q,F){return{version:1,buildTime:new Date().toISOString(),routes:z,assets:Q,outputDir:F}}function Hz(z,Q){let F=T.join(Q,"manifest.json");L.writeFileSync(F,JSON.stringify(z,null,2))}function Az(z){let Q=T.join(z,"manifest.json");if(!L.existsSync(Q))return null;try{let F=L.readFileSync(Q,"utf-8"),J=JSON.parse(F);if(J.version!==1)return console.warn(`[stx] Manifest version mismatch: expected 1, got ${J.version}`),null;return J}catch(F){return console.warn("[stx] Failed to load manifest:",F),null}}
+export{C as dh,b as eh,u as fh,E as gh,t as hh,zz as ih,M as jh,m as kh,Fz as lh,Bz as mh,Uz as nh,Wz as oh,r as ph,Kz as qh,Gz as rh,Nz as sh,Hz as th,Az as uh};

package/dist/chunk-refwkt87.js

@@ -0,0 +1,71 @@
+// @bun
+var J=0;function O(){return`stx-teleport-${++J}`}function P(k){let j=k.split(",").map((q)=>q.trim()),F=j[0].replace(/['"]/g,""),w;for(let q=1;q<j.length;q++){let z=j[q].match(/disabled:\s*(.+)/);if(z)w=z[1].trim()}return{target:F,disabled:w}}function Q(k,j){return`
+    <script>
+    (function() {
+      const source = document.getElementById('${k}');
+      if (!source) return;
+
+      // Get the content template up-front so we can hold a reference for the
+      // retry path. (template.content is moved out by cloneNode below.)
+      const template = source.querySelector('template');
+      if (!template) return;
+
+      function mount(targetEl) {
+        // Clone the template content and wrap it for tracking.
+        const content = template.content.cloneNode(true);
+        const wrapper = document.createElement('div');
+        wrapper.setAttribute('data-teleport-from', '${k}');
+        wrapper.appendChild(content);
+
+        targetEl.appendChild(wrapper);
+
+        // Remove the source placeholder
+        source.remove();
+
+        wrapper.dispatchEvent(new CustomEvent('teleport:mounted', {
+          bubbles: true,
+          detail: { sourceId: '${k}', target: '${j}' }
+        }));
+      }
+
+      // The teleport script runs inline at the position it's emitted. If the
+      // target is declared later in the same render pass (e.g. by a layout
+      // shell whose onMount creates the portal root), the first lookup
+      // misses. Pre-fix (stacksjs/stx#1728) the script bailed with a warning
+      // and never tried again. Now retry once via requestAnimationFrame so
+      // targets that land in the same paint cycle still work. A second
+      // miss is still a warning \u2014 we don't loop forever.
+      const firstEl = document.querySelector('${j}');
+      if (firstEl) { mount(firstEl); return; }
+
+      requestAnimationFrame(function() {
+        const retryEl = document.querySelector('${j}');
+        if (retryEl) { mount(retryEl); return; }
+        console.warn('[stx] Teleport target not found: ${j}');
+      });
+    })();
+    </script>
+  `}function U(k,j,F){J=0;let w=/@teleport\s*\(([^)]+)\)\s*([\s\S]*?)@endteleport/g;return k.replace(w,(q,z,K)=>{let G=O(),{target:L,disabled:v}=P(z),H=K.trim();if(v)try{let B=!1;if(v==="true")B=!0;else if(v==="false")B=!1;else if(v in j)B=Boolean(j[v]);if(B)return`<div class="stx-teleport-inline" data-teleport-disabled>${H}</div>`}catch{}let N=Q(G,L);return`
+      <div id="${G}" class="stx-teleport-source" style="display: none;">
+        <template>${H}</template>
+      </div>
+      ${N}
+    `})}function V(){return`
+    <script>
+    (function() {
+      // Common teleport targets
+      const targets = ['#stx-modals', '#stx-tooltips', '#stx-notifications'];
+
+      targets.forEach(selector => {
+        const id = selector.slice(1); // Remove #
+        if (!document.getElementById(id)) {
+          const el = document.createElement('div');
+          el.id = id;
+          el.setAttribute('data-teleport-container', '');
+          document.body.appendChild(el);
+        }
+      });
+    })();
+    </script>
+  `}
+export{U as cj,V as dj};

package/dist/chunk-rj4kajww.js

@@ -0,0 +1,2 @@
+// @bun
+import{pg as a,qg as b,rg as c,sg as d,tg as e,ug as f,vg as g,wg as h}from"./chunk-bz820epz.js";import"./chunk-qc1f74ek.js";export{g as timingPlugin,c as pluginManager,a as definePlugin,f as debugPlugin,h as createVariablesPlugin,e as createFilterPlugin,d as createDirectivePlugin,b as PluginManager};

package/dist/chunk-rp4rjjmf.js

@@ -0,0 +1,2 @@
+// @bun
+import{ii as a,ji as b,ki as c,li as d,mi as e}from"./chunk-y7m2dpd3.js";import"./chunk-qc1f74ek.js";export{c as renderSSRSuspense,a as processSuspenseDirectives,e as generateSuspenseRuntime,d as generateSuspenseCSS,b as createSSRSuspense};