reaxify 0.0.36 → 0.0.37

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

@@ -0,0 +1 @@
+"use strict";const s=require("../../node_modules/react/jsx-runtime.cjs.js"),g=require("../../helpers/cn.cjs.js"),i=require("react"),y=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function f({checked:e,onChange:n,disabled:o,color:a="primary",size:b="md",inputProps:t={},className:u,...c}){const d=i.useMemo(()=>"",[e]),m=i.useMemo(()=>{const r={primary:e?"bg-primary border-primary":"bg-white border-[#e8eaee]",secondary:e?"bg-secondary border-secondary":"bg-white border-[#e8eaee]",success:e?"bg-success border-success":"bg-white border-[#e8eaee]",info:e?"bg-info border-info":"bg-white border-[#e8eaee]",warning:e?"bg-warning border-warning":"bg-white border-[#e8eaee]",danger:e?"bg-danger border-danger":"bg-white border-[#e8eaee]",dark:e?"bg-dark border-dark":"bg-white border-[#e8eaee]",light:e?"bg-light border-light":"bg-white border-[#e8eaee]"};return r==null?void 0:r[a]},[a,e]),w=i.useMemo(()=>{const r={primary:e?"bg-primary ":"bg-black",secondary:e?"bg-secondary":"bg-black",success:e?"bg-success":"bg-black",info:e?"bg-info":"bg-black",warning:e?"bg-warning":"bg-black",danger:e?"bg-danger":"bg-black",dark:e?"bg-dark":"bg-black",light:e?"bg-light":"bg-black"};return r==null?void 0:r[a]},[a,e]),x=i.useMemo(()=>{const r={sm:"[--size:0.25rem]",md:"[--size:0.5rem]",lg:"[--size:0.75rem]"};return r==null?void 0:r[b]},[b]),h=r=>{var l;n==null||n(r.currentTarget.checked),(l=t.onChange)==null||l.call(t,r)};return s.jsxRuntimeExports.jsxs("span",{className:y.twMerge(x,"[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]","inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",o&&"opacity-75",d,u),...c,children:[s.jsxRuntimeExports.jsx("input",{...t,type:"checkbox",className:"peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",checked:e,disabled:o,onChange:h}),s.jsxRuntimeExports.jsxs("span",{className:"inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto start-0 peer-checked:start-[calc(100%-var(--height))] transition-[inset-inline-start] z-[1]",children:[s.jsxRuntimeExports.jsx("span",{className:"absolute size-full inset-0 bg-black/5 rounded-full scale-(--scale) transition-[scale]"}),s.jsxRuntimeExports.jsx("span",{className:g("absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",m)})]}),s.jsxRuntimeExports.jsx("span",{className:g("size-full rounded-full opacity-35 transition-colors",w)})]})}module.exports=f;

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

@@ -0,0 +1,101 @@
+import { j as a } from "../../node_modules/react/jsx-runtime.es.js";
+import g from "../../helpers/cn.es.js";
+import { useMemo as i } from "react";
+import { twMerge as y } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+function j({
+  checked: e,
+  onChange: n,
+  disabled: b,
+  color: s = "primary",
+  size: l = "md",
+  inputProps: t = {},
+  className: d,
+  ...m
+}) {
+  const c = i(() => "", [e]), u = i(() => {
+    const r = {
+      primary: e ? "bg-primary border-primary" : "bg-white border-[#e8eaee]",
+      secondary: e ? "bg-secondary border-secondary" : "bg-white border-[#e8eaee]",
+      success: e ? "bg-success border-success" : "bg-white border-[#e8eaee]",
+      info: e ? "bg-info border-info" : "bg-white border-[#e8eaee]",
+      warning: e ? "bg-warning border-warning" : "bg-white border-[#e8eaee]",
+      danger: e ? "bg-danger border-danger" : "bg-white border-[#e8eaee]",
+      dark: e ? "bg-dark border-dark" : "bg-white border-[#e8eaee]",
+      light: e ? "bg-light border-light" : "bg-white border-[#e8eaee]"
+    };
+    return r == null ? void 0 : r[s];
+  }, [s, e]), w = i(() => {
+    const r = {
+      primary: e ? "bg-primary " : "bg-black",
+      secondary: e ? "bg-secondary" : "bg-black",
+      success: e ? "bg-success" : "bg-black",
+      info: e ? "bg-info" : "bg-black",
+      warning: e ? "bg-warning" : "bg-black",
+      danger: e ? "bg-danger" : "bg-black",
+      dark: e ? "bg-dark" : "bg-black",
+      light: e ? "bg-light" : "bg-black"
+    };
+    return r == null ? void 0 : r[s];
+  }, [s, e]), f = i(() => {
+    const r = {
+      sm: "[--size:0.25rem]",
+      md: "[--size:0.5rem]",
+      lg: "[--size:0.75rem]"
+    };
+    return r == null ? void 0 : r[l];
+  }, [l]), h = (r) => {
+    var o;
+    n == null || n(r.currentTarget.checked), (o = t.onChange) == null || o.call(t, r);
+  };
+  return /* @__PURE__ */ a.jsxs(
+    "span",
+    {
+      className: y(
+        f,
+        "[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]",
+        "inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",
+        b && "opacity-75",
+        c,
+        d
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ a.jsx(
+          "input",
+          {
+            ...t,
+            type: "checkbox",
+            className: "peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",
+            checked: e,
+            disabled: b,
+            onChange: h
+          }
+        ),
+        /* @__PURE__ */ a.jsxs("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto start-0 peer-checked:start-[calc(100%-var(--height))] transition-[inset-inline-start] z-[1]", children: [
+          /* @__PURE__ */ a.jsx("span", { className: "absolute size-full inset-0 bg-black/5 rounded-full scale-(--scale) transition-[scale]" }),
+          /* @__PURE__ */ a.jsx(
+            "span",
+            {
+              className: g(
+                "absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",
+                u
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a.jsx(
+          "span",
+          {
+            className: g(
+              "size-full rounded-full opacity-35 transition-colors",
+              w
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  j as default
+};

package/dist/components/index.cjs.js

@@ -1 +1 @@
-"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("./Form/index.cjs.js"),c=require("./InputGroup/index.cjs.js"),s=require("./Menu/index.cjs.js"),q=require("./Modal/index.cjs.js"),x=require("./Portal/index.cjs.js"),$=require("./Progress/index.cjs.js"),a=require("./Skeleton/index.cjs.js"),l=require("./Spinner/index.cjs.js"),p=require("./Stack/index.cjs.js"),f=require("./Table/index.cjs.js"),g=require("./Tabs/index.cjs.js"),b=require("./Tooltip/index.cjs.js"),S=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.Form=d.default;exports.InputGroup=c;exports.Menu=s;exports.Modal=q.default;exports.Portal=x;exports.Progress=$;exports.Skeleton=a;exports.Spinner=l;exports.Stack=p;exports.Table=f;exports.Tabs=g.default;exports.Tooltip=b;exports.Typography=S;
+"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("./Form/index.cjs.js"),c=require("./InputGroup/index.cjs.js"),s=require("./Menu/index.cjs.js"),q=require("./Modal/index.cjs.js"),x=require("./Portal/index.cjs.js"),$=require("./Progress/index.cjs.js"),a=require("./Skeleton/index.cjs.js"),l=require("./Spinner/index.cjs.js"),p=require("./Stack/index.cjs.js"),f=require("./Switch/index.cjs.js"),g=require("./Table/index.cjs.js"),S=require("./Tabs/index.cjs.js"),b=require("./Tooltip/index.cjs.js"),T=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.Form=d.default;exports.InputGroup=c;exports.Menu=s;exports.Modal=q.default;exports.Portal=x;exports.Progress=$;exports.Skeleton=a;exports.Spinner=l;exports.Stack=p;exports.Switch=f;exports.Table=g;exports.Tabs=S.default;exports.Tooltip=b;exports.Typography=T;

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export { default as Progress } from './Progress';
 export { default as Skeleton } from './Skeleton';
 export { default as Spinner } from './Spinner';
 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 Tooltip } from './Tooltip';

package/dist/components/index.es.js

@@ -4,20 +4,21 @@ 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 B } from "./Drawer/index.es.js";
-import { default as c } from "./Form/index.es.js";
-import { default as S } from "./InputGroup/index.es.js";
-import { default as k } from "./Menu/index.es.js";
-import { default as G } from "./Modal/index.es.js";
-import { default as P } from "./Portal/index.es.js";
-import { default as w } from "./Progress/index.es.js";
+import { default as c } from "./Drawer/index.es.js";
+import { default as S } from "./Form/index.es.js";
+import { default as g } from "./InputGroup/index.es.js";
+import { default as h } from "./Menu/index.es.js";
+import { default as w } from "./Modal/index.es.js";
+import { default as G } from "./Portal/index.es.js";
+import { default as P } from "./Progress/index.es.js";
 import { default as C } from "./Skeleton/index.es.js";
 import { default as F } from "./Spinner/index.es.js";
 import { default as j } from "./Stack/index.es.js";
-import { default as v } from "./Table/index.es.js";
-import { default as E } 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 v } from "./Switch/index.es.js";
+import { default as E } from "./Table/index.es.js";
+import { default as J } from "./Tabs/index.es.js";
+import { default as L } from "./Tooltip/index.es.js";
+import { default as O } from "./Typography/index.es.js";
 /* empty css              */
 export {
   a as Accordion,
@@ -26,18 +27,19 @@ export {
   d as Button,
   m as ButtonGroup,
   n as Card,
-  B as Drawer,
-  c as Form,
-  S as InputGroup,
-  k as Menu,
-  G as Modal,
-  P as Portal,
-  w as Progress,
+  c as Drawer,
+  S as Form,
+  g as InputGroup,
+  h as Menu,
+  w as Modal,
+  G as Portal,
+  P as Progress,
   C as Skeleton,
   F as Spinner,
   j as Stack,
-  v as Table,
-  E as Tabs,
-  J as Tooltip,
-  L as Typography
+  v as Switch,
+  E as Table,
+  J as Tabs,
+  L as Tooltip,
+  O as Typography
 };

package/package.json

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