reaxify 0.0.65 → 0.0.66

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

@@ -1 +1 @@
-"use client";"use strict";const a=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),m=require("../../hooks/useClasses.cjs.js"),c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:o="primary",size:i="md",className:d,...u}){const r=m(e=>e.spinner),s=t.useMemo(()=>{var n;if(!o)return"border-current";const e={primary:"border-primary",secondary:"border-secondary",success:"border-success",info:"border-info",warning:"border-warning",danger:"border-danger",dark:"border-dark",light:"border-light"};return[e==null?void 0:e[o],(n=r==null?void 0:r.color)==null?void 0:n[o]]},[o,r==null?void 0:r.color]),b=t.useMemo(()=>{var n;const e={sm:"border-2 size-4",md:"border-3 size-6",lg:"border-4 size-8"};return[e==null?void 0:e[i],(n=r==null?void 0:r.size)==null?void 0:n[i]]},[i,r==null?void 0:r.size]);return a.jsxRuntimeExports.jsx("span",{className:c.twMerge("inline-block  align-middle rounded-full animate-spin",r==null?void 0:r.base,s,"border-l-transparent",b,d),...u})}module.exports=p;
+"use client";"use strict";const b=require("../../_virtual/jsx-runtime.cjs.js"),i=require("react"),c=require("../../hooks/useClasses.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:o="primary",size:t="md",className:d,...u}){const r=c(e=>e.spinner),s=i.useMemo(()=>{var n;if(!o)return"border-current";const e={primary:"border-primary",secondary:"border-secondary",success:"border-success",info:"border-info",warning:"border-warning",danger:"border-danger",dark:"border-dark",light:"border-light"};return[e==null?void 0:e[o],(n=r==null?void 0:r.color)==null?void 0:n[o]]},[o,r==null?void 0:r.color]),a=i.useMemo(()=>{var n;const e={sm:"border-2 w-4",md:"border-3 w-6",lg:"border-4 w-8"};return[e==null?void 0:e[t],(n=r==null?void 0:r.size)==null?void 0:n[t]]},[t,r==null?void 0:r.size]);return b.jsxRuntimeExports.jsx("span",{className:m.twMerge("inline-block align-middle rounded-full animate-spin aspect-square",r==null?void 0:r.base,s,"border-l-transparent",a,d),...u})}module.exports=p;

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

@@ -1,15 +1,15 @@
 "use client";
-import { j as u } from "../../_virtual/jsx-runtime.es.js";
+import { j as b } from "../../_virtual/jsx-runtime.es.js";
 import { useMemo as d } from "react";
 import p from "../../hooks/useClasses.es.js";
 import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function y({
+function w({
   color: o = "primary",
-  size: i = "md",
-  className: t,
-  ...m
+  size: t = "md",
+  className: i,
+  ...a
 }) {
-  const r = p((e) => e.spinner), a = d(() => {
+  const r = p((e) => e.spinner), m = d(() => {
     var n;
     if (!o) return "border-current";
     const e = {
@@ -23,30 +23,30 @@ function y({
       light: "border-light"
     };
     return [e == null ? void 0 : e[o], (n = r == null ? void 0 : r.color) == null ? void 0 : n[o]];
-  }, [o, r == null ? void 0 : r.color]), b = d(() => {
+  }, [o, r == null ? void 0 : r.color]), u = d(() => {
     var n;
     const e = {
-      sm: "border-2 size-4",
-      md: "border-3 size-6",
-      lg: "border-4 size-8"
+      sm: "border-2 w-4",
+      md: "border-3 w-6",
+      lg: "border-4 w-8"
     };
-    return [e == null ? void 0 : e[i], (n = r == null ? void 0 : r.size) == null ? void 0 : n[i]];
-  }, [i, r == null ? void 0 : r.size]);
-  return /* @__PURE__ */ u.jsx(
+    return [e == null ? void 0 : e[t], (n = r == null ? void 0 : r.size) == null ? void 0 : n[t]];
+  }, [t, r == null ? void 0 : r.size]);
+  return /* @__PURE__ */ b.jsx(
     "span",
     {
       className: s(
-        "inline-block  align-middle rounded-full animate-spin",
+        "inline-block align-middle rounded-full animate-spin aspect-square",
         r == null ? void 0 : r.base,
-        a,
+        m,
         "border-l-transparent",
-        b,
-        t
+        u,
+        i
       ),
-      ...m
+      ...a
     }
   );
 }
 export {
-  y as default
+  w as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../_virtual/jsx-runtime.cjs.js"),e=require("react"),v=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js"),m=require("../../hooks/useClasses.cjs.js"),R=require("../Button/index.cjs.js"),d=e.createContext({active:null,onChange:()=>{},buttonGroupClasses:""});function p({active:s=null,onChange:r=()=>{},children:a}){const n=m(i=>i.tabs.buttonGroup.base),c=e.useMemo(()=>g("relative flex items-center",n),[n]);return l.jsxRuntimeExports.jsx(d.Provider,{value:{active:s,onChange:r,buttonGroupClasses:c},children:a})}function q({className:s,...r}){const[a,n]=e.useState(!1),c=m(t=>t.tabs.indicator.base),{active:i}=e.useContext(d),x=e.useRef(null),b=e.useCallback(()=>{const t=x.current,u=t==null?void 0:t.parentElement,o=u==null?void 0:u.querySelector("button[data-active='true']");if(!u||!o||!t)return;const h=(o==null?void 0:o.offsetLeft)??0,j=window.getComputedStyle(o).paddingInline,C=(o==null?void 0:o.getBoundingClientRect().width)??0,w=h,y=C;t.style.setProperty("--left",`${w}px`),t.style.setProperty("--width",`${y}px`),t.style.setProperty("--padding-x",`${j}`)},[]);return e.useEffect(()=>{b(),n(!0)},[b,i]),l.jsxRuntimeExports.jsx("span",{ref:x,className:v.twMerge("absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",a?"transition-[width,left,padding]":"",c,s),...r,children:l.jsxRuntimeExports.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function E({eventKey:s,className:r,children:a,onClick:n,...c}){const i=m(f=>f.tabs.button.base),{active:x,onChange:b}=e.useContext(d),t=s===x,u=f=>{!t&&b(s),n==null||n(f)};return l.jsxRuntimeExports.jsx(R,{as:"button",type:"button","data-active":t,onClick:u,color:t?"primary":null,variant:"text",className:g("shadow-none border-none",i,r),...c,children:a})}function I({eventKey:s,children:r}){const{active:a}=e.useContext(d);return a!==s?null:l.jsxRuntimeExports.jsx(e.Fragment,{children:r})}p.Indicator=q;p.Button=E;p.Item=I;exports.TabsContext=d;exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../_virtual/jsx-runtime.cjs.js"),e=require("react"),v=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js"),m=require("../../hooks/useClasses.cjs.js"),R=require("../Button/index.cjs.js"),d=e.createContext({active:null,onChange:()=>{},buttonGroupClasses:""});function p({active:s=null,onChange:r=()=>{},children:a}){const n=m(c=>c.tabs.buttonGroup.base),i=e.useMemo(()=>g("relative flex items-center",n),[n]);return l.jsxRuntimeExports.jsx(d.Provider,{value:{active:s,onChange:r,buttonGroupClasses:i},children:a})}function q({className:s,...r}){const[a,n]=e.useState(!1),i=m(t=>t.tabs.indicator.base),{active:c}=e.useContext(d),x=e.useRef(null),b=e.useCallback(()=>{const t=x.current,u=t==null?void 0:t.parentElement,o=u==null?void 0:u.querySelector("button[data-active='true']");if(!u||!o||!t)return;const h=(o==null?void 0:o.offsetLeft)??0,j=window.getComputedStyle(o).paddingInline,C=(o==null?void 0:o.getBoundingClientRect().width)??0,w=h,y=C;t.style.setProperty("--left",`${w}px`),t.style.setProperty("--width",`${y}px`),t.style.setProperty("--padding-x",`${j}`)},[]);return e.useEffect(()=>{b(),requestAnimationFrame(()=>n(!0))},[b,c]),l.jsxRuntimeExports.jsx("span",{ref:x,className:v.twMerge("absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",a?"transition-[width,left,padding]":"",i,s),...r,children:l.jsxRuntimeExports.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function E({eventKey:s,className:r,children:a,onClick:n,...i}){const c=m(f=>f.tabs.button.base),{active:x,onChange:b}=e.useContext(d),t=s===x,u=f=>{!t&&b(s),n==null||n(f)};return l.jsxRuntimeExports.jsx(R,{as:"button",type:"button","data-active":t,onClick:u,color:t?"primary":null,variant:"text",className:g("shadow-none border-none",c,r),...i,children:a})}function I({eventKey:s,children:r}){const{active:a}=e.useContext(d);return a!==s?null:l.jsxRuntimeExports.jsx(e.Fragment,{children:r})}p.Indicator=q;p.Button=E;p.Item=I;exports.TabsContext=d;exports.default=p;

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

@@ -1,6 +1,6 @@
 "use client";
-import { j as i } from "../../_virtual/jsx-runtime.es.js";
-import { createContext as j, useMemo as I, useState as P, useContext as m, useRef as T, useCallback as R, useEffect as A, Fragment as E } from "react";
+import { j as c } from "../../_virtual/jsx-runtime.es.js";
+import { createContext as j, useMemo as I, useState as P, useContext as m, useRef as T, useCallback as A, useEffect as R, Fragment as E } from "react";
 import { twMerge as G } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import h from "../../helpers/cn.es.js";
 import b from "../../hooks/useClasses.es.js";
@@ -13,22 +13,22 @@ const p = j({
 });
 function x({ active: e = null, onChange: o = () => {
 }, children: r }) {
-  const n = b((c) => c.tabs.buttonGroup.base), l = I(() => h("relative flex items-center", n), [n]);
-  return /* @__PURE__ */ i.jsx(p.Provider, { value: { active: e, onChange: o, buttonGroupClasses: l }, children: r });
+  const n = b((i) => i.tabs.buttonGroup.base), l = I(() => h("relative flex items-center", n), [n]);
+  return /* @__PURE__ */ c.jsx(p.Provider, { value: { active: e, onChange: o, buttonGroupClasses: l }, children: r });
 }
 function S({
   className: e,
   ...o
 }) {
-  const [r, n] = P(!1), l = b((t) => t.tabs.indicator.base), { active: c } = m(p), u = T(null), d = R(() => {
+  const [r, n] = P(!1), l = b((t) => t.tabs.indicator.base), { active: i } = m(p), u = T(null), d = A(() => {
     const t = u.current, a = t == null ? void 0 : t.parentElement, s = a == null ? void 0 : a.querySelector("button[data-active='true']");
     if (!a || !s || !t) return;
     const g = (s == null ? void 0 : s.offsetLeft) ?? 0, w = window.getComputedStyle(s).paddingInline, y = (s == null ? void 0 : s.getBoundingClientRect().width) ?? 0, C = g, v = y;
     t.style.setProperty("--left", `${C}px`), t.style.setProperty("--width", `${v}px`), t.style.setProperty("--padding-x", `${w}`);
   }, []);
-  return A(() => {
-    d(), n(!0);
-  }, [d, c]), /* @__PURE__ */ i.jsx(
+  return R(() => {
+    d(), requestAnimationFrame(() => n(!0));
+  }, [d, i]), /* @__PURE__ */ c.jsx(
     "span",
     {
       ref: u,
@@ -39,7 +39,7 @@ function S({
         e
       ),
       ...o,
-      children: /* @__PURE__ */ i.jsx("span", { className: "block size-full rounded-full bg-primary" })
+      children: /* @__PURE__ */ c.jsx("span", { className: "block size-full rounded-full bg-primary" })
     }
   );
 }
@@ -50,10 +50,10 @@ function $({
   onClick: n,
   ...l
 }) {
-  const c = b((f) => f.tabs.button.base), { active: u, onChange: d } = m(p), t = e === u, a = (f) => {
+  const i = b((f) => f.tabs.button.base), { active: u, onChange: d } = m(p), t = e === u, a = (f) => {
     !t && d(e), n == null || n(f);
   };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ c.jsx(
     N,
     {
       as: "button",
@@ -62,19 +62,19 @@ function $({
       onClick: a,
       color: t ? "primary" : null,
       variant: "text",
-      className: h("shadow-none border-none", c, o),
+      className: h("shadow-none border-none", i, o),
       ...l,
       children: r
     }
   );
 }
-function L({ eventKey: e, children: o }) {
+function q({ eventKey: e, children: o }) {
   const { active: r } = m(p);
-  return r !== e ? null : /* @__PURE__ */ i.jsx(E, { children: o });
+  return r !== e ? null : /* @__PURE__ */ c.jsx(E, { children: o });
 }
 x.Indicator = S;
 x.Button = $;
-x.Item = L;
+x.Item = q;
 export {
   p as TabsContext,
   x 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("./Badge/index.cjs.js"),n=require("./Box/index.cjs.js"),i=require("./Button/index.cjs.js"),t=require("./ButtonGroup/index.cjs.js"),o=require("./Card/index.cjs.js"),u=require("./Drawer/index.cjs.js"),d=require("./InputGroup/index.cjs.js"),c=require("./Menu/index.cjs.js"),s=require("./Modal/index.cjs.js"),q=require("./Portal/index.cjs.js"),x=require("./Progress/index.cjs.js"),$=require("./Skeleton/index.cjs.js"),a=require("./Spinner/index.cjs.js"),l=require("./Stack/index.cjs.js"),p=require("./Switch/index.cjs.js"),f=require("./Table/index.cjs.js"),g=require("./Tabs/index.cjs.js"),S=require("./Tooltip/index.cjs.js"),b=require("./Typography/index.cjs.js");;/* empty css                */exports.Accordion=e;exports.Badge=r;exports.Box=n;exports.Button=i;exports.ButtonGroup=t.default;exports.Card=o;exports.Drawer=u.default;exports.InputGroup=d;exports.Menu=c;exports.Modal=s.default;exports.Portal=q;exports.Progress=x;exports.Skeleton=$;exports.Spinner=a;exports.Stack=l;exports.Switch=p;exports.Table=f;exports.Tabs=g.default;exports.Tooltip=S;exports.Typography=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Badge/index.cjs.js"),n=require("./Button/index.cjs.js"),i=require("./ButtonGroup/index.cjs.js"),t=require("./Card/index.cjs.js"),o=require("./Drawer/index.cjs.js"),u=require("./InputGroup/index.cjs.js"),d=require("./Menu/index.cjs.js"),c=require("./Modal/index.cjs.js"),s=require("./Portal/index.cjs.js"),q=require("./Progress/index.cjs.js"),x=require("./Skeleton/index.cjs.js"),$=require("./Spinner/index.cjs.js"),a=require("./Stack/index.cjs.js"),l=require("./Switch/index.cjs.js"),p=require("./Table/index.cjs.js"),f=require("./Tabs/index.cjs.js"),g=require("./Tooltip/index.cjs.js"),S=require("./Typography/index.cjs.js");;/* empty css                */exports.Accordion=e;exports.Badge=r;exports.Button=n;exports.ButtonGroup=i.default;exports.Card=t;exports.Drawer=o.default;exports.InputGroup=u;exports.Menu=d;exports.Modal=c.default;exports.Portal=s;exports.Progress=q;exports.Skeleton=x;exports.Spinner=$;exports.Stack=a;exports.Switch=l;exports.Table=p;exports.Tabs=f.default;exports.Tooltip=g;exports.Typography=S;

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Accordion } from './Accordion';
 export { default as Badge } from './Badge';
-export { default as Box } from './Box';
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as Card } from './Card';

package/dist/components/index.es.js

@@ -1,44 +1,42 @@
 "use client";
 import { default as e } from "./Accordion/index.es.js";
 import { default as f } from "./Badge/index.es.js";
-import { default as u } from "./Box/index.es.js";
-import { default as d } from "./Button/index.es.js";
-import { default as m } from "./ButtonGroup/index.es.js";
-import { default as n } from "./Card/index.es.js";
-import { default as c } from "./Drawer/index.es.js";
-import { default as S } from "./InputGroup/index.es.js";
-import { default as g } from "./Menu/index.es.js";
-import { default as h } from "./Modal/index.es.js";
-import { default as w } from "./Portal/index.es.js";
-import { default as G } from "./Progress/index.es.js";
-import { default as P } from "./Skeleton/index.es.js";
-import { default as C } from "./Spinner/index.es.js";
-import { default as I } from "./Stack/index.es.js";
-import { default as q } from "./Switch/index.es.js";
-import { default as z } from "./Table/index.es.js";
-import { default as F } from "./Tabs/index.es.js";
-import { default as J } from "./Tooltip/index.es.js";
-import { default as L } from "./Typography/index.es.js";
+import { default as u } from "./Button/index.es.js";
+import { default as d } from "./ButtonGroup/index.es.js";
+import { default as m } from "./Card/index.es.js";
+import { default as n } from "./Drawer/index.es.js";
+import { default as c } from "./InputGroup/index.es.js";
+import { default as T } from "./Menu/index.es.js";
+import { default as B } from "./Modal/index.es.js";
+import { default as h } from "./Portal/index.es.js";
+import { default as w } from "./Progress/index.es.js";
+import { default as G } from "./Skeleton/index.es.js";
+import { default as P } from "./Spinner/index.es.js";
+import { default as C } from "./Stack/index.es.js";
+import { default as I } from "./Switch/index.es.js";
+import { default as q } from "./Table/index.es.js";
+import { default as z } from "./Tabs/index.es.js";
+import { default as F } from "./Tooltip/index.es.js";
+import { default as J } from "./Typography/index.es.js";
 /* empty css              */
 export {
   e as Accordion,
   f as Badge,
-  u as Box,
-  d as Button,
-  m as ButtonGroup,
-  n as Card,
-  c as Drawer,
-  S as InputGroup,
-  g as Menu,
-  h as Modal,
-  w as Portal,
-  G as Progress,
-  P as Skeleton,
-  C as Spinner,
-  I as Stack,
-  q as Switch,
-  z as Table,
-  F as Tabs,
-  J as Tooltip,
-  L as Typography
+  u as Button,
+  d as ButtonGroup,
+  m as Card,
+  n as Drawer,
+  c as InputGroup,
+  T as Menu,
+  B as Modal,
+  h as Portal,
+  w as Progress,
+  G as Skeleton,
+  P as Spinner,
+  C as Stack,
+  I as Switch,
+  q as Table,
+  z as Tabs,
+  F as Tooltip,
+  J as Typography
 };

package/package.json

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

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

@@ -1 +0,0 @@
-"use client";"use strict";const u=require("../../_virtual/jsx-runtime.cjs.js"),i=require("../../helpers/cn.cjs.js");require("react");const c=require("../../hooks/useClasses.cjs.js");function x({as:s,className:t,...n}){const e=c(o=>o.box),r=s||"div";return u.jsxRuntimeExports.jsx(r,{className:i(e==null?void 0:e.base,t),...n})}module.exports=x;

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

@@ -1,3 +0,0 @@
-import { ComponentPropsWithAs } from '../../types';
-import { ElementType } from 'react';
-export default function Box<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +0,0 @@
-"use client";
-import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import i from "../../helpers/cn.es.js";
-import "react";
-import p from "../../hooks/useClasses.es.js";
-function f({
-  as: t,
-  className: s,
-  ...r
-}) {
-  const o = p((m) => m.box), e = t || "div";
-  return /* @__PURE__ */ n.jsx(e, { className: i(o == null ? void 0 : o.base, s), ...r });
-}
-export {
-  f as default
-};