@xola/ui-kit 2.0.0-87 → 2.0.0-88

package/build/ui-kit.mjs

@@ -93,8 +93,8 @@ const vt = {
   }
 }, to = {
   tiny: "px-2 py-0.5 text-xs leading-xs",
-  small: "px-3 py-2 h-[30px] text-sm leading-sm",
-  medium: "px-4.5 py-3 h-[40px] text-base leading-base",
+  small: "px-3 py-2 h-7.5 text-sm leading-sm",
+  medium: "px-4.5 py-3 h-10 text-base leading-base",
   large: "px-6 py-4 h-[50px] text-md leading-md"
 }, fe = ({
   as: e = "button",
@@ -195,7 +195,7 @@ const U1 = {
 }, /* @__PURE__ */ n.createElement(st, {
   size: "current",
   color: "current",
-  className: "relative top-[-1px] text-white"
+  className: "relative -top-0.25 text-white"
 }))), /* @__PURE__ */ n.createElement("span", {
   className: C(t ? "flex-shrink flex-grow opacity-0" : "opacity-100")
 }, a));
@@ -263,7 +263,7 @@ const ir = {
   large: "w-6 h-6"
 }, p = (e) => {
   const t = ({ size: o = "small", className: a, ...r }) => /* @__PURE__ */ n.createElement(e, {
-    className: C(ir[o], "relative top-[-1px] inline-block", a),
+    className: C(ir[o], "relative -top-0.25 inline-block", a),
     ...r
   });
   return t.propTypes = {
@@ -916,10 +916,10 @@ kn.propTypes = {
 };
 bt.Item = kn;
 const ua = {
-  small: "max-w-[400px]",
-  medium: "max-w-[500px]",
-  large: "max-w-[600px]",
-  huge: "max-w-[800px]"
+  small: "max-w-100",
+  medium: "max-w-125",
+  large: "max-w-150",
+  huge: "max-w-200"
 }, An = ({
   size: e = "medium",
   isOpen: t = !1,
@@ -1335,7 +1335,7 @@ const ui = li((e, t) => e(t), 500), Eo = ({
   }, /* @__PURE__ */ n.createElement("div", {
     ...j({ className: "w-full relative rounded-md" })
   }, /* @__PURE__ */ n.createElement("div", {
-    className: "pointer-events-none absolute inset-y-0 top-[-2px] left-0 hidden items-center md:flex"
+    className: "pointer-events-none absolute inset-y-0 -top-0.5 left-0 hidden items-center md:flex"
   }, /* @__PURE__ */ n.createElement(xo, {
     className: "h-4 w-4 text-gray-darker"
   })), /* @__PURE__ */ n.createElement("input", {
@@ -5900,13 +5900,13 @@ const C1 = {
     className: C("ui-tabs", "flex overflow-x-auto", C1[t], e),
     ...i
   }, t === "default" ? /* @__PURE__ */ n.createElement("div", {
-    className: "min-w-[40px] flex-shrink-0 border-b border-gray-light"
+    className: "min-w-10 flex-shrink-0 border-b border-gray-light"
   }) : null, c.map((d, m) => it(d, {
     variant: t,
     isActive: m === o,
     onClick: () => a == null ? void 0 : a(m)
   })), t === "default" ? /* @__PURE__ */ n.createElement("div", {
-    className: "min-w-[40px] flex-grow border-b border-gray-light"
+    className: "min-w-10 flex-grow border-b border-gray-light"
   }) : null), u[o]);
 };
 at.propTypes = {
@@ -6543,7 +6543,7 @@ const ft = {
     key: T.toString(),
     value: !0,
     className: C(
-      "mx-6 mt-3 flex min-w-[160px] cursor-pointer items-center justify-center rounded border border-gray py-3 hover:border-blue hover:bg-blue hover:text-white",
+      "mx-6 mt-3 flex min-w-40 cursor-pointer items-center justify-center rounded border border-gray py-3 hover:border-blue hover:bg-blue hover:text-white",
       {
         "border-blue bg-blue text-white": V(N).isSame(
           V(t),
@@ -6555,7 +6555,7 @@ const ft = {
       E(N, {}, D), B(N);
     }
   }, V(N).format("ddd DD MMMM")))) : /* @__PURE__ */ n.createElement("div", {
-    className: "mx-6 mt-7 max-w-[160px] items-center justify-center rounded bg-yellow-lighter p-3"
+    className: "mx-6 mt-7 max-w-40 items-center justify-center rounded bg-yellow-lighter p-3"
   }, "There is no future availability for this product.")) : null, /* @__PURE__ */ n.createElement(j1, {
     showOutsideDays: !0,
     className: C(
@@ -7210,11 +7210,18 @@ const ic = {
     56: "224px",
     60: "240px",
     64: "256px",
+    65: "260px",
     72: "288px",
     75: "300px",
     80: "320px",
     82: "350px",
     96: "384px",
+    100: "400px",
+    105: "420px",
+    125: "500px",
+    140: "560px",
+    150: "600px",
+    200: "800px",
     "0.25": "1px",
     "0.5": "2px",
     "0.75": "3px",
@@ -7341,11 +7348,18 @@ const ic = {
       56: "224px",
       60: "240px",
       64: "256px",
+      65: "260px",
       72: "288px",
       75: "300px",
       80: "320px",
       82: "350px",
       96: "384px",
+      100: "400px",
+      105: "420px",
+      125: "500px",
+      140: "560px",
+      150: "600px",
+      200: "800px",
       "0.25": "1px",
       "0.5": "2px",
       "0.75": "3px",
@@ -7387,11 +7401,18 @@ const ic = {
       56: "224px",
       60: "240px",
       64: "256px",
+      65: "260px",
       72: "288px",
       75: "300px",
       80: "320px",
       82: "350px",
       96: "384px",
+      100: "400px",
+      105: "420px",
+      125: "500px",
+      140: "560px",
+      150: "600px",
+      200: "800px",
       "0.25": "1px",
       "0.5": "2px",
       "0.75": "3px",
@@ -8175,7 +8196,7 @@ const g4 = p(({ className: e, ...t }) => /* @__PURE__ */ n.createElement("svg",
   height: "24",
   fill: "none",
   viewBox: "0 0 96 24",
-  className: C("h-[24px] w-[96px]", e),
+  className: C("h-6 w-24", e),
   ...t
 }, /* @__PURE__ */ n.createElement("path", {
   stroke: "#BDC0C6",
@@ -8217,7 +8238,7 @@ const g4 = p(({ className: e, ...t }) => /* @__PURE__ */ n.createElement("svg",
   height: "24",
   fill: "none",
   viewBox: "0 0 96 24",
-  className: C("h-[24px] w-[96px]", e),
+  className: C("h-6 w-24", e),
   ...t
 }, /* @__PURE__ */ n.createElement("path", {
   stroke: "#BDC0C6",