@latte-macchiat-io/latte-vanilla-components 0.0.154 → 0.0.155

package/dist/index.es.js

@@ -1587,7 +1587,7 @@ const im = ({
     }
   );
 };
-var $n = { videoMaxHeight: "var(--_18hbdtx0)", videoOpacity: "var(--_18hbdtx1)", videoPointerEvents: "var(--_18hbdtx2)" }, Pc = "_18hbdtx3", Ac = "_18hbdtx4", Vc = "_18hbdtx5", Rc = "_18hbdtx6", Ec = "_18hbdtx7", Mc = "_18hbdtx8";
+var $n = { videoMaxHeight: "var(--_18hbdtx0)", videoOpacity: "var(--_18hbdtx1)", videoPointerEvents: "var(--_18hbdtx2)" }, sm = {}, Pc = "_18hbdtx3", Ac = "_18hbdtx4", Vc = "_18hbdtx5", Rc = "_18hbdtx6", Ec = "_18hbdtx7", Mc = "_18hbdtx8";
 const kc = ({
   video: t,
   isAutoPlay: e,
@@ -1633,8 +1633,8 @@ const kc = ({
     a && /* @__PURE__ */ A("button", { className: Mc, onClick: m, "aria-label": "Sound", children: /* @__PURE__ */ A(Xt, { className: "", icon: x ? "volumeUp" : "volumeMute", size: 28, theme: l }) })
   ] }) });
 };
-var Dc = { imgMaxWidth: "var(--_13pkfbg0)" }, sm = {};
-const om = ({ children: t, theme: e = B, className: n }) => /* @__PURE__ */ A(
+var Dc = { imgMaxWidth: "var(--_13pkfbg0)" }, om = {};
+const am = ({ children: t, theme: e = B, className: n }) => /* @__PURE__ */ A(
   "div",
   {
     className: n,
@@ -1644,7 +1644,7 @@ const om = ({ children: t, theme: e = B, className: n }) => /* @__PURE__ */ A(
     children: t
   }
 );
-var On = { gap: "var(--_1vea7fs0)", displayItem: "var(--_1vea7fs1)", isFullWidth: "var(--_1vea7fs2)" }, am = { gap: "var(--_1vea7fs0)", display: "flex", flexWrap: "nowrap", overflow: "hidden", width: "var(--_1vea7fs2)" };
+var On = { gap: "var(--_1vea7fs0)", displayItem: "var(--_1vea7fs1)", isFullWidth: "var(--_1vea7fs2)" }, lm = { gap: "var(--_1vea7fs0)", display: "flex", flexWrap: "nowrap", overflow: "hidden", width: "var(--_1vea7fs2)" };
 function _c() {
   const [t, e] = _t({
     width: void 0,
@@ -1660,7 +1660,7 @@ function _c() {
     return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
   }, []), t;
 }
-const lm = ({
+const cm = ({
   data: t,
   theme: e = B,
   displayItem: n = 1,
@@ -2164,8 +2164,8 @@ function qc({
   const w = [f, p.inView, p.entry];
   return w.ref = w[0], w.inView = w[1], w.entry = w[2], w;
 }
-var Gc = { keyNumberPaddingBottom: "var(--_177g97f0)" }, cm = { display: "flex", flexDirection: "column" }, Hc = "_177g97f1";
-const um = ({
+var Gc = { keyNumberPaddingBottom: "var(--_177g97f0)" }, um = { display: "flex", flexDirection: "column" }, Hc = "_177g97f1";
+const dm = ({
   label: t,
   suffix: e,
   keyNumber: n,
@@ -2193,8 +2193,8 @@ const um = ({
     }
   );
 };
-var bi = { videoFullWidthLeft: "var(--_29n9il0)", videoFullWidthRight: "var(--_29n9il1)" }, dm = { height: 0, width: "100vw", overflow: "hidden", position: "relative", paddingBottom: "56.25%", left: "var(--_29n9il0)", right: "var(--_29n9il1)" };
-const fm = ({
+var bi = { videoFullWidthLeft: "var(--_29n9il0)", videoFullWidthRight: "var(--_29n9il1)" }, fm = { height: 0, width: "100vw", overflow: "hidden", position: "relative", paddingBottom: "56.25%", left: "var(--_29n9il0)", right: "var(--_29n9il1)" };
+const hm = ({
   video: t,
   poster: e,
   className: n,
@@ -2229,8 +2229,8 @@ const fm = ({
     }
   );
 };
-var Kc = { languageSwitcherWidth: "var(--_9kkynw0)" }, hm = { marginLeft: "auto", marginRight: "auto", position: "relative", width: "var(--_9kkynw0)" }, Yc = "_9kkynw1", Xc = "_9kkynw2";
-const pm = ({
+var Kc = { languageSwitcherWidth: "var(--_9kkynw0)" }, pm = { marginLeft: "auto", marginRight: "auto", position: "relative", width: "var(--_9kkynw0)" }, Yc = "_9kkynw1", Xc = "_9kkynw2";
+const mm = ({
   currentLocale: t,
   handleChange: e,
   locales: n,
@@ -2262,8 +2262,8 @@ const pm = ({
     }
   );
 };
-var Zc = "var(--_1wp326d0)", Jc = "var(--_1wp326d1)", mm = { display: "flex", backgroundColor: "var(--_1wp326d1)", flex: "1 1 auto", minHeight: "45vh", textAlign: "center", alignItems: "center", flexDirection: "column", justifyContent: "center", "@media": { "screen and (min-width: 768px)": { minHeight: "var(--_1wp326d0)" } } };
-const gm = ({ children: t, className: e, theme: n = B }) => {
+var Zc = "var(--_1wp326d0)", Jc = "var(--_1wp326d1)", gm = { display: "flex", backgroundColor: "var(--_1wp326d1)", flex: "1 1 auto", minHeight: "45vh", textAlign: "center", alignItems: "center", flexDirection: "column", justifyContent: "center", "@media": { "screen and (min-width: 768px)": { minHeight: "var(--_1wp326d0)" } } };
+const ym = ({ children: t, className: e, theme: n = B }) => {
   const { main: { backgroundColor: r, minHeight: i } } = n;
   return /* @__PURE__ */ A("main", { className: e, style: F({
     [Zc]: i,
@@ -2317,8 +2317,8 @@ const ru = ({
     }
   );
 };
-var iu = { isFixed: "var(--_15wg1hu0)" }, ym = { zIndex: 30, width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", position: "var(--_15wg1hu0)", backgroundColor: "var(--header-bg, white)" }, su = "_15wg1hu1", ou = "_15wg1hu2";
-const vm = ({
+var iu = { isFixed: "var(--_15wg1hu0)" }, vm = { zIndex: 30, width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", position: "var(--_15wg1hu0)", backgroundColor: "var(--header-bg, white)" }, su = "_15wg1hu1", ou = "_15wg1hu2";
+const bm = ({
   children: t,
   isFixed: e = !1,
   childrenOverlay: n,
@@ -2355,8 +2355,8 @@ const vm = ({
     e && /* @__PURE__ */ A("div", { className: ou })
   ] });
 };
-var te = { footerGap: "var(--fl7h880)", footerBackgroundColor: "var(--fl7h881)", footerPaddingTop: "var(--fl7h882)", footerPaddingBottom: "var(--fl7h883)", footerPaddingLeft: "var(--fl7h884)", footerPaddingRight: "var(--fl7h885)" }, bm = { zIndex: 20, display: "flex", fontSize: "0.8em", alignItems: "center", flexDirection: "column", justifyContent: "space-between", gap: "var(--fl7h880)", backgroundColor: "var(--fl7h881)", paddingTop: "var(--fl7h882)", paddingBottom: "var(--fl7h883)", paddingLeft: "var(--fl7h884)", paddingRight: "var(--fl7h885)" };
-const xm = ({ children: t, className: e, theme: n = B }) => {
+var te = { footerGap: "var(--fl7h880)", footerBackgroundColor: "var(--fl7h881)", footerPaddingTop: "var(--fl7h882)", footerPaddingBottom: "var(--fl7h883)", footerPaddingLeft: "var(--fl7h884)", footerPaddingRight: "var(--fl7h885)" }, xm = { zIndex: 20, display: "flex", fontSize: "0.8em", alignItems: "center", flexDirection: "column", justifyContent: "space-between", gap: "var(--fl7h880)", backgroundColor: "var(--fl7h881)", paddingTop: "var(--fl7h882)", paddingBottom: "var(--fl7h883)", paddingLeft: "var(--fl7h884)", paddingRight: "var(--fl7h885)" };
+const wm = ({ children: t, className: e, theme: n = B }) => {
   const r = St(), {
     global: { paddingLeft: i, paddingRight: s },
     footer: { gap: o, backgroundColor: a, paddingTop: l, paddingBottom: c }
@@ -2370,8 +2370,8 @@ const xm = ({ children: t, className: e, theme: n = B }) => {
     [te.footerPaddingRight]: `${s[r]}px`
   }), children: t });
 };
-var ee = { columnsGap: "var(--mx2tfy0)", columnsTextAlign: "var(--mx2tfy1)", columnsJustifyContent: "var(--mx2tfy2)", isCentered: "var(--mx2tfy3)", isInverted: "var(--mx2tfy4)", column0: "var(--mx2tfy5)", column1: "var(--mx2tfy6)", column2: "var(--mx2tfy7)", column3: "var(--mx2tfy8)" }, wm = {}, Ce = /* @__PURE__ */ ((t) => (t[t.Center = 0] = "Center", t[t.Left = 1] = "Left", t[t.Right = 2] = "Right", t))(Ce || {});
-const Sm = ({
+var ee = { columnsGap: "var(--mx2tfy0)", columnsTextAlign: "var(--mx2tfy1)", columnsJustifyContent: "var(--mx2tfy2)", isCentered: "var(--mx2tfy3)", isInverted: "var(--mx2tfy4)", column0: "var(--mx2tfy5)", column1: "var(--mx2tfy6)", column2: "var(--mx2tfy7)", column3: "var(--mx2tfy8)" }, Sm = {}, Ce = /* @__PURE__ */ ((t) => (t[t.Center = 0] = "Center", t[t.Left = 1] = "Left", t[t.Right = 2] = "Right", t))(Ce || {});
+const Tm = ({
   columns: t,
   children: e,
   align: n = Ce.Left,
@@ -2664,7 +2664,7 @@ function bu(t, e, n) {
     [e]
   );
 }
-const Vr = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), xu = "framerAppearId", uo = "data-" + Vr(xu), { schedule: Rr, cancel: Tm } = oo(queueMicrotask, !1), fo = pe({});
+const Vr = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), xu = "framerAppearId", uo = "data-" + Vr(xu), { schedule: Rr, cancel: Cm } = oo(queueMicrotask, !1), fo = pe({});
 function wu(t, e, n, r, i) {
   var s, o;
   const { visualElement: a } = rt(An), l = rt(ao), c = rt(Sr), u = rt(io).reducedMotion, d = le(null);
@@ -7223,7 +7223,7 @@ function Fp(t, { root: e, margin: n, amount: r, once: i = !1, initial: s = !1 }
   }, [e, t, n, i, r]), o;
 }
 var La = "var(--_14qm28z0)", $a = "var(--_14qm28z1)", Oa = "var(--_14qm28z2)", Fa = "var(--_14qm28z3)", Ba = "var(--_14qm28z4)", Ia = "var(--_14qm28z5)", Na = "var(--_14qm28z6)", ja = "var(--_14qm28z7)", Ua = "var(--_14qm28z8)", za = "var(--_14qm28z9)", Bp = { width: "100%", display: "flex", alignItems: "center", position: "relative", flexDirection: "column", animation: "background 0.5s ease-in-out", color: "var(--_14qm28z2)", zIndex: "var(--_14qm28z1)", minHeight: "var(--_14qm28z7)", paddingTop: "var(--_14qm28z3)", paddingLeft: "var(--_14qm28z4)", paddingRight: "var(--_14qm28z5)", paddingBottom: "var(--_14qm28z6)", background: "var(--_14qm28z9)", justifyContent: "var(--_14qm28z8)" }, Ip = "_14qm28za", Wa = "_14qm28zb";
-const Pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Am = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   sectionAlignVar: La,
   sectionBackgroundColorVar: za,
@@ -7253,7 +7253,7 @@ const Np = {
       type: "spring"
     }
   }
-}, Am = ({
+}, Vm = ({
   children: t,
   className: e,
   zIndex: n = 20,
@@ -7291,8 +7291,8 @@ const Np = {
     [La]: s === un.Center ? "center" : s === un.Right ? "right" : "left"
   }), children: t }) });
 };
-var jp = { navGap: "var(--_1h6zt340)" }, Vm = { display: "flex", flexDirection: "column", gap: "var(--_1h6zt340)" };
-const Rm = ({ children: t, theme: e = B, className: n }) => {
+var jp = { navGap: "var(--_1h6zt340)" }, Rm = { display: "flex", flexDirection: "column", gap: "var(--_1h6zt340)" };
+const Em = ({ children: t, theme: e = B, className: n }) => {
   const r = St(), { nav: { gap: i } } = e;
   return /* @__PURE__ */ A(
     "nav",
@@ -7305,8 +7305,8 @@ const Rm = ({ children: t, theme: e = B, className: n }) => {
     }
   );
 };
-var Up = { navSocialGap: "var(--g7q46n0)" }, Em = { display: "flex", flexDirection: "row", marginLeft: 0, marginRight: 0, gap: "var(--g7q46n0)" }, zp = "g7q46n1";
-const Mm = ({ navSocial: t, className: e, theme: n = B }) => {
+var Up = { navSocialGap: "var(--g7q46n0)" }, Mm = { display: "flex", flexDirection: "row", marginLeft: 0, marginRight: 0, gap: "var(--g7q46n0)" }, zp = "g7q46n1";
+const km = ({ navSocial: t, className: e, theme: n = B }) => {
   const r = St(), {
     navSocial: { gap: i }
   } = n;
@@ -7324,8 +7324,8 @@ const Mm = ({ navSocial: t, className: e, theme: n = B }) => {
     }
   );
 };
-var Wp = { navLegalGap: "var(--vehv9e0)" }, km = { display: "flex", flexDirection: "row", gap: "var(--vehv9e0)" };
-const Dm = ({ children: t, className: e, theme: n = B }) => {
+var Wp = { navLegalGap: "var(--vehv9e0)" }, Dm = { display: "flex", flexDirection: "row", gap: "var(--vehv9e0)" };
+const _m = ({ children: t, className: e, theme: n = B }) => {
   const r = St(), {
     navLegal: { gap: i }
   } = n;
@@ -7340,8 +7340,8 @@ const Dm = ({ children: t, className: e, theme: n = B }) => {
     }
   );
 };
-var Yn = { formWidth: "var(--dvq5w80)", formPadding: "var(--dvq5w81)", formBackgroundColor: "var(--dvq5w82)" }, _m = { width: "100%", maxWidth: "var(--dvq5w80)", backgroundColor: "var(--dvq5w82)", padding: "var(--dvq5w81)", position: "relative", "@media": { "(min-width: 768px)": { padding: "var(--formPadding)" } } };
-const Lm = ({ action: t, children: e, theme: n = B, className: r }) => /* @__PURE__ */ A(
+var Yn = { formWidth: "var(--dvq5w80)", formPadding: "var(--dvq5w81)", formBackgroundColor: "var(--dvq5w82)" }, Lm = { width: "100%", maxWidth: "var(--dvq5w80)", backgroundColor: "var(--dvq5w82)", padding: "var(--dvq5w81)", position: "relative", "@media": { "(min-width: 768px)": { padding: "var(--formPadding)" } } };
+const $m = ({ action: t, children: e, theme: n = B, className: r }) => /* @__PURE__ */ A(
   "form",
   {
     className: r,
@@ -7355,7 +7355,7 @@ const Lm = ({ action: t, children: e, theme: n = B, className: r }) => /* @__PUR
   }
 );
 var Qe = { rowGap: "var(--_223sdz0)", rowPadding: "var(--_223sdz1)", rowFontSize: "var(--_223sdz2)", rowJustifyContent: "var(--_223sdz3)" }, dn = /* @__PURE__ */ ((t) => (t[t.Center = 0] = "Center", t[t.Left = 1] = "Left", t[t.Right = 2] = "Right", t))(dn || {});
-const $m = ({
+const Om = ({
   children: t,
   theme: e = B,
   className: n,
@@ -7375,7 +7375,7 @@ const $m = ({
     children: t
   }
 );
-var It = { font: "var(--k6gj0i0)", color: "var(--k6gj0i1)", border: "var(--k6gj0i2)", borderRadius: "var(--k6gj0i3)", backgroundColor: "var(--k6gj0i4)", padding: "var(--k6gj0i5)", placeholderColor: "var(--k6gj0i6)", placeholderOpacity: "var(--k6gj0i7)" }, Om = { width: "100%", fontSize: "inherit", lineHeight: "1.5em", fontFamily: "var(--k6gj0i0)", color: "var(--k6gj0i1)", border: "var(--k6gj0i2)", borderRadius: "var(--k6gj0i3)", backgroundColor: "var(--k6gj0i4)", padding: "var(--k6gj0i5)", selectors: { "&:focus": { outline: "var(--k6gj0i2)" } } }, ni = /* @__PURE__ */ ((t) => (t.Text = "text", t.Email = "email", t.Search = "search", t.Number = "number", t.Hidden = "hidden", t.Password = "password", t))(ni || {});
+var It = { font: "var(--k6gj0i0)", color: "var(--k6gj0i1)", border: "var(--k6gj0i2)", borderRadius: "var(--k6gj0i3)", backgroundColor: "var(--k6gj0i4)", padding: "var(--k6gj0i5)", placeholderColor: "var(--k6gj0i6)", placeholderOpacity: "var(--k6gj0i7)" }, Fm = { width: "100%", fontSize: "inherit", lineHeight: "1.5em", fontFamily: "var(--k6gj0i0)", color: "var(--k6gj0i1)", border: "var(--k6gj0i2)", borderRadius: "var(--k6gj0i3)", backgroundColor: "var(--k6gj0i4)", padding: "var(--k6gj0i5)", selectors: { "&:focus": { outline: "var(--k6gj0i2)" } } }, ni = /* @__PURE__ */ ((t) => (t.Text = "text", t.Email = "email", t.Search = "search", t.Number = "number", t.Hidden = "hidden", t.Password = "password", t))(ni || {});
 const qp = ({
   name: t,
   value: e = "",
@@ -7408,7 +7408,7 @@ const qp = ({
     })
   }
 );
-var Nt = { font: "var(--l5ei120)", color: "var(--l5ei121)", border: "var(--l5ei122)", borderRadius: "var(--l5ei123)", padding: "var(--l5ei124)", backgroundColor: "var(--l5ei125)", placeholderColor: "var(--l5ei126)", placeholderOpacity: "var(--l5ei127)" }, Fm = {};
+var Nt = { font: "var(--l5ei120)", color: "var(--l5ei121)", border: "var(--l5ei122)", borderRadius: "var(--l5ei123)", padding: "var(--l5ei124)", backgroundColor: "var(--l5ei125)", placeholderColor: "var(--l5ei126)", placeholderOpacity: "var(--l5ei127)" }, Bm = {};
 const Gp = ({
   name: t,
   value: e,
@@ -7441,7 +7441,7 @@ const Gp = ({
     })
   }
 );
-var tn = { font: "var(--_1s956dc0)", color: "var(--_1s956dc1)", fontWeight: "var(--_1s956dc2)", paddingBottom: "var(--_1s956dc3)" }, Bm = { width: "100%", textAlign: "left", fontFamily: "var(--_1s956dc0)", color: "var(--_1s956dc1)", fontWeight: "var(--_1s956dc2)", paddingBottom: "var(--_1s956dc3)" };
+var tn = { font: "var(--_1s956dc0)", color: "var(--_1s956dc1)", fontWeight: "var(--_1s956dc2)", paddingBottom: "var(--_1s956dc3)" }, Im = { width: "100%", textAlign: "left", fontFamily: "var(--_1s956dc0)", color: "var(--_1s956dc1)", fontWeight: "var(--_1s956dc2)", paddingBottom: "var(--_1s956dc3)" };
 const Hp = ({
   name: t,
   label: e,
@@ -7465,8 +7465,8 @@ const Hp = ({
     ]
   }
 );
-var Kp = { errorColor: "var(--_1e95ziv0)" }, Im = {}, qa = /* @__PURE__ */ ((t) => (t.Textarea = "textarea", t))(qa || {});
-const Nm = ({
+var Kp = { errorColor: "var(--_1e95ziv0)" }, Nm = {}, qa = /* @__PURE__ */ ((t) => (t.Textarea = "textarea", t))(qa || {});
+const jm = ({
   name: t,
   label: e = "",
   value: n = "",
@@ -7486,7 +7486,7 @@ const Nm = ({
   u === qa.Textarea ? /* @__PURE__ */ A(Gp, { className: "", value: n, rows: r, name: t, theme: l, onChange: c, disabled: s, placeholder: o }) : /* @__PURE__ */ A(qp, { className: "", value: n, type: u, name: t, theme: l, onChange: c, disabled: s, placeholder: o }),
   a && /* @__PURE__ */ A("div", { children: a instanceof Array ? a.map((f, h) => /* @__PURE__ */ A("span", { children: f }, h)) : a })
 ] });
-var kt = { overlayBlur: "var(--pewdww0)", overlayOpacity: "var(--pewdww1)", overlayBackgroundColor: "var(--pewdww2)", width: "var(--pewdww3)", backgroundColor: "var(--pewdww4)", borderRadius: "var(--pewdww5)", borders: "var(--pewdww6)", actionsGap: "var(--pewdww7)", actionsPaddingTop: "var(--pewdww8)" }, jm = {};
+var kt = { overlayBlur: "var(--pewdww0)", overlayOpacity: "var(--pewdww1)", overlayBackgroundColor: "var(--pewdww2)", width: "var(--pewdww3)", backgroundColor: "var(--pewdww4)", borderRadius: "var(--pewdww5)", borders: "var(--pewdww6)", actionsGap: "var(--pewdww7)", actionsPaddingTop: "var(--pewdww8)" }, Um = {};
 function Yp(t) {
   const e = t + "=", r = decodeURIComponent(document.cookie).split(";");
   for (let i = 0; i < r.length; i++) {
@@ -7504,7 +7504,7 @@ function Xp(t, e, n) {
   const i = "expires=" + r.toUTCString();
   document.cookie = t + "=" + e + ";" + i + ";path=/";
 }
-const Um = ({
+const zm = ({
   children: t,
   theme: e = B,
   cookieName: n = "consent",
@@ -7555,54 +7555,55 @@ export {
   Qp as ButtonStyles,
   eo as ButtonType,
   Qn as ButtonVariant,
-  lm as Carousel,
-  am as CarouselStyles,
-  Sm as Columns,
+  cm as Carousel,
+  lm as CarouselStyles,
+  Tm as Columns,
   Ce as ColumnsAlign,
-  wm as ColumnsStyles,
-  Um as ConsentCookie,
-  jm as ConsentCookieStyles,
-  xm as Footer,
-  bm as FooterStyles,
-  Lm as Form,
-  $m as FormRow,
+  Sm as ColumnsStyles,
+  zm as ConsentCookie,
+  Um as ConsentCookieStyles,
+  wm as Footer,
+  xm as FooterStyles,
+  $m as Form,
+  Om as FormRow,
   dn as FormRowAlign,
-  _m as FormStyles,
-  vm as Header,
-  ym as HeaderStyles,
+  Lm as FormStyles,
+  bm as Header,
+  vm as HeaderStyles,
   Xt as Icon,
   nm as IconStyles,
-  Om as InputStyles,
+  Fm as InputStyles,
   ni as InputType,
-  um as KeyNumber,
-  cm as KeyNumberStyles,
-  pm as LanguageSwitcher,
-  hm as LanguageSwitcherStyles,
-  om as Logo,
-  sm as LogoStyles,
-  gm as Main,
-  mm as MainStyles,
+  dm as KeyNumber,
+  um as KeyNumberStyles,
+  mm as LanguageSwitcher,
+  pm as LanguageSwitcherStyles,
+  am as Logo,
+  om as LogoStyles,
+  ym as Main,
+  gm as MainStyles,
   im as Modal,
   rm as ModalStyles,
-  Rm as Nav,
-  Dm as NavLegal,
-  km as NavLegalStyles,
-  Mm as NavSocial,
-  Em as NavSocialStyles,
-  Vm as NavStyles,
-  Am as Section,
+  Em as Nav,
+  _m as NavLegal,
+  Dm as NavLegalStyles,
+  km as NavSocial,
+  Mm as NavSocialStyles,
+  Rm as NavStyles,
+  Vm as Section,
   un as SectionAlign,
   Bp as SectionStyles,
-  Nm as TextField,
+  jm as TextField,
   qp as TextFieldInput,
   Hp as TextFieldLabel,
-  Bm as TextFieldLabelStyles,
-  Im as TextFieldStyles,
+  Im as TextFieldLabelStyles,
+  Nm as TextFieldStyles,
   Gp as TextFieldTextarea,
-  Fm as TextareaStyles,
+  Bm as TextareaStyles,
   qa as TextareaType,
   kc as Video,
-  fm as VideoFullWidth,
-  dm as VideoFullWidthStyles,
-  Pm as allStyles
+  hm as VideoFullWidth,
+  fm as VideoFullWidthStyles,
+  sm as VideoStyles,
+  Am as allStyles
 };

package/dist/types/components/Video/export.d.ts

@@ -1,2 +1,3 @@
 export { Video } from '.';
 export type { VideoProps } from '.';
+export { styles as VideoStyles } from './styles.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.154",
+  "version": "0.0.155",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",