reaxify 0.0.98 → 1.2.0

package/dist/components/Tooltip/index.d.ts

@@ -1,13 +1,20 @@
-import { Color, ComponentPropsWithoutAs } from '../../types';
-import { ReactElement } from 'react';
+import { ChildrenProps, Color, ComponentPropsWithoutAs, ToggleEventProps, ToggleProps } from '../../types';
 type Placement = "top" | "end" | "bottom" | "start";
-type Props = {
-    title: string;
+type TooltipProps = {
+    anchorEl?: HTMLElement | null;
+    anchorPointer?: boolean;
+    placement?: Placement;
     color?: Color;
     duration?: number;
-    placement?: Placement;
-    children?: ReactElement<any>;
-};
-export default function Tooltip({ title, color, placement, duration, className, children, ...props }: ComponentPropsWithoutAs<"span", Props>): import("react/jsx-runtime").JSX.Element;
-export {};
+} & Partial<Omit<ToggleProps, "onClose">> & Partial<ToggleEventProps> & ChildrenProps;
+declare function Tooltip({ open, anchorEl, anchorPointer, placement, color, duration, onEnter, onEntering, onEntered, onExit, onExiting, onExited, className, children, }: TooltipProps & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Tooltip {
+    var Content: typeof TooltipContent;
+    var Arrow: typeof TooltipArrow;
+}
+declare function TooltipContent({ className, children, ...props }: ComponentPropsWithoutAs<"span">): import("react/jsx-runtime").JSX.Element;
+declare function TooltipArrow({ className, ...props }: ComponentPropsWithoutAs<"span">): import("react/jsx-runtime").JSX.Element;
+export default Tooltip;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGzD,OAAO,EAGL,YAAY,EAMb,MAAM,OAAO,CAAC;AAKf,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAK,EACL,KAAc,EACd,SAAiB,EACjB,QAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAgJxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,KAAK,EACL,uBAAuB,EACvB,gBAAgB,EAChB,WAAW,EACZ,MAAM,SAAS,CAAC;AAcjB,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAGpD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GACvC,OAAO,CAAC,gBAAgB,CAAC,GACzB,aAAa,CAAC;AAsBhB,iBAAS,OAAO,CAAC,EACf,IAAY,EACZ,QAAe,EACf,aAAqB,EACrB,SAAiB,EACjB,KAAc,EACd,QAAc,EACd,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAyJvC;kBAxKQ,OAAO;;;;AA0KhB,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CAiCjC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CAwCjC;AAKD,eAAe,OAAO,CAAC"}

package/dist/components/Tooltip/index.es.js

@@ -1,129 +1,206 @@
 "use client";
-import { jsxs as g, jsx as c } from "react/jsx-runtime";
-import N from "../../helpers/cn.es.js";
-import O from "../../hooks/useClasses.es.js";
-import { useRef as h, useState as w, useMemo as p, cloneElement as T, useCallback as H, useEffect as S, Fragment as W } from "react";
-import { twMerge as x } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import q from "../Portal/index.es.js";
-import A from "../../node_modules/react-transition-group/esm/Transition.es.js";
-function V({
-  title: b,
-  color: a = "dark",
-  placement: i = "top",
-  duration: v = 300,
-  className: y,
-  children: r,
-  ...k
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as I, useMemo as R, useCallback as N, useEffect as W, createContext as J, useContext as K } from "react";
+import { twMerge as $ } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import Q from "../Portal/index.es.js";
+import A from "../../hooks/useClasses.es.js";
+import { getAnchorPointer as U } from "../../helpers/anchorPointer.es.js";
+import V from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const j = J({
+  placement: "top",
+  color: "dark",
+  transitionState: "unmounted"
+});
+function B() {
+  return K(j);
+}
+function S({
+  open: l = !1,
+  anchorEl: c = null,
+  anchorPointer: r = !1,
+  placement: t = "top",
+  color: p = "dark",
+  duration: x = 300,
+  onEnter: w,
+  onEntering: n,
+  onEntered: g,
+  onExit: O,
+  onExiting: X,
+  onExited: Y,
+  className: q,
+  children: D
 }) {
-  const n = O((t) => t.tooltip), u = h(null), f = h(null), [m, l] = w(!1), [E, C] = w({}), d = p(() => {
-    var e;
-    if (!a) return "border-transparent";
-    const t = {
-      primary: "bg-primary text-white",
-      secondary: "bg-secondary text-white",
-      success: "bg-success text-white",
-      info: "bg-info text-white",
-      warning: "bg-warning text-white",
-      danger: "bg-danger text-white",
-      dark: "bg-dark text-white",
-      light: "bg-light text-dark"
-    };
-    return [t == null ? void 0 : t[a], (e = n == null ? void 0 : n.color) == null ? void 0 : e[a]];
-  }, [a, n == null ? void 0 : n.color]), z = p(() => {
-    var o;
-    return ["size-0 min-w-(--width) min-h-(--height) top-(--top) right-(--right) bottom-(--bottom) left-(--left) justify-end items-center p-1.5", {
-      top: "-translate-y-full flex-col origin-bottom",
-      end: "translate-x-[calc(var(--ratio)*100%)] flex-row-reverse origin-left rtl:origin-right",
-      bottom: "translate-y-full flex-col-reverse origin-top",
-      start: "translate-x-[calc(var(--ratio)*-100%)] flex-row origin-right rtl:origin-left"
-    }[i], (o = n == null ? void 0 : n.placement) == null ? void 0 : o[i]];
-  }, [i, n == null ? void 0 : n.placement]), L = {
+  const s = A((e) => e.tooltip), f = I(null), b = 0, y = 16, F = {
     entering: "scale-100 opacity-100",
     entered: "scale-100 opacity-100",
     exiting: "scale-75 opacity-0",
     exited: "scale-75 opacity-0",
     unmounted: ""
-  }, M = p(() => ({
-    top: "mt-[-0.5rem]",
-    end: "me-[-0.5rem]",
-    bottom: "mb-[-0.5rem]",
-    start: "ms-[-0.5rem]"
-  })[i], [i]), $ = p(() => r ? T(r, {
-    ref: (t) => {
-      f.current = t;
-    },
-    onMouseEnter: (t) => {
-      var e, o;
-      (o = (e = r.props).onMouseEnter) == null || o.call(e, t), l(!0);
-    },
-    onMouseLeave: (t) => {
-      var e, o;
-      (o = (e = r.props).onMouseLeave) == null || o.call(e, t), l(!1);
-    },
-    onFocus: (t) => {
-      var e, o;
-      (o = (e = r.props).onFocus) == null || o.call(e, t), l(!0);
-    },
-    onBlur: (t) => {
-      var e, o;
-      (o = (e = r.props).onBlur) == null || o.call(e, t), l(!1);
+  }, G = R(() => {
+    var d;
+    return [t === "top" || t === "bottom" ? "flex-col" : "flex-row", {
+      top: "flex-col origin-bottom",
+      bottom: "flex-col-reverse origin-top",
+      start: "flex-row origin-right rtl:origin-left",
+      end: "flex-row-reverse origin-left rtl:origin-right"
+    }[t], (d = s == null ? void 0 : s.placement) == null ? void 0 : d[t]];
+  }, [t, s == null ? void 0 : s.placement]), E = N((e) => {
+    var a, d, i;
+    (a = f.current) == null || a.style.setProperty("--left", `${e.left}px`), (d = f.current) == null || d.style.setProperty("--right", `${e.right}px`), (i = f.current) == null || i.style.setProperty("--top", `${e.top}px`);
+  }, []), v = N(() => {
+    if (!l || !c || !f.current) return;
+    const e = f.current, a = window.innerWidth, d = window.innerHeight, i = e.offsetWidth, M = e.offsetHeight;
+    let z, P, L, H, C, T;
+    if (r) {
+      const o = U(c);
+      if (!o) return;
+      z = o.x, P = o.x, L = o.y, H = o.y, C = o.x, T = o.y;
+    } else {
+      const o = c.getBoundingClientRect();
+      z = o.left, P = o.right, L = o.top, H = o.bottom, C = o.left + o.width / 2, T = o.top + o.height / 2;
     }
-  }) : null, [r]), s = H(() => {
-    const t = f.current;
-    if (!t) return;
-    const e = t.getBoundingClientRect(), o = e.width, R = e.height, j = e.top, P = e.left, B = window.innerWidth - e.right, F = window.innerHeight - e.bottom;
-    C({
-      "--width": `${o}px`,
-      "--height": `${R}px`,
-      "--top": `${j}px`,
-      "--left": `${P}px`,
-      "--right": `${B}px`,
-      "--bottom": `${F}px`
-    });
-  }, []);
-  return S(() => (m && s(), window.addEventListener("scroll", s), window.addEventListener("resize", s), () => {
-    window.removeEventListener("scroll", s), window.removeEventListener("resize", s);
-  }), [m, i, s]), /* @__PURE__ */ g(W, { children: [
-    $,
-    /* @__PURE__ */ c(q, { children: /* @__PURE__ */ c(A, { nodeRef: u, in: m, timeout: v, unmountOnExit: !0, children: (t) => /* @__PURE__ */ g(
-      "div",
-      {
-        ref: u,
-        style: E,
-        className: N(
-          "fixed flex justify-center items-center z-10 pointer-events-none transition-[scale,opacity] [--ratio:1] rtl:[--ratio:-1]",
-          ...z,
-          L[t]
-        ),
-        children: [
-          /* @__PURE__ */ c(
-            "span",
+    let m, h, u;
+    switch (t) {
+      case "top":
+        m = C - i / 2, h = a - C - i / 2, u = L - M - b;
+        break;
+      case "bottom":
+        m = C - i / 2, h = a - C - i / 2, u = H + b;
+        break;
+      case "start":
+        m = z - i - b, h = a - P - b - i, u = T - M / 2;
+        break;
+      case "end":
+        m = P + b, h = a - z + b, u = T - M / 2;
+        break;
+    }
+    m = Math.min(Math.max(m, y), a - i - y), h = Math.min(Math.max(h, y), a - i - y), u = Math.min(Math.max(u, y), d - M - y), E({ left: m, right: h, top: u });
+  }, [l, c, r, t, E]);
+  return W(() => {
+    v();
+  }, [v, D]), W(() => {
+    const e = () => v();
+    return window.addEventListener("scroll", e), window.addEventListener("resize", e), () => {
+      window.removeEventListener("scroll", e), window.removeEventListener("resize", e);
+    };
+  }, [v]), /* @__PURE__ */ k(Q, { children: /* @__PURE__ */ k(
+    V,
+    {
+      nodeRef: f,
+      in: l,
+      timeout: x,
+      unmountOnExit: !0,
+      onEnter: w,
+      onEntering: n,
+      onEntered: g,
+      onExit: O,
+      onExiting: X,
+      onExited: Y,
+      children: (e) => /* @__PURE__ */ k(
+        j.Provider,
+        {
+          value: { placement: t, color: p, transitionState: e },
+          children: /* @__PURE__ */ k(
+            "div",
             {
-              className: x(
-                "relative block size-fit min-w-fit min-h-fit bg-dark text-sm rounded px-2 py-px whitespace-nowrap z-[1]",
-                n == null ? void 0 : n.base,
-                d,
-                y
+              ref: f,
+              "data-name": "tooltip",
+              "data-open": l,
+              style: { transitionDuration: `${x}ms` },
+              className: $(
+                "flex items-center justify-center fixed z-1 pointer-events-none top-(--top) left-(--left) right-auto origin-top-left rtl:left-auto rtl:right-(--right) rtl:origin-top-right transition-[scale,opacity]",
+                s == null ? void 0 : s.base,
+                G,
+                F[e],
+                q
               ),
-              ...k,
-              children: b
-            }
-          ),
-          /* @__PURE__ */ c(
-            "span",
-            {
-              className: x(
-                "block size-3 min-w-3 min-h-3 bg-dark rotate-45",
-                M,
-                d
-              )
+              children: D
             }
           )
-        ]
-      }
-    ) }) })
-  ] });
+        }
+      )
+    }
+  ) });
+}
+function Z({
+  className: l,
+  children: c,
+  ...r
+}) {
+  const t = A((w) => {
+    var n;
+    return (n = w.tooltip) == null ? void 0 : n.content;
+  }), { color: p } = B(), x = R(() => {
+    var n;
+    return [{
+      primary: "bg-primary text-white",
+      secondary: "bg-secondary text-white",
+      success: "bg-success text-white",
+      info: "bg-info text-white",
+      warning: "bg-warning text-white",
+      danger: "bg-danger text-white",
+      dark: "bg-dark text-white",
+      light: "bg-light text-dark"
+    }[p], (n = t == null ? void 0 : t.color) == null ? void 0 : n[p]];
+  }, [p, t == null ? void 0 : t.color]);
+  return /* @__PURE__ */ k(
+    "span",
+    {
+      role: "tooltip",
+      "data-name": "tooltip-content",
+      className: $(
+        "relative block size-fit min-w-fit min-h-fit text-sm rounded px-2 py-px whitespace-nowrap z-1",
+        t == null ? void 0 : t.base,
+        x,
+        l
+      ),
+      ...r,
+      children: c
+    }
+  );
+}
+function _({
+  className: l,
+  ...c
+}) {
+  const r = A((n) => {
+    var g;
+    return (g = n.tooltip) == null ? void 0 : g.arrow;
+  }), { color: t, placement: p } = B(), x = R(() => ({
+    top: "-translate-y-2/3",
+    bottom: "translate-y-2/3",
+    start: "-translate-x-2/3 rtl:translate-x-2/3",
+    end: "translate-x-2/3 rtl:-translate-x-2/3"
+  })[p], [p]), w = R(() => {
+    var g;
+    return [{
+      primary: "bg-primary",
+      secondary: "bg-secondary",
+      success: "bg-success",
+      info: "bg-info",
+      warning: "bg-warning",
+      danger: "bg-danger",
+      dark: "bg-dark",
+      light: "bg-light"
+    }[t], (g = r == null ? void 0 : r.color) == null ? void 0 : g[t]];
+  }, [t, r == null ? void 0 : r.color]);
+  return /* @__PURE__ */ k(
+    "span",
+    {
+      "data-name": "tooltip-arrow",
+      className: $(
+        "block size-3 min-w-3 min-h-3 rotate-45 shrink-0",
+        r == null ? void 0 : r.base,
+        x,
+        w,
+        l
+      ),
+      ...c
+    }
+  );
 }
+S.Content = Z;
+S.Arrow = _;
 export {
-  V as default
+  S as default
 };

package/dist/components/Typography/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const m=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),d=require("react"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function g({as:o,variant:t="body-1",className:r,...s}){const e=x(n=>n.typography),a=d.useMemo(()=>o||{"heading-1":"h1","heading-2":"h2","heading-3":"h3","heading-4":"h4","heading-5":"h5","heading-6":"h6","body-1":"p","body-2":"p","body-3":"p"}[t]||"p",[o,t]),h=d.useMemo(()=>{var i;return[{"heading-1":"text-5xl font-semibold","heading-2":"text-4xl font-semibold","heading-3":"text-3xl font-semibold","heading-4":"text-2xl font-semibold","heading-5":"text-xl font-medium","heading-6":"text-lg font-medium","body-1":"text-base font-normal","body-2":"text-sm font-normal","body-3":"text-xs font-normal"}[t],(i=e==null?void 0:e.variant)==null?void 0:i[t]]},[t,e==null?void 0:e.variant]);return m.jsx(a,{className:u.twMerge(e==null?void 0:e.base,h,r),...s})}module.exports=g;
+"use client";"use strict";const m=require("react/jsx-runtime"),i=require("react"),x=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../hooks/useClasses.cjs.js");function u({as:o,variant:t="body-1",className:a,...r}){const e=g(n=>n.typography),s=i.useMemo(()=>o||{"heading-1":"h1","heading-2":"h2","heading-3":"h3","heading-4":"h4","heading-5":"h5","heading-6":"h6","body-1":"p","body-2":"p","body-3":"p"}[t]||"p",[o,t]),h=i.useMemo(()=>{var d;return[{"heading-1":"text-5xl font-semibold","heading-2":"text-4xl font-semibold","heading-3":"text-3xl font-semibold","heading-4":"text-2xl font-semibold","heading-5":"text-xl font-medium","heading-6":"text-lg font-medium","body-1":"text-base font-normal","body-2":"text-sm font-normal","body-3":"text-xs font-normal"}[t],(d=e==null?void 0:e.variant)==null?void 0:d[t]]},[t,e==null?void 0:e.variant]);return m.jsx(s,{"data-name":"typography",className:x.twMerge(e==null?void 0:e.base,h,a),...r})}module.exports=u;

package/dist/components/Typography/index.d.ts

@@ -1,8 +1,8 @@
 import { ComponentPropsWithAs, TypographyVariant } from '../../types';
-type Component = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "label";
+import { ElementType } from 'react';
 type TypographyProps = {
     variant?: TypographyVariant;
 };
-export default function Typography<E extends Component = "p">({ as, variant, className, ...props }: ComponentPropsWithAs<E, TypographyProps>): import("react/jsx-runtime").JSX.Element;
+export default function Typography<E extends ElementType = "p">({ as, variant, className, ...props }: ComponentPropsWithAs<E, TypographyProps>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIlE,KAAK,SAAS,GACV,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,GAAG,EAAE,EAC5D,EAAE,EACF,OAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,eAAe,CAAC,2CAoC1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAC9D,EAAE,EACF,OAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,eAAe,CAAC,2CAqC1C"}

package/dist/components/Typography/index.es.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as x } from "react/jsx-runtime";
-import g from "../../hooks/useClasses.es.js";
-import { useMemo as i } from "react";
-import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { jsx as p } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { twMerge as g } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import x from "../../hooks/useClasses.es.js";
 function y({
   as: n,
   variant: o = "body-1",
-  className: m,
-  ...r
+  className: a,
+  ...i
 }) {
-  const t = g((e) => e.typography), a = i(() => n || {
+  const t = x((e) => e.typography), r = m(() => n || {
     "heading-1": "h1",
     "heading-2": "h2",
     "heading-3": "h3",
@@ -19,7 +19,7 @@ function y({
     "body-1": "p",
     "body-2": "p",
     "body-3": "p"
-  }[o] || "p", [n, o]), h = i(() => {
+  }[o] || "p", [n, o]), h = m(() => {
     var d;
     return [{
       "heading-1": "text-5xl font-semibold",
@@ -33,11 +33,12 @@ function y({
       "body-3": "text-xs font-normal"
     }[o], (d = t == null ? void 0 : t.variant) == null ? void 0 : d[o]];
   }, [o, t == null ? void 0 : t.variant]);
-  return /* @__PURE__ */ x(
-    a,
+  return /* @__PURE__ */ p(
+    r,
     {
-      className: p(t == null ? void 0 : t.base, h, m),
-      ...r
+      "data-name": "typography",
+      className: g(t == null ? void 0 : t.base, h, a),
+      ...i
     }
   );
 }

package/dist/components/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Alert/index.cjs.js"),i=require("./Avatar/index.cjs.js"),n=require("./Badge/index.cjs.js"),t=require("./Button/index.cjs.js"),o=require("./ButtonGroup/index.cjs.js"),u=require("./Card/index.cjs.js"),d=require("./Divider/index.cjs.js"),c=require("./Drawer/index.cjs.js"),s=require("./Fill/index.cjs.js"),q=require("./InputGroup/index.cjs.js"),x=require("./Menu/index.cjs.js"),$=require("./Modal/index.cjs.js"),a=require("./Portal/index.cjs.js"),l=require("./Progress/index.cjs.js"),p=require("./Skeleton/index.cjs.js"),f=require("./Spacer/index.cjs.js"),S=require("./Spinner/index.cjs.js"),g=require("./Stack/index.cjs.js"),b=require("./Switch/index.cjs.js"),T=require("./Table/index.cjs.js"),y=require("./Tabs/index.cjs.js"),h=require("./Tooltip/index.cjs.js"),k=require("./Typography/index.cjs.js");;/* empty css                */exports.Accordion=e;exports.Alert=r.default;exports.Avatar=i;exports.Badge=n;exports.Button=t;exports.ButtonGroup=o.default;exports.Card=u;exports.Divider=d;exports.Drawer=c.default;exports.Fill=s;exports.InputGroup=q;exports.Menu=x;exports.Modal=$.default;exports.Portal=a;exports.Progress=l;exports.Skeleton=p;exports.Spacer=f;exports.Spinner=S;exports.Stack=g;exports.Switch=b;exports.Table=T;exports.Tabs=y.default;exports.Tooltip=h;exports.Typography=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../style.css');;/* empty css                */const r=require("./Accordion/index.cjs.js"),n=require("./Alert/index.cjs.js"),i=require("./Avatar/index.cjs.js"),t=require("./Badge/index.cjs.js"),o=require("./Button/index.cjs.js"),u=require("./ButtonGroup/index.cjs.js"),d=require("./Card/index.cjs.js"),c=require("./Collapse/index.cjs.js"),s=require("./Divider/index.cjs.js"),x=require("./Drawer/index.cjs.js"),q=require("./Fill/index.cjs.js"),$=require("./InputGroup/index.cjs.js"),l=require("./Menu/index.cjs.js"),a=require("./Modal/index.cjs.js"),g=require("./Portal/index.cjs.js"),p=require("./Progress/index.cjs.js"),T=require("./Skeleton/index.cjs.js"),S=require("./Spacer/index.cjs.js"),f=require("./Spinner/index.cjs.js"),b=require("./Stack/index.cjs.js"),y=require("./Switch/index.cjs.js"),C=require("./Table/index.cjs.js"),h=require("./Tabs/index.cjs.js"),e=require("./Toggle/index.cjs.js"),k=require("./Tooltip/index.cjs.js"),v=require("./Typography/index.cjs.js");exports.Accordion=r;exports.Alert=n;exports.Avatar=i;exports.Badge=t;exports.Button=o;exports.ButtonGroup=u;exports.Card=d;exports.Collapse=c;exports.Divider=s;exports.Drawer=x.default;exports.Fill=q;exports.InputGroup=$;exports.Menu=l;exports.Modal=a.default;exports.Portal=g;exports.Progress=p;exports.Skeleton=T;exports.Spacer=S;exports.Spinner=f;exports.Stack=b;exports.Switch=y;exports.Table=C;exports.Tabs=h.default;exports.Toggle=e.default;exports.useToggleContext=e.useToggleContext;exports.Tooltip=k;exports.Typography=v;

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ export { default as Badge } from './Badge';
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as Card } from './Card';
+export { default as Collapse } from './Collapse';
 export { default as Divider } from './Divider';
 export { default as Drawer } from './Drawer';
 export { default as Fill } from './Fill';
@@ -20,6 +21,8 @@ export { default as Stack } from './Stack';
 export { default as Switch } from './Switch';
 export { default as Table } from './Table';
 export { default as Tabs } from './Tabs';
+export { default as Toggle, useToggleContext } from './Toggle';
+export type { ToggleRef } from './Toggle';
 export { default as Tooltip } from './Tooltip';
 export { default as Typography } from './Typography';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/index.es.js

@@ -1,52 +1,57 @@
 "use client";
-import { default as e } from "./Accordion/index.es.js";
+import '../style.css';/* empty css              */
+import { default as t } from "./Accordion/index.es.js";
 import { default as f } from "./Alert/index.es.js";
 import { default as p } from "./Avatar/index.es.js";
-import { default as d } from "./Badge/index.es.js";
+import { default as s } from "./Badge/index.es.js";
 import { default as m } from "./Button/index.es.js";
-import { default as i } from "./ButtonGroup/index.es.js";
-import { default as c } from "./Card/index.es.js";
-import { default as T } from "./Divider/index.es.js";
-import { default as A } from "./Drawer/index.es.js";
-import { default as b } from "./Fill/index.es.js";
-import { default as k } from "./InputGroup/index.es.js";
-import { default as w } from "./Menu/index.es.js";
-import { default as D } from "./Modal/index.es.js";
-import { default as M } from "./Portal/index.es.js";
-import { default as C } from "./Progress/index.es.js";
-import { default as I } from "./Skeleton/index.es.js";
-import { default as q } from "./Spacer/index.es.js";
-import { default as E } from "./Spinner/index.es.js";
-import { default as J } from "./Stack/index.es.js";
-import { default as L } from "./Switch/index.es.js";
-import { default as O } from "./Table/index.es.js";
-import { default as R } from "./Tabs/index.es.js";
-import { default as V } from "./Tooltip/index.es.js";
-import { default as X } from "./Typography/index.es.js";
-/* empty css              */
+import { default as n } from "./ButtonGroup/index.es.js";
+import { default as g } from "./Card/index.es.js";
+import { default as T } from "./Collapse/index.es.js";
+import { default as A } from "./Divider/index.es.js";
+import { default as C } from "./Drawer/index.es.js";
+import { default as h } from "./Fill/index.es.js";
+import { default as v } from "./InputGroup/index.es.js";
+import { default as y } from "./Menu/index.es.js";
+import { default as G } from "./Modal/index.es.js";
+import { default as P } from "./Portal/index.es.js";
+import { default as I } from "./Progress/index.es.js";
+import { default as q } from "./Skeleton/index.es.js";
+import { default as E } from "./Spacer/index.es.js";
+import { default as J } from "./Spinner/index.es.js";
+import { default as L } from "./Stack/index.es.js";
+import { default as O } from "./Switch/index.es.js";
+import { default as R } from "./Table/index.es.js";
+import { default as V } from "./Tabs/index.es.js";
+import { default as X, useToggleContext as Y } from "./Toggle/index.es.js";
+import { default as _ } from "./Tooltip/index.es.js";
+import { default as ee } from "./Typography/index.es.js";
 export {
-  e as Accordion,
+  t as Accordion,
   f as Alert,
   p as Avatar,
-  d as Badge,
+  s as Badge,
   m as Button,
-  i as ButtonGroup,
-  c as Card,
-  T as Divider,
-  A as Drawer,
-  b as Fill,
-  k as InputGroup,
-  w as Menu,
-  D as Modal,
-  M as Portal,
-  C as Progress,
-  I as Skeleton,
-  q as Spacer,
-  E as Spinner,
-  J as Stack,
-  L as Switch,
-  O as Table,
-  R as Tabs,
-  V as Tooltip,
-  X as Typography
+  n as ButtonGroup,
+  g as Card,
+  T as Collapse,
+  A as Divider,
+  C as Drawer,
+  h as Fill,
+  v as InputGroup,
+  y as Menu,
+  G as Modal,
+  P as Portal,
+  I as Progress,
+  q as Skeleton,
+  E as Spacer,
+  J as Spinner,
+  L as Stack,
+  O as Switch,
+  R as Table,
+  V as Tabs,
+  X as Toggle,
+  _ as Tooltip,
+  ee as Typography,
+  Y as useToggleContext
 };

package/dist/helpers/anchorPointer.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=new WeakMap;function r(e,n,o){t.set(e,{x:n,y:o})}function c(e){return t.get(e)}exports.getAnchorPointer=c;exports.setAnchorPointer=r;

package/dist/helpers/anchorPointer.d.ts

@@ -0,0 +1,8 @@
+type AnchorPointer = {
+    x: number;
+    y: number;
+};
+export declare function setAnchorPointer(el: HTMLElement, x: number, y: number): void;
+export declare function getAnchorPointer(el: HTMLElement): AnchorPointer | undefined;
+export {};
+//# sourceMappingURL=anchorPointer.d.ts.map

package/dist/helpers/anchorPointer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchorPointer.d.ts","sourceRoot":"","sources":["../../src/helpers/anchorPointer.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAI9C,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,QAErE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,6BAE/C"}

package/dist/helpers/anchorPointer.es.js

@@ -0,0 +1,12 @@
+"use client";
+const e = /* @__PURE__ */ new WeakMap();
+function r(n, t, o) {
+  e.set(n, { x: t, y: o });
+}
+function c(n) {
+  return e.get(n);
+}
+export {
+  c as getAnchorPointer,
+  r as setAnchorPointer
+};

package/dist/helpers/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./cn.cjs.js"),i=require("./copy.cjs.js"),e=require("./isEmpty.cjs.js"),t=require("./isServer.cjs.js"),s=require("./randomID.cjs.js"),o=require("./replaceNonDigits.cjs.js"),c=require("./replacePersianNumbers.cjs.js"),n=require("./scrollIntoView.cjs.js"),u=require("./twoDigitNumber.cjs.js"),m=require("./wait.cjs.js");exports.cn=r;exports.copy=i;exports.isEmpty=e.isEmpty;exports.isEmptyArray=e.isEmptyArray;exports.isEmptyObject=e.isEmptyObject;exports.isEmptyString=e.isEmptyString;exports.isEmptyValue=e.isEmptyValue;exports.isServer=t;exports.randomID=s;exports.replaceNonDigits=o;exports.replacePersianNumbers=c;exports.scrollIntoView=n;exports.twoDigitNumber=u;exports.wait=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./anchorPointer.cjs.js"),t=require("./cn.cjs.js"),i=require("./copy.cjs.js"),e=require("./isEmpty.cjs.js"),o=require("./isServer.cjs.js"),s=require("./randomID.cjs.js"),n=require("./replaceNonDigits.cjs.js"),c=require("./replacePersianNumbers.cjs.js"),u=require("./scrollIntoView.cjs.js"),m=require("./twoDigitNumber.cjs.js"),p=require("./wait.cjs.js");exports.getAnchorPointer=r.getAnchorPointer;exports.setAnchorPointer=r.setAnchorPointer;exports.cn=t;exports.copy=i;exports.isEmpty=e.isEmpty;exports.isEmptyArray=e.isEmptyArray;exports.isEmptyObject=e.isEmptyObject;exports.isEmptyString=e.isEmptyString;exports.isEmptyValue=e.isEmptyValue;exports.isServer=o;exports.randomID=s;exports.replaceNonDigits=n;exports.replacePersianNumbers=c;exports.scrollIntoView=u;exports.twoDigitNumber=m;exports.wait=p;

package/dist/helpers/index.d.ts

@@ -1,3 +1,4 @@
+export { getAnchorPointer, setAnchorPointer } from './anchorPointer';
 export { default as cn } from './cn';
 export { default as copy } from './copy';
 export { isEmpty, isEmptyArray, isEmptyObject, isEmptyString, isEmptyValue, } from './isEmpty';

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}