@fast-food/design-system 1.10.2 → 1.11.0

package/dist/fast-food-design-system.es.js

@@ -9,10 +9,10 @@ var dr = { exports: {} }, ar = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var vr;
-function Xr() {
-  if (vr) return ar;
-  vr = 1;
+var yr;
+function Hr() {
+  if (yr) return ar;
+  yr = 1;
   var r = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function o(t, a, p) {
     var m = null;
@@ -41,16 +41,16 @@ var pr = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yr;
-function Hr() {
-  return yr || (yr = 1, process.env.NODE_ENV !== "production" && function() {
+var vr;
+function Xr() {
+  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
     function r(i) {
       if (i == null) return null;
       if (typeof i == "function")
         return i.$$typeof === nr ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case q:
+        case R:
           return "Fragment";
         case M:
           return "Profiler";
@@ -67,7 +67,7 @@ function Hr() {
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case S:
+          case j:
             return "Portal";
           case D:
             return (i.displayName || "Context") + ".Provider";
@@ -99,8 +99,8 @@ function Hr() {
       }
       if (f) {
         f = console;
-        var k = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return k.call(
+        var x = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return x.call(
           f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           w
@@ -108,7 +108,7 @@ function Hr() {
       }
     }
     function t(i) {
-      if (i === q) return "<>";
+      if (i === R) return "<>";
       if (typeof i == "object" && i !== null && i.$$typeof === u)
         return "<...>";
       try {
@@ -133,14 +133,14 @@ function Hr() {
       return i.key !== void 0;
     }
     function c(i, f) {
-      function k() {
+      function x() {
         G || (G = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           f
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: k,
+      x.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: x,
         configurable: !0
       });
     }
@@ -150,14 +150,14 @@ function Hr() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function b(i, f, k, w, x, j, K, v) {
-      return k = j.ref, i = {
+    function b(i, f, x, w, y, T, K, v) {
+      return x = T.ref, i = {
         $$typeof: O,
         type: i,
         key: f,
-        props: j,
-        _owner: x
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(i, "ref", {
+        props: T,
+        _owner: y
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
         get: d
       }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
@@ -182,25 +182,25 @@ function Hr() {
         value: v
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function h(i, f, k, w, x, j, K, v) {
-      var y = f.children;
-      if (y !== void 0)
+    function h(i, f, x, w, y, T, K, v) {
+      var z = f.children;
+      if (z !== void 0)
         if (w)
-          if (lr(y)) {
-            for (w = 0; w < y.length; w++)
-              R(y[w]);
-            Object.freeze && Object.freeze(y);
+          if (lr(z)) {
+            for (w = 0; w < z.length; w++)
+              E(z[w]);
+            Object.freeze && Object.freeze(z);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else R(y);
+        else E(z);
       if (J.call(f, "key")) {
-        y = r(i);
+        z = r(i);
         var N = Object.keys(f).filter(function(ir) {
           return ir !== "key";
         });
-        w = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", er[y + w] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", er[z + w] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -208,77 +208,77 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           w,
-          y,
+          z,
           N,
-          y
-        ), er[y + w] = !0);
+          z
+        ), er[z + w] = !0);
       }
-      if (y = null, k !== void 0 && (o(k), y = "" + k), m(f) && (o(f.key), y = "" + f.key), "key" in f) {
-        k = {};
+      if (z = null, x !== void 0 && (o(x), z = "" + x), m(f) && (o(f.key), z = "" + f.key), "key" in f) {
+        x = {};
         for (var Y in f)
-          Y !== "key" && (k[Y] = f[Y]);
-      } else k = f;
-      return y && c(
-        k,
+          Y !== "key" && (x[Y] = f[Y]);
+      } else x = f;
+      return z && c(
+        x,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
       ), b(
         i,
+        z,
+        T,
         y,
-        j,
-        x,
         a(),
-        k,
+        x,
         K,
         v
       );
     }
-    function R(i) {
+    function E(i) {
       typeof i == "object" && i !== null && i.$$typeof === O && i._store && (i._store.validated = 1);
     }
-    var E = Wr, O = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), q = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), D = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), nr = Symbol.for("react.client.reference"), Q = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, lr = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var S = Wr, O = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), D = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), nr = Symbol.for("react.client.reference"), Q = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, lr = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    S = {
       "react-stack-bottom-frame": function(i) {
         return i();
       }
     };
-    var G, C = {}, I = E["react-stack-bottom-frame"].bind(
-      E,
+    var G, C = {}, I = S["react-stack-bottom-frame"].bind(
+      S,
       p
-    )(), l = X(t(p)), er = {};
-    pr.Fragment = q, pr.jsx = function(i, f, k, w, x) {
-      var j = 1e4 > Q.recentlyCreatedOwnerStacks++;
+    )(), l = H(t(p)), er = {};
+    pr.Fragment = R, pr.jsx = function(i, f, x, w, y) {
+      var T = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return h(
         i,
         f,
-        k,
+        x,
         !1,
         w,
-        x,
-        j ? Error("react-stack-top-frame") : I,
-        j ? X(t(i)) : l
+        y,
+        T ? Error("react-stack-top-frame") : I,
+        T ? H(t(i)) : l
       );
-    }, pr.jsxs = function(i, f, k, w, x) {
-      var j = 1e4 > Q.recentlyCreatedOwnerStacks++;
+    }, pr.jsxs = function(i, f, x, w, y) {
+      var T = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return h(
         i,
         f,
-        k,
+        x,
         !0,
         w,
-        x,
-        j ? Error("react-stack-top-frame") : I,
-        j ? X(t(i)) : l
+        y,
+        T ? Error("react-stack-top-frame") : I,
+        T ? H(t(i)) : l
       );
     };
   }()), pr;
 }
 var zr;
 function Zr() {
-  return zr || (zr = 1, process.env.NODE_ENV === "production" ? dr.exports = Xr() : dr.exports = Hr()), dr.exports;
+  return zr || (zr = 1, process.env.NODE_ENV === "production" ? dr.exports = Hr() : dr.exports = Xr()), dr.exports;
 }
-var T = Zr();
+var k = Zr();
 function Cr(r) {
   var e, o, t = "";
   if (typeof r == "string" || typeof r == "number") t += r;
@@ -399,25 +399,25 @@ const xr = "-", Qr = (r) => {
   let t = (a) => {
     const p = [];
     let m = 0, c = 0, d = 0, b;
-    for (let S = 0; S < a.length; S++) {
-      let q = a[S];
+    for (let j = 0; j < a.length; j++) {
+      let R = a[j];
       if (m === 0 && c === 0) {
-        if (q === kr) {
-          p.push(a.slice(d, S)), d = S + eo;
+        if (R === kr) {
+          p.push(a.slice(d, j)), d = j + eo;
           continue;
         }
-        if (q === "/") {
-          b = S;
+        if (R === "/") {
+          b = j;
           continue;
         }
       }
-      q === "[" ? m++ : q === "]" ? m-- : q === "(" ? c++ : q === ")" && c--;
+      R === "[" ? m++ : R === "]" ? m-- : R === "(" ? c++ : R === ")" && c--;
     }
-    const h = p.length === 0 ? a : a.substring(d), R = ao(h), E = R !== h, O = b && b > d ? b - d : void 0;
+    const h = p.length === 0 ? a : a.substring(d), E = ao(h), S = E !== h, O = b && b > d ? b - d : void 0;
     return {
       modifiers: p,
-      hasImportantModifier: E,
-      baseClassName: R,
+      hasImportantModifier: S,
+      baseClassName: E,
       maybePostfixModifierPosition: O
     };
   };
@@ -465,29 +465,29 @@ const xr = "-", Qr = (r) => {
   let d = "";
   for (let b = c.length - 1; b >= 0; b -= 1) {
     const h = c[b], {
-      isExternal: R,
-      modifiers: E,
+      isExternal: E,
+      modifiers: S,
       hasImportantModifier: O,
-      baseClassName: S,
-      maybePostfixModifierPosition: q
+      baseClassName: j,
+      maybePostfixModifierPosition: R
     } = o(h);
-    if (R) {
+    if (E) {
       d = h + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let A = !!q, M = t(A ? S.substring(0, q) : S);
+    let A = !!R, M = t(A ? j.substring(0, R) : j);
     if (!M) {
       if (!A) {
         d = h + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (M = t(S), !M) {
+      if (M = t(j), !M) {
         d = h + (d.length > 0 ? " " + d : d);
         continue;
       }
       A = !1;
     }
-    const Z = p(E).join(":"), D = O ? Z + wr : Z, $ = D + M;
+    const Z = p(S).join(":"), D = O ? Z + wr : Z, $ = D + M;
     if (m.includes($))
       continue;
     m.push($);
@@ -517,7 +517,7 @@ const Nr = (r) => {
 function co(r, ...e) {
   let o, t, a, p = m;
   function m(d) {
-    const b = e.reduce((h, R) => R(h), r());
+    const b = e.reduce((h, E) => E(h), r());
     return o = mo(b), t = o.cache.get, a = o.cache.set, p = c, c(d);
   }
   function c(d) {
@@ -531,7 +531,7 @@ function co(r, ...e) {
     return p(lo.apply(null, arguments));
   };
 }
-const z = (r) => {
+const q = (r) => {
   const e = (o) => o[r] || [];
   return e.isThemeGetter = !0, e;
 }, Or = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ir = /^\((?:(\w[\w-]*):)?(.+)\)$/i, uo = /^\d+\/\d+$/, fo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, go = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, bo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ho = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, wo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, rr = (r) => uo.test(r), g = (r) => !!r && !Number.isNaN(Number(r)), U = (r) => !!r && Number.isInteger(Number(r)), gr = (r) => r.endsWith("%") && g(r.slice(0, -1)), L = (r) => fo.test(r), ko = () => !0, xo = (r) => (
@@ -539,14 +539,14 @@ const z = (r) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   go.test(r) && !bo.test(r)
-), Mr = () => !1, vo = (r) => ho.test(r), yo = (r) => wo.test(r), zo = (r) => !s(r) && !n(r), qo = (r) => or(r, Lr, Mr), s = (r) => Or.test(r), H = (r) => or(r, Fr, xo), br = (r) => or(r, jo, g), Er = (r) => or(r, Vr, Mr), Ro = (r) => or(r, Gr, yo), ur = (r) => or(r, $r, vo), n = (r) => Ir.test(r), mr = (r) => tr(r, Fr), Eo = (r) => tr(r, Ao), Sr = (r) => tr(r, Vr), So = (r) => tr(r, Lr), To = (r) => tr(r, Gr), fr = (r) => tr(r, $r, !0), or = (r, e, o) => {
+), Mr = () => !1, yo = (r) => ho.test(r), vo = (r) => wo.test(r), zo = (r) => !s(r) && !n(r), qo = (r) => or(r, Lr, Mr), s = (r) => Or.test(r), X = (r) => or(r, Fr, xo), br = (r) => or(r, To, g), Er = (r) => or(r, Vr, Mr), Ro = (r) => or(r, Gr, vo), ur = (r) => or(r, $r, yo), n = (r) => Ir.test(r), mr = (r) => tr(r, Fr), Eo = (r) => tr(r, Ao), Sr = (r) => tr(r, Vr), So = (r) => tr(r, Lr), jo = (r) => tr(r, Gr), fr = (r) => tr(r, $r, !0), or = (r, e, o) => {
   const t = Or.exec(r);
   return t ? t[1] ? e(t[1]) : o(t[2]) : !1;
 }, tr = (r, e, o = !1) => {
   const t = Ir.exec(r);
   return t ? t[1] ? e(t[1]) : o : !1;
-}, Vr = (r) => r === "position" || r === "percentage", Gr = (r) => r === "image" || r === "url", Lr = (r) => r === "length" || r === "size" || r === "bg-size", Fr = (r) => r === "length", jo = (r) => r === "number", Ao = (r) => r === "family-name", $r = (r) => r === "shadow", Co = () => {
-  const r = z("color"), e = z("font"), o = z("text"), t = z("font-weight"), a = z("tracking"), p = z("leading"), m = z("breakpoint"), c = z("container"), d = z("spacing"), b = z("radius"), h = z("shadow"), R = z("inset-shadow"), E = z("text-shadow"), O = z("drop-shadow"), S = z("blur"), q = z("perspective"), A = z("aspect"), M = z("ease"), Z = z("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
+}, Vr = (r) => r === "position" || r === "percentage", Gr = (r) => r === "image" || r === "url", Lr = (r) => r === "length" || r === "size" || r === "bg-size", Fr = (r) => r === "length", To = (r) => r === "number", Ao = (r) => r === "family-name", $r = (r) => r === "shadow", Co = () => {
+  const r = q("color"), e = q("font"), o = q("text"), t = q("font-weight"), a = q("tracking"), p = q("leading"), m = q("breakpoint"), c = q("container"), d = q("spacing"), b = q("radius"), h = q("shadow"), E = q("inset-shadow"), S = q("text-shadow"), O = q("drop-shadow"), j = q("blur"), R = q("perspective"), A = q("aspect"), M = q("ease"), Z = q("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
     "center",
     "top",
     "bottom",
@@ -566,13 +566,13 @@ const z = (r) => {
     "left-bottom"
   ], W = () => [...$(), n, s], V = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], u = () => [n, s, d], P = () => [rr, "full", "auto", ...u()], nr = () => [U, "none", "subgrid", n, s], Q = () => ["auto", {
     span: ["full", U, n, s]
-  }, U, n, s], J = () => [U, "auto", n, s], lr = () => ["auto", "min", "max", "fr", n, s], X = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...u()], I = () => [rr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], l = () => [r, n, s], er = () => [...$(), Sr, Er, {
+  }, U, n, s], J = () => [U, "auto", n, s], lr = () => ["auto", "min", "max", "fr", n, s], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...u()], I = () => [rr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], l = () => [r, n, s], er = () => [...$(), Sr, Er, {
     position: [n, s]
   }], i = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], f = () => ["auto", "cover", "contain", So, qo, {
     size: [n, s]
-  }], k = () => [gr, mr, H], w = () => [
+  }], x = () => [gr, mr, X], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -580,11 +580,11 @@ const z = (r) => {
     b,
     n,
     s
-  ], x = () => ["", g, mr, H], j = () => ["solid", "dashed", "dotted", "double"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [g, gr, Sr, Er], y = () => [
+  ], y = () => ["", g, mr, X], T = () => ["solid", "dashed", "dotted", "double"], K = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => [g, gr, Sr, Er], z = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    S,
+    j,
     n,
     s
   ], N = () => ["none", g, n, s], Y = () => ["none", g, n, s], ir = () => [g, n, s], cr = () => [rr, "full", ...u()];
@@ -990,7 +990,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...X(), "normal"]
+        justify: [...H(), "normal"]
       }],
       /**
        * Justify Items
@@ -1011,7 +1011,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...X()]
+        content: ["normal", ...H()]
       }],
       /**
        * Align Items
@@ -1036,7 +1036,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": X()
+        "place-content": H()
       }],
       /**
        * Place Items
@@ -1280,7 +1280,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, mr, H]
+        text: ["base", o, mr, X]
       }],
       /**
        * Font Smoothing
@@ -1421,14 +1421,14 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...j(), "wavy"]
+        decoration: [...T(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", n, H]
+        decoration: [g, "from-font", "auto", n, X]
       }],
       /**
        * Text Decoration Color
@@ -1566,7 +1566,7 @@ const z = (r) => {
           }, U, n, s],
           radial: ["", n, s],
           conic: [U, n, s]
-        }, To, Ro]
+        }, jo, Ro]
       }],
       /**
        * Background Color
@@ -1580,21 +1580,21 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: k()
+        from: x()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: k()
+        via: x()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: k()
+        to: x()
       }],
       /**
        * Gradient Color Stops From
@@ -1730,70 +1730,70 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: x()
+        border: y()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": x()
+        "border-x": y()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": x()
+        "border-y": y()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": x()
+        "border-s": y()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": x()
+        "border-e": y()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": x()
+        "border-t": y()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": x()
+        "border-r": y()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": x()
+        "border-b": y()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": x()
+        "border-l": y()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": x()
+        "divide-x": y()
       }],
       /**
        * Divide Width X Reverse
@@ -1805,7 +1805,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": x()
+        "divide-y": y()
       }],
       /**
        * Divide Width Y Reverse
@@ -1817,14 +1817,14 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...j(), "hidden", "none"]
+        border: [...T(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...j(), "hidden", "none"]
+        divide: [...T(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1901,7 +1901,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...j(), "none", "hidden"]
+        outline: [...T(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1915,7 +1915,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", g, mr, H]
+        outline: ["", g, mr, X]
       }],
       /**
        * Outline Color
@@ -1953,7 +1953,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", R, fr, ur]
+        "inset-shadow": ["none", E, fr, ur]
       }],
       /**
        * Inset Box Shadow Color
@@ -1967,7 +1967,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: x()
+        ring: y()
       }],
       /**
        * Ring Width Inset
@@ -1990,7 +1990,7 @@ const z = (r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [g, H]
+        "ring-offset": [g, X]
       }],
       /**
        * Ring Offset Color
@@ -2006,7 +2006,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": x()
+        "inset-ring": y()
       }],
       /**
        * Inset Ring Color
@@ -2020,7 +2020,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", E, fr, ur]
+        "text-shadow": ["none", S, fr, ur]
       }],
       /**
        * Text Shadow Color
@@ -2267,7 +2267,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: y()
+        blur: z()
       }],
       /**
        * Brightness
@@ -2357,7 +2357,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": y()
+        "backdrop-blur": z()
       }],
       /**
        * Backdrop Brightness
@@ -2520,7 +2520,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [q, n, s]
+        perspective: [R, n, s]
       }],
       /**
        * Perspective Origin
@@ -2940,7 +2940,7 @@ const z = (r) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [g, mr, H, br]
+        stroke: [g, mr, X, br]
       }],
       /**
        * Stroke
@@ -3015,35 +3015,35 @@ const z = (r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, _o = /* @__PURE__ */ co(Co), _ = (...r) => _o(_r(r)), Tr = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, jr = _r, F = (r, e) => (o) => {
+}, _o = /* @__PURE__ */ co(Co), _ = (...r) => _o(_r(r)), jr = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Tr = _r, F = (r, e) => (o) => {
   var t;
-  if ((e == null ? void 0 : e.variants) == null) return jr(r, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  if ((e == null ? void 0 : e.variants) == null) return Tr(r, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
   const { variants: a, defaultVariants: p } = e, m = Object.keys(a).map((b) => {
-    const h = o == null ? void 0 : o[b], R = p == null ? void 0 : p[b];
+    const h = o == null ? void 0 : o[b], E = p == null ? void 0 : p[b];
     if (h === null) return null;
-    const E = Tr(h) || Tr(R);
-    return a[b][E];
+    const S = jr(h) || jr(E);
+    return a[b][S];
   }), c = o && Object.entries(o).reduce((b, h) => {
-    let [R, E] = h;
-    return E === void 0 || (b[R] = E), b;
+    let [E, S] = h;
+    return S === void 0 || (b[E] = S), b;
   }, {}), d = e == null || (t = e.compoundVariants) === null || t === void 0 ? void 0 : t.reduce((b, h) => {
-    let { class: R, className: E, ...O } = h;
-    return Object.entries(O).every((S) => {
-      let [q, A] = S;
+    let { class: E, className: S, ...O } = h;
+    return Object.entries(O).every((j) => {
+      let [R, A] = j;
       return Array.isArray(A) ? A.includes({
         ...p,
         ...c
-      }[q]) : {
+      }[R]) : {
         ...p,
         ...c
-      }[q] === A;
+      }[R] === A;
     }) ? [
       ...b,
-      R,
-      E
+      E,
+      S
     ] : b;
   }, []);
-  return jr(r, m, d, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  return Tr(r, m, d, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
 }, Po = F(
   `
     rounded-md
@@ -3111,7 +3111,7 @@ const z = (r) => {
       size: "md"
     }
   }
-), rt = ({
+), No = ({
   children: r,
   className: e,
   variant: o,
@@ -3120,7 +3120,7 @@ const z = (r) => {
   isLoading: p = !1,
   disabled: m = !1,
   ...c
-}) => /* @__PURE__ */ T.jsx(
+}) => /* @__PURE__ */ k.jsx(
   "button",
   {
     className: _(Po({ variant: o, size: t, className: e })),
@@ -3129,15 +3129,15 @@ const z = (r) => {
     ...c,
     children: r
   }
-), No = F(
+), Oo = F(
   "text-sm text-black dark:text-white font-semibold"
-), ot = ({ className: r, ...e }) => /* @__PURE__ */ T.jsx(
+), et = ({ className: r, ...e }) => /* @__PURE__ */ k.jsx(
   "label",
   {
-    className: _(No({ className: r })),
+    className: _(Oo({ className: r })),
     ...e
   }
-), Oo = F("", {
+), Io = F("", {
   variants: {
     variant: {
       default: "text-black dark:text-white",
@@ -3149,19 +3149,19 @@ const z = (r) => {
   defaultVariants: {
     variant: "default"
   }
-}), tt = ({
+}), it = ({
   children: r,
   className: e,
   variant: o,
   ...t
-}) => /* @__PURE__ */ T.jsx(
+}) => /* @__PURE__ */ k.jsx(
   "h1",
   {
-    className: _(Oo({ variant: o, className: e })),
+    className: _(Io({ variant: o, className: e })),
     ...t,
     children: r
   }
-), Io = F("", {
+), Mo = F("", {
   variants: {
     variant: {
       default: "text-gray-900 dark:text-gray-50",
@@ -5020,7 +5020,7 @@ const Ar = {
   zap: () => import("./zap-CIyjpnAY.js"),
   "zoom-in": () => import("./zoom-in-DuYhciZN.js"),
   "zoom-out": () => import("./zoom-out-CHkWNOgx.js")
-}, Mo = /* @__PURE__ */ T.jsx("div", { style: { background: "transparent", width: 24, height: 24 } }), Vo = Yr(
+}, Vo = /* @__PURE__ */ k.jsx("div", { style: { background: "transparent", width: 24, height: 24 } }), Go = Yr(
   ({
     className: r,
     fill: e = "transparent",
@@ -5038,11 +5038,11 @@ const Ar = {
     if (!Ar[t])
       return console.warn(`Ícone '${t}' não encontrado no Lucide.`), null;
     const h = Ur(Ar[t]);
-    return h ? /* @__PURE__ */ T.jsx(Dr, { fallback: Mo, children: /* @__PURE__ */ T.jsx(
+    return h ? /* @__PURE__ */ k.jsx(Dr, { fallback: Vo, children: /* @__PURE__ */ k.jsx(
       h,
       {
         className: _(
-          Io({ variant: a, size: p, className: r })
+          Mo({ variant: a, size: p, className: r })
         ),
         onClick: b,
         fill: e,
@@ -5055,8 +5055,8 @@ const Ar = {
     ) }) : null;
   }
 );
-Vo.displayName = "Icon";
-const Go = F(
+Go.displayName = "Icon";
+const Lo = F(
   [
     "block",
     "w-full",
@@ -5100,7 +5100,7 @@ const Go = F(
       disabled: !1
     }
   }
-), Lo = sr(
+), Fo = sr(
   ({
     className: r,
     variant: e = "default",
@@ -5109,13 +5109,13 @@ const Go = F(
     disabled: a = !1,
     type: p = "text",
     ...m
-  }, c) => /* @__PURE__ */ T.jsx(
+  }, c) => /* @__PURE__ */ k.jsx(
     "input",
     {
       ref: c,
       type: p,
       className: _(
-        Go({ variant: e, size: o, error: t, disabled: a }),
+        Lo({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5124,8 +5124,8 @@ const Go = F(
     }
   )
 );
-Lo.displayName = "Input";
-const Fo = F(
+Fo.displayName = "Input";
+const $o = F(
   [
     "block",
     "w-full",
@@ -5170,7 +5170,7 @@ const Fo = F(
       disabled: !1
     }
   }
-), $o = sr(
+), Wo = sr(
   ({
     className: r,
     variant: e = "default",
@@ -5178,12 +5178,12 @@ const Fo = F(
     error: t = !1,
     disabled: a = !1,
     ...p
-  }, m) => /* @__PURE__ */ T.jsx(
+  }, m) => /* @__PURE__ */ k.jsx(
     "textarea",
     {
       ref: m,
       className: _(
-        Fo({ variant: e, size: o, error: t, disabled: a }),
+        $o({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5192,8 +5192,8 @@ const Fo = F(
     }
   )
 );
-$o.displayName = "Textarea";
-const Wo = F(
+Wo.displayName = "Textarea";
+const Yo = F(
   [
     "block",
     "w-full",
@@ -5240,7 +5240,7 @@ const Wo = F(
       disabled: !1
     }
   }
-), Yo = sr(
+), Uo = sr(
   ({
     className: r,
     variant: e = "default",
@@ -5249,12 +5249,12 @@ const Wo = F(
     disabled: a = !1,
     children: p,
     ...m
-  }, c) => /* @__PURE__ */ T.jsx(
+  }, c) => /* @__PURE__ */ k.jsx(
     "select",
     {
       ref: c,
       className: _(
-        Wo({ variant: e, size: o, error: t, disabled: a }),
+        Yo({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5264,8 +5264,8 @@ const Wo = F(
     }
   )
 );
-Yo.displayName = "Select";
-const Uo = F(
+Uo.displayName = "Select";
+const Do = F(
   [
     "form-checkbox",
     "rounded",
@@ -5308,7 +5308,7 @@ const Uo = F(
       disabled: !1
     }
   }
-), Do = sr(
+), Bo = sr(
   ({
     className: r,
     variant: e = "default",
@@ -5323,13 +5323,13 @@ const Uo = F(
     };
     return Jr(() => {
       d.current && (d.current.indeterminate = a);
-    }, [a]), /* @__PURE__ */ T.jsx(
+    }, [a]), /* @__PURE__ */ k.jsx(
       "input",
       {
         ref: b,
         type: "checkbox",
         className: _(
-          Uo({ variant: e, size: o, error: t, disabled: p }),
+          Do({ variant: e, size: o, error: t, disabled: p }),
           r
         ),
         disabled: p,
@@ -5340,8 +5340,8 @@ const Uo = F(
     );
   }
 );
-Do.displayName = "Checkbox";
-const Bo = F(
+Bo.displayName = "Checkbox";
+const Jo = F(
   [
     "form-radio",
     "rounded-full",
@@ -5384,7 +5384,7 @@ const Bo = F(
       disabled: !1
     }
   }
-), Jo = sr(
+), Ho = sr(
   ({
     className: r,
     variant: e = "default",
@@ -5392,13 +5392,13 @@ const Bo = F(
     error: t = !1,
     disabled: a = !1,
     ...p
-  }, m) => /* @__PURE__ */ T.jsx(
+  }, m) => /* @__PURE__ */ k.jsx(
     "input",
     {
       ref: m,
       type: "radio",
       className: _(
-        Bo({ variant: e, size: o, error: t, disabled: a }),
+        Jo({ variant: e, size: o, error: t, disabled: a }),
         r
       ),
       disabled: a,
@@ -5407,7 +5407,7 @@ const Bo = F(
     }
   )
 );
-Jo.displayName = "Radio";
+Ho.displayName = "Radio";
 const Xo = ({
   disabled: r,
   className: e
@@ -5415,21 +5415,21 @@ const Xo = ({
   "inline-flex items-center cursor-pointer select-none",
   r ? "opacity-50 cursor-not-allowed" : "",
   e
-), Ho = ({
+), Zo = ({
   checked: r,
   disabled: e
 }) => _(
   "w-10 h-6 rounded-full transition-colors duration-200 relative",
   r ? "bg-primary-500" : "bg-gray-300",
   e ? "bg-gray-200" : ""
-), Zo = ({
+), Qo = ({
   checked: r,
   disabled: e
 }) => _(
   "absolute top-0.5 left-0.5 w-5 h-5 rounded-full bg-white shadow transition-transform duration-200",
   r ? "translate-x-4" : "translate-x-0",
   e ? "bg-gray-100" : ""
-), Qo = () => "ml-3 text-sm font-medium text-gray-900", et = ({
+), Ko = () => "ml-3 text-sm font-medium text-gray-900", at = ({
   checked: r,
   onChange: e,
   disabled: o = !1,
@@ -5438,8 +5438,8 @@ const Xo = ({
   className: p,
   children: m,
   ...c
-}) => /* @__PURE__ */ T.jsxs("label", { className: Xo({ disabled: o, className: p }), children: [
-  /* @__PURE__ */ T.jsx(
+}) => /* @__PURE__ */ k.jsxs("label", { className: Xo({ disabled: o, className: p }), children: [
+  /* @__PURE__ */ k.jsx(
     "input",
     {
       type: "checkbox",
@@ -5453,19 +5453,139 @@ const Xo = ({
       ...c
     }
   ),
-  /* @__PURE__ */ T.jsx("span", { className: Ho({ checked: r, disabled: o }), children: /* @__PURE__ */ T.jsx("span", { className: Zo({ checked: r, disabled: o }) }) }),
-  m && /* @__PURE__ */ T.jsx("span", { className: Qo(), children: m })
-] });
+  /* @__PURE__ */ k.jsx("span", { className: Zo({ checked: r, disabled: o }), children: /* @__PURE__ */ k.jsx("span", { className: Qo({ checked: r, disabled: o }) }) }),
+  m && /* @__PURE__ */ k.jsx("span", { className: Ko(), children: m })
+] }), rt = [
+  { label: "Home", route: "/" },
+  { label: "Plataforma", route: "/plataforma" },
+  { label: "Contato", route: "/contato" },
+  { label: "Carreira", route: "/carreira" }
+], ot = ({ onNavigate: r }) => /* @__PURE__ */ k.jsx(
+  "header",
+  {
+    style: {
+      width: "100%",
+      background: "var(--primary)",
+      color: "#fff",
+      padding: "0 2rem",
+      boxSizing: "border-box",
+      boxShadow: "0 2px 8px rgba(0,0,0,0.04)"
+    },
+    children: /* @__PURE__ */ k.jsxs(
+      "nav",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          height: 64,
+          maxWidth: 1200,
+          margin: "0 auto"
+        },
+        children: [
+          /* @__PURE__ */ k.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 32 }, children: [
+            /* @__PURE__ */ k.jsx("span", { style: { fontWeight: 700, fontSize: 22, letterSpacing: 1 }, children: "Fast Food Manager" }),
+            rt.map((e) => /* @__PURE__ */ k.jsx(
+              "button",
+              {
+                onClick: () => r == null ? void 0 : r(e.route),
+                style: {
+                  background: "none",
+                  border: "none",
+                  color: "#fff",
+                  fontSize: 16,
+                  cursor: "pointer",
+                  padding: "8px 12px",
+                  borderRadius: 6,
+                  transition: "background 0.2s"
+                },
+                onMouseOver: (o) => o.currentTarget.style.background = "rgba(255,255,255,0.08)",
+                onMouseOut: (o) => o.currentTarget.style.background = "none",
+                children: e.label
+              },
+              e.route
+            ))
+          ] }),
+          /* @__PURE__ */ k.jsx(
+            No,
+            {
+              style: {
+                background: "#fff",
+                color: "var(--primary)",
+                fontWeight: "bold",
+                borderRadius: 6,
+                padding: "8px 20px",
+                fontSize: 16,
+                boxShadow: "0 1px 4px rgba(0,0,0,0.04)"
+              },
+              onClick: () => r == null ? void 0 : r("/login"),
+              children: "Login"
+            }
+          )
+        ]
+      }
+    )
+  }
+), pt = ({
+  children: r,
+  showHeader: e = !0,
+  headerProps: o,
+  footerContent: t
+}) => /* @__PURE__ */ k.jsxs(
+  "div",
+  {
+    style: {
+      minHeight: "100vh",
+      display: "flex",
+      flexDirection: "column",
+      background: "var(--background)"
+    },
+    children: [
+      e && /* @__PURE__ */ k.jsx(ot, { ...o }),
+      /* @__PURE__ */ k.jsx(
+        "main",
+        {
+          style: {
+            flex: 1,
+            width: "100%",
+            maxWidth: 1200,
+            margin: "0 auto",
+            padding: "2rem 1rem"
+          },
+          children: r
+        }
+      ),
+      /* @__PURE__ */ k.jsx(
+        "footer",
+        {
+          style: {
+            padding: "1rem 0",
+            background: "var(--gray-900)",
+            color: "#fff",
+            textAlign: "center"
+          },
+          children: t || /* @__PURE__ */ k.jsxs(k.Fragment, { children: [
+            "© ",
+            (/* @__PURE__ */ new Date()).getFullYear(),
+            " Fast Food Manager. Todos os direitos reservados. "
+          ] })
+        }
+      )
+    ]
+  }
+);
 export {
-  rt as Button,
-  Do as Checkbox,
-  Vo as Icon,
-  Lo as Input,
-  ot as Label,
-  Jo as Radio,
-  Yo as Select,
-  et as Switch,
-  $o as Textarea,
-  tt as Title,
+  No as Button,
+  Bo as Checkbox,
+  ot as Header,
+  Go as Icon,
+  Fo as Input,
+  et as Label,
+  pt as Layout,
+  Ho as Radio,
+  Uo as Select,
+  at as Switch,
+  Wo as Textarea,
+  it as Title,
   _ as mergeClassNames
 };