@dimasbaguspm/versaur 0.0.0

package/dist/date-single-picker-input--Ew0O9NQ.js

@@ -0,0 +1,252 @@
+import { j as e } from "./index-DU1SCUkk.js";
+import C, { useState as v, useEffect as T, useId as z, useRef as V, useCallback as b } from "react";
+import { M as y } from "./modal-BGAtqMl9.js";
+import { B as S } from "./button-C8OibEPE.js";
+import { c as w } from "./cn-Ca4KprQ1.js";
+import { t as _ } from "./helpers-CEDtBUGM.js";
+import { M as j } from "./menu-BZvilMF7.js";
+import { C as N } from "./calendar-CkLj89o2.js";
+const q = _, I = C.forwardRef(
+  ({
+    leftContent: n,
+    rightContent: a,
+    hasError: t,
+    variant: c = "primary",
+    value: d,
+    placeholder: o = "Select date",
+    formatDate: s,
+    className: l,
+    ...i
+  }, m) => /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      ref: m,
+      type: "button",
+      "aria-invalid": t,
+      className: w(
+        q({
+          variant: t ? "danger" : c
+        }),
+        n ? "pl-9" : "pl-3",
+        a ? "pr-9" : "pr-3",
+        "h-10 flex items-center justify-between cursor-pointer w-full relative",
+        "text-left",
+        l
+      ),
+      ...i,
+      children: [
+        n && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "data-testid": "left-content",
+            children: n
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: w(
+              "flex-1",
+              n ? "ml-2" : "",
+              a ? "mr-2" : ""
+            ),
+            children: s ? s(d) : o
+          }
+        ),
+        a && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "data-testid": "right-content",
+            children: a
+          }
+        )
+      ]
+    }
+  )
+);
+I.displayName = "DateSinglePickerTrigger";
+const A = ({
+  open: n,
+  value: a,
+  onChange: t,
+  handleMenuClose: c
+}) => /* @__PURE__ */ e.jsxs(j, { isOpen: n, onOutsideClick: c, children: [
+  /* @__PURE__ */ e.jsx(j.Trigger, { className: "absolute top-[90%] left-0", children: /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true" }) }),
+  /* @__PURE__ */ e.jsx(j.Content, { className: "drop-shadow-lg rounded-lg bg-white border border-neutral", children: /* @__PURE__ */ e.jsx(N, { value: a, onChange: t }) })
+] }), L = ({
+  open: n,
+  setOpen: a,
+  value: t,
+  onChange: c,
+  label: d,
+  buttonRef: o
+}) => {
+  const [s, l] = v(
+    t
+  );
+  T(() => {
+    l(t);
+  }, [t, n]);
+  const i = () => {
+    a(!1), l(t), o.current?.focus();
+  }, m = () => {
+    s && (c(s), a(!1), o.current?.focus());
+  };
+  return /* @__PURE__ */ e.jsxs(
+    y,
+    {
+      isOpen: n,
+      onOpenChange: a,
+      placement: "top",
+      size: "md",
+      "aria-label": d ? String(d) : "Select date",
+      disableOverlayClose: !1,
+      disableEscClose: !1,
+      children: [
+        /* @__PURE__ */ e.jsx(y.Body, { className: "px-2", children: /* @__PURE__ */ e.jsx(N, { value: s, onChange: l }) }),
+        /* @__PURE__ */ e.jsxs(y.Footer, { className: "px-6", children: [
+          /* @__PURE__ */ e.jsx(
+            S,
+            {
+              onClick: i,
+              variant: "ghost",
+              type: "button",
+              size: "sm",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            S,
+            {
+              onClick: m,
+              variant: "primary",
+              type: "button",
+              disabled: !s,
+              size: "sm",
+              children: "Confirm"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+function $({ id: n }) {
+  const [a, t] = v(!1), c = z(), d = n || c, o = V(null), s = b(
+    (i) => {
+      (i.key === "ArrowDown" || i.key === "Enter" || i.key === " ") && t(!0);
+    },
+    []
+  ), l = b(() => {
+    t(!1), o.current?.focus();
+  }, []);
+  return {
+    open: a,
+    setOpen: t,
+    inputId: d,
+    buttonRef: o,
+    handleKeyDown: s,
+    handleMenuClose: l
+  };
+}
+const Z = C.forwardRef(
+  ({
+    value: n,
+    onChange: a,
+    label: t,
+    leftContent: c,
+    rightContent: d,
+    helperText: o,
+    error: s,
+    variant: l = "primary",
+    disabled: i,
+    placeholder: m = "Select date",
+    id: M,
+    type: P = "docked",
+    ...x
+  }, u) => {
+    if (n === void 0 || typeof a != "function")
+      throw new Error(
+        "DateSinglePickerInput is a controlled component: value and onChange are required."
+      );
+    const {
+      open: f,
+      setOpen: D,
+      inputId: p,
+      buttonRef: g,
+      handleKeyDown: O,
+      handleMenuClose: R
+    } = $({ id: M }), h = !!s, E = (r) => r ? r.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    }) : typeof m == "string" ? m : "Select date", B = (r) => typeof x.formatDate == "function" ? x.formatDate(r) : E(r), F = () => D((r) => !r), K = O, k = (r) => {
+      a?.(r), g.current?.focus();
+    };
+    return /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+        t && /* @__PURE__ */ e.jsx(
+          "label",
+          {
+            htmlFor: p,
+            className: "block text-sm font-medium text-foreground mb-2",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          I,
+          {
+            ref: (r) => {
+              g.current = r, typeof u == "function" ? u(r) : u && (u.current = r);
+            },
+            id: p,
+            "aria-haspopup": "dialog",
+            "aria-expanded": f,
+            "aria-controls": f ? `${p}-calendar` : void 0,
+            "aria-invalid": h,
+            "aria-disabled": i,
+            disabled: i,
+            leftContent: c,
+            rightContent: d,
+            hasError: h,
+            variant: l,
+            value: n,
+            placeholder: typeof m == "string" ? m : "Select date",
+            formatDate: B,
+            onClick: F,
+            onKeyDown: K,
+            tabIndex: 0,
+            ...x
+          }
+        ),
+        h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: s }),
+        o && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: o })
+      ] }),
+      P === "docked" ? /* @__PURE__ */ e.jsx(
+        A,
+        {
+          open: f,
+          value: n,
+          onChange: k,
+          inputId: p,
+          handleMenuClose: R
+        }
+      ) : /* @__PURE__ */ e.jsx(
+        L,
+        {
+          open: f,
+          setOpen: D,
+          value: n,
+          onChange: k,
+          label: typeof t == "string" ? t : void 0,
+          buttonRef: g
+        }
+      )
+    ] });
+  }
+);
+export {
+  Z as D
+};

package/dist/drawer-DrnAR2a4.js

@@ -0,0 +1,218 @@
+import { c as d, j as s } from "./index-DU1SCUkk.js";
+import i, { createContext as g, useContext as h, useCallback as p, useEffect as y } from "react";
+import { c as l } from "./cn-Ca4KprQ1.js";
+const w = g(null);
+function c() {
+  const t = h(w);
+  if (!t)
+    throw new Error(
+      "Drawer components must be used within a DrawerRoot component"
+    );
+  return t;
+}
+const j = d(
+  "fixed inset-0 z-50 transition-opacity duration-300 bg-black/30 backdrop-blur-md",
+  {
+    variants: {
+      state: {
+        open: "opacity-100",
+        closed: "opacity-0 pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      state: "closed"
+    }
+  }
+), k = d(
+  "fixed z-50 shadow-xl transition-transform duration-300 ease-in-out flex flex-col",
+  {
+    variants: {
+      position: {
+        left: "left-0 top-0 bottom-0 border-r",
+        right: "right-0 top-0 bottom-0 border-l"
+      },
+      size: {
+        sm: "w-80",
+        md: "w-96",
+        lg: "w-[28rem]",
+        xl: "w-[32rem]",
+        "3/4": "w-[75vw]",
+        full: "w-full"
+      },
+      variant: {
+        default: "bg-white border-gray-200",
+        glass: "bg-white/10 backdrop-blur-lg border-white/20"
+      }
+    },
+    defaultVariants: {
+      position: "right",
+      size: "md",
+      variant: "default"
+    }
+  }
+), D = d("flex-shrink-0 px-6 py-4 border-b", {
+  variants: {
+    variant: {
+      default: "bg-white border-gray-200",
+      glass: "bg-transparent border-white/10"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), V = d("flex-1 overflow-y-auto px-6 py-4", {
+  variants: {
+    variant: {
+      default: "bg-white",
+      glass: "bg-transparent"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), C = d("flex-shrink-0 px-6 py-4 border-t", {
+  variants: {
+    variant: {
+      default: "bg-white border-gray-200",
+      glass: "bg-transparent border-white/10"
+    },
+    responsiveFlex: {
+      true: "flex flex-row gap-3 sm:justify-end [&>*]:sm:flex-grow-0 [&>*]:flex-grow",
+      false: "flex gap-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    responsiveFlex: !0
+  }
+}), R = i.forwardRef(({ className: t, ...e }, a) => {
+  const { isOpen: r, onClose: o } = c(), n = () => {
+    o();
+  };
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: a,
+      onClick: n,
+      className: l(
+        j({
+          state: r ? "open" : "closed"
+        }),
+        t
+      ),
+      ...e
+    }
+  );
+}), E = i.forwardRef(
+  ({ children: t, className: e, ...a }, r) => {
+    const { variant: o } = c();
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: r,
+        className: l(D({ variant: o }), e),
+        ...a,
+        children: t
+      }
+    );
+  }
+), N = i.forwardRef(
+  ({ children: t, className: e, ...a }, r) => {
+    const { variant: o } = c();
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: r,
+        className: l(V({ variant: o }), e),
+        ...a,
+        children: t
+      }
+    );
+  }
+), F = i.forwardRef(
+  ({ children: t, className: e, responsiveFlex: a = !0, ...r }, o) => {
+    const { variant: n } = c();
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: o,
+        className: l(
+          C({ variant: n, responsiveFlex: a }),
+          e
+        ),
+        ...r,
+        children: t
+      }
+    );
+  }
+), z = ({
+  children: t,
+  isOpen: e,
+  onClose: a,
+  position: r = "right",
+  size: o = "md",
+  variant: n = "default",
+  className: v,
+  ...x
+}) => {
+  const f = p(() => {
+    a(!1);
+  }, [a]), m = {
+    isOpen: e,
+    onClose: f,
+    position: r,
+    size: o,
+    variant: n
+  };
+  return y(() => {
+    const u = (b) => {
+      b.key === "Escape" && e && f();
+    };
+    return e && (document.addEventListener("keydown", u), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", u), document.body.style.overflow = "unset";
+    };
+  }, [e, f]), /* @__PURE__ */ s.jsx(w.Provider, { value: m, children: /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: l(
+        "fixed z-50 inset-0 pointer-events-none",
+        e && "pointer-events-auto"
+      ),
+      children: [
+        /* @__PURE__ */ s.jsx(R, {}),
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            role: e ? "dialog" : void 0,
+            "aria-modal": e ? "true" : void 0,
+            className: l(
+              k({
+                position: r,
+                size: o,
+                variant: n
+              }),
+              // Apply closed transform when not open
+              !e && r === "left" && "-translate-x-full",
+              !e && r === "right" && "translate-x-full",
+              v
+            ),
+            ...x,
+            children: e && t
+          }
+        )
+      ]
+    }
+  ) });
+}, _ = Object.assign(z, {
+  Header: E,
+  Body: N,
+  Footer: F
+});
+export {
+  _ as D,
+  R as a,
+  E as b,
+  N as c,
+  F as d,
+  c as u
+};

package/dist/helpers-CEDtBUGM.js

@@ -0,0 +1,37 @@
+import { c as r } from "./index-DU1SCUkk.js";
+const e = r(
+  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
+        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
+        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
+        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
+        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
+        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
+        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/20",
+        "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
+        "success-outline": "border-success text-foreground focus:border-success focus:ring-success/20",
+        info: "border-info/30 text-foreground focus:border-info focus:ring-info/20",
+        "info-outline": "border-info text-foreground focus:border-info focus:ring-info/20",
+        warning: "border-warning/30 text-foreground focus:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning text-foreground focus:border-warning focus:ring-warning/20",
+        danger: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+export {
+  e as t
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/index.js

@@ -0,0 +1 @@
+

package/dist/icon-D-lTZMHY.js

@@ -0,0 +1,44 @@
+import { c as s, j as n } from "./index-DU1SCUkk.js";
+import "react";
+const i = s("inline-flex items-center justify-center", {
+  variants: {
+    size: {
+      xs: "w-3 h-3",
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6",
+      xl: "w-8 h-8"
+    },
+    color: {
+      primary: "text-primary",
+      secondary: "text-secondary",
+      tertiary: "text-tertiary",
+      ghost: "text-ghost",
+      neutral: "text-neutral",
+      success: "text-success",
+      info: "text-info",
+      warning: "text-warning",
+      danger: "text-danger"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+}), m = ({
+  color: e = "primary",
+  size: r = "md",
+  children: a,
+  ...t
+}) => /* @__PURE__ */ n.jsx(
+  "span",
+  {
+    className: i({ color: e, size: r, className: t.className }),
+    "aria-hidden": "true",
+    ...t,
+    children: a
+  }
+);
+export {
+  m as I
+};