reaxify 1.3.0 → 1.3.2

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

@@ -1 +1 @@
-"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;
+"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:d,onExit:$,onExiting:B,onExited:S,className:O,children:A}){const c=E(e=>e.tooltip),p=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=p.current)==null||a.style.setProperty("--left",`${e.left}px`),(f=p.current)==null||f.style.setProperty("--right",`${e.right}px`),(i=p.current)==null||i.style.setProperty("--top",`${e.top}px`)},[]),M=s.useCallback(()=>{if(!l||!u||!p.current)return;const e=p.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:p,in:l,timeout:w,unmountOnExit:!0,onEnter:b,onEntering:n,onEntered:d,onExit:$,onExiting:B,onExited:S,children:e=>v.jsx(N.Provider,{value:{placement:t,color:g,transitionState:e},children:v.jsx("div",{ref:p,"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-3 py-1 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 d;return(d=n.tooltip)==null?void 0:d.arrow}),{color:t,placement:g}=W(),w=s.useMemo(()=>({top:"-translate-y-3/5",bottom:"translate-y-3/5",start:"-translate-x-3/5 rtl:translate-x-3/5",end:"translate-x-3/5 rtl:-translate-x-3/5"})[g],[g]),b=s.useMemo(()=>{var d;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],(d=r==null?void 0:r.color)==null?void 0:d[t]]},[t,r==null?void 0:r.color]);return v.jsx("span",{"data-name":"tooltip-arrow",className:L.twMerge("block size-2.5 min-w-2.5 min-h-2.5 rotate-45 rounded-sm 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.es.js

@@ -149,7 +149,7 @@ function Z({
       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",
+        "relative block size-fit min-w-fit min-h-fit text-sm rounded px-3 py-1 whitespace-nowrap z-1",
         t == null ? void 0 : t.base,
         x,
         l
@@ -167,10 +167,10 @@ function _({
     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"
+    top: "-translate-y-3/5",
+    bottom: "translate-y-3/5",
+    start: "-translate-x-3/5 rtl:translate-x-3/5",
+    end: "translate-x-3/5 rtl:-translate-x-3/5"
   })[p], [p]), w = R(() => {
     var g;
     return [{
@@ -189,7 +189,7 @@ function _({
     {
       "data-name": "tooltip-arrow",
       className: $(
-        "block size-3 min-w-3 min-h-3 rotate-45 shrink-0",
+        "block size-2.5 min-w-2.5 min-h-2.5 rotate-45 rounded-sm shrink-0",
         r == null ? void 0 : r.base,
         x,
         w,

package/dist/storybook/argTypes.d.ts

@@ -0,0 +1,47 @@
+import { InputType } from '@storybook/core/csf';
+export declare const COLORS: readonly ["primary", "secondary", "success", "info", "warning", "danger", "dark", "light"];
+export declare const SIZES: readonly ["sm", "md", "lg"];
+export declare const BUTTON_SIZES: readonly ["sm", "md", "lg", "icon"];
+export declare const BADGE_VARIANTS: readonly ["solid", "outline", "soft"];
+export declare const BUTTON_VARIANTS: readonly ["solid", "outline", "text", "soft"];
+export declare const ALERT_VARIANTS: readonly ["solid", "outline", "soft"];
+export declare const TYPOGRAPHY_VARIANTS: readonly ["heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "body-1", "body-2", "body-3"];
+export declare const DIVIDER_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export declare const DIVIDER_VARIANTS: readonly ["solid", "dashed", "dotted"];
+export declare const STACK_DIRECTIONS: readonly ["row", "column"];
+export declare const DRAWER_ANCHORS: readonly ["start", "end", "top", "bottom"];
+export declare const TOOLTIP_PLACEMENTS: readonly ["top", "end", "bottom", "start"];
+export declare const TOGGLE_TRIGGER_ON: readonly ["hover", "click", "contextMenu"];
+export declare const BUTTON_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export declare const ACCORDION_VARIANTS: readonly ["single", "multiple"];
+type ArgControl = NonNullable<InputType["control"]>;
+export declare function argType(description: string, defaultValue: string | number | boolean, control: ArgControl, options?: readonly string[]): InputType;
+export declare const hidden: InputType;
+export declare const actionHidden: InputType;
+export declare const colorArgType: InputType;
+export declare const sizeArgType: InputType;
+export declare const buttonSizeArgType: InputType;
+export declare const badgeVariantArgType: InputType;
+export declare const buttonVariantArgType: InputType;
+export declare const alertVariantArgType: InputType;
+export declare const typographyVariantArgType: InputType;
+export declare const dividerOrientationArgType: InputType;
+export declare const dividerVariantArgType: InputType;
+export declare const stackDirectionArgType: InputType;
+export declare const drawerAnchorArgType: InputType;
+export declare const tooltipPlacementArgType: InputType;
+export declare const toggleTriggerOnArgType: InputType;
+export declare const buttonGroupOrientationArgType: InputType;
+export declare const accordionVariantArgType: InputType;
+export declare function booleanArg(description: string, defaultValue: boolean): InputType;
+export declare function textArg(description: string, defaultValue: string): InputType;
+export declare function numberArg(description: string, defaultValue: number): InputType;
+export declare function rangeArg(description: string, defaultValue: number, min: number, max: number, step?: number): InputType;
+export declare const polymorphicHidden: {
+    as: InputType;
+    className: InputType;
+    ref: InputType;
+    children: InputType;
+};
+export type { InputType };
+//# sourceMappingURL=argTypes.d.ts.map

package/dist/storybook/argTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"argTypes.d.ts","sourceRoot":"","sources":["../../src/storybook/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,MAAM,4FAST,CAAC;AAEX,eAAO,MAAM,KAAK,6BAA8B,CAAC;AAEjD,eAAO,MAAM,YAAY,qCAAsC,CAAC;AAEhE,eAAO,MAAM,cAAc,uCAAwC,CAAC;AAEpE,eAAO,MAAM,eAAe,+CAAgD,CAAC;AAE7E,eAAO,MAAM,cAAc,uCAAwC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,uHAUtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,qCAAsC,CAAC;AAExE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AAEvE,eAAO,MAAM,gBAAgB,4BAA6B,CAAC;AAE3D,eAAO,MAAM,cAAc,4CAA6C,CAAC;AAEzE,eAAO,MAAM,kBAAkB,4CAA6C,CAAC;AAE7E,eAAO,MAAM,iBAAiB,4CAA6C,CAAC;AAE5E,eAAO,MAAM,yBAAyB,qCAAsC,CAAC;AAE7E,eAAO,MAAM,kBAAkB,iCAAkC,CAAC;AAElE,KAAK,UAAU,GAAG,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;AAQpD,wBAAgB,OAAO,CACrB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,EACvC,OAAO,EAAE,UAAU,EACnB,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,GAC1B,SAAS,CAOX;AAED,eAAO,MAAM,MAAM,EAAE,SAEpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAG1B,CAAC;AAEF,eAAO,MAAM,YAAY,WAKxB,CAAC;AAEF,eAAO,MAAM,WAAW,WAKvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,WAK7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAK/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,WAKhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAK/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,WAKpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAKrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAKjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAKjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAK/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAKnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,WAKlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAKzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAKnC,CAAC;AAEF,wBAAgB,UAAU,CACxB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,OAAO,GACpB,SAAS,CAEX;AAED,wBAAgB,OAAO,CACrB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,SAAS,CAEX;AAED,wBAAgB,SAAS,CACvB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,SAAS,CAMX;AAED,wBAAgB,QAAQ,CACtB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,SAAI,GACP,SAAS,CAMX;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/storybook/parameters.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react';
+export declare const staticStoryParameters: {
+    controls: {
+        disable: boolean;
+    };
+};
+export declare function asStaticStory(render: StoryObj["render"]): StoryObj;
+//# sourceMappingURL=parameters.d.ts.map

package/dist/storybook/parameters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parameters.d.ts","sourceRoot":"","sources":["../../src/storybook/parameters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,qBAAqB;;;;CAEjC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAKlE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "1.3.0",
+  "version": "1.3.2",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [