@xola/ui-kit 2.0.0-86 → 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 = {
@@ -6425,39 +6425,41 @@ const U = {
 }, M1 = ({
   ranges: e = ["day", "week", "month", "quarter", "year"],
   value: t,
-  onChange: o,
-  onSubmit: a
+  showApply: o = !0,
+  onChange: a,
+  onSubmit: r
 }) => {
-  const r = (i) => {
-    const s = i.target.value, c = Kl[s]();
-    o(s, c);
+  const i = (s) => {
+    const c = s.target.value, u = Kl[c]();
+    a(c, u);
   };
   return /* @__PURE__ */ n.createElement("div", {
     className: "flex space-x-2"
   }, /* @__PURE__ */ n.createElement(Et, {
     size: "medium",
     value: t,
-    onChange: r,
+    onChange: i,
     className: "pr-8 leading-5"
   }, /* @__PURE__ */ n.createElement("option", {
     value: ""
-  }, "Relative Date Range"), e.map((i) => {
-    const s = Ql[i];
+  }, "Relative Date Range"), e.map((s) => {
+    const c = Ql[s];
     return /* @__PURE__ */ n.createElement("optgroup", {
-      key: i,
-      label: s.label
-    }, s.options.map((c) => /* @__PURE__ */ n.createElement("option", {
-      key: c.value,
-      value: c.value
-    }, c.label)));
-  })), /* @__PURE__ */ n.createElement(fe, {
-    onClick: a
+      key: s,
+      label: c.label
+    }, c.options.map((u) => /* @__PURE__ */ n.createElement("option", {
+      key: u.value,
+      value: u.value
+    }, u.label)));
+  })), o && /* @__PURE__ */ n.createElement(fe, {
+    onClick: r
   }, "Apply"));
 };
 M1.propTypes = {
   ranges: l.arrayOf(l.oneOf(["day", "week", "month", "quarter", "year"])),
   onChange: l.func.isRequired,
   onSubmit: l.func.isRequired,
+  showApply: l.bool,
   value: l.string
 };
 const ft = {
@@ -6541,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),
@@ -6553,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(
@@ -7208,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",
@@ -7339,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",
@@ -7385,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",
@@ -8173,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",
@@ -8215,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",
@@ -11239,6 +11262,7 @@ export {
   Y2 as ReceptionBellIcon,
   J2 as ReceptionBellMoneyIcon,
   Z2 as RefreshIcon,
+  M1 as RelativeDateRange,
   Y4 as RosterIcon,
   J4 as RoundedSquareIcon,
   U2 as RulerIcon,