From 18ec186e81ebe2b179b198e3fb8322c1b173162e Mon Sep 17 00:00:00 2001 From: Pavel Sviderski Date: Fri, 10 Jan 2025 12:39:21 +1000 Subject: [PATCH] init landing page template --- site/css/additional-styles/theme.css | 46 + .../additional-styles/utility-patterns.css | 106 + site/css/style.css | 15 + site/index.html | 1933 ++++++++++ site/js/vendors/alpinejs.min.js | 5 + site/package-lock.json | 1031 ++++++ site/package.json | 16 + site/style.css | 3153 +++++++++++++++++ site/tailwind.config.js | 44 + 9 files changed, 6349 insertions(+) create mode 100644 site/css/additional-styles/theme.css create mode 100644 site/css/additional-styles/utility-patterns.css create mode 100644 site/css/style.css create mode 100644 site/index.html create mode 100644 site/js/vendors/alpinejs.min.js create mode 100644 site/package-lock.json create mode 100644 site/package.json create mode 100644 site/style.css create mode 100644 site/tailwind.config.js diff --git a/site/css/additional-styles/theme.css b/site/css/additional-styles/theme.css new file mode 100644 index 00000000..7e522c12 --- /dev/null +++ b/site/css/additional-styles/theme.css @@ -0,0 +1,46 @@ +.form-input:focus, +.form-textarea:focus, +.form-multiselect:focus, +.form-select:focus, +.form-checkbox:focus, +.form-radio:focus { + @apply ring-0; +} + +/* Hamburger button */ +.hamburger svg>*:nth-child(1), +.hamburger svg>*:nth-child(2), +.hamburger svg>*:nth-child(3) { + transform-origin: center; + transform: rotate(0deg); +} + +.hamburger svg>*:nth-child(1) { + transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.1s ease-in; +} + +.hamburger svg>*:nth-child(2) { + transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); +} + +.hamburger svg>*:nth-child(3) { + transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.1s 0.25s ease-in; +} + +.hamburger.active svg>*:nth-child(1) { + opacity: 0; + y: 11; + transform: rotate(225deg); + transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s 0.12s ease-out; +} + +.hamburger.active svg>*:nth-child(2) { + transform: rotate(225deg); + transition: transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); +} + +.hamburger.active svg>*:nth-child(3) { + y: 11; + transform: rotate(135deg); + transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.1s ease-out; +} \ No newline at end of file diff --git a/site/css/additional-styles/utility-patterns.css b/site/css/additional-styles/utility-patterns.css new file mode 100644 index 00000000..e181ceac --- /dev/null +++ b/site/css/additional-styles/utility-patterns.css @@ -0,0 +1,106 @@ +/* Typography */ +.h1 { + @apply text-5xl font-bold; +} + +.h2 { + @apply text-4xl font-bold; +} + +.h3 { + @apply text-3xl font-bold; +} + +.h4 { + @apply text-2xl font-bold; +} + +@screen md { + .h1 { + @apply text-6xl; + } + + .h2 { + @apply text-5xl; + } + + .h3 { + @apply text-4xl; + } +} + +/* Buttons */ +.btn, +.btn-sm { + @apply text-sm font-medium inline-flex items-center justify-center border border-transparent rounded-md tracking-normal transition; +} + +.btn { + @apply px-4 py-2; +} + +.btn-sm { + @apply px-2 py-1; +} + +/* Forms */ +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-results-button, +input[type="search"]::-webkit-search-results-decoration { + -webkit-appearance: none; +} + +.form-input, +.form-textarea, +.form-multiselect, +.form-select, +.form-checkbox, +.form-radio { + @apply bg-white border border-zinc-200 focus:border-zinc-400 shadow shadow-black/5; +} + +.form-input, +.form-textarea, +.form-multiselect, +.form-select, +.form-checkbox { + @apply rounded; +} + +.form-input, +.form-textarea, +.form-multiselect, +.form-select { + @apply text-zinc-600 text-sm px-4 py-2; +} + +.form-input, +.form-textarea { + @apply placeholder-zinc-400; +} + +.form-select { + @apply pr-10; +} + +.form-checkbox, +.form-radio { + @apply text-zinc-800; +} + +.form-checkbox { + @apply rounded-sm; +} + +/* Chrome, Safari and Opera */ +.no-scrollbar::-webkit-scrollbar { + display: none; +} + +.no-scrollbar { + -ms-overflow-style: none; + /* IE and Edge */ + scrollbar-width: none; + /* Firefox */ +} \ No newline at end of file diff --git a/site/css/style.css b/site/css/style.css new file mode 100644 index 00000000..993483f2 --- /dev/null +++ b/site/css/style.css @@ -0,0 +1,15 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Inter+Tight:ital,wght@0,500;0,600;0,700;1,700&display=fallback'); + +@import 'tailwindcss/base'; +@import 'tailwindcss/components'; + +/* Additional styles */ +@import 'additional-styles/utility-patterns.css'; +@import 'additional-styles/theme.css'; + +@import 'tailwindcss/utilities'; + +/* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */ +[x-cloak=""] { + display: none; +} diff --git a/site/index.html b/site/index.html new file mode 100644 index 00000000..2f199e81 --- /dev/null +++ b/site/index.html @@ -0,0 +1,1933 @@ + + + + + + Gray HTML Demo - Home + + + + + + + +
+ + +
+
+
+
+ + +
+ + + Logo + +
+ + + + +
+
+
+
+ + +
+ + +
+
+ +
+
+
+

The creative + + platform + + + for cross-functional work

+

+ Turbocharge your creative process with a powerful AI design platform that gives creatives the power of creating without limits. +

+
+ + +
+
+
+
+ +
+ Hero +
+ +
+
+ + +
+

0K

+

Assets packed with power beyond your imagination.

+
+ + +
+

0K

+

Assets packed with power beyond your imagination.

+
+ + +
+

0M+

+

Assets packed with power beyond your imagination.

+
+ + +
+

0K

+

Assets packed with power beyond your imagination.

+
+ +
+ + + + +
+
+
+ + +
+
+
+
+

Go further than the speed of thought

+

AI reads and understands your designs, and with nothing more than a single line of feedback, perform complex actions autonomously.

+
+
+ +
+ + + + +
+ +
+
+ +
+
+ Feature 01 + +
+
+ +
+
+ Feature 02 + +
+
+ +
+
+ Feature 03 + +
+
+ +
+
+ Feature 04 + +
+
+
+
+
+
+
+
+ + +
+
+
+
+

AI-powered features and effects

+

Whenever you are ready, just hit publish to turn your site sketches into an actual designs. No creating, no skills, no reshaping.

+
+
+
+
+
+ + + +

Truly Collaborative

+
+

Create teams and organize your designs into folders using project specs and insights.

+
+
+ Feature Post 01 +
+
+
+
+
+ + + +

Advanced AI

+
+

Generate images and explore new ways of presenting your designs with AI.

+
+
+ Feature Post 02 +
+
+
+
+
+ + + +

Simple Snippets

+
+

Get your scenes inside your projects using simple embed code/snippets.

+
+
+ Feature Post 03 +
+
+
+
+
+ + + +

Precise Activity

+
+

Easily make drag and drop interactions without coding.

+
+
+ Feature Post 04 +
+
+
+
+
+ + + +

Real-time Feedback

+
+

Create tasks, projects, issues and more in just seconds.

+
+
+ Feature Post 05 +
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
Scale Your Team
+

Design-powered workflows for teams of any size

+

Gray can understand what you are designing, learn from your feedback to take your creativity further, and turn it instantly into beautiful images.

+
+ +
+ + + +
+
+ + +
+
+ +
+
+ Carousel 01 +
+
+ +
+
+ Carousel 02 +
+
+ +
+
+ Carousel 03 +
+
+
+ + +
+ +
+
+ + +
+
+ +
+
+ + + +

Discussions

+
+

Keep workflows efficient with tools that give teams visibility throughout the process.

+
+ +
+
+ + + +

Team views

+
+

Keep workflows efficient with tools that give teams visibility throughout the process.

+
+ +
+
+ + + +

Powerful search

+
+

Keep workflows efficient with tools that give teams visibility throughout the process.

+
+ +
+
+ + + +

Enhancing

+
+

Keep workflows efficient with tools that give teams visibility throughout the process.

+
+ +
+
+ + + +

Powerful search

+
+

Keep workflows efficient with tools that give teams visibility throughout the process.

+
+ +
+
+ + + +

Team views

+
+

Keep workflows efficient with tools that give teams visibility throughout the process.

+
+
+
+ +
+
+ + +
+
+
+
+

Start your journey today

+

Start creating realtime design experiences for free. Upgrade for extra features and collaboration with your team.

+
+ + +
+ + +
+
+
+ + +
+
+
    + +
+
+
+ +
+ + +
+
+
+
Essential
+
+ $ + + /mo +
+
For power users who want access to creative features.
+
+
+
Includes:
+
    +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
+
+
+ + Try for Free + +
+
+
+ + +
+
+ +
+
Premium
+
+ $ + + /mo +
+
For creative organizations that need full control & support.
+
+
+
Includes:
+
    +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
+
+
+ + Try for Free + +
+
+
+ + +
+
+
+
Enterprise
+
+ $ + + /mo +
+
For creative organizations that need full control & support.
+
+
+
Includes:
+
    +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
  • + + + +
    + + +
    +
    • +
+
+
+ + Try for Free + +
+
+
+ +
+ +
+ + + + +
+
+ +
+

+ +

+
+
+

+ Absolutely! Grey allows you to create as many commercial graphics/images as you like, for yourself or your clients. +

+
+
+
+ +
+

+ +

+
+
+

+ Absolutely! Grey allows you to create as many commercial graphics/images as you like, for yourself or your clients. +

+
+
+
+ +
+

+ +

+
+
+

+ Absolutely! Grey allows you to create as many commercial graphics/images as you like, for yourself or your clients. +

+
+
+
+ +
+

+ +

+
+
+

+ Absolutely! Grey allows you to create as many commercial graphics/images as you like, for yourself or your clients. +

+
+
+
+ +
+

+ +

+
+
+

+ Absolutely! Grey allows you to create as many commercial graphics/images as you like, for yourself or your clients. +

+
+
+
+ +
+

+ +

+
+
+

+ Absolutely! Grey allows you to create as many commercial graphics/images as you like, for yourself or your clients. +

+
+
+
+
+
+ +
+
+
+ + +
+
+
+
+

Loved by thousands of creatives from around the world

+
+
+
+ +
+
+ +
+
+ Testimonial 01 +
+
Lina James
+
+ @linaj87 +
+
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+ +
+
+ Testimonial 02 +
+
Sarah Mendes
+ +
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+ +
+
+ Testimonial 03 +
+
Michał Rutt
+
+ @michrutt +
+
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+ +
+
+ Testimonial 04 +
+
Mary Kahl
+
+ @marykahl +
+
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+
+
+ +
+
+ +
+
+ Testimonial 05 +
+
Katy Dragán
+
+ @katyd +
+
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+ +
+
+ Testimonial 06 +
+
Karl Ahmed
+
+ @karl87 +
+
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+ +
+
+ Testimonial 07 +
+
Carlotta Grech
+ +
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+ +
+
+ Testimonial 08 +
+
Alejandra Gok
+ +
+
+
+ Extremely thoughtful approaches to business. I highly recommend this product to anyone wanting to jump into something new. +
+
+
+
+
+
+
+ + +
+
+
+
+
+ + Logo + +
+

Start your journey + + today + + +

+

Gray removes creative distances by connecting beginners, pros, and every team in between. Are you ready to start your journey?

+
+ + +
+
+ +
+
    +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
  • + + + +
    • +
+
+
+
+
+ +
+ + + + +
+ + + + + + + diff --git a/site/js/vendors/alpinejs.min.js b/site/js/vendors/alpinejs.min.js new file mode 100644 index 00000000..aaad63a9 --- /dev/null +++ b/site/js/vendors/alpinejs.min.js @@ -0,0 +1,5 @@ +(()=>{var Ye=!1,Ze=!1,V=[];function Ft(e){mn(e)}function mn(e){V.includes(e)||V.push(e),hn()}function xe(e){let t=V.indexOf(e);t!==-1&&V.splice(t,1)}function hn(){!Ze&&!Ye&&(Ye=!0,queueMicrotask(_n))}function _n(){Ye=!1,Ze=!0;for(let e=0;ee.effect(t,{scheduler:r=>{Xe?Ft(r):r()}}),Qe=e.raw}function et(e){I=e}function zt(e){let t=()=>{};return[n=>{let i=I(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach(o=>o())}),e._x_effects.add(i),t=()=>{i!==void 0&&(e._x_effects.delete(i),$(i))},i},()=>{t()}]}var Vt=[],Ht=[],qt=[];function Ut(e){qt.push(e)}function ye(e,t){typeof t=="function"?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,Ht.push(t))}function Wt(e){Vt.push(e)}function Gt(e,t,r){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(r)}function tt(e,t){!e._x_attributeCleanups||Object.entries(e._x_attributeCleanups).forEach(([r,n])=>{(t===void 0||t.includes(r))&&(n.forEach(i=>i()),delete e._x_attributeCleanups[r])})}var nt=new MutationObserver(rt),it=!1;function ie(){nt.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),it=!0}function ot(){gn(),nt.disconnect(),it=!1}var oe=[],st=!1;function gn(){oe=oe.concat(nt.takeRecords()),oe.length&&!st&&(st=!0,queueMicrotask(()=>{xn(),st=!1}))}function xn(){rt(oe),oe.length=0}function h(e){if(!it)return e();ot();let t=e();return ie(),t}var at=!1,be=[];function Jt(){at=!0}function Yt(){at=!1,rt(be),be=[]}function rt(e){if(at){be=be.concat(e);return}let t=[],r=[],n=new Map,i=new Map;for(let o=0;os.nodeType===1&&t.push(s)),e[o].removedNodes.forEach(s=>s.nodeType===1&&r.push(s))),e[o].type==="attributes")){let s=e[o].target,a=e[o].attributeName,c=e[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{tt(s,o)}),n.forEach((o,s)=>{Vt.forEach(a=>a(s,o))});for(let o of r)if(!t.includes(o)&&(Ht.forEach(s=>s(o)),o._x_cleanups))for(;o._x_cleanups.length;)o._x_cleanups.pop()();t.forEach(o=>{o._x_ignoreSelf=!0,o._x_ignore=!0});for(let o of t)r.includes(o)||!o.isConnected||(delete o._x_ignoreSelf,delete o._x_ignore,qt.forEach(s=>s(o)),o._x_ignore=!0,o._x_ignoreSelf=!0);t.forEach(o=>{delete o._x_ignoreSelf,delete o._x_ignore}),t=null,r=null,n=null,i=null}function ve(e){return j(L(e))}function M(e,t,r){return e._x_dataStack=[t,...L(r||e)],()=>{e._x_dataStack=e._x_dataStack.filter(n=>n!==t)}}function ct(e,t){let r=e._x_dataStack[0];Object.entries(t).forEach(([n,i])=>{r[n]=i})}function L(e){return e._x_dataStack?e._x_dataStack:typeof ShadowRoot=="function"&&e instanceof ShadowRoot?L(e.host):e.parentNode?L(e.parentNode):[]}function j(e){let t=new Proxy({},{ownKeys:()=>Array.from(new Set(e.flatMap(r=>Object.keys(r)))),has:(r,n)=>e.some(i=>i.hasOwnProperty(n)),get:(r,n)=>(e.find(i=>{if(i.hasOwnProperty(n)){let o=Object.getOwnPropertyDescriptor(i,n);if(o.get&&o.get._x_alreadyBound||o.set&&o.set._x_alreadyBound)return!0;if((o.get||o.set)&&o.enumerable){let s=o.get,a=o.set,c=o;s=s&&s.bind(t),a=a&&a.bind(t),s&&(s._x_alreadyBound=!0),a&&(a._x_alreadyBound=!0),Object.defineProperty(i,n,{...c,get:s,set:a})}return!0}return!1})||{})[n],set:(r,n,i)=>{let o=e.find(s=>s.hasOwnProperty(n));return o?o[n]=i:e[e.length-1][n]=i,!0}});return t}function we(e){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(e,c,o):t(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(e)}function Ee(e,t=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return e(this.initialValue,()=>yn(n,i),s=>lt(n,i,s),i,o)}};return t(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function yn(e,t){return t.split(".").reduce((r,n)=>r[n],e)}function lt(e,t,r){if(typeof t=="string"&&(t=t.split(".")),t.length===1)e[t[0]]=r;else{if(t.length===0)throw error;return e[t[0]]||(e[t[0]]={}),lt(e[t[0]],t.slice(1),r)}}var Zt={};function y(e,t){Zt[e]=t}function se(e,t){return Object.entries(Zt).forEach(([r,n])=>{Object.defineProperty(e,`$${r}`,{get(){let[i,o]=ut(t);return i={interceptor:Ee,...i},ye(t,o),n(t,i)},enumerable:!1})}),e}function Qt(e,t,r,...n){try{return r(...n)}catch(i){Z(i,e,t)}}function Z(e,t,r=void 0){Object.assign(e,{el:t,expression:r}),console.warn(`Alpine Expression Error: ${e.message} + +${r?'Expression: "'+r+`" + +`:""}`,t),setTimeout(()=>{throw e},0)}var Se=!0;function Xt(e){let t=Se;Se=!1,e(),Se=t}function P(e,t,r={}){let n;return x(e,t)(i=>n=i,r),n}function x(...e){return er(...e)}var er=ft;function tr(e){er=e}function ft(e,t){let r={};se(r,e);let n=[r,...L(e)];if(typeof t=="function")return bn(n,t);let i=vn(n,t,e);return Qt.bind(null,e,t,i)}function bn(e,t){return(r=()=>{},{scope:n={},params:i=[]}={})=>{let o=t.apply(j([n,...e]),i);Ae(r,o)}}var dt={};function wn(e,t){if(dt[e])return dt[e];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(e)||/^(let|const)\s/.test(e)?`(async()=>{ ${e} })()`:e,o=(()=>{try{return new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`)}catch(s){return Z(s,t,e),Promise.resolve()}})();return dt[e]=o,o}function vn(e,t,r){let n=wn(t,r);return(i=()=>{},{scope:o={},params:s=[]}={})=>{n.result=void 0,n.finished=!1;let a=j([o,...e]);if(typeof n=="function"){let c=n(n,a).catch(l=>Z(l,r,t));n.finished?(Ae(i,n.result,a,s,r),n.result=void 0):c.then(l=>{Ae(i,l,a,s,r)}).catch(l=>Z(l,r,t)).finally(()=>n.result=void 0)}}}function Ae(e,t,r,n,i){if(Se&&typeof t=="function"){let o=t.apply(r,n);o instanceof Promise?o.then(s=>Ae(e,s,r,n)).catch(s=>Z(s,i,t)):e(o)}else typeof t=="object"&&t instanceof Promise?t.then(o=>e(o)):e(t)}var pt="x-";function S(e=""){return pt+e}function rr(e){pt=e}var mt={};function p(e,t){return mt[e]=t,{before(r){if(!mt[r]){console.warn("Cannot find directive `${directive}`. `${name}` will use the default order of execution");return}let n=H.indexOf(r)??H.indexOf("DEFAULT");n>=0&&H.splice(n,0,e)}}}function ae(e,t,r){if(t=Array.from(t),e._x_virtualDirectives){let o=Object.entries(e._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=ht(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(o)}let n={};return t.map(nr((o,s)=>n[o]=s)).filter(ir).map(Sn(n,r)).sort(An).map(o=>En(e,o))}function ht(e){return Array.from(e).map(nr()).filter(t=>!ir(t))}var _t=!1,ce=new Map,or=Symbol();function sr(e){_t=!0;let t=Symbol();or=t,ce.set(t,[]);let r=()=>{for(;ce.get(t).length;)ce.get(t).shift()();ce.delete(t)},n=()=>{_t=!1,r()};e(r),n()}function ut(e){let t=[],r=a=>t.push(a),[n,i]=zt(e);return t.push(i),[{Alpine:F,effect:n,cleanup:r,evaluateLater:x.bind(x,e),evaluate:P.bind(P,e)},()=>t.forEach(a=>a())]}function En(e,t){let r=()=>{},n=mt[t.type]||r,[i,o]=ut(e);Gt(e,t.original,o);let s=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,i),n=n.bind(n,e,t,i),_t?ce.get(or).push(n):n())};return s.runCleanups=o,s}var Oe=(e,t)=>({name:r,value:n})=>(r.startsWith(e)&&(r=r.replace(e,t)),{name:r,value:n}),Te=e=>e;function nr(e=()=>{}){return({name:t,value:r})=>{let{name:n,value:i}=ar.reduce((o,s)=>s(o),{name:t,value:r});return n!==t&&e(n,t),{name:n,value:i}}}var ar=[];function Q(e){ar.push(e)}function ir({name:e}){return cr().test(e)}var cr=()=>new RegExp(`^${pt}([^:^.]+)\\b`);function Sn(e,t){return({name:r,value:n})=>{let i=r.match(cr()),o=r.match(/:([a-zA-Z0-9\-:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||e[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var gt="DEFAULT",H=["ignore","ref","data","id","radio","tabs","switch","disclosure","menu","listbox","combobox","bind","init","for","mask","model","modelable","transition","show","if",gt,"teleport"];function An(e,t){let r=H.indexOf(e.type)===-1?gt:e.type,n=H.indexOf(t.type)===-1?gt:t.type;return H.indexOf(r)-H.indexOf(n)}function q(e,t,r={}){e.dispatchEvent(new CustomEvent(t,{detail:r,bubbles:!0,composed:!0,cancelable:!0}))}function A(e,t){if(typeof ShadowRoot=="function"&&e instanceof ShadowRoot){Array.from(e.children).forEach(i=>A(i,t));return}let r=!1;if(t(e,()=>r=!0),r)return;let n=e.firstElementChild;for(;n;)A(n,t,!1),n=n.nextElementSibling}function C(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}function ur(){document.body||C("Unable to initialize. Trying to load Alpine before `` is available. Did you forget to add `defer` in Alpine's `