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

package/dist/chunk-wcm80anz.js

@@ -0,0 +1,321 @@
+// @bun
+function L(b,j={}){return{enterFrom:j.enterClass||`${b}-enter-from`,enterActive:j.enterActiveClass||`${b}-enter-active`,enterTo:j.enterToClass||`${b}-enter-to`,leaveFrom:j.leaveClass||`${b}-leave-from`,leaveActive:j.leaveActiveClass||`${b}-leave-active`,leaveTo:j.leaveToClass||`${b}-leave-to`}}function Q(b){let j=getComputedStyle(b),B=j.transitionDuration||"0s",q=j.animationDuration||"0s",A=(z)=>{let F=z.match(/^([\d.]+)(s|ms)?$/);if(!F)return 0;let G=parseFloat(F[1]);return(F[2]||"s")==="ms"?G:G*1000};return Math.max(A(B),A(q))}function N(b,j){return new Promise((B)=>{let q=j??Q(b);if(q===0){B();return}let A=!1,z=()=>{if(A)return;A=!0,b.removeEventListener("transitionend",F),b.removeEventListener("animationend",F),B()},F=(G)=>{if(G.target===b)z()};b.addEventListener("transitionend",F),b.addEventListener("animationend",F),setTimeout(z,q+50)})}function P(b){b.offsetHeight}async function W(b,j={}){let B=j.name||"stx",q=L(B,j),A=typeof j.duration==="object"?j.duration.enter:j.duration;if(j.onBeforeEnter?.(b),b.classList.add(q.enterFrom),b.classList.add(q.enterActive),P(b),b.classList.remove(q.enterFrom),b.classList.add(q.enterTo),j.onEnter)await new Promise((z)=>{j.onEnter(b,z)});else await N(b,A);b.classList.remove(q.enterActive),b.classList.remove(q.enterTo),j.onAfterEnter?.(b)}async function X(b,j={}){let B=j.name||"stx",q=L(B,j),A=typeof j.duration==="object"?j.duration.leave:j.duration;if(j.onBeforeLeave?.(b),b.classList.add(q.leaveFrom),b.classList.add(q.leaveActive),P(b),b.classList.remove(q.leaveFrom),b.classList.add(q.leaveTo),j.onLeave)await new Promise((z)=>{j.onLeave(b,z)});else await N(b,A);b.classList.remove(q.leaveActive),b.classList.remove(q.leaveTo),j.onAfterLeave?.(b)}function Y(b,j={},B){let q=/@transition\s*\(([^)]*)\)([\s\S]*?)@endtransition/gi;return b.replace(q,(A,z,F)=>{let G=U(z),H=G.name||"stx",J=G.duration||300,K=`stx-transition-${Math.random().toString(36).slice(2,9)}`;return`
+<div
+  class="stx-transition-wrapper"
+  data-transition="${H}"
+  data-transition-id="${K}"
+  data-transition-duration="${J}"
+  ${G.mode?`data-transition-mode="${G.mode}"`:""}
+>
+  ${F.trim()}
+</div>
+<script>
+(function() {
+  const wrapper = document.querySelector('[data-transition-id="${K}"]');
+  if (!wrapper) return;
+
+  const name = '${H}';
+  const duration = ${J};
+
+  // Observe for child changes to trigger transitions
+  const observer = new MutationObserver(function(mutations) {
+    mutations.forEach(function(mutation) {
+      mutation.addedNodes.forEach(function(node) {
+        if (node.nodeType === 1) {
+          window.STX?.transition?.enter(node, { name: name, duration: duration });
+        }
+      });
+      mutation.removedNodes.forEach(function(node) {
+        if (node.nodeType === 1) {
+          // Leave transition handled before removal
+        }
+      });
+    });
+  });
+
+  observer.observe(wrapper, { childList: true });
+
+  // Initial enter transition for existing children
+  Array.from(wrapper.children).forEach(function(child) {
+    window.STX?.transition?.enter(child, { name: name, duration: duration });
+  });
+})();
+</script>
+`})}function U(b){let j={},B=/(\w+)\s*:\s*(?:'([^']*)'|"([^"]*)"|(\d+)|(\w+))/g,q;while((q=B.exec(b))!==null){let A=q[1],z=q[2]||q[3]||q[4]||q[5];switch(A){case"name":j.name=z;break;case"duration":j.duration=parseInt(z,10);break;case"mode":j.mode=z;break;case"easing":j.easing=z;break}}return j}function Z(){return`
+/* STX Transition Presets */
+
+/* Fade */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+.fade-enter-to,
+.fade-leave-from {
+  opacity: 1;
+}
+
+/* Slide Up */
+.slide-up-enter-from,
+.slide-up-leave-to {
+  opacity: 0;
+  transform: translateY(20px);
+}
+.slide-up-enter-active,
+.slide-up-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.slide-up-enter-to,
+.slide-up-leave-from {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Slide Down */
+.slide-down-enter-from,
+.slide-down-leave-to {
+  opacity: 0;
+  transform: translateY(-20px);
+}
+.slide-down-enter-active,
+.slide-down-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.slide-down-enter-to,
+.slide-down-leave-from {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+/* Slide Left */
+.slide-left-enter-from {
+  opacity: 0;
+  transform: translateX(20px);
+}
+.slide-left-leave-to {
+  opacity: 0;
+  transform: translateX(-20px);
+}
+.slide-left-enter-active,
+.slide-left-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.slide-left-enter-to,
+.slide-left-leave-from {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+/* Slide Right */
+.slide-right-enter-from {
+  opacity: 0;
+  transform: translateX(-20px);
+}
+.slide-right-leave-to {
+  opacity: 0;
+  transform: translateX(20px);
+}
+.slide-right-enter-active,
+.slide-right-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.slide-right-enter-to,
+.slide-right-leave-from {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+/* Scale */
+.scale-enter-from,
+.scale-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+.scale-enter-active,
+.scale-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.scale-enter-to,
+.scale-leave-from {
+  opacity: 1;
+  transform: scale(1);
+}
+
+/* Scale Up (grow) */
+.scale-up-enter-from,
+.scale-up-leave-to {
+  opacity: 0;
+  transform: scale(0.5);
+}
+.scale-up-enter-active,
+.scale-up-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s ease;
+}
+.scale-up-enter-to,
+.scale-up-leave-from {
+  opacity: 1;
+  transform: scale(1);
+}
+
+/* Bounce */
+.bounce-enter-active {
+  animation: bounce-in 0.5s;
+}
+.bounce-leave-active {
+  animation: bounce-in 0.5s reverse;
+}
+@keyframes bounce-in {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+/* Flip */
+.flip-enter-from,
+.flip-leave-to {
+  opacity: 0;
+  transform: perspective(400px) rotateY(90deg);
+}
+.flip-enter-active,
+.flip-leave-active {
+  transition: opacity 0.4s ease, transform 0.4s ease;
+}
+.flip-enter-to,
+.flip-leave-from {
+  opacity: 1;
+  transform: perspective(400px) rotateY(0);
+}
+
+/* Zoom */
+.zoom-enter-from,
+.zoom-leave-to {
+  opacity: 0;
+  transform: scale(0);
+}
+.zoom-enter-active,
+.zoom-leave-active {
+  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+.zoom-enter-to,
+.zoom-leave-from {
+  opacity: 1;
+  transform: scale(1);
+}
+
+/* Collapse (height) */
+.collapse-enter-from,
+.collapse-leave-to {
+  opacity: 0;
+  max-height: 0;
+  overflow: hidden;
+}
+.collapse-enter-active,
+.collapse-leave-active {
+  transition: opacity 0.3s ease, max-height 0.3s ease;
+  overflow: hidden;
+}
+.collapse-enter-to,
+.collapse-leave-from {
+  opacity: 1;
+  max-height: 1000px;
+}
+`}function _(){return`
+// STX Transition Runtime
+(function() {
+  if (typeof window === 'undefined') return;
+
+  window.STX = window.STX || {};
+  window.STX.transition = {
+    // Perform enter transition
+    enter: function(el, options) {
+      options = options || {};
+      const name = options.name || 'stx';
+      const duration = options.duration || 300;
+
+      const classes = {
+        enterFrom: name + '-enter-from',
+        enterActive: name + '-enter-active',
+        enterTo: name + '-enter-to'
+      };
+
+      // Add initial classes
+      el.classList.add(classes.enterFrom);
+      el.classList.add(classes.enterActive);
+
+      // Force reflow
+      void el.offsetHeight;
+
+      // Start transition
+      el.classList.remove(classes.enterFrom);
+      el.classList.add(classes.enterTo);
+
+      // Cleanup after transition
+      setTimeout(function() {
+        el.classList.remove(classes.enterActive);
+        el.classList.remove(classes.enterTo);
+      }, duration + 50);
+
+      return el;
+    },
+
+    // Perform leave transition
+    leave: function(el, options) {
+      return new Promise(function(resolve) {
+        options = options || {};
+        const name = options.name || 'stx';
+        const duration = options.duration || 300;
+
+        const classes = {
+          leaveFrom: name + '-leave-from',
+          leaveActive: name + '-leave-active',
+          leaveTo: name + '-leave-to'
+        };
+
+        // Add initial classes
+        el.classList.add(classes.leaveFrom);
+        el.classList.add(classes.leaveActive);
+
+        // Force reflow
+        void el.offsetHeight;
+
+        // Start transition
+        el.classList.remove(classes.leaveFrom);
+        el.classList.add(classes.leaveTo);
+
+        // Cleanup and resolve after transition
+        setTimeout(function() {
+          el.classList.remove(classes.leaveActive);
+          el.classList.remove(classes.leaveTo);
+          resolve(el);
+        }, duration + 50);
+      });
+    },
+
+    // Toggle with transition
+    toggle: function(el, show, options) {
+      if (show) {
+        el.style.display = '';
+        return this.enter(el, options);
+      }
+else {
+        return this.leave(el, options).then(function() {
+          el.style.display = 'none';
+          return el;
+        });
+      }
+    }
+  };
+
+  console.log('[stx] Transition runtime initialized');
+})();
+`}function $(b){let j=/@transition\.([a-z-]+)(?:\.(\d+))?="([^"]+)"/gi;return b.replace(j,(B,q,A,z)=>{let F=A||"300",G=`stx-t-${Math.random().toString(36).slice(2,7)}`;return`data-stx-transition="${q}" data-stx-transition-duration="${F}" data-stx-transition-condition="${z}" data-stx-transition-id="${G}"`})}
+export{W as ci,X as di,Y as ei,Z as fi,_ as gi,$ as hi};

package/dist/chunk-wrzwgkbx.js

@@ -0,0 +1,22 @@
+// @bun
+import{yt as IJ}from"./chunk-5kk8gsj2.js";import{gv as VJ}from"./chunk-qc1f74ek.js";import O from"path";import{hasLocalConfig as FJ}from"bunfig";var JJ={fg:{light:"gray-900",dark:"gray-100",description:"Primary text"},"fg-strong":{light:"gray-700",dark:"gray-300",description:"Labels, secondary headings"},"fg-muted":{light:"gray-600",dark:"gray-400",description:"Supporting text"},"fg-soft":{light:"gray-500",dark:"gray-400",description:"De-emphasised text"},"fg-subtle":{light:"gray-400",dark:"gray-500",description:"Placeholders, disabled text"},surface:{light:"gray-50",dark:"gray-800",description:"Page and panel background"},"surface-raised":{light:"gray-100",dark:"gray-700",description:"Cards, popovers"},"surface-sunken":{light:"gray-200",dark:"gray-700",description:"Wells, track backgrounds"},line:{light:"gray-200",dark:"gray-700",description:"Default border, divider"},"line-strong":{light:"gray-300",dark:"gray-600",description:"Input border, focus ring track"},accent:{light:"indigo-600",dark:"indigo-400",description:"Primary action, selected state"},info:{light:"blue-600",dark:"blue-400",description:"Informational emphasis, links"},danger:{light:"red-600",dark:"red-400",description:"Errors, destructive actions"},success:{light:"green-600",dark:"green-400",description:"Confirmation"},warning:{light:"yellow-500",dark:"yellow-400",description:"Caution"},"accent-solid":{light:"indigo-600",dark:"indigo-500",description:"Primary button fill"},"info-solid":{light:"blue-600",dark:"blue-500",description:"Informational fill"},"danger-solid":{light:"red-600",dark:"red-500",description:"Destructive button fill"},"success-solid":{light:"green-600",dark:"green-500",description:"Confirmation fill"}};function g(Q){return`--stx-${Q}`}function m(Q,J){let Y=J.lastIndexOf("-");if(Y===-1)return typeof Q[J]==="string"?Q[J]:void 0;let $=Q[J.slice(0,Y)];if(!$||typeof $!=="object")return;let Z=$[J.slice(Y+1)];return typeof Z==="string"?Z:void 0}function QJ(Q){let J={};for(let[Y,$]of Object.entries(JJ)){let Z=m(Q,$.light);if(Z===void 0)continue;J[Y]=`var(${g(Y)}, ${Z})`}return J}function YJ(Q){let J=[],Y=[];for(let[$,Z]of Object.entries(JJ)){let q=m(Q,Z.light),U=m(Q,Z.dark);if(q===void 0)continue;if(J.push(`  ${g($)}: ${q};`),U!==void 0)Y.push(`  ${g($)}: ${U};`)}if(J.length===0)return"";return["/* stx role tokens \u2014 override any of these to re-theme by meaning. */",":root {",...J,"}",".dark {",...Y,"}",""].join(`
+`)}function $J(Q){return typeof Q==="object"&&Q!==null&&!Array.isArray(Q)}function u(Q,J){let Y={...Q};for(let[$,Z]of Object.entries(J))Y[$]=$J(Z)&&$J(Y[$])?u(Y[$],Z):Z;return Y}function ZJ(Q={},J={}){let Y=Q.theme||{},$=J.theme||{},{extend:Z,...q}=$,{extend:U,...j}=Y,F=j.colors||{};j.colors={...F,...QJ(F)};let V=u(j,q),I=u(U||{},Z||{});if(Object.keys(I).length>0)V.extend=I;let L=[...Q.safelist||[],...J.safelist||[]],T={...Q.shortcuts||{},...J.shortcuts||{}},K=[...Q.preflights||[],...J.preflights||[]];return{config:{...Q,...J,theme:V,safelist:L,shortcuts:T,...K.length>0?{preflights:K}:{},content:[],output:""},safelist:L,shortcuts:T,includePreflight:J.preflight!==!1,minify:J.minify===!0,tokenCSS:YJ(F)}}var W={reset:"\x1B[0m",bright:"\x1B[1m",dim:"\x1B[2m",underscore:"\x1B[4m",blink:"\x1B[5m",reverse:"\x1B[7m",hidden:"\x1B[8m",black:"\x1B[30m",red:"\x1B[31m",green:"\x1B[32m",yellow:"\x1B[33m",blue:"\x1B[34m",magenta:"\x1B[35m",cyan:"\x1B[36m",white:"\x1B[37m",gray:"\x1B[90m",bgBlack:"\x1B[40m",bgRed:"\x1B[41m",bgGreen:"\x1B[42m",bgYellow:"\x1B[43m",bgBlue:"\x1B[44m",bgMagenta:"\x1B[45m",bgCyan:"\x1B[46m",bgWhite:"\x1B[47m",bgGray:"\x1B[100m"};import OJ from"fs";class h{cache=new Map;maxSize;options;sizes;bytes=0;constructor(Q=100,J){this.maxSize=Q,this.options=J??null,this.sizes=J?new Map:null}get byteSize(){return this.bytes}setMaxBytes(Q){if(!this.options)return;this.options={...this.options,maxBytes:Q};while(this.bytes>Q&&this.cache.size>0){let J=this.cache.keys().next().value;if(J===void 0)break;this.delete(J)}}get(Q){if(!this.cache.has(Q))return;let J=this.cache.get(Q);return this.cache.delete(Q),this.cache.set(Q,J),J}set(Q,J){if(this.cache.has(Q))this.delete(Q);let Y=this.options?this.options.sizeOf(J):0;if(this.options&&Y>this.options.maxBytes)return;while(this.cache.size>0&&(this.cache.size>=this.maxSize||this.options!==null&&this.bytes+Y>this.options.maxBytes)){let $=this.cache.keys().next().value;if($===void 0)break;this.delete($)}if(this.cache.set(Q,J),this.sizes)this.sizes.set(Q,Y),this.bytes+=Y}has(Q){return this.cache.has(Q)}delete(Q){if(this.sizes){let J=this.sizes.get(Q);if(J!==void 0)this.bytes-=J,this.sizes.delete(Q)}return this.cache.delete(Q)}clear(){this.cache.clear(),this.sizes?.clear(),this.bytes=0}get size(){return this.cache.size}keys(){return this.cache.keys()}values(){return this.cache.values()}}var B=new Map,_J=500;function mJ(Q,J){if(J?.includes("g"))return new RegExp(Q,J);let Y=`${Q}:${J||""}`;if(!B.has(Y)){if(B.size>=_J){let $=B.keys().next().value;if($)B.delete($)}B.set(Y,new RegExp(Q,J))}return B.get(Y)}class qJ{pool=[];maxPoolSize=10;fnCache=new Map;fnCacheMaxSize=200;getEvaluator(Q){let J=Array.from(new Set(Q)),Y=J.sort().join(","),$=this.pool.find((j)=>j.context.join(",")===Y);if($)return $.func;let Z=this.fnCache,q=this.fnCacheMaxSize,U=(...j)=>{return(F)=>{try{let V=`${Y}:${F}`,I=Z.get(V);if(!I){if(Z.size>=q){let L=Z.keys().next().value;if(L)Z.delete(L)}I=Function(...J,`
+              'use strict';
+              try {
+                return ${F};
+              }
+catch (e) {
+                if (e instanceof ReferenceError || e instanceof TypeError) {
+                  return undefined;
+                }
+                throw e;
+              }
+            `),Z.set(V,I)}return I(...j)}catch{return}}};if(this.pool.length<this.maxPoolSize)this.pool.push({func:U,context:J.slice()});return U}clear(){this.pool.length=0,this.fnCache.clear()}}var uJ=new qJ;class UJ{metrics=new Map;budgets=new Map;violations=[];maxViolations=100;violationHandlers=[];enabled=!0;setEnabled(Q){this.enabled=Q}isEnabled(){return this.enabled}setBudget(Q,J){this.budgets.set(Q,{warnThreshold:0.8,action:"warn",...J})}setBudgets(Q){for(let[J,Y]of Object.entries(Q))this.setBudget(J,Y)}removeBudget(Q){this.budgets.delete(Q)}getBudgets(){let Q={};for(let[J,Y]of this.budgets.entries())Q[J]=Y;return Q}onViolation(Q){this.violationHandlers.push(Q)}offViolation(Q){let J=this.violationHandlers.indexOf(Q);if(J!==-1)this.violationHandlers.splice(J,1)}time(Q,J){if(!this.enabled)return J();let Y=performance.now(),$=J(),Z=performance.now()-Y;return this.recordTime(Q,Z),this.checkBudget(Q,Z),$}async timeAsync(Q,J){if(!this.enabled)return J();let Y=performance.now(),$=await J(),Z=performance.now()-Y;return this.recordTime(Q,Z),this.checkBudget(Q,Z),$}checkBudget(Q,J){let Y=this.budgets.get(Q);if(!Y)return;let $=J/Y.maxTime*100,Z=Y.warnThreshold!==void 0?J>=Y.maxTime*Y.warnThreshold&&J<Y.maxTime:!1,q=J>=Y.maxTime;if(!Z&&!q)return;let U={label:Q,actualTime:J,budgetTime:Y.maxTime,exceedancePercent:$,timestamp:new Date,isWarning:Z};this.violations.push(U);while(this.violations.length>this.maxViolations)this.violations.shift();for(let F of this.violationHandlers)try{F(U)}catch{}let j=Z?`[Performance Warning] "${Q}" took ${J.toFixed(2)}ms (${$.toFixed(1)}% of ${Y.maxTime}ms budget)`:`[Performance Budget Exceeded] "${Q}" took ${J.toFixed(2)}ms (exceeded ${Y.maxTime}ms budget by ${($-100).toFixed(1)}%)`;switch(Y.action){case"log":console.log(j);break;case"warn":console.warn(j);break;case"error":console.error(j);break;case"throw":if(q)throw Error(j);else console.warn(j);break}}recordTime(Q,J){let Y=this.metrics.get(Q);if(Y)Y.count++,Y.totalTime+=J,Y.maxTime=Math.max(Y.maxTime,J),Y.minTime=Math.min(Y.minTime,J);else this.metrics.set(Q,{count:1,totalTime:J,maxTime:J,minTime:J})}getStats(Q){if(Q){let Y=this.metrics.get(Q);if(!Y)return{};let $=this.budgets.get(Q);return{count:Y.count,avgTime:Y.totalTime/Y.count,totalTime:Y.totalTime,maxTime:Y.maxTime,minTime:Y.minTime,budget:$?.maxTime,budgetUtilization:$?Y.totalTime/Y.count/$.maxTime*100:void 0}}let J={};for(let[Y,$]of this.metrics.entries()){let Z=this.budgets.get(Y);J[Y]={count:$.count,avgTime:$.totalTime/$.count,totalTime:$.totalTime,maxTime:$.maxTime,minTime:$.minTime,budget:Z?.maxTime,budgetUtilization:Z?$.totalTime/$.count/Z.maxTime*100:void 0}}return J}getViolations(Q){if(Q)return this.violations.filter((J)=>J.label===Q);return[...this.violations]}getViolationStats(){let Q={},J=0,Y=0;for(let $ of this.violations)if(Q[$.label]=(Q[$.label]||0)+1,$.isWarning)J++;else Y++;return{total:this.violations.length,byLabel:Q,warnings:J,errors:Y}}clear(){this.metrics.clear()}clearViolations(){this.violations.length=0}clearBudgets(){this.budgets.clear()}reset(){this.clear(),this.clearViolations(),this.clearBudgets(),this.violationHandlers.length=0}}var d=null;function HJ(){if(!d)d=new UJ;return d}var dJ=new Proxy({},{get(Q,J){return HJ()[J]}});var WJ=[];function jJ(Q){let J=new h(Q);return WJ.push(J),J}function lJ(){for(let Q of WJ)Q.clear()}function i(Q,...J){return`${J.map((Y)=>String(Y??"")).join("\x00")}\x00${Q.length}\x00${Bun.hash(Q)}`}function nJ(Q){let J=[];for(let Y of new Set(Q))try{J.push({path:Y,mtimeMs:OJ.statSync(Y).mtimeMs})}catch{}return J}function oJ(Q){for(let J of Q)try{if(OJ.statSync(J.path).mtimeMs!==J.mtimeMs)return!1}catch{return!1}return!0}var N=null,l=!1,X=null,M="",w=!1,NJ=256,_=new Map,z=new Map,H=null,E=null;function x(Q){return Bun.hash(Q).toString(16).padStart(16,"0").slice(0,16)}function c(Q,J){if(_.has(Q))_.delete(Q);else if(_.size>=NJ)_.delete(_.keys().next().value);_.set(Q,J)}function TJ(Q){let J=x(Q);if(z.has(J))z.delete(J);else if(z.size>=NJ)z.delete(z.keys().next().value);return z.set(J,Q),J}function YQ(Q){let J=z.get(Q);if(J===void 0)return;return z.delete(Q),z.set(Q,J),J}async function BJ(Q){if(!H)return null;try{let J=Bun.file(O.join(H,`cw-${x(Q)}.css`));if(!await J.exists())return null;return await J.text()}catch{return null}}async function wJ(Q,J){if(!H)return;try{if(!fs.existsSync(H))fs.mkdirSync(H,{recursive:!0});await Bun.write(O.join(H,`cw-${x(Q)}.css`),J)}catch{}}async function GJ(Q){try{let J=await import(Q);if(J&&J.CSSGenerator)return{CSSGenerator:J.CSSGenerator,config:J.config,build:J.build,defaultConfig:J.defaultConfig,extractClasses:J.extractClasses}}catch{}return null}var KJ=[["@stacksjs","ts-css","dist","engine","index.js"],["@stacksjs","ts-css","src","engine","index.ts"]],RJ=["@stacksjs/ts-css/engine","@stacksjs/ts-css/dist/engine/index.js"];function PJ(){let Q=[],J=process.cwd();while(J!==O.dirname(J)){for(let Y of["node_modules","pantry"])for(let $ of KJ)Q.push(O.join(J,Y,...$));J=O.dirname(J)}return Q}function DJ(){let Q=[],J=process.env.HOME||process.env.USERPROFILE||"",Y=[J&&O.join(J,"Code","Tools","ts-css"),J&&O.join(J,"Code","Tools","crosswind"),J&&O.join(J,"repos","stacks-org","ts-css"),J&&O.join(J,"repos","stacks-org","crosswind"),O.join(process.cwd(),"..","ts-css"),O.join(process.cwd(),"..","crosswind")].filter(Boolean);for(let $ of Y)Q.push(O.join($,"packages","toolkit","dist","engine","index.js")),Q.push(O.join($,"packages","toolkit","src","engine","index.ts"));if(J)Q.push(O.join(J,"Code","Tools","stx","node_modules","@stacksjs","ts-css","dist","engine","index.js"));return Q}async function zJ(){if(l)return N;l=!0;try{let Q=async(Z)=>{for(let q of Z){if(!await Bun.file(q).exists())continue;let U=await GJ(q);if(U){if(!process.env.STACKS_DEV_QUIET)console.log(`${W.green}[ts-css]${W.reset} CSS engine loaded from ${O.dirname(O.dirname(q))}`);return U}}return null};if(process.env.CROSSWIND_SRC){let Z=O.resolve(process.env.CROSSWIND_SRC),q=await Q([Z]);if(!q)throw Error(`CROSSWIND_SRC did not resolve to a Css module: ${Z}`);return N=q,N}let J=await Q(PJ());if(J)return N=J,N;let Y=RJ;for(let Z of Y){let q=await GJ(Z);if(q){if(N=q,!process.env.STACKS_DEV_QUIET)console.log(`${W.green}[ts-css]${W.reset} CSS engine loaded`);return N}}let $=await Q(DJ());if($)return N=$,N;throw Error("Css CSSGenerator not found in any location")}catch{return console.warn(`${W.yellow}[ts-css] CSS engine not available, Tailwind styles will not be generated${W.reset}`),console.warn(`${W.yellow}Run 'bun add @stacksjs/ts-css' to enable CSS generation${W.reset}`),null}}function $Q(){n.clear(),N=null,l=!1,X=null,M="",_.clear(),z.clear(),E=null}var XJ=!1;async function AJ(Q){try{let J=FJ({name:"css",cwd:Q})?"css":FJ({name:"crosswind",cwd:Q})?"crosswind":null;if(!J)return null;if(J==="crosswind"&&!process.env.STACKS_DEV_QUIET&&!XJ)XJ=!0,console.warn(`${W.yellow}[ts-css]${W.reset} Reading the CSS config from a \`crosswind\` file. Rename it to \`css\` (e.g. config/css.ts) \u2014 the old name is deprecated.`);let{loadConfigWithResult:Y}=await import("bunfig"),$=await Y({name:J,cwd:Q,defaultConfig:{},checkEnv:!1,verbose:!1});if(!$?.path||!$.config||Object.keys($.config).length===0)return null;let Z=O.relative(Q,$.path);if(!process.env.STACKS_DEV_QUIET)console.log(`${W.green}[ts-css]${W.reset} Loaded config from ${Z||$.path}`);return $.config}catch(J){if(J instanceof Error&&J.name==="ConfigNotFoundError")return null;return console.warn(`${W.yellow}[ts-css]${W.reset} Failed to load css config:`,J instanceof Error?J.message:J),null}}async function MJ(Q){let J=null;try{let{loadStxConfig:Y}=await import("./chunk-ydrz60kr.js"),$=await Y(Q);if($.css)if(typeof $.css==="string"){let Z=O.isAbsolute($.css)?$.css:O.resolve(Q,$.css);if(await Bun.file(Z).exists()){let q=await import(Z);J=q.default||q,console.log(`${W.green}[ts-css]${W.reset} Loaded config from stx.config.ts \u2192 ${$.css}`)}}else{if(J={...$.css,content:$.css.content||[],preflight:$.css.preflight??!0,minify:$.css.minify??!1},$.css.config){let Z=O.isAbsolute($.css.config)?$.css.config:O.resolve(Q,$.css.config);if(await Bun.file(Z).exists()){let q=await import(Z);J={...q.default||q,...J}}}console.log(`${W.green}[ts-css]${W.reset} Using inline CSS config from stx.config.ts`)}}catch{}return J||await AJ(Q)}function EJ(Q){try{let J=new WeakSet;return x(JSON.stringify(Q??{},(Y,$)=>{if(typeof $==="function")return`[fn]${String($)}`;if(typeof $==="object"&&$!==null){if(J.has($))return"[circular]";J.add($)}return $})??"")}catch{return"unhashable"}}async function SJ(Q){if(w)return M;w=!0;try{let J=await zJ();if(!J||!J.build)return w=!1,"";if(!X)X=await AJ(Q);if(!X)return w=!1,"";let Y=J.defaultConfig?.theme||{},$=X.theme||{},Z={...J.defaultConfig,...X,theme:{...Y,...$,extend:{...Y.extend||{},...$.extend||{}}}},q=performance.now(),U=await J.build(Z),j=performance.now()-q;if(M=U.css,console.log(`${W.cyan}[ts-css]${W.reset} Built ${U.classes.size} classes in ${j.toFixed(1)}ms`),Z.output){let F=O.isAbsolute(Z.output)?Z.output:O.join(Q,Z.output),V=O.dirname(F);if(!fs.existsSync(V))fs.mkdirSync(V,{recursive:!0});await Bun.write(F,U.css)}return w=!1,U.css}catch(J){return console.error(`${W.red}[ts-css]${W.reset} Build error:`,J),w=!1,M}}async function ZQ(Q){X=null,await SJ(Q)}function qQ(){return M}function vJ(Q){let J=new Set,Y=/class\s*=\s*["']([^"']+)["']/gi,$=Y.exec(Q);while($!==null){for(let U of $[1].split(/\s+/))if(U.trim())J.add(U.trim());$=Y.exec(Q)}let Z=/(?:x-class|:class)\s*=\s*"([^"]+)"/gi,q=Z.exec(Q);while(q!==null){let U=q[1].match(/'([^']+)'/g);if(U){for(let j of U)for(let F of j.slice(1,-1).split(/\s+/))if(F.trim())J.add(F.trim())}q=Z.exec(Q)}return J}var n=jJ(64);async function xJ(Q,J){let Y=n.get(i(Q,J,E));if(Y!==void 0)return Y;let $=await kJ(Q,J);if($)n.set(i(Q,J,E),$);return $}async function kJ(Q,J){try{let Y=await zJ();if(!Y)return"";let $=typeof Y.extractClasses==="function"?Y.extractClasses(Q):vJ(Q);if($.size===0)return"";let Z=J?O.resolve(J):process.cwd();if(!H)H=IJ(Z,"cache");let q=[...$].sort().join(" "),U=`${E||"default"}::${q}`,j=_.get(U);if(j!==void 0)return c(U,j),j;let F=await BJ(U);if(F!==null)return c(U,F),F;if(!X)X=await MJ(Z),E=EJ(X);let V=Y.defaultConfig||Y.config,I=X||{},L=ZJ(V,I),{safelist:T,includePreflight:K,minify:k,tokenCSS:LJ}=L,o=L.config,R=new Y.CSSGenerator(o);for(let G of T)R.generate(G);for(let G of $)R.generate(G);let A=R.toCSS(K,k),r=o.shortcuts||I.shortcuts||{};for(let[G,b]of Object.entries(r)){if(!$.has(G)&&!T.includes(G))continue;let y=b.split(/\s+/).filter(Boolean);for(let D of y)R.generate(D)}A=R.toCSS(K,k);let P=A.split(`
+`);for(let[G,b]of Object.entries(r)){if(!$.has(G)&&!T.includes(G))continue;let y=b.split(/\s+/).filter(Boolean),D=[],f=[];for(let C of y){let a=C.startsWith("dark:"),s=`.${(a?C.slice(5):C).replace(/\//g,"\\/").replace(/:/g,"\\:").replace(/\./g,"\\.").replace(/\[/g,"\\[").replace(/\]/g,"\\]").replace(/%/g,"\\%")}`;for(let S=0;S<P.length;S++){let t=P[S].trim();if(t===`${s} {`||t.startsWith(`${s} {`)){let v=S,e="";while(v<P.length){if(e+=P[v],P[v].includes("}"))break;v++}let p=e.match(/\{([^}]+)\}/);if(p)if(a)f.push(p[1].trim());else D.push(p[1].trim());break}}}if(D.length)A+=`
+.${G} { ${D.join(" ")} }`;if(f.length)A+=`
+@media (prefers-color-scheme: dark) { .dark .${G} { ${f.join(" ")} } }`}return A=LJ+A,c(U,A),wJ(U,A),A}catch(Y){return console.warn("Failed to generate Css CSS:",Y),""}}async function UQ(Q,J,Y=!1){let $=await xJ(Q,J);if(!$)return Q;let Z=Y?`<link data-css="generated" rel="stylesheet" href="/_stx/css.${TJ($)}.css">`:`<style data-css="generated">
+${$}
+</style>`,q=/(?:<style\b[^>]*\bdata-css=(?:"generated"|'generated')[^>]*>[\s\S]*?<\/style>|<link\b[^>]*\bdata-css=(?:"generated"|'generated')[^>]*>)/g;if(q.test(Q)){let U=!1;return Q.replace(q,()=>{if(U)return"";return U=!0,Z})}if(Q.includes("</head>"))return Q.replace("</head>",`${Z}
+</head>`);if(Q.includes("<body"))return Q.replace(/<body([^>]*)>/,`<body$1>
+${Z}`);return Z+Q}
+export{h as Zs,mJ as _s,dJ as $s,jJ as at,lJ as bt,i as ct,nJ as dt,oJ as et,u as ft,ZJ as gt,W as ht,YQ as it,zJ as jt,$Q as kt,AJ as lt,MJ as mt,EJ as nt,SJ as ot,ZQ as pt,qQ as qt,vJ as rt,xJ as st,UQ as tt};

package/dist/chunk-x650vjcp.js

@@ -0,0 +1,302 @@
+// @bun
+function H(j,z){let k=z.pwa?.manifest?.themeColor||"#4f46e5";return`<div class="stx-pwa-install" style="display:none;">
+  ${j}
+</div>
+<script>
+(function() {
+  let deferredPrompt;
+  const installContainer = document.querySelector('.stx-pwa-install');
+  const installBtn = installContainer?.querySelector('button, [data-pwa-install]') || installContainer;
+
+  window.addEventListener('beforeinstallprompt', (e) => {
+    e.preventDefault();
+    deferredPrompt = e;
+    if (installContainer) {
+      installContainer.style.display = 'block';
+    }
+  });
+
+  if (installBtn) {
+    installBtn.addEventListener('click', async () => {
+      if (!deferredPrompt) return;
+      deferredPrompt.prompt();
+      const { outcome } = await deferredPrompt.userChoice;
+      console.log('[PWA] Install prompt outcome:', outcome);
+      deferredPrompt = null;
+      if (installContainer) {
+        installContainer.style.display = 'none';
+      }
+    });
+  }
+
+  window.addEventListener('appinstalled', () => {
+    console.log('[PWA] App installed');
+    deferredPrompt = null;
+    if (installContainer) {
+      installContainer.style.display = 'none';
+    }
+  });
+
+  // Check if already installed
+  if (window.matchMedia('(display-mode: standalone)').matches) {
+    if (installContainer) {
+      installContainer.style.display = 'none';
+    }
+  }
+})();
+</script>`}function J(j,z){let k=z.pwa?.updates,E=k?.message||"A new version is available. Reload to update?",q=k?.autoReload||!1,F=j.trim().length>0,G=`
+<div class="stx-pwa-update-banner" style="
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  padding: 16px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
+  z-index: 99999;
+  transform: translateY(100%);
+  transition: transform 0.3s ease;
+">
+  <span style="font-size: 14px;">${E}</span>
+  <div style="display: flex; gap: 12px;">
+    <button data-pwa-dismiss style="
+      background: transparent;
+      border: 1px solid rgba(255,255,255,0.5);
+      color: white;
+      padding: 8px 16px;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 14px;
+    ">Later</button>
+    <button data-pwa-reload style="
+      background: white;
+      border: none;
+      color: #667eea;
+      padding: 8px 16px;
+      border-radius: 6px;
+      cursor: pointer;
+      font-weight: 600;
+      font-size: 14px;
+    ">Update Now</button>
+  </div>
+</div>`;return`${F?`<div class="stx-pwa-update" style="display:none;">${j}</div>`:G}
+<script>
+(function() {
+  const updateContainer = document.querySelector('.stx-pwa-update, .stx-pwa-update-banner');
+  const dismissBtn = updateContainer?.querySelector('[data-pwa-dismiss]');
+  const reloadBtn = updateContainer?.querySelector('[data-pwa-reload], button');
+  const autoReload = ${q};
+  let newWorker = null;
+
+  function showUpdate() {
+    if (updateContainer) {
+      if (updateContainer.classList.contains('stx-pwa-update-banner')) {
+        updateContainer.style.transform = 'translateY(0)';
+      }
+else {
+        updateContainer.style.display = 'block';
+      }
+    }
+    if (autoReload) {
+      setTimeout(() => window.location.reload(), 1000);
+    }
+  }
+
+  function hideUpdate() {
+    if (updateContainer) {
+      if (updateContainer.classList.contains('stx-pwa-update-banner')) {
+        updateContainer.style.transform = 'translateY(100%)';
+      }
+else {
+        updateContainer.style.display = 'none';
+      }
+    }
+  }
+
+  if (dismissBtn) {
+    dismissBtn.addEventListener('click', hideUpdate);
+  }
+
+  if (reloadBtn) {
+    reloadBtn.addEventListener('click', () => {
+      if (newWorker) {
+        newWorker.postMessage({ type: 'SKIP_WAITING' });
+      }
+      window.location.reload();
+    });
+  }
+
+  // Listen for service worker updates
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.ready.then((registration) => {
+      registration.addEventListener('updatefound', () => {
+        newWorker = registration.installing;
+        if (newWorker) {
+          newWorker.addEventListener('statechange', () => {
+            if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
+              showUpdate();
+            }
+          });
+        }
+      });
+    });
+
+    // Handle controller change (after skipWaiting)
+    navigator.serviceWorker.addEventListener('controllerchange', () => {
+      window.location.reload();
+    });
+  }
+
+  // Also listen for custom event
+  window.addEventListener('pwa-update-available', showUpdate);
+})();
+</script>`}function L(j,z){let k=j.trim().length>0,E=`
+<div class="stx-offline-indicator" style="
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  background: #ef4444;
+  color: white;
+  padding: 12px 20px;
+  border-radius: 8px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
+  z-index: 99999;
+  display: none;
+  align-items: center;
+  gap: 8px;
+">
+  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+    <path d="M1 1l22 22M16.72 11.06A10.94 10.94 0 0 1 19 12.55M5 12.55a10.94 10.94 0 0 1 5.17-2.39M10.71 5.05A16 16 0 0 1 22.58 9M1.42 9a15.91 15.91 0 0 1 4.7-2.88M8.53 16.11a6 6 0 0 1 6.95 0"/>
+    <circle cx="12" cy="20" r="1"/>
+  </svg>
+  <span>You are offline</span>
+</div>`;return`${k?`<div class="stx-offline-indicator" style="display:none;">${j}</div>`:`
+<div class="stx-offline-indicator" style="
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  background: #ef4444;
+  color: white;
+  padding: 12px 20px;
+  border-radius: 8px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
+  z-index: 99999;
+  display: none;
+  align-items: center;
+  gap: 8px;
+">
+  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+    <path d="M1 1l22 22M16.72 11.06A10.94 10.94 0 0 1 19 12.55M5 12.55a10.94 10.94 0 0 1 5.17-2.39M10.71 5.05A16 16 0 0 1 22.58 9M1.42 9a15.91 15.91 0 0 1 4.7-2.88M8.53 16.11a6 6 0 0 1 6.95 0"/>
+    <circle cx="12" cy="20" r="1"/>
+  </svg>
+  <span>You are offline</span>
+</div>`}
+<script>
+(function() {
+  const indicator = document.querySelector('.stx-offline-indicator');
+
+  function updateStatus() {
+    if (indicator) {
+      indicator.style.display = navigator.onLine ? 'none' : 'flex';
+    }
+  }
+
+  window.addEventListener('online', updateStatus);
+  window.addEventListener('offline', updateStatus);
+  updateStatus();
+})();
+</script>`}function M(j,z){let k=z.pwa?.push,E=k?.vapidPublicKey||"",q=k?.subscriptionEndpoint||"/api/push/subscribe";return`<div class="stx-pwa-push" style="display:none;">
+  ${j}
+</div>
+<script>
+(function() {
+  const pushContainer = document.querySelector('.stx-pwa-push');
+  const pushBtn = pushContainer?.querySelector('button, [data-pwa-push]') || pushContainer;
+  const vapidKey = '${E}';
+  const endpoint = '${q}';
+
+  async function checkPushSupport() {
+    if (!('serviceWorker' in navigator) || !('PushManager' in window)) {
+      console.log('[PWA] Push notifications not supported');
+      return false;
+    }
+    return true;
+  }
+
+  async function subscribeToPush() {
+    try {
+      const registration = await navigator.serviceWorker.ready;
+
+      // Check existing subscription
+      let subscription = await registration.pushManager.getSubscription();
+
+      if (!subscription && vapidKey) {
+        // Convert VAPID key
+        const urlBase64ToUint8Array = (base64String) => {
+          const padding = '='.repeat((4 - base64String.length % 4) % 4);
+          const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
+          const rawData = window.atob(base64);
+          const outputArray = new Uint8Array(rawData.length);
+          for (let i = 0; i < rawData.length; ++i) {
+            outputArray[i] = rawData.charCodeAt(i);
+          }
+          return outputArray;
+        };
+
+        subscription = await registration.pushManager.subscribe({
+          userVisibleOnly: true,
+          applicationServerKey: urlBase64ToUint8Array(vapidKey)
+        });
+
+        // Send subscription to server
+        if (endpoint) {
+          await fetch(endpoint, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(subscription)
+          });
+        }
+
+        console.log('[PWA] Push subscription created');
+        return subscription;
+      }
+
+      return subscription;
+    }
+catch (error) {
+      console.error('[PWA] Push subscription failed:', error);
+      return null;
+    }
+  }
+
+  async function init() {
+    if (await checkPushSupport()) {
+      const permission = await Notification.requestPermission();
+      if (permission === 'granted' && pushContainer) {
+        pushContainer.style.display = 'block';
+      }
+    }
+  }
+
+  if (pushBtn) {
+    pushBtn.addEventListener('click', subscribeToPush);
+  }
+
+  // Check support on load
+  if (pushContainer) {
+    init();
+  }
+})();
+</script>`}var N={name:"pwa.installButton",handler:(j,z,k,E)=>{let q=k.__stx_options||{};return H(j,q)},hasEndTag:!0,description:"Renders a PWA install prompt button that appears when the app can be installed"},Q={name:"pwa.updatePrompt",handler:(j,z,k,E)=>{let q=k.__stx_options||{};return J(j,q)},hasEndTag:!0,description:"Renders a PWA update notification UI when a new version is available"},T={name:"pwa.offlineIndicator",handler:(j,z,k,E)=>{let q=k.__stx_options||{};return L(j,q)},hasEndTag:!0,description:"Renders an offline status indicator that shows when the user loses connection"},V={name:"pwa.pushSubscribe",handler:(j,z,k,E)=>{let q=k.__stx_options||{};return M(j,q)},hasEndTag:!0,description:"Renders a push notification subscription button"},X=[N,Q,T,V];function Z(j){return[...j,...X]}
+export{N as Zu,Q as _u,T as $u,V as av,X as bv,Z as cv};