@instockng/storefront-ui 1.0.0

package/dist/index101.mjs

@@ -0,0 +1,35 @@
+import i from "./index108.mjs";
+import m from "./index109.mjs";
+import f from "./index64.mjs";
+const h = (t, o, a = 3) => {
+  let r = 0;
+  const c = i(50, 250);
+  return m((s) => {
+    const n = s.loaded, e = s.lengthComputable ? s.total : void 0, l = n - r, d = c(l), p = n <= e;
+    r = n;
+    const u = {
+      loaded: n,
+      total: e,
+      progress: e ? n / e : void 0,
+      bytes: l,
+      rate: d || void 0,
+      estimated: d && e && p ? (e - n) / d : void 0,
+      event: s,
+      lengthComputable: e != null,
+      [o ? "download" : "upload"]: !0
+    };
+    t(u);
+  }, a);
+}, v = (t, o) => {
+  const a = t != null;
+  return [(r) => o[0]({
+    lengthComputable: a,
+    total: t,
+    loaded: r
+  }), o[1]];
+}, C = (t) => (...o) => f.asap(() => t(...o));
+export {
+  C as asyncDecorator,
+  v as progressEventDecorator,
+  h as progressEventReducer
+};

package/dist/index102.mjs

@@ -0,0 +1,33 @@
+import n from "./index88.mjs";
+import m from "./index64.mjs";
+import c from "./index110.mjs";
+import h from "./index111.mjs";
+import w from "./index84.mjs";
+import b from "./index67.mjs";
+import C from "./index78.mjs";
+import g from "./index81.mjs";
+const E = (a) => {
+  const e = b({}, a);
+  let { data: i, withXSRFToken: r, xsrfHeaderName: f, xsrfCookieName: d, headers: o, auth: s } = e;
+  if (e.headers = o = C.from(o), e.url = g(w(e.baseURL, e.url, e.allowAbsoluteUrls), a.params, a.paramsSerializer), s && o.set(
+    "Authorization",
+    "Basic " + btoa((s.username || "") + ":" + (s.password ? unescape(encodeURIComponent(s.password)) : ""))
+  ), m.isFormData(i)) {
+    if (n.hasStandardBrowserEnv || n.hasStandardBrowserWebWorkerEnv)
+      o.setContentType(void 0);
+    else if (m.isFunction(i.getHeaders)) {
+      const t = i.getHeaders(), u = ["content-type", "content-length"];
+      Object.entries(t).forEach(([l, p]) => {
+        u.includes(l.toLowerCase()) && o.set(l, p);
+      });
+    }
+  }
+  if (n.hasStandardBrowserEnv && (r && m.isFunction(r) && (r = r(e)), r || r !== !1 && c(e.url))) {
+    const t = f && d && h.read(d);
+    t && o.set(f, t);
+  }
+  return e;
+};
+export {
+  E as default
+};

package/dist/index103.mjs

@@ -0,0 +1,30 @@
+import a from "./index70.mjs";
+import s from "./index75.mjs";
+import m from "./index64.mjs";
+const h = (e, t) => {
+  const { length: l } = e = e ? e.filter(Boolean) : [];
+  if (t || l) {
+    let u = new AbortController(), f;
+    const n = function(r) {
+      if (!f) {
+        f = !0, i();
+        const o = r instanceof Error ? r : this.reason;
+        u.abort(o instanceof s ? o : new a(o instanceof Error ? o.message : o));
+      }
+    };
+    let c = t && setTimeout(() => {
+      c = null, n(new s(`timeout ${t} of ms exceeded`, s.ETIMEDOUT));
+    }, t);
+    const i = () => {
+      e && (c && clearTimeout(c), c = null, e.forEach((r) => {
+        r.unsubscribe ? r.unsubscribe(n) : r.removeEventListener("abort", n);
+      }), e = null);
+    };
+    e.forEach((r) => r.addEventListener("abort", n));
+    const { signal: b } = u;
+    return b.unsubscribe = () => m.asap(i), b;
+  }
+};
+export {
+  h as default
+};

package/dist/index104.mjs

@@ -0,0 +1,63 @@
+const f = function* (e, t) {
+  let n = e.byteLength;
+  if (n < t) {
+    yield e;
+    return;
+  }
+  let a = 0, r;
+  for (; a < n; )
+    r = a + t, yield e.slice(a, r), a = r;
+}, w = async function* (e, t) {
+  for await (const n of b(e))
+    yield* f(n, t);
+}, b = async function* (e) {
+  if (e[Symbol.asyncIterator]) {
+    yield* e;
+    return;
+  }
+  const t = e.getReader();
+  try {
+    for (; ; ) {
+      const { done: n, value: a } = await t.read();
+      if (n)
+        break;
+      yield a;
+    }
+  } finally {
+    await t.cancel();
+  }
+}, h = (e, t, n, a) => {
+  const r = w(e, t);
+  let d = 0, o, c = (l) => {
+    o || (o = !0, a && a(l));
+  };
+  return new ReadableStream({
+    async pull(l) {
+      try {
+        const { done: i, value: y } = await r.next();
+        if (i) {
+          c(), l.close();
+          return;
+        }
+        let s = y.byteLength;
+        if (n) {
+          let u = d += s;
+          n(u);
+        }
+        l.enqueue(new Uint8Array(y));
+      } catch (i) {
+        throw c(i), i;
+      }
+    },
+    cancel(l) {
+      return c(l), r.return();
+    }
+  }, {
+    highWaterMark: 2
+  });
+};
+export {
+  w as readBytes,
+  f as streamChunk,
+  h as trackStream
+};

package/dist/index105.mjs

@@ -0,0 +1,5 @@
+import a from "./index95.mjs";
+const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
+export {
+  e as default
+};

package/dist/index106.mjs

@@ -0,0 +1,4 @@
+const a = typeof FormData < "u" ? FormData : null;
+export {
+  a as default
+};

package/dist/index107.mjs

@@ -0,0 +1,4 @@
+const l = typeof Blob < "u" ? Blob : null;
+export {
+  l as default
+};

package/dist/index108.mjs

@@ -0,0 +1,19 @@
+function y(t, n) {
+  t = t || 10;
+  const c = new Array(t), o = new Array(t);
+  let e = 0, r = 0, i;
+  return n = n !== void 0 ? n : 1e3, function(h) {
+    const d = Date.now(), a = o[r];
+    i || (i = d), c[e] = h, o[e] = d;
+    let f = r, u = 0;
+    for (; f !== e; )
+      u += c[f++], f = f % t;
+    if (e = (e + 1) % t, e === r && (r = (r + 1) % t), d - i < n)
+      return;
+    const w = a && d - a;
+    return w ? Math.round(u * 1e3 / w) : void 0;
+  };
+}
+export {
+  y as default
+};

package/dist/index109.mjs

@@ -0,0 +1,15 @@
+function h(r, a) {
+  let s = 0, u = 1e3 / a, e, t;
+  const n = (l, o = Date.now()) => {
+    s = o, e = null, t && (clearTimeout(t), t = null), r(...l);
+  };
+  return [(...l) => {
+    const o = Date.now(), i = o - s;
+    i >= u ? n(l, o) : (e = l, t || (t = setTimeout(() => {
+      t = null, n(e);
+    }, u - i)));
+  }, () => e && n(e)];
+}
+export {
+  h as default
+};

package/dist/index11.mjs

@@ -0,0 +1,62 @@
+import { jsxs as c, jsx as u } from "react/jsx-runtime";
+import { Root as v } from "./index37.mjs";
+import { cva as g } from "./index38.mjs";
+import { Loader2 as l } from "lucide-react";
+import { cn as p } from "./index17.mjs";
+const b = g(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function z({
+  className: r,
+  variant: t,
+  size: i,
+  asChild: n = !1,
+  loading: e = !1,
+  children: o,
+  disabled: s,
+  type: a,
+  ...d
+}) {
+  return /* @__PURE__ */ c(
+    n ? v : "button",
+    {
+      "data-slot": "button",
+      className: p(b({ variant: t, size: i, className: r })),
+      disabled: s || e,
+      type: a ?? "button",
+      ...d,
+      children: [
+        e && /* @__PURE__ */ u(l, { className: "size-4 animate-spin" }),
+        o
+      ]
+    }
+  );
+}
+export {
+  z as Button,
+  b as buttonVariants
+};

package/dist/index110.mjs

@@ -0,0 +1,8 @@
+import o from "./index88.mjs";
+const n = o.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, o.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
+  new URL(o.origin),
+  o.navigator && /(msie|trident)/i.test(o.navigator.userAgent)
+) : () => !0;
+export {
+  n as default
+};

package/dist/index111.mjs

@@ -0,0 +1,32 @@
+import r from "./index64.mjs";
+import c from "./index88.mjs";
+const p = c.hasStandardBrowserEnv ? (
+  // Standard browser envs support document.cookie
+  {
+    write(e, t, n, i, s, u) {
+      const o = [e + "=" + encodeURIComponent(t)];
+      r.isNumber(n) && o.push("expires=" + new Date(n).toGMTString()), r.isString(i) && o.push("path=" + i), r.isString(s) && o.push("domain=" + s), u === !0 && o.push("secure"), document.cookie = o.join("; ");
+    },
+    read(e) {
+      const t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
+      return t ? decodeURIComponent(t[3]) : null;
+    },
+    remove(e) {
+      this.write(e, "", Date.now() - 864e5);
+    }
+  }
+) : (
+  // Non-standard browser env (web workers, react-native) lack needed support.
+  {
+    write() {
+    },
+    read() {
+      return null;
+    },
+    remove() {
+    }
+  }
+);
+export {
+  p as default
+};

package/dist/index12.mjs

@@ -0,0 +1,64 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as o } from "./index17.mjs";
+const s = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o(
+      "rounded-lg border bg-card text-card-foreground",
+      a
+    ),
+    ...e
+  }
+));
+s.displayName = "Card";
+const i = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o("flex flex-col space-y-1.5 p-6", a),
+    ...e
+  }
+));
+i.displayName = "CardHeader";
+const c = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o(
+      "text-2xl font-semibold leading-none tracking-tight",
+      a
+    ),
+    ...e
+  }
+));
+c.displayName = "CardTitle";
+const l = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o("text-sm text-muted-foreground", a),
+    ...e
+  }
+));
+l.displayName = "CardDescription";
+const m = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: o("p-6 pt-0", a), ...e }));
+m.displayName = "CardContent";
+const n = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o("flex items-center p-6 pt-0", a),
+    ...e
+  }
+));
+n.displayName = "CardFooter";
+export {
+  s as Card,
+  m as CardContent,
+  l as CardDescription,
+  n as CardFooter,
+  i as CardHeader,
+  c as CardTitle
+};

package/dist/index13.mjs

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cva as n } from "./index38.mjs";
+import { cn as a } from "./index17.mjs";
+const i = n(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function f({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
+}
+export {
+  f as Badge,
+  i as badgeVariants
+};

package/dist/index14.mjs

@@ -0,0 +1,117 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useRef as j, useState as f, useEffect as o } from "react";
+import { createPortal as A } from "react-dom";
+import { X as R } from "lucide-react";
+import { cn as i } from "./index17.mjs";
+function L({
+  isOpen: t,
+  onClose: l,
+  title: a,
+  children: x,
+  footer: n,
+  className: y,
+  contentClassName: b,
+  size: g = "md",
+  closeOnOverlayClick: h = !0,
+  showCloseButton: d = !0
+}) {
+  const v = j(null), [s, m] = f(!1), [w, c] = f(t);
+  if (o(() => {
+    if (t)
+      c(!0), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          m(!0);
+        });
+      });
+    else {
+      m(!1);
+      const e = setTimeout(() => {
+        c(!1);
+      }, 200);
+      return () => clearTimeout(e);
+    }
+  }, [t]), o(() => {
+    const e = (E) => {
+      E.key === "Escape" && t && l();
+    };
+    if (t)
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [t, l]), o(() => {
+    if (t) {
+      const e = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = e;
+      };
+    }
+  }, [t]), !w) return null;
+  const p = {
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
+    full: "max-w-full mx-4"
+  }, k = (e) => {
+    h && e.target === e.currentTarget && l();
+  }, N = /* @__PURE__ */ r(
+    "div",
+    {
+      className: i(
+        "fixed inset-0 z-50 flex items-center justify-center p-2 sm:p-4 bg-black/50 backdrop-blur-sm transition-opacity duration-200",
+        s ? "opacity-100" : "opacity-0"
+      ),
+      onClick: k,
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          ref: v,
+          className: i(
+            "relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh] transition-all duration-200",
+            s ? "opacity-100 scale-100" : "opacity-0 scale-95",
+            p[g],
+            y
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": a ? "modal-title" : void 0,
+          children: [
+            (a || d) && /* @__PURE__ */ u("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0", children: [
+              a && /* @__PURE__ */ r(
+                "h2",
+                {
+                  id: "modal-title",
+                  className: "text-xl font-semibold text-gray-900",
+                  children: a
+                }
+              ),
+              d && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: l,
+                  className: "ml-auto p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-colors",
+                  "aria-label": "Close modal",
+                  children: /* @__PURE__ */ r(R, { size: 20 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: i(
+                  "flex-1 overflow-y-auto p-4 min-h-0",
+                  b
+                ),
+                children: x
+              }
+            ),
+            n && /* @__PURE__ */ r("div", { className: "p-4 border-t border-gray-200 bg-gray-50 flex-shrink-0 rounded-b-xl", children: n })
+          ]
+        }
+      )
+    }
+  );
+  return A(N, document.body);
+}
+export {
+  L as Modal
+};

package/dist/index15.mjs

@@ -0,0 +1,44 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { cn as a } from "./index17.mjs";
+const f = u.forwardRef(
+  ({
+    label: o,
+    error: r,
+    icon: t,
+    className: c,
+    containerClassName: d,
+    required: m,
+    disabled: s,
+    ...n
+  }, i) => /* @__PURE__ */ l("div", { className: a("w-full", d), children: [
+    o && /* @__PURE__ */ l("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
+      o,
+      m && /* @__PURE__ */ e("span", { className: "ml-1 text-red-600", children: "*" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "relative", children: [
+      t && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", children: t }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: i,
+          disabled: s,
+          className: a(
+            "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
+            "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+            t && "pl-10",
+            r ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
+            s && "bg-gray-50 text-gray-500 cursor-not-allowed",
+            c
+          ),
+          ...n
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: r })
+  ] })
+);
+f.displayName = "FormInput";
+export {
+  f as FormInput
+};

package/dist/index16.mjs

@@ -0,0 +1,44 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import g from "react";
+import { cn as l } from "./index17.mjs";
+const u = g.forwardRef(
+  ({
+    label: t,
+    error: e,
+    className: a,
+    containerClassName: c,
+    required: m,
+    disabled: o,
+    children: n,
+    ...i
+  }, d) => /* @__PURE__ */ s("div", { className: l("w-full", c), children: [
+    t && /* @__PURE__ */ s("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
+      t,
+      m && /* @__PURE__ */ r("span", { className: "ml-1 text-red-600", children: "*" })
+    ] }),
+    /* @__PURE__ */ r(
+      "select",
+      {
+        ref: d,
+        disabled: o,
+        className: l(
+          "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
+          "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+          "appearance-none bg-white",
+          `bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")] bg-no-repeat bg-[right_0.75rem_center]`,
+          "pr-10",
+          e ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
+          o && "bg-gray-50 text-gray-500 cursor-not-allowed",
+          a
+        ),
+        ...i,
+        children: n
+      }
+    ),
+    e && /* @__PURE__ */ r("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: e })
+  ] })
+);
+u.displayName = "FormSelect";
+export {
+  u as FormSelect
+};

package/dist/index17.mjs

@@ -0,0 +1,44 @@
+import { clsx as r } from "./index39.mjs";
+import { twMerge as n } from "./index40.mjs";
+function u(...e) {
+  return n(r(e));
+}
+function g(e) {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "NGN"
+  }).format(e);
+}
+function i(e) {
+  return (typeof e == "string" ? new Date(e) : e).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function l(e) {
+  return (typeof e == "string" ? new Date(e) : e).toLocaleString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function a(e) {
+  return {
+    pending: "bg-yellow-100 text-yellow-800",
+    shipped: "bg-blue-100 text-blue-800",
+    delivered: "bg-green-100 text-green-800",
+    cancelled: "bg-red-100 text-red-800",
+    refunded: "bg-purple-100 text-purple-800",
+    prospect: "bg-orange-100 text-orange-800"
+  }[e] || "bg-gray-100 text-gray-800";
+}
+export {
+  u as cn,
+  g as formatCurrency,
+  i as formatDate,
+  l as formatDateTime,
+  a as getStatusColor
+};