lyco 1.0.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 AnNingUI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,65 @@
+# Lyco
+
+<p align="center">
+    <a href="./README_EN.md"> English </a> | <span> 简体中文 </span>
+</p>
+
+## 基于 Lit 的纯 CSS 布局渲染函数库
+
+`Lyco` 是一个基于 [Lit](https://lit.dev) 构建的轻量级 CSS 布局库，提供了多种常用的布局组件（如 Row, Column, Flex, Grid 等），帮助开发者更高效地构建响应式网页布局。
+
+### 特性
+
+- 🧱 提供丰富的布局组件
+- 🌐 支持响应式设计
+- 💡 基于 Lit，性能优异
+- 🎨 纯 CSS 实现，易于定制
+
+### 安装
+
+```bash
+npm install lyco
+```
+
+### 使用示例
+
+```ts
+import { html, LitElement } from 'lit';
+import { Row, Spacer } from 'lyco';
+
+class MyLayout extends LitElement {
+  render() {
+    return html`
+        ${Row({}, () => html`
+            <div>左侧内容</div>
+            ${Spacer()}
+            <div>右侧内容</div>
+        `)}
+    `;
+  }
+}
+```
+
+### 组件列表
+
+以下是一些常用组件：
+
+| 组件名         | 描述           |
+| -------------- | -------------- |
+| Row            | 水平布局容器   |
+| Column         | 垂直布局容器   |
+| Flex           | 弹性布局容器   |
+| Grid           | 网格布局容器   |
+| Card           | 卡片式布局     |
+| Divider        | 分隔线         |
+| AvatarStack    | 头像堆叠布局   |
+| Badge          | 徽章组件       |
+| SkeletonLoader | 骨架屏加载动画 |
+
+### 贡献
+
+欢迎提交 PR 或 Issue！更多详情请查看 [贡献指南](https://github.com/AnNingUI/lyco/blob/main/CONTRIBUTING.md)。
+
+### 许可证
+
+MIT License. Copyright (c) AnNingUI。

package/dist/index.cjs.js

@@ -0,0 +1,526 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=s(require(`lit`));function l(e){return e?typeof e==`function`?e():e:c.html``}function u(e,t){let n=e?.fadeBg??`rgba(0,0,0,0.7)`,r=e?.zIndex??2e3;return c.html`
+		<div
+			style="
+      position: fixed;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background: ${n};
+      z-index: ${r};
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    "
+		>
+			${l(t)}
+		</div>
+	`}function d(e,t){return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: column;
+      ${e?.space?`gap: ${e.space};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function f(e,t){let n=e?.direction??`row`;return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: ${n};
+      ${e?.justify?`justify-content: ${e.justify};`:``}
+      ${e?.align?`align-items: ${e.align};`:``}
+      ${e?.gap?`gap: ${e.gap};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function p(e,t){return c.html`
+		<div style="break-inside: avoid; margin-bottom: 16px;">
+			${l(t)}
+		</div>
+	`}function m(e,t){let n=e?.columns??1;return c.html`
+		<div
+			style="
+      display: grid;
+      grid-template-columns: repeat(${n}, 1fr);
+      ${e?.gap?`gap: ${e.gap};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function h(e,t){return c.html`
+		<div
+			style="
+      display: grid;
+      grid-auto-flow: column;
+      ${e?.gap?`column-gap: ${e.gap};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function g(e,t){return c.html`
+		<div style="${e?.span?`grid-column: span ${e.span};`:``}">
+			${l(t)}
+		</div>
+	`}function _(e,t){return c.html`
+		<div
+			style="
+      display: grid;
+      grid-auto-flow: row;
+      ${e?.gap?`row-gap: ${e.gap};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function v(e,t){return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: row;
+      ${e?.space?`gap: ${e.space};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function y(e,t){let n=e?.columnCount??3,r=e?.gap??`16px`;return c.html`
+		<div
+			style="
+      column-count: ${n};
+      column-gap: ${r};
+    "
+		>
+			${l(t)}
+		</div>
+	`}function b(e,t){let n=e?.gap??`0px`,r=e?.firstHeight??`50%`,i=c.html``,a=c.html``;if(typeof t==`function`){var o;let e=(o=t.call)?.call(t,null)??[];i=e[0]??c.html``,a=e[1]??c.html``}else i=l(t);return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      gap: ${n};
+    "
+		>
+			<div style="flex: 0 0 ${r}; overflow: auto;">${i}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${a}</div>
+		</div>
+	`}function x(e,t){let n=e?.gap??`0px`,r=e?.firstWidth??`50%`,i=c.html``,a=c.html``;if(typeof t==`function`){var o;let e=(o=t.call)?.call(t,null)??[];i=e[0]??c.html``,a=e[1]??c.html``}else i=l(t);return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+      height: 100%;
+      gap: ${n};
+    "
+		>
+			<div style="flex: 0 0 ${r}; overflow: auto;">${i}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${a}</div>
+		</div>
+	`}function S(e,t){let n=e?.direction??`vertical`,r=e?.height??`100%`,i=e?.width??`100%`,a=e?.customCss??``,o=n===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`;return c.html`
+		<style>
+			.scrollbar-container {
+			  ${o};
+			  width: ${i};
+			  height: ${r};
+			}
+			.scrollbar-container::-webkit-scrollbar {
+			  width: 8px;
+			  height: 8px;
+			}
+			.scrollbar-container::-webkit-scrollbar-thumb {
+			  background-color: rgba(0, 0, 0, 0.2);
+			  border-radius: 4px;
+			}
+			.scrollbar-container::-webkit-scrollbar-track {
+			  background: rgba(0, 0, 0, 0.05);
+			}
+			${a}
+		</style>
+		<div class="scrollbar-container">${l(t)}</div>
+	`}function C(e,t){let n=e?.sidebarWidth??`240px`,r=e?.sidebarPosition??`left`,i=e?.gap??`0px`,a=c.html``,o=c.html``;if(typeof t==`function`){var s;let e=(s=t.call)?.call(t,null)??[];a=e[0]??c.html``,o=e[1]??c.html``}else o=l(t);return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: ${r===`left`?`row`:`row-reverse`};
+      width: 100%;
+      height: 100%;
+      gap: ${i};
+    "
+		>
+			<div style="flex: 0 0 ${n}; overflow: auto;">${a}</div>
+			<div style="flex: 1 1 auto; overflow: auto;">${o}</div>
+		</div>
+	`}function w(e,t){var n;let r=e?.gap??`8px`,i=e?.snapType??`mandatory`,a=e?.height??`auto`,o=e?.width??`100%`,s=[];return typeof t==`function`?s=(n=t.call)?.call(t,null)??[]:t&&(s=[t]),c.html`
+		<style>
+			.swiper-container {
+				width: ${o};
+				height: ${a};
+				overflow-x: auto;
+				overflow-y: hidden;
+				display: flex;
+				scroll-snap-type: x ${i};
+				-webkit-overflow-scrolling: touch;
+				gap: ${(0,c.unsafeCSS)(r)};
+			}
+			.swiper-slide {
+				scroll-snap-align: start;
+				flex-shrink: 0;
+			}
+		</style>
+		<div class="swiper-container">
+			${s.map(e=>c.html` <div class="swiper-slide">${e}</div> `)}
+		</div>
+	`}function T(e,t){let n=e?.top?`top: ${e.top};`:``,r=e?.right?`right: ${e.right};`:``,i=e?.bottom?`bottom: ${e.bottom};`:``,a=e?.left?`left: ${e.left};`:``,o=e?.width?`width: ${e.width};`:``,s=e?.height?`height: ${e.height};`:``,u=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``;return c.html`
+		<div
+			style="
+      position: absolute;
+      ${n} ${r} ${i} ${a}
+      ${o} ${s}
+      ${u}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function E(e,t){let n=e?.width??`300px`,r=e?.height??`auto`,i=e?.top??`20%`,a=e?.bottom??`auto`,o=e?.left??`50%`,s=e?.right??`auto`,u=o===`auto`?``:`transform: translateX(-50%);`,d=e?.background??`rgba(255, 255, 255, 0.3)`,f=e?.blur??`10px`,p=e?.borderRadius??`12px`,m=e?.padding??`16px`,h=e?.zIndex??1e3;return c.html`
+		<div
+			style="
+      position: fixed;
+      top: ${i};
+      bottom: ${a};
+      left: ${o};
+      right: ${s};
+      ${u}
+      width: ${n};
+      height: ${r};
+      background: ${d};
+      backdrop-filter: blur(${f});
+      -webkit-backdrop-filter: blur(${f});
+      border-radius: ${p};
+      padding: ${m};
+      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+      z-index: ${h};
+      display: flex;
+      flex-direction: column;
+    "
+		>
+			${l(t)}
+		</div>
+	`}function D(e,t){let n=`${100/e.ratio}%`,r=e.maxWidth?`max-width: ${e.maxWidth};`:``,i=e.background?`background: ${e.background};`:``,a=e.overflow??`hidden`;return c.html`
+		<div
+			style="
+      position: relative;
+      width: 100%;
+      ${r}
+      ${i}
+      overflow: ${a};
+    "
+		>
+			<div style="width: 100%; padding-top: ${n};"></div>
+			<div
+				style="
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+      "
+			>
+				${l(t)}
+			</div>
+		</div>
+	`}function O(e,t){let n=e?.gap??`16px`;return c.html`
+		<div
+			style="
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(${e.minItemWidth}, 1fr));
+      gap: ${n};
+    "
+		>
+			${l(t)}
+		</div>
+	`}function k(e,t){let n=e?.size??`32px`,r=e?.overlap??`-8px`;return c.html`
+		<div style="display: flex; align-items: center;">
+			${typeof t==`function`?t().map((e,t)=>c.html`
+							<div
+								style="
+              width: ${n};
+              height: ${n};
+              border-radius: 50%;
+              overflow: hidden;
+              border: 2px solid #fff;
+              margin-left: ${t===0?`0`:r};
+              box-sizing: content-box;
+            "
+							>
+								${e}
+							</div>
+						`):c.html``}
+		</div>
+	`}function A(e,t){let n=e?.position??`top-right`,r=e?.size??`16px`,i=e?.background??`red`,a=e?.color??`#fff`,[o,s,u,d]=[n.includes(`top`)?`0`:`auto`,n.includes(`right`)?`0`:`auto`,n.includes(`bottom`)?`0`:`auto`,n.includes(`left`)?`0`:`auto`];return c.html`
+		<div style="position: relative; display: inline-block;">
+			${l(t)}
+			<div
+				style="
+        position: absolute;
+        top: ${o};
+        right: ${s};
+        bottom: ${u};
+        left: ${d};
+        width: ${r};
+        height: ${r};
+        background: ${i};
+        color: ${a};
+        font-size: calc(${r} * 0.6);
+        border-radius: 50%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        transform: translate(${d===`0`?`-50%`:`0`}, ${o===`0`?`-50%`:`0`});
+      "
+			>
+				${e?.content??``}
+			</div>
+		</div>
+	`}function j(e,t){let n=e?.padding??`16px`,r=e?.borderRadius??`8px`,i=e?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,a=e?.background??`#fff`;return c.html`
+		<div
+			style="
+      background: ${a};
+      border-radius: ${r};
+      box-shadow: ${i};
+      padding: ${n};
+      box-sizing: border-box;
+    "
+		>
+			${l(t)}
+		</div>
+	`}function M(e,t){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``;return c.html`
+		<div
+			style="
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      ${n} ${r} ${i}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function N(e,t){let n=e?.maxWidth??`1024px`,r=e?.padding??`0 16px`,i=e?.background?`background: ${e.background};`:``,a=e?.fullHeight?`height: 100%;`:``;return c.html`
+		<div
+			style="
+      width: 100%;
+      max-width: ${n};
+      margin-left: auto;
+      margin-right: auto;
+      padding: ${r};
+      ${i}
+      ${a}
+      box-sizing: border-box;
+    "
+		>
+			${l(t)}
+		</div>
+	`}function P(e){let t=e?.orientation??`horizontal`,n=e?.thickness??`1px`,r=e?.color??`#e0e0e0`,i=e?.margin??(t===`horizontal`?`8px 0`:`0 8px`),a=t===`horizontal`?`width: 100%; height: ${n}; background: ${r}; margin: ${i};`:`width: ${n}; height: 100%; background: ${r}; margin: ${i};`;return c.html`<div style="${a}"></div>`}function F(e,t){let n=e?.columns??4,r=e?.gap??`24px`,i=e?.background??`#f8f8f8`,a=e?.padding??`40px 16px`;return c.html`
+		<div
+			style="
+      width: 100%;
+      background: ${i};
+      padding: ${a};
+      box-sizing: border-box;
+    "
+		>
+			<div
+				style="
+        display: grid;
+        grid-template-columns: repeat(${n}, 1fr);
+        gap: ${r};
+      "
+			>
+				${l(t)}
+			</div>
+			<div style="text-align: center; margin-top: 24px; color: #666;">
+				© ${new Date().getFullYear()} Your Company. All rights reserved.
+			</div>
+		</div>
+	`}function I(e,t){let n=e.defaultColumns??1,r=e.gap??`16px`,i=Object.entries(e.breakpoints).map(([e,t])=>`
+      @media ${e} {
+        .grid-breakpoint { grid-template-columns: repeat(${t}, 1fr); }
+      }
+    `).join(`
+`);return c.html`
+		<style>
+			.grid-breakpoint {
+			  display: grid;
+			  grid-template-columns: repeat(${n}, 1fr);
+			  gap: ${r};
+			}
+			${i}
+		</style>
+		<div class="grid-breakpoint">${l(t)}</div>
+	`}function L(e,t){let n=e?.backgroundImage?`background-image: url('${e.backgroundImage}');`:``,r=e?.height??`400px`,i=e?.overlayColor??`rgba(0, 0, 0, 0.3)`;return c.html`
+		<div
+			style="
+      position: relative;
+      width: 100%;
+      height: ${r};
+      ${n}
+      background-size: cover;
+      background-position: center;
+    "
+		>
+			<div
+				style="
+        position: absolute;
+        top: 0; left: 0; right: 0; bottom: 0;
+        background: ${i};
+      "
+			></div>
+			<div
+				style="
+        position: relative;
+        z-index: 1;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        color: #fff;
+        text-align: center;
+        padding: 0 16px;
+        box-sizing: border-box;
+      "
+			>
+				${l(t)}
+			</div>
+		</div>
+	`}function R(e,t){let n=e?.breakpoint??`(max-width: 600px)`,r=e?.mode??`hide`,i=r===`hide`?`@media ${n} { .hidden-container { display: none !important; } }`:`@media ${n} { .hidden-container { display: block !important; } }
+       @media not ${n} { .hidden-container { display: none !important; } }`;return c.html`
+		<style>
+			.hidden-container {
+			  display: block;
+			}
+			${i}
+		</style>
+		<div class="hidden-container">${l(t)}</div>
+	`}function z(e,t){let n=e?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,r=e?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,i=e?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``;return c.html`
+		<style>
+			ul.list-group {
+			  list-style: none;
+			  margin: 0;
+			  padding: 0;
+			  ${n};
+			}
+			ul.list-group li {
+			  padding: 12px 16px;
+			  ${e?.bordered?`border-bottom: 1px solid #ddd`:``};
+			}
+			ul.list-group li:last-child {
+			  ${e?.bordered?`border-bottom: none`:``};
+			}
+			${r}
+			${i}
+		</style>
+		<ul class="list-group">
+			${l(t)}
+		</ul>
+	`}function B(e,t){let n=e?.background??`rgba(0, 0, 0, 0.5)`,r=e?.zIndex??1e3,i=e?.fullScreen!==!1;return c.html`
+		<div
+			style="
+      position: ${i?`fixed`:`absolute`};
+      top: 0; left: 0; right: 0; bottom: 0;
+      background: ${n};
+      z-index: ${r};
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    "
+		>
+			${l(t)}
+		</div>
+	`}function V(e,t){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``;return c.html`
+		<div
+			style="
+      position: relative;
+      ${n} ${r} ${i}
+      overflow: hidden;
+    "
+		>
+			${l(t)}
+		</div>
+	`}function H(e){let t=e?.width?`width: ${e.width};`:``,n=e?.height?`height: ${e.height};`:``;return c.html` <div style="${t} ${n}"></div> `}function U(e){let t=e?.type??`rect`,n=e?.width??`100%`,r=e?.height??`16px`,i=e?.borderRadius??`4px`,a=e?.animation!==!1,o=t===`circle`?`border-radius: 50%; width: ${n}; height: ${n}`:`border-radius: ${i}; width: ${n}; height: ${r}`;return c.html`
+		<style>
+			${`
+            @keyframes skeleton-shimmer {
+			  0% { background-color: #eee; }
+			  50% { background-color: #ddd; }
+			  100% { background-color: #eee; }
+			}    
+            `}
+			.skeleton {
+			  ${o};
+			  background-color: #eee;
+			  ${a?`animation: skeleton-shimmer 1.2s infinite ease-in-out`:``};
+			}
+		</style>
+		<div class="skeleton"></div>
+	`}function W(){return c.html`<div style="flex: 1 1 auto;"></div>`}function G(e,t){let n=e?.top?`top: ${e.top};`:``,r=e?.bottom?`bottom: ${e.bottom};`:``,i=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``;return c.html`
+		<div
+			style="
+      position: sticky;
+      ${n} ${r}
+      ${i}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function K(e,t){let n=e?.striped?`
+    tr:nth-child(even) { background: #f9f9f9; }
+  `:``,r=e?.hover?`
+    tr:hover { background: #f1f1f1; }
+  `:``,i=e?.bordered?`
+      table, th, td { border: 1px solid #ddd; }
+    `:``;return c.html`
+		<style>
+			table {
+			  width: 100%;
+			  border-collapse: collapse;
+			}
+			th, td {
+			  padding: 8px 12px;
+			  text-align: left;
+			}
+			${n}
+			${r}
+			${i}
+		</style>
+		<table>
+			${l(t)}
+		</table>
+	`}function q(e,t){let n=e?.direction??`row`;return c.html`
+		<div
+			style="
+      display: flex;
+      flex-direction: ${n};
+      flex-wrap: wrap;
+      ${e?.gap?`gap: ${e.gap};`:``}
+      ${e?.align?`align-items: ${e.align};`:``}
+      ${e?.justify?`justify-content: ${e.justify};`:``}
+    "
+		>
+			${l(t)}
+		</div>
+	`}function J(e,t){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=e?.background?`background: ${e.background};`:``,a=`flex-start`,o=`flex-start`;switch(e?.align){case`top-right`:a=`flex-end`,o=`flex-start`;break;case`center`:a=`center`,o=`center`;break;case`bottom-left`:a=`flex-start`,o=`flex-end`;break;case`bottom-right`:a=`flex-end`,o=`flex-end`;break;default:a=`flex-start`,o=`flex-start`}return c.html`
+		<div
+			style="
+      position: relative;
+      display: flex;
+      justify-content: ${a};
+      align-items: ${o};
+      ${n} ${r} ${i}
+    "
+		>
+			${l(t)}
+		</div>
+	`}exports.AbsoluteBox=T,exports.AcrylicBar=E,exports.AspectRatio=D,exports.AutoFitGrid=O,exports.AvatarStack=k,exports.Badge=A,exports.Card=j,exports.Center=M,exports.Column=d,exports.ColumnSplit=b,exports.Container=N,exports.Divider=P,exports.Flex=f,exports.FlowItem=p,exports.FooterLayout=F,exports.Grid=m,exports.GridBreakpoint=I,exports.GridCol=h,exports.GridItem=g,exports.GridRow=_,exports.HeroSection=L,exports.Hidden=R,exports.LightboxContainer=u,exports.ListGroup=z,exports.Overlay=B,exports.PositionContainer=V,exports.Row=v,exports.RowSplit=x,exports.ScrollBar=S,exports.SideBarContainer=C,exports.SizedBox=H,exports.SkeletonLoader=U,exports.Spacer=W,exports.Sticky=G,exports.Swiper=w,exports.Table=K,exports.WaterFlow=y,exports.Wrap=q,exports.ZStack=J;
+//# sourceMappingURL=index.cjs.js.map