reaxify 0.0.98 → 1.3.0

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"),r=require("react"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),g=require("../../helpers/createPolymorphicComponent.cjs.js");function p({as:o,variant:t="body-1",className:d,...a}){const e=x(n=>n.typography),s=r.useMemo(()=>{const n={"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"};return g.asComponent(o,n[t]||"p")},[o,t]),h=r.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(s,{"data-name":"typography",className:u.twMerge(e==null?void 0:e.base,h,d),...a})}module.exports=p;

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":"AAEA,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,16 @@
 "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";
-function y({
-  as: n,
+import { jsx as p } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { twMerge as g } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import x from "../../hooks/useClasses.es.js";
+import { asComponent as f } from "../../helpers/createPolymorphicComponent.es.js";
+function c({
+  as: e,
   variant: o = "body-1",
-  className: m,
-  ...r
+  className: a,
+  ...i
 }) {
-  const t = g((e) => e.typography), a = i(() => n || {
+  const t = x((n) => n.typography), r = d(() => f(e, {
     "heading-1": "h1",
     "heading-2": "h2",
     "heading-3": "h3",
@@ -19,8 +20,8 @@ function y({
     "body-1": "p",
     "body-2": "p",
     "body-3": "p"
-  }[o] || "p", [n, o]), h = i(() => {
-    var d;
+  }[o] || "p"), [e, o]), h = d(() => {
+    var m;
     return [{
       "heading-1": "text-5xl font-semibold",
       "heading-2": "text-4xl font-semibold",
@@ -31,16 +32,17 @@ function y({
       "body-1": "text-base font-normal",
       "body-2": "text-sm font-normal",
       "body-3": "text-xs font-normal"
-    }[o], (d = t == null ? void 0 : t.variant) == null ? void 0 : d[o]];
+    }[o], (m = t == null ? void 0 : t.variant) == null ? void 0 : m[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
     }
   );
 }
 export {
-  y as default
+  c as default
 };

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"),i=require("./Alert/index.cjs.js"),n=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"),s=require("./Collapse/index.cjs.js"),c=require("./Divider/index.cjs.js"),q=require("./Drawer/index.cjs.js"),x=require("./Fill/index.cjs.js"),$=require("./InputGroup/index.cjs.js"),l=require("./List/index.cjs.js"),a=require("./Menu/index.cjs.js"),g=require("./Modal/index.cjs.js"),p=require("./Portal/index.cjs.js"),T=require("./Progress/index.cjs.js"),S=require("./Skeleton/index.cjs.js"),f=require("./Spacer/index.cjs.js"),b=require("./Spinner/index.cjs.js"),y=require("./Stack/index.cjs.js"),C=require("./Switch/index.cjs.js"),h=require("./Table/index.cjs.js"),k=require("./Tabs/index.cjs.js"),e=require("./Toggle/index.cjs.js"),v=require("./Tooltip/index.cjs.js"),A=require("./Typography/index.cjs.js");exports.Accordion=r;exports.Alert=i;exports.Avatar=n;exports.Badge=t;exports.Button=o;exports.ButtonGroup=u;exports.Card=d;exports.Collapse=s;exports.Divider=c;exports.Drawer=q.default;exports.Fill=x;exports.InputGroup=$;exports.List=l;exports.Menu=a;exports.Modal=g.default;exports.Portal=p;exports.Progress=T;exports.Skeleton=S;exports.Spacer=f;exports.Spinner=b;exports.Stack=y;exports.Switch=C;exports.Table=h;exports.Tabs=k.default;exports.Toggle=e.default;exports.useToggleContext=e.useToggleContext;exports.Tooltip=v;exports.Typography=A;

package/dist/components/index.d.ts

@@ -5,10 +5,12 @@ 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';
 export { default as InputGroup } from './InputGroup';
+export { default as List } from './List';
 export { default as Menu } from './Menu';
 export { default as Modal } from './Modal';
 export { default as Portal } from './Portal';
@@ -20,6 +22,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":"AAEA,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,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,59 @@
 "use client";
-import { default as e } from "./Accordion/index.es.js";
+import '../style.css';/* empty css              */
+import { default as r } 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 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 "./List/index.es.js";
+import { default as G } from "./Menu/index.es.js";
+import { default as P } from "./Modal/index.es.js";
+import { default as I } from "./Portal/index.es.js";
+import { default as j } from "./Progress/index.es.js";
+import { default as z } from "./Skeleton/index.es.js";
+import { default as H } from "./Spacer/index.es.js";
+import { default as K } from "./Spinner/index.es.js";
+import { default as O } from "./Stack/index.es.js";
+import { default as R } from "./Switch/index.es.js";
+import { default as V } from "./Table/index.es.js";
+import { default as X } from "./Tabs/index.es.js";
+import { default as Z, useToggleContext as _ } from "./Toggle/index.es.js";
+import { default as ee } from "./Tooltip/index.es.js";
+import { default as te } from "./Typography/index.es.js";
 export {
-  e as Accordion,
+  r 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
+  g as Card,
+  T as Collapse,
+  A as Divider,
+  C as Drawer,
+  h as Fill,
+  v as InputGroup,
+  y as List,
+  G as Menu,
+  P as Modal,
+  I as Portal,
+  j as Progress,
+  z as Skeleton,
+  H as Spacer,
+  K as Spinner,
+  O as Stack,
+  R as Switch,
+  V as Table,
+  X as Tabs,
+  Z as Toggle,
+  ee as Tooltip,
+  te as Typography,
+  _ as useToggleContext
 };

package/dist/helpers/anchorPointer.cjs.js

@@ -0,0 +1 @@
+"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,11 @@
+const t = /* @__PURE__ */ new WeakMap();
+function r(n, e, o) {
+  t.set(n, { x: e, y: o });
+}
+function c(n) {
+  return t.get(n);
+}
+export {
+  c as getAnchorPointer,
+  r as setAnchorPointer
+};

package/dist/helpers/cn.cjs.js

@@ -1 +1 @@
-"use client";"use strict";function t(...n){if(n.length)return n.filter(Boolean).join(" ")}module.exports=t;
+"use strict";function t(...n){if(n.length)return n.filter(Boolean).join(" ")}module.exports=t;

package/dist/helpers/cn.es.js

@@ -1,8 +1,7 @@
-"use client";
-function e(...n) {
+function t(...n) {
   if (n.length)
     return n.filter(Boolean).join(" ");
 }
 export {
-  e as default
+  t as default
 };

package/dist/helpers/copy.cjs.js

@@ -1 +1 @@
-"use client";"use strict";async function a(r){var t,e;return!((t=navigator==null?void 0:navigator.clipboard)!=null&&t.writeText)?Promise.reject(!1):await((e=navigator==null?void 0:navigator.clipboard)==null?void 0:e.writeText(r).then(()=>!0).catch(()=>!1))}module.exports=a;
+"use strict";async function a(e){var t,r;return!((t=navigator==null?void 0:navigator.clipboard)!=null&&t.writeText)?Promise.reject(!1):await((r=navigator==null?void 0:navigator.clipboard)==null?void 0:r.writeText(e).then(()=>!0).catch(()=>!1))}module.exports=a;

package/dist/helpers/copy.es.js

@@ -1,8 +1,7 @@
-"use client";
-async function i(r) {
-  var t, e;
-  return !((t = navigator == null ? void 0 : navigator.clipboard) != null && t.writeText) ? Promise.reject(!1) : await ((e = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : e.writeText(r).then(() => !0).catch(() => !1));
+async function o(e) {
+  var t, r;
+  return !((t = navigator == null ? void 0 : navigator.clipboard) != null && t.writeText) ? Promise.reject(!1) : await ((r = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : r.writeText(e).then(() => !0).catch(() => !1));
 }
 export {
-  i as default
+  o as default
 };

package/dist/helpers/createPolymorphicComponent.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),m=require("react");function n(o,e){return o??e}function p(o){return m.forwardRef(function({as:t,...r},c){const i=n(t,o);return u.jsx(i,{ref:c,...r})})}exports.asComponent=n;exports.createPolymorphicComponent=p;

package/dist/helpers/createPolymorphicComponent.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithAs } from '../types';
+import { ElementType, ReactElement, Ref } from 'react';
+export declare function asComponent(as: ElementType | undefined, defaultAs: ElementType): ElementType;
+export declare function createPolymorphicComponent<D extends ElementType>(defaultAs: D): <E extends ElementType = D>(props: ComponentPropsWithAs<E> & {
+    ref?: Ref<unknown>;
+}) => ReactElement | null;
+//# sourceMappingURL=createPolymorphicComponent.d.ts.map