cekat-ui 1.0.1 → 1.0.3

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from '../stories/Button/index';
+export * from '../stories/Checkbox/index';
+export * from '../stories/Radio/index';
+export * from '../stories/Toggle/index';
+export * from '../stories/Tooltip/index';

package/dist/index.es.js

@@ -1 +1,785 @@
-
+import * as y from "react";
+import ue from "react";
+import { createPortal as ce } from "react-dom";
+var V = { exports: {} }, O = {};
+var J;
+function de() {
+  if (J) return O;
+  J = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(a, s, l) {
+    var b = null;
+    if (l !== void 0 && (b = "" + l), s.key !== void 0 && (b = "" + s.key), "key" in s) {
+      l = {};
+      for (var m in s)
+        m !== "key" && (l[m] = s[m]);
+    } else l = s;
+    return s = l.ref, {
+      $$typeof: t,
+      type: a,
+      key: b,
+      ref: s !== void 0 ? s : null,
+      props: l
+    };
+  }
+  return O.Fragment = n, O.jsx = r, O.jsxs = r, O;
+}
+var C = {};
+var q;
+function fe() {
+  return q || (q = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === se ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case E:
+          return "Fragment";
+        case T:
+          return "Profiler";
+        case h:
+          return "StrictMode";
+        case re:
+          return "Suspense";
+        case ne:
+          return "SuspenseList";
+        case oe:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case k:
+            return "Portal";
+          case A:
+            return e.displayName || "Context";
+          case N:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case te:
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ae:
+            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
+          case F:
+            o = e._payload, e = e._init;
+            try {
+              return t(e(o));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        n(e);
+        var o = !1;
+      } catch {
+        o = !0;
+      }
+      if (o) {
+        o = console;
+        var i = o.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i.call(
+          o,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          c
+        ), n(e);
+      }
+    }
+    function a(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === F)
+        return "<...>";
+      try {
+        var o = t(e);
+        return o ? "<" + o + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = D.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function b(e) {
+      if ($.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, o) {
+      function i() {
+        M || (M = !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)",
+          o
+        ));
+      }
+      i.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: i,
+        configurable: !0
+      });
+    }
+    function v() {
+      var e = t(this.type);
+      return G[e] || (G[e] = !0, console.error(
+        "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."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function u(e, o, i, c, P, z) {
+      var d = i.ref;
+      return e = {
+        $$typeof: _,
+        type: e,
+        key: o,
+        props: i,
+        _owner: c
+      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: v
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: P
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function p(e, o, i, c, P, z) {
+      var d = o.children;
+      if (d !== void 0)
+        if (c)
+          if (le(d)) {
+            for (c = 0; c < d.length; c++)
+              w(d[c]);
+            Object.freeze && Object.freeze(d);
+          } 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 w(d);
+      if ($.call(o, "key")) {
+        d = t(e);
+        var S = Object.keys(o).filter(function(ie) {
+          return ie !== "key";
+        });
+        c = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", U[d + c] || (S = 0 < S.length ? "{" + S.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          c,
+          d,
+          S,
+          d
+        ), U[d + c] = !0);
+      }
+      if (d = null, i !== void 0 && (r(i), d = "" + i), b(o) && (r(o.key), d = "" + o.key), "key" in o) {
+        i = {};
+        for (var L in o)
+          L !== "key" && (i[L] = o[L]);
+      } else i = o;
+      return d && m(
+        i,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), u(
+        e,
+        d,
+        i,
+        s(),
+        P,
+        z
+      );
+    }
+    function w(e) {
+      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === F && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function x(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
+    }
+    var g = ue, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), k = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), h = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), te = /* @__PURE__ */ Symbol.for("react.forward_ref"), re = /* @__PURE__ */ Symbol.for("react.suspense"), ne = /* @__PURE__ */ Symbol.for("react.suspense_list"), ae = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), D = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, le = Array.isArray, Y = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var M, G = {}, W = g.react_stack_bottom_frame.bind(
+      g,
+      l
+    )(), B = Y(a(l)), U = {};
+    C.Fragment = E, C.jsx = function(e, o, i) {
+      var c = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return p(
+        e,
+        o,
+        i,
+        !1,
+        c ? Error("react-stack-top-frame") : W,
+        c ? Y(a(e)) : B
+      );
+    }, C.jsxs = function(e, o, i) {
+      var c = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return p(
+        e,
+        o,
+        i,
+        !0,
+        c ? Error("react-stack-top-frame") : W,
+        c ? Y(a(e)) : B
+      );
+    };
+  })()), C;
+}
+var X;
+function me() {
+  return X || (X = 1, process.env.NODE_ENV === "production" ? V.exports = de() : V.exports = fe()), V.exports;
+}
+var f = me();
+function Q(t) {
+  var n, r, a = "";
+  if (typeof t == "string" || typeof t == "number") a += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var s = t.length;
+    for (n = 0; n < s; n++) t[n] && (r = Q(t[n])) && (a && (a += " "), a += r);
+  } else for (r in t) t[r] && (a && (a += " "), a += r);
+  return a;
+}
+function j() {
+  for (var t, n, r = 0, a = "", s = arguments.length; r < s; r++) (t = arguments[r]) && (n = Q(t)) && (a && (a += " "), a += n);
+  return a;
+}
+const Z = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, H = j, R = (t, n) => (r) => {
+  var a;
+  if (n?.variants == null) return H(t, r?.class, r?.className);
+  const { variants: s, defaultVariants: l } = n, b = Object.keys(s).map((u) => {
+    const p = r?.[u], w = l?.[u];
+    if (p === null) return null;
+    const x = Z(p) || Z(w);
+    return s[u][x];
+  }), m = r && Object.entries(r).reduce((u, p) => {
+    let [w, x] = p;
+    return x === void 0 || (u[w] = x), u;
+  }, {}), v = n == null || (a = n.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((u, p) => {
+    let { class: w, className: x, ...g } = p;
+    return Object.entries(g).every((_) => {
+      let [k, E] = _;
+      return Array.isArray(E) ? E.includes({
+        ...l,
+        ...m
+      }[k]) : {
+        ...l,
+        ...m
+      }[k] === E;
+    }) ? [
+      ...u,
+      w,
+      x
+    ] : u;
+  }, []);
+  return H(t, b, v, r?.class, r?.className);
+}, pe = R(["inline-flex items-center justify-center font-medium", "transition-colors duration-150", "focus-visible:outline-none", "disabled:cursor-not-allowed"], {
+  variants: {
+    size: {
+      sm: "h-[36px] px-4 gap-1 rounded-lg text-sm",
+      md: "h-[44px] px-4 gap-2 rounded-lg text-sm",
+      lg: "h-[52px] px-5 gap-2 rounded-[10px] text-base",
+      xl: "h-[60px] px-6 gap-2 rounded-[10px] text-base",
+      "2xl": "h-[68px] px-6 gap-2 rounded-[10px] text-lg"
+    },
+    tone: {
+      primary: ""
+    },
+    variant: {
+      solid: [
+        "bg-primary-500 text-white",
+        "hover:bg-primary-800",
+        "focus-visible:ring-2 focus-visible:ring-primary-400",
+        "focus-visible:ring-offset-2 focus-visible:ring-offset-white",
+        "disabled:bg-light-100 disabled:text-light-400"
+      ]
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "primary",
+    variant: "solid"
+  }
+}), be = ({ children: t, className: n, tone: r, variant: a, size: s, ...l }) => /* @__PURE__ */ f.jsx("button", { className: j(pe({ tone: r, variant: a, size: s }), n), ...l, children: t }), he = ({ children: t }) => /* @__PURE__ */ f.jsx("span", { className: "flex items-center", children: t }), ve = ({ children: t }) => /* @__PURE__ */ f.jsx("span", { className: "whitespace-nowrap", children: t }), K = be;
+K.Icon = he;
+K.Text = ve;
+const xe = R(
+  [
+    "inline-flex items-center justify-center",
+    "border-2 transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-5 rounded-[4px]",
+        md: "h-6 w-6 rounded-[6px]",
+        lg: "h-8 w-8 rounded-[8px]"
+      },
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-not-allowed",
+        false: "cursor-pointer"
+      }
+    },
+    compoundVariants: [
+      {
+        checked: !1,
+        disabled: !1,
+        className: "bg-white border-[#D0D5DD]"
+      },
+      {
+        checked: !0,
+        disabled: !1,
+        className: "bg-primary-500 border-primary-500 text-white"
+      },
+      {
+        disabled: !0,
+        className: "bg-[#F2F4F7] border-[#E4E7EC] text-white"
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      checked: !1,
+      disabled: !1
+    }
+  }
+), ge = {
+  sm: { width: 12, height: 9 },
+  md: { width: 14, height: 10 },
+  lg: { width: 18, height: 14 }
+}, we = y.forwardRef(
+  ({
+    id: t,
+    checked: n,
+    indeterminate: r = !1,
+    disabled: a,
+    size: s = "md",
+    onCheckedChange: l,
+    className: b
+  }, m) => {
+    const v = () => {
+      a || l?.(!n);
+    }, u = ge[s], p = a ? "text-white/80" : "text-current";
+    return /* @__PURE__ */ f.jsxs(
+      "button",
+      {
+        id: t,
+        ref: m,
+        type: "button",
+        role: "checkbox",
+        "aria-checked": r ? "mixed" : n,
+        disabled: a,
+        onClick: v,
+        className: j(
+          xe({ size: s, checked: n, disabled: a }),
+          b
+        ),
+        children: [
+          n && !r && /* @__PURE__ */ f.jsx(
+            "svg",
+            {
+              width: u.width,
+              height: u.height,
+              viewBox: "0 0 14 10",
+              fill: "none",
+              className: p,
+              children: /* @__PURE__ */ f.jsx(
+                "path",
+                {
+                  d: "M1 5L5 9L13 1",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          ),
+          r && /* @__PURE__ */ f.jsx(
+            "span",
+            {
+              className: j(
+                p,
+                "bg-current rounded-sm",
+                s === "sm" && "h-0.5 w-3",
+                s === "md" && "h-0.5 w-4",
+                s === "lg" && "h-0.5 w-5"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+we.displayName = "Checkbox";
+const ee = y.createContext(null), Pe = ({
+  value: t,
+  defaultValue: n,
+  onValueChange: r,
+  children: a,
+  className: s
+}) => {
+  const [l, b] = y.useState(n), m = t ?? l, v = (u) => {
+    b(u), r?.(u);
+  };
+  return /* @__PURE__ */ f.jsx(
+    ee.Provider,
+    {
+      value: { value: m, onValueChange: v },
+      children: /* @__PURE__ */ f.jsx("div", { role: "radiogroup", className: s, children: a })
+    }
+  );
+}, ye = () => {
+  const t = y.useContext(ee);
+  if (!t)
+    throw new Error("RadioGroupItem must be used within RadioGroup");
+  return t;
+}, Ee = R(
+  [
+    "relative inline-flex items-center justify-center",
+    "border-2 rounded-full transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-5",
+        md: "h-6 w-6",
+        lg: "h-8 w-8"
+      },
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-not-allowed",
+        false: "cursor-pointer"
+      }
+    },
+    compoundVariants: [
+      {
+        checked: !1,
+        disabled: !1,
+        className: "border-[#D0D5DD] bg-white"
+      },
+      {
+        checked: !0,
+        disabled: !1,
+        className: "border-primary-500 bg-primary-500"
+      },
+      {
+        disabled: !0,
+        className: "border-[#E4E7EC] bg-[#F2F4F7]"
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      checked: !1,
+      disabled: !1
+    }
+  }
+), Re = R(
+  ["rounded-full bg-white transition-all"],
+  {
+    variants: {
+      size: {
+        sm: "h-2 w-2",
+        md: "h-2.5 w-2.5",
+        lg: "h-3 w-3"
+      },
+      checked: {
+        true: "scale-100",
+        false: "scale-0"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      checked: !1
+    }
+  }
+), _e = y.forwardRef(({ id: t, value: n, disabled: r, size: a = "md", className: s }, l) => {
+  const { value: b, onValueChange: m } = ye(), v = b === n;
+  return /* @__PURE__ */ f.jsx(
+    "button",
+    {
+      ref: l,
+      id: t,
+      type: "button",
+      role: "radio",
+      "aria-checked": v,
+      disabled: r,
+      onClick: () => {
+        r || m?.(n);
+      },
+      className: j(
+        Ee({ size: a, checked: v, disabled: r }),
+        s
+      ),
+      children: /* @__PURE__ */ f.jsx(
+        "span",
+        {
+          className: Re({
+            size: a,
+            checked: v
+          })
+        }
+      )
+    }
+  );
+});
+_e.displayName = "RadioGroupItem";
+const ke = R(
+  "relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors duration-200 focus-visible:outline-none",
+  {
+    variants: {
+      size: {
+        sm: "h-6 w-10",
+        md: "h-8 w-14",
+        lg: "h-10 w-[72px]"
+      },
+      checked: {
+        true: "bg-primary-500",
+        false: "bg-[#e4e7ec]"
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-60"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      checked: !1
+    }
+  }
+), Te = R(
+  "absolute top-1 left-1 rounded-full bg-white transition-transform duration-200 shadow",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4",
+        md: "h-6 w-6",
+        lg: "h-8 w-8"
+      },
+      checked: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        checked: !0,
+        className: "translate-x-4"
+      },
+      {
+        size: "md",
+        checked: !0,
+        className: "translate-x-6"
+      },
+      {
+        size: "lg",
+        checked: !0,
+        className: "translate-x-8"
+      }
+    ],
+    defaultVariants: {
+      size: "md",
+      checked: !1
+    }
+  }
+), Ne = y.forwardRef(
+  ({
+    checked: t = !1,
+    size: n = "md",
+    disabled: r,
+    onCheckedChange: a,
+    className: s
+  }, l) => /* @__PURE__ */ f.jsx(
+    "button",
+    {
+      ref: l,
+      type: "button",
+      role: "switch",
+      "aria-checked": t,
+      disabled: r,
+      onClick: () => {
+        r || a?.(!t);
+      },
+      className: j(
+        ke({ size: n, checked: t, disabled: r }),
+        s
+      ),
+      children: /* @__PURE__ */ f.jsx(
+        "span",
+        {
+          className: Te({
+            size: n,
+            checked: t
+          })
+        }
+      )
+    }
+  )
+);
+Ne.displayName = "Toggle";
+const je = R(
+  [
+    "relative rounded-xl px-4 py-2 text-sm text-white",
+    "bg-[#020b1c]",
+    "shadow-[0_10px_30px_rgba(2,8,23,0.25)]",
+    "pointer-events-none",
+    "select-none"
+  ],
+  {
+    variants: {
+      side: {
+        top: "",
+        bottom: "",
+        left: "",
+        right: ""
+      }
+    },
+    defaultVariants: {
+      side: "top"
+    }
+  }
+), Se = R(
+  [
+    "absolute w-2 h-2 rotate-45",
+    "bg-[#020b1c]"
+  ],
+  {
+    variants: {
+      side: {
+        top: "bottom-[-4px] left-1/2 -translate-x-1/2",
+        bottom: "top-[-4px] left-1/2 -translate-x-1/2",
+        left: "right-[-4px] top-1/2 -translate-y-1/2",
+        right: "left-[-4px] top-1/2 -translate-y-1/2"
+      }
+    },
+    defaultVariants: {
+      side: "top"
+    }
+  }
+), I = 12, Oe = ({
+  content: t,
+  side: n = "top",
+  open: r,
+  defaultOpen: a = !1,
+  disabled: s = !1,
+  delay: l = 0,
+  className: b,
+  children: m
+}) => {
+  const [v, u] = y.useState(a), [p, w] = y.useState(null), x = y.useRef(null), g = y.useRef(null), _ = () => {
+    if (s || !x.current) return;
+    const h = x.current.getBoundingClientRect();
+    let T = 0, N = 0;
+    switch (n) {
+      case "top":
+        T = h.top - I, N = h.left + h.width / 2;
+        break;
+      case "bottom":
+        T = h.bottom + I, N = h.left + h.width / 2;
+        break;
+      case "left":
+        T = h.top + h.height / 2, N = h.left - I;
+        break;
+      case "right":
+        T = h.top + h.height / 2, N = h.right + I;
+        break;
+    }
+    const A = () => {
+      w({ top: T, left: N }), u(!0);
+    };
+    l > 0 ? g.current = window.setTimeout(A, l) : A();
+  }, k = () => {
+    g.current && (clearTimeout(g.current), g.current = null), u(!1);
+  }, E = r ?? v;
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    /* @__PURE__ */ f.jsx(
+      "span",
+      {
+        ref: x,
+        className: "inline-flex",
+        onMouseEnter: _,
+        onMouseLeave: k,
+        onFocus: _,
+        onBlur: k,
+        tabIndex: 0,
+        children: m
+      }
+    ),
+    E && p && ce(
+      /* @__PURE__ */ f.jsx(
+        "div",
+        {
+          role: "tooltip",
+          className: "fixed z-[9999] pointer-events-none",
+          style: {
+            top: p.top,
+            left: p.left,
+            transform: n === "top" ? "translate(-50%, -100%)" : n === "bottom" ? "translate(-50%, 0)" : n === "left" ? "translate(-100%, -50%)" : "translate(0, -50%)"
+          },
+          children: /* @__PURE__ */ f.jsxs(
+            "div",
+            {
+              className: j(
+                je({ side: n }),
+                b
+              ),
+              children: [
+                t,
+                /* @__PURE__ */ f.jsx("span", { className: Se({ side: n }) })
+              ]
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+Oe.displayName = "Tooltip";
+export {
+  K as Button,
+  we as Checkbox,
+  Pe as RadioGroup,
+  _e as RadioGroupItem,
+  Ne as Toggle,
+  Oe as Tooltip
+};

package/dist/index.umd.js

@@ -1 +1,6 @@
-(function(n){typeof define=="function"&&define.amd?define(n):n()})((function(){"use strict"}));
+(function(v,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],O):(v=typeof globalThis<"u"?globalThis:v||self,O(v.CekatUI={},v.React,v.reactDom))})(this,(function(v,O,le){"use strict";function ie(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const y=ie(O);var V={exports:{}},P={};var W;function ue(){if(W)return P;W=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function r(o,s,l){var p=null;if(l!==void 0&&(p=""+l),s.key!==void 0&&(p=""+s.key),"key"in s){l={};for(var m in s)m!=="key"&&(l[m]=s[m])}else l=s;return s=l.ref,{$$typeof:t,type:o,key:p,ref:s!==void 0?s:null,props:l}}return P.Fragment=n,P.jsx=r,P.jsxs=r,P}var A={};var B;function ce(){return B||(B=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case N:return"Profiler";case h:return"StrictMode";case je:return"Suspense";case Ne:return"SuspenseList";case Oe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case j:return"Portal";case D:return e.displayName||"Context";case S:return(e._context.displayName||"Context")+".Consumer";case Te:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Se:return a=e.displayName||null,a!==null?a:t(e.type)||"Memo";case z:a=e._payload,e=e._init;try{return t(e(a))}catch{}}return null}function n(e){return""+e}function r(e){try{n(e);var a=!1}catch{a=!0}if(a){a=console;var i=a.error,d=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",d),n(e)}}function o(e){if(e===E)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===z)return"<...>";try{var a=t(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function s(){var e=$.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function p(e){if(te.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function m(e,a){function i(){re||(re=!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)",a))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function x(){var e=t(this.type);return ne[e]||(ne[e]=!0,console.error("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.")),e=this.props.ref,e!==void 0?e:null}function u(e,a,i,d,F,M){var f=i.ref;return e={$$typeof:T,type:e,key:a,props:i,_owner:d},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:F}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function b(e,a,i,d,F,M){var f=a.children;if(f!==void 0)if(d)if(Pe(f)){for(d=0;d<f.length;d++)k(f[d]);Object.freeze&&Object.freeze(f)}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 k(f);if(te.call(a,"key")){f=t(e);var C=Object.keys(a).filter(function(Ae){return Ae!=="key"});d=0<C.length?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}",se[f+d]||(C=0<C.length?"{"+C.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,d,f,C,f),se[f+d]=!0)}if(f=null,i!==void 0&&(r(i),f=""+i),p(a)&&(r(a.key),f=""+a.key),"key"in a){i={};for(var G in a)G!=="key"&&(i[G]=a[G])}else i=a;return f&&m(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),u(e,f,i,s(),F,M)}function k(e){g(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===z&&(e._payload.status==="fulfilled"?g(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function g(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}var w=O,T=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),D=Symbol.for("react.context"),Te=Symbol.for("react.forward_ref"),je=Symbol.for("react.suspense"),Ne=Symbol.for("react.suspense_list"),Se=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),Oe=Symbol.for("react.activity"),Ce=Symbol.for("react.client.reference"),$=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,te=Object.prototype.hasOwnProperty,Pe=Array.isArray,L=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(e){return e()}};var re,ne={},oe=w.react_stack_bottom_frame.bind(w,l)(),ae=L(o(l)),se={};A.Fragment=E,A.jsx=function(e,a,i){var d=1e4>$.recentlyCreatedOwnerStacks++;return b(e,a,i,!1,d?Error("react-stack-top-frame"):oe,d?L(o(e)):ae)},A.jsxs=function(e,a,i){var d=1e4>$.recentlyCreatedOwnerStacks++;return b(e,a,i,!0,d?Error("react-stack-top-frame"):oe,d?L(o(e)):ae)}})()),A}var U;function de(){return U||(U=1,process.env.NODE_ENV==="production"?V.exports=ue():V.exports=ce()),V.exports}var c=de();function q(t){var n,r,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var s=t.length;for(n=0;n<s;n++)t[n]&&(r=q(t[n]))&&(o&&(o+=" "),o+=r)}else for(r in t)t[r]&&(o&&(o+=" "),o+=r);return o}function _(){for(var t,n,r=0,o="",s=arguments.length;r<s;r++)(t=arguments[r])&&(n=q(t))&&(o&&(o+=" "),o+=n);return o}const J=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,X=_,R=(t,n)=>r=>{var o;if(n?.variants==null)return X(t,r?.class,r?.className);const{variants:s,defaultVariants:l}=n,p=Object.keys(s).map(u=>{const b=r?.[u],k=l?.[u];if(b===null)return null;const g=J(b)||J(k);return s[u][g]}),m=r&&Object.entries(r).reduce((u,b)=>{let[k,g]=b;return g===void 0||(u[k]=g),u},{}),x=n==null||(o=n.compoundVariants)===null||o===void 0?void 0:o.reduce((u,b)=>{let{class:k,className:g,...w}=b;return Object.entries(w).every(T=>{let[j,E]=T;return Array.isArray(E)?E.includes({...l,...m}[j]):{...l,...m}[j]===E})?[...u,k,g]:u},[]);return X(t,p,x,r?.class,r?.className)},fe=R(["inline-flex items-center justify-center font-medium","transition-colors duration-150","focus-visible:outline-none","disabled:cursor-not-allowed"],{variants:{size:{sm:"h-[36px] px-4 gap-1 rounded-lg text-sm",md:"h-[44px] px-4 gap-2 rounded-lg text-sm",lg:"h-[52px] px-5 gap-2 rounded-[10px] text-base",xl:"h-[60px] px-6 gap-2 rounded-[10px] text-base","2xl":"h-[68px] px-6 gap-2 rounded-[10px] text-lg"},tone:{primary:""},variant:{solid:["bg-primary-500 text-white","hover:bg-primary-800","focus-visible:ring-2 focus-visible:ring-primary-400","focus-visible:ring-offset-2 focus-visible:ring-offset-white","disabled:bg-light-100 disabled:text-light-400"]}},defaultVariants:{size:"md",tone:"primary",variant:"solid"}}),me=({children:t,className:n,tone:r,variant:o,size:s,...l})=>c.jsx("button",{className:_(fe({tone:r,variant:o,size:s}),n),...l,children:t}),be=({children:t})=>c.jsx("span",{className:"flex items-center",children:t}),pe=({children:t})=>c.jsx("span",{className:"whitespace-nowrap",children:t}),Y=me;Y.Icon=be,Y.Text=pe;const he=R(["inline-flex items-center justify-center","border-2 transition-colors duration-150","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400"],{variants:{size:{sm:"h-5 w-5 rounded-[4px]",md:"h-6 w-6 rounded-[6px]",lg:"h-8 w-8 rounded-[8px]"},checked:{true:"",false:""},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"}},compoundVariants:[{checked:!1,disabled:!1,className:"bg-white border-[#D0D5DD]"},{checked:!0,disabled:!1,className:"bg-primary-500 border-primary-500 text-white"},{disabled:!0,className:"bg-[#F2F4F7] border-[#E4E7EC] text-white"}],defaultVariants:{size:"md",checked:!1,disabled:!1}}),ve={sm:{width:12,height:9},md:{width:14,height:10},lg:{width:18,height:14}},Z=y.forwardRef(({id:t,checked:n,indeterminate:r=!1,disabled:o,size:s="md",onCheckedChange:l,className:p},m)=>{const x=()=>{o||l?.(!n)},u=ve[s],b=o?"text-white/80":"text-current";return c.jsxs("button",{id:t,ref:m,type:"button",role:"checkbox","aria-checked":r?"mixed":n,disabled:o,onClick:x,className:_(he({size:s,checked:n,disabled:o}),p),children:[n&&!r&&c.jsx("svg",{width:u.width,height:u.height,viewBox:"0 0 14 10",fill:"none",className:b,children:c.jsx("path",{d:"M1 5L5 9L13 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),r&&c.jsx("span",{className:_(b,"bg-current rounded-sm",s==="sm"&&"h-0.5 w-3",s==="md"&&"h-0.5 w-4",s==="lg"&&"h-0.5 w-5")})]})});Z.displayName="Checkbox";const H=y.createContext(null),xe=({value:t,defaultValue:n,onValueChange:r,children:o,className:s})=>{const[l,p]=y.useState(n),m=t??l,x=u=>{p(u),r?.(u)};return c.jsx(H.Provider,{value:{value:m,onValueChange:x},children:c.jsx("div",{role:"radiogroup",className:s,children:o})})},ge=()=>{const t=y.useContext(H);if(!t)throw new Error("RadioGroupItem must be used within RadioGroup");return t},we=R(["relative inline-flex items-center justify-center","border-2 rounded-full transition-colors duration-150","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400"],{variants:{size:{sm:"h-5 w-5",md:"h-6 w-6",lg:"h-8 w-8"},checked:{true:"",false:""},disabled:{true:"cursor-not-allowed",false:"cursor-pointer"}},compoundVariants:[{checked:!1,disabled:!1,className:"border-[#D0D5DD] bg-white"},{checked:!0,disabled:!1,className:"border-primary-500 bg-primary-500"},{disabled:!0,className:"border-[#E4E7EC] bg-[#F2F4F7]"}],defaultVariants:{size:"md",checked:!1,disabled:!1}}),ye=R(["rounded-full bg-white transition-all"],{variants:{size:{sm:"h-2 w-2",md:"h-2.5 w-2.5",lg:"h-3 w-3"},checked:{true:"scale-100",false:"scale-0"}},defaultVariants:{size:"md",checked:!1}}),Q=y.forwardRef(({id:t,value:n,disabled:r,size:o="md",className:s},l)=>{const{value:p,onValueChange:m}=ge(),x=p===n;return c.jsx("button",{ref:l,id:t,type:"button",role:"radio","aria-checked":x,disabled:r,onClick:()=>{r||m?.(n)},className:_(we({size:o,checked:x,disabled:r}),s),children:c.jsx("span",{className:ye({size:o,checked:x})})})});Q.displayName="RadioGroupItem";const ke=R("relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors duration-200 focus-visible:outline-none",{variants:{size:{sm:"h-6 w-10",md:"h-8 w-14",lg:"h-10 w-[72px]"},checked:{true:"bg-primary-500",false:"bg-[#e4e7ec]"},disabled:{true:"cursor-not-allowed opacity-60"}},defaultVariants:{size:"md",checked:!1}}),Ee=R("absolute top-1 left-1 rounded-full bg-white transition-transform duration-200 shadow",{variants:{size:{sm:"h-4 w-4",md:"h-6 w-6",lg:"h-8 w-8"},checked:{true:"",false:""}},compoundVariants:[{size:"sm",checked:!0,className:"translate-x-4"},{size:"md",checked:!0,className:"translate-x-6"},{size:"lg",checked:!0,className:"translate-x-8"}],defaultVariants:{size:"md",checked:!1}}),K=y.forwardRef(({checked:t=!1,size:n="md",disabled:r,onCheckedChange:o,className:s},l)=>c.jsx("button",{ref:l,type:"button",role:"switch","aria-checked":t,disabled:r,onClick:()=>{r||o?.(!t)},className:_(ke({size:n,checked:t,disabled:r}),s),children:c.jsx("span",{className:Ee({size:n,checked:t})})}));K.displayName="Toggle";const Re=R(["relative rounded-xl px-4 py-2 text-sm text-white","bg-[#020b1c]","shadow-[0_10px_30px_rgba(2,8,23,0.25)]","pointer-events-none","select-none"],{variants:{side:{top:"",bottom:"",left:"",right:""}},defaultVariants:{side:"top"}}),_e=R(["absolute w-2 h-2 rotate-45","bg-[#020b1c]"],{variants:{side:{top:"bottom-[-4px] left-1/2 -translate-x-1/2",bottom:"top-[-4px] left-1/2 -translate-x-1/2",left:"right-[-4px] top-1/2 -translate-y-1/2",right:"left-[-4px] top-1/2 -translate-y-1/2"}},defaultVariants:{side:"top"}}),I=12,ee=({content:t,side:n="top",open:r,defaultOpen:o=!1,disabled:s=!1,delay:l=0,className:p,children:m})=>{const[x,u]=y.useState(o),[b,k]=y.useState(null),g=y.useRef(null),w=y.useRef(null),T=()=>{if(s||!g.current)return;const h=g.current.getBoundingClientRect();let N=0,S=0;switch(n){case"top":N=h.top-I,S=h.left+h.width/2;break;case"bottom":N=h.bottom+I,S=h.left+h.width/2;break;case"left":N=h.top+h.height/2,S=h.left-I;break;case"right":N=h.top+h.height/2,S=h.right+I;break}const D=()=>{k({top:N,left:S}),u(!0)};l>0?w.current=window.setTimeout(D,l):D()},j=()=>{w.current&&(clearTimeout(w.current),w.current=null),u(!1)},E=r??x;return c.jsxs(c.Fragment,{children:[c.jsx("span",{ref:g,className:"inline-flex",onMouseEnter:T,onMouseLeave:j,onFocus:T,onBlur:j,tabIndex:0,children:m}),E&&b&&le.createPortal(c.jsx("div",{role:"tooltip",className:"fixed z-[9999] pointer-events-none",style:{top:b.top,left:b.left,transform:n==="top"?"translate(-50%, -100%)":n==="bottom"?"translate(-50%, 0)":n==="left"?"translate(-100%, -50%)":"translate(0, -50%)"},children:c.jsxs("div",{className:_(Re({side:n}),p),children:[t,c.jsx("span",{className:_e({side:n})})]})}),document.body)]})};ee.displayName="Tooltip",v.Button=Y,v.Checkbox=Z,v.RadioGroup=xe,v.RadioGroupItem=Q,v.Toggle=K,v.Tooltip=ee,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cekat-ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",