reaxify 0.0.97 → 1.2.0

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as b } from "react/jsx-runtime";
+import { useState as k, useCallback as d, useImperativeHandle as H, useMemo as A, useContext as x, createContext as y, isValidElement as L, Children as P, cloneElement as T } from "react";
+import { setAnchorPointer as I } from "../../helpers/anchorPointer.es.js";
+const v = y(null), w = y(
+  null
+);
+function M(...e) {
+  return (c) => {
+    e.forEach((n) => {
+      typeof n == "function" ? n(c) : n && (n.current = c);
+    });
+  };
+}
+function z() {
+  const e = x(v), c = x(w);
+  if (!e || !c)
+    throw new Error("useToggleContext must be used within Toggle");
+  return { ...e, ...c };
+}
+function S() {
+  const e = x(v);
+  if (!e)
+    throw new Error("Toggle subcomponents must be used within Toggle");
+  return e;
+}
+function V() {
+  const e = x(w);
+  if (!e)
+    throw new Error("Toggle subcomponents must be used within Toggle");
+  return e;
+}
+function F({
+  defaultOpen: e = !1,
+  open: c,
+  onOpenChange: n,
+  anchor: u = !1,
+  triggerOn: l = "click",
+  ref: i,
+  children: a
+}) {
+  const [r, m] = k(e), [f, p] = k(null), g = c !== void 0, t = g ? c : r, o = d(
+    (E) => {
+      g || m(E), E || p(null), n == null || n(E);
+    },
+    [g, n]
+  ), s = d(() => {
+    o(!0);
+  }, [o]), C = d(() => {
+    o(!1);
+  }, [o]), h = d(() => {
+    o(!t);
+  }, [t, o]);
+  H(i, () => ({
+    open: s,
+    close: C,
+    toggle: h
+  }));
+  const j = A(
+    () => ({ open: t, anchorEl: f, anchor: u, triggerOn: l }),
+    [t, f, u, l]
+  ), D = A(
+    () => ({ open: s, close: C, toggle: h, setAnchorEl: p }),
+    [s, C, h]
+  );
+  return /* @__PURE__ */ b(w.Provider, { value: D, children: /* @__PURE__ */ b(v.Provider, { value: j, children: a }) });
+}
+function R({ children: e }) {
+  const { open: c, triggerOn: n } = S(), { toggle: u, setAnchorEl: l, open: i, close: a } = V();
+  if (!L(e)) return e;
+  const r = P.only(e), m = (t) => {
+    var o, s;
+    (s = (o = r.props).onClick) == null || s.call(o, t), l(t.currentTarget), u();
+  }, f = (t) => {
+    var o, s;
+    t.preventDefault(), (s = (o = r.props).onContextMenu) == null || s.call(o, t), I(t.currentTarget, t.clientX, t.clientY), l(t.currentTarget), i();
+  }, p = (t) => {
+    var o, s;
+    (s = (o = r.props).onMouseEnter) == null || s.call(o, t), l(t.currentTarget), i();
+  }, g = (t) => {
+    var o, s;
+    (s = (o = r.props).onMouseLeave) == null || s.call(o, t), a();
+  };
+  return n === "contextMenu" ? T(r, {
+    "aria-expanded": c,
+    onContextMenu: f,
+    ref: M(r.props.ref)
+  }) : n === "hover" ? T(r, {
+    "aria-expanded": c,
+    onMouseEnter: p,
+    onMouseLeave: g,
+    ref: M(r.props.ref)
+  }) : n === "click" ? T(r, {
+    "aria-expanded": c,
+    onClick: m,
+    ref: M(r.props.ref)
+  }) : r;
+}
+function U({ children: e }) {
+  const { open: c, anchorEl: n, anchor: u, triggerOn: l } = S(), { close: i } = V();
+  if (!L(e)) return e;
+  const a = l === "contextMenu", r = P.only(e);
+  return T(r, {
+    open: c,
+    onClose: i,
+    ...u && { anchorEl: n },
+    ...a && { anchorPointer: !0 }
+  });
+}
+F.Trigger = R;
+F.Content = U;
+export {
+  F as default,
+  z as useToggleContext
+};

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

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

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"}