reaxify 0.0.98 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/_commonjsHelpers.cjs.js +1 -1
- package/dist/_virtual/_commonjsHelpers.es.js +3 -4
- package/dist/_virtual/index.cjs.js +1 -1
- package/dist/_virtual/index.cjs2.js +1 -1
- package/dist/_virtual/index.cjs3.js +1 -1
- package/dist/_virtual/index.es.js +3 -4
- package/dist/_virtual/index.es2.js +2 -3
- package/dist/_virtual/index.es3.js +0 -1
- package/dist/_virtual/react-is.development.cjs.js +1 -1
- package/dist/_virtual/react-is.development.es.js +0 -1
- package/dist/_virtual/react-is.production.min.cjs.js +1 -1
- package/dist/_virtual/react-is.production.min.es.js +2 -3
- package/dist/axios/index.d.ts.map +1 -1
- package/dist/axios/useAxios.cjs.js +1 -1
- package/dist/axios/useAxios.es.js +7 -7
- package/dist/components/Accordion/index.cjs.js +1 -1
- package/dist/components/Accordion/index.d.ts +4 -2
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.es.js +80 -96
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.d.ts +6 -11
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.es.js +122 -99
- package/dist/components/Avatar/index.cjs.js +1 -1
- package/dist/components/Avatar/index.d.ts +3 -3
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.es.js +108 -97
- package/dist/components/Badge/index.cjs.js +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.es.js +35 -35
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.es.js +97 -99
- package/dist/components/ButtonGroup/index.cjs.js +1 -1
- package/dist/components/ButtonGroup/index.d.ts +0 -4
- package/dist/components/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/ButtonGroup/index.es.js +41 -37
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.d.ts +4 -4
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.es.js +62 -36
- package/dist/components/Collapse/index.cjs.js +1 -0
- package/dist/components/Collapse/index.d.ts +14 -0
- package/dist/components/Collapse/index.d.ts.map +1 -0
- package/dist/components/Collapse/index.es.js +57 -0
- package/dist/components/Divider/index.cjs.js +1 -1
- package/dist/components/Divider/index.d.ts.map +1 -1
- package/dist/components/Divider/index.es.js +21 -18
- package/dist/components/Drawer/index.cjs.js +1 -1
- package/dist/components/Drawer/index.d.ts +6 -9
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.es.js +143 -104
- package/dist/components/Fill/index.cjs.js +1 -1
- package/dist/components/Fill/index.d.ts +1 -1
- package/dist/components/Fill/index.d.ts.map +1 -1
- package/dist/components/Fill/index.es.js +18 -10
- package/dist/components/InputGroup/index.cjs.js +1 -1
- package/dist/components/InputGroup/index.d.ts.map +1 -1
- package/dist/components/InputGroup/index.es.js +49 -37
- package/dist/components/List/index.cjs.js +1 -0
- package/dist/components/List/index.d.ts +25 -0
- package/dist/components/List/index.d.ts.map +1 -0
- package/dist/components/List/index.es.js +169 -0
- package/dist/components/Menu/index.cjs.js +1 -1
- package/dist/components/Menu/index.d.ts +3 -2
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.es.js +115 -96
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.d.ts +7 -9
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.es.js +134 -87
- package/dist/components/Portal/index.cjs.js +1 -1
- package/dist/components/Portal/index.d.ts.map +1 -1
- package/dist/components/Portal/index.es.js +5 -4
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.d.ts +1 -1
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.es.js +27 -22
- package/dist/components/Skeleton/index.cjs.js +1 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.es.js +8 -8
- package/dist/components/Spacer/index.cjs.js +1 -1
- package/dist/components/Spacer/index.d.ts.map +1 -1
- package/dist/components/Spacer/index.es.js +5 -5
- package/dist/components/Spinner/index.cjs.js +1 -1
- package/dist/components/Spinner/index.d.ts +3 -2
- package/dist/components/Spinner/index.d.ts.map +1 -1
- package/dist/components/Spinner/index.es.js +17 -16
- package/dist/components/Stack/index.cjs.js +1 -1
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.es.js +30 -28
- package/dist/components/Switch/index.cjs.js +1 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.es.js +17 -13
- package/dist/components/Table/index.cjs.js +1 -1
- package/dist/components/Table/index.d.ts +12 -6
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.es.js +143 -87
- package/dist/components/Tabs/index.cjs.js +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.es.js +58 -48
- package/dist/components/Toggle/index.cjs.js +1 -0
- package/dist/components/Toggle/index.d.ts +48 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Toggle/index.es.js +115 -0
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.d.ts +16 -9
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.es.js +191 -114
- package/dist/components/Typography/index.cjs.js +1 -1
- package/dist/components/Typography/index.d.ts +2 -2
- package/dist/components/Typography/index.d.ts.map +1 -1
- package/dist/components/Typography/index.es.js +19 -17
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.es.js +48 -41
- package/dist/helpers/anchorPointer.cjs.js +1 -0
- package/dist/helpers/anchorPointer.d.ts +8 -0
- package/dist/helpers/anchorPointer.d.ts.map +1 -0
- package/dist/helpers/anchorPointer.es.js +11 -0
- package/dist/helpers/cn.cjs.js +1 -1
- package/dist/helpers/cn.es.js +2 -3
- package/dist/helpers/copy.cjs.js +1 -1
- package/dist/helpers/copy.es.js +4 -5
- package/dist/helpers/createPolymorphicComponent.cjs.js +1 -0
- package/dist/helpers/createPolymorphicComponent.d.ts +7 -0
- package/dist/helpers/createPolymorphicComponent.d.ts.map +1 -0
- package/dist/helpers/createPolymorphicComponent.es.js +15 -0
- package/dist/helpers/index.cjs.js +1 -1
- package/dist/helpers/index.d.ts +2 -0
- package/dist/helpers/index.d.ts.map +1 -1
- package/dist/helpers/index.es.js +30 -25
- package/dist/helpers/isEmpty.cjs.js +1 -1
- package/dist/helpers/isEmpty.es.js +0 -1
- package/dist/helpers/isServer.cjs.js +1 -1
- package/dist/helpers/isServer.es.js +0 -1
- package/dist/helpers/randomID.cjs.js +1 -1
- package/dist/helpers/randomID.es.js +0 -1
- package/dist/helpers/replaceNonDigits.cjs.js +1 -1
- package/dist/helpers/replaceNonDigits.es.js +4 -5
- package/dist/helpers/replacePersianNumbers.cjs.js +1 -1
- package/dist/helpers/replacePersianNumbers.es.js +0 -1
- package/dist/helpers/scrollIntoView.cjs.js +1 -1
- package/dist/helpers/scrollIntoView.es.js +4 -5
- package/dist/helpers/twoDigitNumber.cjs.js +1 -1
- package/dist/helpers/twoDigitNumber.es.js +0 -1
- package/dist/helpers/wait.cjs.js +1 -1
- package/dist/helpers/wait.es.js +5 -6
- package/dist/hooks/index.cjs.js +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.es.js +6 -4
- package/dist/hooks/usePreventableClose.cjs.js +1 -0
- package/dist/hooks/usePreventableClose.d.ts +8 -0
- package/dist/hooks/usePreventableClose.d.ts.map +1 -0
- package/dist/hooks/usePreventableClose.es.js +21 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/dist/node_modules/@babel/runtime/helpers/esm/inheritsLoose.cjs.js +1 -1
- package/dist/node_modules/@babel/runtime/helpers/esm/inheritsLoose.es.js +2 -3
- package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js +1 -1
- package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.es.js +7 -8
- package/dist/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.cjs.js +1 -1
- package/dist/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.es.js +0 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/constants.cjs.js +1 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/constants.es.js +0 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/format.cjs.js +1 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/format.es.js +4 -5
- package/dist/node_modules/@tanstack/hotkeys/dist/hotkey-manager.cjs.js +1 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/hotkey-manager.es.js +11 -12
- package/dist/node_modules/@tanstack/hotkeys/dist/manager.utils.cjs.js +1 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/manager.utils.es.js +0 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/match.cjs.js +1 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/match.es.js +2 -3
- package/dist/node_modules/@tanstack/hotkeys/dist/parse.cjs.js +1 -1
- package/dist/node_modules/@tanstack/hotkeys/dist/parse.es.js +45 -42
- package/dist/node_modules/@tanstack/react-hotkeys/dist/HotkeysProvider.cjs.js +1 -1
- package/dist/node_modules/@tanstack/react-hotkeys/dist/HotkeysProvider.es.js +0 -1
- package/dist/node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js +1 -1
- package/dist/node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js +3 -4
- package/dist/node_modules/@tanstack/react-hotkeys/dist/utils.cjs.js +1 -1
- package/dist/node_modules/@tanstack/react-hotkeys/dist/utils.es.js +0 -1
- package/dist/node_modules/@tanstack/store/dist/esm/alien.cjs.js +1 -1
- package/dist/node_modules/@tanstack/store/dist/esm/alien.es.js +22 -23
- package/dist/node_modules/@tanstack/store/dist/esm/atom.cjs.js +1 -1
- package/dist/node_modules/@tanstack/store/dist/esm/atom.es.js +0 -1
- package/dist/node_modules/@tanstack/store/dist/esm/store.cjs.js +1 -1
- package/dist/node_modules/@tanstack/store/dist/esm/store.es.js +2 -3
- package/dist/node_modules/iconsax-react/dist/esm/ArrowDown2.cjs.js +1 -1
- package/dist/node_modules/iconsax-react/dist/esm/ArrowDown2.es.js +0 -1
- package/dist/node_modules/iconsax-react/dist/esm/_rollupPluginBabelHelpers-3bc641ae.cjs.js +1 -1
- package/dist/node_modules/iconsax-react/dist/esm/_rollupPluginBabelHelpers-3bc641ae.es.js +12 -13
- package/dist/node_modules/object-assign/index.cjs.js +1 -1
- package/dist/node_modules/object-assign/index.es.js +7 -8
- package/dist/node_modules/prop-types/checkPropTypes.cjs.js +1 -1
- package/dist/node_modules/prop-types/checkPropTypes.es.js +12 -13
- package/dist/node_modules/prop-types/factoryWithThrowingShims.cjs.js +1 -1
- package/dist/node_modules/prop-types/factoryWithThrowingShims.es.js +6 -7
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.cjs.js +1 -1
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.es.js +1 -2
- package/dist/node_modules/prop-types/index.cjs.js +1 -1
- package/dist/node_modules/prop-types/index.es.js +3 -4
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.cjs.js +1 -1
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.es.js +0 -1
- package/dist/node_modules/prop-types/lib/has.cjs.js +1 -1
- package/dist/node_modules/prop-types/lib/has.es.js +2 -3
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.cjs.js +2 -2
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.development.es.js +0 -1
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.cjs.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.es.js +0 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.cjs.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.es.js +3 -4
- package/dist/node_modules/react-animate-height/dist/esm/index.cjs.js +1 -1
- package/dist/node_modules/react-animate-height/dist/esm/index.es.js +0 -1
- package/dist/node_modules/react-transition-group/esm/Transition.cjs.js +1 -1
- package/dist/node_modules/react-transition-group/esm/Transition.es.js +0 -1
- package/dist/node_modules/react-transition-group/esm/TransitionGroupContext.cjs.js +1 -1
- package/dist/node_modules/react-transition-group/esm/TransitionGroupContext.es.js +2 -3
- package/dist/node_modules/react-transition-group/esm/config.cjs.js +1 -1
- package/dist/node_modules/react-transition-group/esm/config.es.js +2 -3
- package/dist/node_modules/react-transition-group/esm/utils/PropTypes.cjs.js +1 -1
- package/dist/node_modules/react-transition-group/esm/utils/PropTypes.es.js +2 -3
- package/dist/node_modules/react-transition-group/esm/utils/reflow.cjs.js +1 -1
- package/dist/node_modules/react-transition-group/esm/utils/reflow.es.js +3 -4
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.cjs.js +1 -1
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.es.js +0 -1
- package/dist/providers/ThemeProvider.d.ts +33 -1
- package/dist/providers/ThemeProvider.d.ts.map +1 -1
- package/dist/providers/index.cjs.js +1 -1
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/providers/index.es.js +3 -2
- package/dist/stores/portalElement.cjs.js +1 -1
- package/dist/stores/portalElement.d.ts.map +1 -1
- package/dist/stores/portalElement.es.js +13 -10
- package/dist/style.css +1 -0
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +7 -3
- package/dist/reaxify.css +0 -1
|
@@ -1,48 +1,50 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import C from "../../
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
2
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo as f } from "react";
|
|
4
|
+
import { twMerge as C } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
5
|
+
import k from "../../hooks/useClasses.es.js";
|
|
6
|
+
import s from "../../helpers/cn.es.js";
|
|
7
|
+
import { asComponent as v } from "../../helpers/createPolymorphicComponent.es.js";
|
|
8
|
+
function S({
|
|
8
9
|
as: c,
|
|
9
10
|
direction: t = "row",
|
|
10
|
-
wrap:
|
|
11
|
+
wrap: r = !1,
|
|
11
12
|
reverse: e = !1,
|
|
12
|
-
className:
|
|
13
|
-
children:
|
|
14
|
-
...
|
|
13
|
+
className: l,
|
|
14
|
+
children: a,
|
|
15
|
+
...u
|
|
15
16
|
}) {
|
|
16
|
-
const
|
|
17
|
-
var i,
|
|
17
|
+
const o = k((n) => n.stack), p = f(() => {
|
|
18
|
+
var i, m;
|
|
18
19
|
return {
|
|
19
|
-
row:
|
|
20
|
-
"
|
|
20
|
+
row: s(
|
|
21
|
+
"[&>*:not([class*='min-w-'])]:min-w-0",
|
|
21
22
|
e ? "flex-row-reverse" : "flex-row",
|
|
22
|
-
(i =
|
|
23
|
+
(i = o == null ? void 0 : o.directions) == null ? void 0 : i.row
|
|
23
24
|
),
|
|
24
|
-
column:
|
|
25
|
-
"
|
|
25
|
+
column: s(
|
|
26
|
+
"[&>*:not([class*='min-h-'])]:min-h-0",
|
|
26
27
|
e ? "flex-col-reverse" : "flex-col",
|
|
27
|
-
(
|
|
28
|
+
(m = o == null ? void 0 : o.directions) == null ? void 0 : m.column
|
|
28
29
|
)
|
|
29
30
|
}[t];
|
|
30
|
-
}, [t, e,
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
31
|
+
}, [t, e, o == null ? void 0 : o.directions]), w = f(() => r === "reverse" ? "flex-wrap-reverse" : r ? "flex-wrap" : null, [r]), x = v(c, "div");
|
|
32
|
+
return /* @__PURE__ */ d(
|
|
33
|
+
x,
|
|
33
34
|
{
|
|
34
|
-
|
|
35
|
+
"data-name": "stack",
|
|
36
|
+
className: C(
|
|
35
37
|
"flex",
|
|
36
|
-
|
|
38
|
+
o == null ? void 0 : o.base,
|
|
39
|
+
p,
|
|
37
40
|
w,
|
|
38
|
-
|
|
39
|
-
u
|
|
41
|
+
l
|
|
40
42
|
),
|
|
41
|
-
...
|
|
42
|
-
children:
|
|
43
|
+
...u,
|
|
44
|
+
children: a
|
|
43
45
|
}
|
|
44
46
|
);
|
|
45
47
|
}
|
|
46
48
|
export {
|
|
47
|
-
|
|
49
|
+
S as default
|
|
48
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const s=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";const s=require("react/jsx-runtime"),i=require("react"),y=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js");function p({checked:r,onChange:n,disabled:b,color:a="primary",size:o="md",inputProps:t={},className:d,...c}){const u=i.useMemo(()=>"",[r]),m=i.useMemo(()=>{const e={primary:r?"bg-primary border-primary":"bg-white border-border",secondary:r?"bg-secondary border-secondary":"bg-white border-border",success:r?"bg-success border-success":"bg-white border-border",info:r?"bg-info border-info":"bg-white border-border",warning:r?"bg-warning border-warning":"bg-white border-border",danger:r?"bg-danger border-danger":"bg-white border-border",dark:r?"bg-dark border-dark":"bg-white border-border",light:r?"bg-light border-light":"bg-white border-border"};return e==null?void 0:e[a]},[a,r]),w=i.useMemo(()=>{const e={primary:r?"bg-primary ":"bg-black",secondary:r?"bg-secondary":"bg-black",success:r?"bg-success":"bg-black",info:r?"bg-info":"bg-black",warning:r?"bg-warning":"bg-black",danger:r?"bg-danger":"bg-black",dark:r?"bg-dark":"bg-black",light:r?"bg-light":"bg-black"};return e==null?void 0:e[a]},[a,r]),h=i.useMemo(()=>{const e={sm:"[--size:0.25rem]",md:"[--size:0.5rem]",lg:"[--size:0.75rem]"};return e==null?void 0:e[o]},[o]),f=e=>{var l;n==null||n(e.currentTarget.checked),(l=t.onChange)==null||l.call(t,e)};return s.jsxs("span",{"data-name":"switch",className:y.twMerge(h,"[--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",u,d),...c,children:[s.jsx("input",{...t,type:"checkbox",role:"switch","aria-checked":r,"data-name":"switch-input",className:"peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-2",checked:r,disabled:b,onChange:f}),s.jsxs("span",{className:"inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-1",children:[s.jsx("span",{className:"absolute size-full inset-0 bg-black/10 rounded-full scale-(--scale) transition-[scale]"}),s.jsx("span",{className:g("absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",m)})]}),s.jsx("span",{className:g("size-full rounded-full opacity-35 transition-colors",w)})]})}module.exports=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAe,QAAQ,EAAW,MAAM,OAAO,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,uBAAuB,CAClC,OAAO,EACP;QACE,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,MAAM,CAAC,EAAE,KAAK,CAAC;QACf,SAAS,CAAC,EAAE,KAAK,CAAC;QAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;KAClB,CACF,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAiB,EACjB,IAAW,EACX,UAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAe,QAAQ,EAAW,MAAM,OAAO,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,uBAAuB,CAClC,OAAO,EACP;QACE,IAAI,CAAC,EAAE,KAAK,CAAC;QACb,MAAM,CAAC,EAAE,KAAK,CAAC;QACf,SAAS,CAAC,EAAE,KAAK,CAAC;QAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAChB,QAAQ,CAAC,EAAE,KAAK,CAAC;KAClB,CACF,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAiB,EACjB,IAAW,EACX,UAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAsFxC"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as g, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import d from "../../helpers/cn.es.js";
|
|
4
3
|
import { useMemo as i } from "react";
|
|
5
4
|
import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
5
|
+
import d from "../../helpers/cn.es.js";
|
|
6
6
|
function C({
|
|
7
7
|
checked: r,
|
|
8
8
|
onChange: b,
|
|
9
|
-
disabled:
|
|
9
|
+
disabled: n,
|
|
10
10
|
color: a = "primary",
|
|
11
|
-
size:
|
|
11
|
+
size: o = "md",
|
|
12
12
|
inputProps: s = {},
|
|
13
13
|
className: m,
|
|
14
14
|
...c
|
|
15
15
|
}) {
|
|
16
|
-
const u = i(() => "", [r]),
|
|
16
|
+
const u = i(() => "", [r]), w = i(() => {
|
|
17
17
|
const e = {
|
|
18
18
|
primary: r ? "bg-primary border-primary" : "bg-white border-border",
|
|
19
19
|
secondary: r ? "bg-secondary border-secondary" : "bg-white border-border",
|
|
@@ -25,7 +25,7 @@ function C({
|
|
|
25
25
|
light: r ? "bg-light border-light" : "bg-white border-border"
|
|
26
26
|
};
|
|
27
27
|
return e == null ? void 0 : e[a];
|
|
28
|
-
}, [a, r]),
|
|
28
|
+
}, [a, r]), f = i(() => {
|
|
29
29
|
const e = {
|
|
30
30
|
primary: r ? "bg-primary " : "bg-black",
|
|
31
31
|
secondary: r ? "bg-secondary" : "bg-black",
|
|
@@ -43,19 +43,20 @@ function C({
|
|
|
43
43
|
md: "[--size:0.5rem]",
|
|
44
44
|
lg: "[--size:0.75rem]"
|
|
45
45
|
};
|
|
46
|
-
return e == null ? void 0 : e[
|
|
47
|
-
}, [
|
|
46
|
+
return e == null ? void 0 : e[o];
|
|
47
|
+
}, [o]), y = (e) => {
|
|
48
48
|
var l;
|
|
49
49
|
b == null || b(e.currentTarget.checked), (l = s.onChange) == null || l.call(s, e);
|
|
50
50
|
};
|
|
51
51
|
return /* @__PURE__ */ g(
|
|
52
52
|
"span",
|
|
53
53
|
{
|
|
54
|
+
"data-name": "switch",
|
|
54
55
|
className: p(
|
|
55
56
|
h,
|
|
56
57
|
"[--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]",
|
|
57
58
|
"inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",
|
|
58
|
-
|
|
59
|
+
n && "opacity-75",
|
|
59
60
|
u,
|
|
60
61
|
m
|
|
61
62
|
),
|
|
@@ -66,20 +67,23 @@ function C({
|
|
|
66
67
|
{
|
|
67
68
|
...s,
|
|
68
69
|
type: "checkbox",
|
|
69
|
-
|
|
70
|
+
role: "switch",
|
|
71
|
+
"aria-checked": r,
|
|
72
|
+
"data-name": "switch-input",
|
|
73
|
+
className: "peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-2",
|
|
70
74
|
checked: r,
|
|
71
|
-
disabled:
|
|
75
|
+
disabled: n,
|
|
72
76
|
onChange: y
|
|
73
77
|
}
|
|
74
78
|
),
|
|
75
|
-
/* @__PURE__ */ g("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-
|
|
79
|
+
/* @__PURE__ */ g("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-1", children: [
|
|
76
80
|
/* @__PURE__ */ t("span", { className: "absolute size-full inset-0 bg-black/10 rounded-full scale-(--scale) transition-[scale]" }),
|
|
77
81
|
/* @__PURE__ */ t(
|
|
78
82
|
"span",
|
|
79
83
|
{
|
|
80
84
|
className: d(
|
|
81
85
|
"absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",
|
|
82
|
-
|
|
86
|
+
w
|
|
83
87
|
)
|
|
84
88
|
}
|
|
85
89
|
)
|
|
@@ -89,7 +93,7 @@ function C({
|
|
|
89
93
|
{
|
|
90
94
|
className: d(
|
|
91
95
|
"size-full rounded-full opacity-35 transition-colors",
|
|
92
|
-
|
|
96
|
+
f
|
|
93
97
|
)
|
|
94
98
|
}
|
|
95
99
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const
|
|
1
|
+
"use client";"use strict";const l=require("react/jsx-runtime"),T=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),u=require("react"),b=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),z=require("../../helpers/createPolymorphicComponent.cjs.js"),M=u.createContext({striped:!1,bordered:!1,hover:!1,disabled:!1}),D=u.createContext(!1);function B({as:t,className:r,children:n,...o}){const a=x(s=>s.table.container.base),i=z.asComponent(t,"div");return l.jsx(i,{"data-name":"table-container",className:b.twMerge("w-full overflow-auto",a,r),...o,children:n})}function c({striped:t=!1,bordered:r=!1,hover:n=!1,disabled:o=!1,className:a,children:i,...s}){const v=x(e=>e.table.base);return l.jsx("table",{"data-name":"table",className:b.twMerge("min-w-full border-collapse border-spacing-0",v,a),...s,children:l.jsx(M.Provider,{value:{bordered:r,hover:n,striped:t,disabled:o},children:i})})}function P({sticky:t=!1,className:r,children:n,...o}){const a=x(i=>i.table.header);return l.jsx("thead",{"data-name":"table-header",className:b.twMerge(a==null?void 0:a.base,t&&"sticky top-0 left-0 right-0 z-2",t&&(a==null?void 0:a.sticky),r),...o,children:l.jsx(D.Provider,{value:!0,children:n})})}function E({className:t,children:r,...n}){const o=x(a=>a.table.body.base);return l.jsx("tbody",{"data-name":"table-body",className:b.twMerge(o,t),...n,children:r})}function S({hover:t,active:r=!1,disabled:n,className:o,children:a,tabIndex:i,onClick:s,...v}){const e=x(g=>g.table.row),{bordered:h,hover:N,striped:y,disabled:q}=u.useContext(M),f=u.useContext(D),w=u.useRef(null),d=n??q,m=(t??N)&&!f&&!d,p=r&&!f&&!d,C=!!h,R=h==="dashed",k=h==="solid",j=m&&!!s,H=u.useCallback(g=>{d||!s||s(g)},[d,s]);return T.useHotkey("Enter",H,{target:w,enabled:j,preventDefault:!0}),T.useHotkey("Space",H,{target:w,enabled:j,preventDefault:!0}),l.jsx("tr",{ref:w,"data-name":"table-row",tabIndex:i??(m?0:void 0),"aria-disabled":d||void 0,"aria-current":p?"true":void 0,className:b.twMerge("bg-white",e==null?void 0:e.base,C&&"border-b border-solid border-border",R&&"border-dashed",k&&"border-solid",C&&(e==null?void 0:e.bordered),m&&"cursor-pointer transition-colors hover:bg-gray-200 [user-select:none]",m&&(e==null?void 0:e.hover),y&&!f&&"even:bg-gray-100",y&&!f&&(e==null?void 0:e.striped),p&&"bg-primary/10 text-primary",y&&!f&&p&&"even:bg-primary/10 even:text-primary",p&&(e==null?void 0:e.active),d&&"opacity-75 cursor-not-allowed pointer-events-none select-none",d&&(e==null?void 0:e.disabled),o),onClick:d?void 0:s,...v,children:a})}function A({sticky:t=!1,className:r,children:n,...o}){return l.jsx("th",{"data-name":"table-header-cell",className:b.twMerge("font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",t&&"bg-inherit sticky inset-e-0 z-1",r),...o,children:n})}function I({sticky:t=!1,className:r,children:n,...o}){return l.jsx("td",{"data-name":"table-data-cell",className:b.twMerge("font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",t&&"bg-inherit sticky inset-e-0 z-1",r),...o,children:n})}c.Container=B;c.Header=P;c.Body=E;c.Row=S;c.HeaderCell=A;c.DataCell=I;module.exports=c;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ComponentPropsWithAs } from '../../types';
|
|
2
|
+
import { ComponentProps, ElementType } from 'react';
|
|
2
3
|
type Bordered = boolean | "dashed" | "solid";
|
|
3
|
-
type TableContainerProps = ComponentProps<"div">;
|
|
4
4
|
type BaseTableProps = {
|
|
5
5
|
striped?: boolean;
|
|
6
6
|
bordered?: Bordered;
|
|
7
7
|
hover?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
8
9
|
};
|
|
9
10
|
type TableProps = BaseTableProps & Omit<ComponentProps<"table">, keyof BaseTableProps>;
|
|
10
11
|
type BaseTableHeaderProps = {
|
|
@@ -12,7 +13,12 @@ type BaseTableHeaderProps = {
|
|
|
12
13
|
};
|
|
13
14
|
type TableHeaderProps = BaseTableHeaderProps & Omit<ComponentProps<"thead">, keyof BaseTableHeaderProps>;
|
|
14
15
|
type TableBodyProps = ComponentProps<"tbody">;
|
|
15
|
-
type
|
|
16
|
+
type TableRowStateProps = {
|
|
17
|
+
hover?: boolean;
|
|
18
|
+
active?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
};
|
|
21
|
+
type TableRowProps = TableRowStateProps & Omit<ComponentProps<"tr">, keyof TableRowStateProps>;
|
|
16
22
|
type BaseTableHeaderCellProps = {
|
|
17
23
|
sticky?: boolean;
|
|
18
24
|
};
|
|
@@ -21,8 +27,8 @@ type BaseTableDataCellProps = {
|
|
|
21
27
|
sticky?: boolean;
|
|
22
28
|
};
|
|
23
29
|
type TableDataCellProps = BaseTableDataCellProps & Omit<ComponentProps<"td">, keyof BaseTableDataCellProps>;
|
|
24
|
-
declare function TableContainer({ className, children, ...props }:
|
|
25
|
-
declare function Table({ striped, bordered, hover, className, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function TableContainer<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function Table({ striped, bordered, hover, disabled, className, children, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
26
32
|
declare namespace Table {
|
|
27
33
|
var Container: typeof TableContainer;
|
|
28
34
|
var Header: typeof TableHeader;
|
|
@@ -33,7 +39,7 @@ declare namespace Table {
|
|
|
33
39
|
}
|
|
34
40
|
declare function TableHeader({ sticky, className, children, ...props }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
35
41
|
declare function TableBody({ className, children, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
-
declare function TableRow({ className, children, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare function TableRow({ hover, active, disabled, className, children, tabIndex, onClick, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
37
43
|
declare function TableHeaderCell({ sticky, className, children, ...props }: TableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
|
|
38
44
|
declare function TableDataCell({ sticky, className, children, ...props }: TableDataCellProps): import("react/jsx-runtime").JSX.Element;
|
|
39
45
|
export default Table;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AAGf,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAO7C,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,UAAU,GAAG,cAAc,GAC9B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AACtD,KAAK,oBAAoB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACjD,KAAK,gBAAgB,GAAG,oBAAoB,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAC5D,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAC9C,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,aAAa,GAAG,kBAAkB,GACrC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC;AACvD,KAAK,wBAAwB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACrD,KAAK,oBAAoB,GAAG,wBAAwB,GAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAC7D,KAAK,sBAAsB,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AACnD,KAAK,kBAAkB,GAAG,sBAAsB,GAC9C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAU3D,iBAAS,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACrD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;AACD,iBAAS,KAAK,CAAC,EACb,OAAe,EACf,QAAgB,EAChB,KAAa,EACb,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAiBZ;kBAzBQ,KAAK;;;;;;;;AA0Bd,iBAAS,WAAW,CAAC,EACnB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAkBlB;AACD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAWnE;AACD,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,MAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Ef;AACD,iBAAS,eAAe,CAAC,EACvB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CActB;AACD,iBAAS,aAAa,CAAC,EACrB,MAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAcpB;AASD,eAAe,KAAK,CAAC"}
|
|
@@ -1,142 +1,198 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import { createContext as
|
|
5
|
-
import { twMerge as
|
|
6
|
-
|
|
2
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import { useHotkey as T } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
|
|
4
|
+
import { createContext as N, useContext as D, useRef as S, useCallback as j } from "react";
|
|
5
|
+
import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
6
|
+
import u from "../../hooks/useClasses.es.js";
|
|
7
|
+
import { asComponent as A } from "../../helpers/createPolymorphicComponent.es.js";
|
|
8
|
+
const R = N({
|
|
7
9
|
striped: !1,
|
|
8
10
|
bordered: !1,
|
|
9
|
-
hover: !1
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
hover: !1,
|
|
12
|
+
disabled: !1
|
|
13
|
+
}), k = N(!1);
|
|
14
|
+
function I({
|
|
15
|
+
as: t,
|
|
12
16
|
className: r,
|
|
13
17
|
children: o,
|
|
14
|
-
...
|
|
18
|
+
...n
|
|
15
19
|
}) {
|
|
16
|
-
const
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
|
|
20
|
+
const a = u((l) => l.table.container.base), s = A(t, "div");
|
|
21
|
+
return /* @__PURE__ */ d(
|
|
22
|
+
s,
|
|
19
23
|
{
|
|
20
|
-
|
|
21
|
-
|
|
24
|
+
"data-name": "table-container",
|
|
25
|
+
className: b("w-full overflow-auto", a, r),
|
|
26
|
+
...n,
|
|
22
27
|
children: o
|
|
23
28
|
}
|
|
24
29
|
);
|
|
25
30
|
}
|
|
26
|
-
function
|
|
27
|
-
striped:
|
|
28
|
-
bordered:
|
|
29
|
-
hover:
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
function c({
|
|
32
|
+
striped: t = !1,
|
|
33
|
+
bordered: r = !1,
|
|
34
|
+
hover: o = !1,
|
|
35
|
+
disabled: n = !1,
|
|
36
|
+
className: a,
|
|
37
|
+
children: s,
|
|
32
38
|
...l
|
|
33
39
|
}) {
|
|
34
|
-
const
|
|
35
|
-
return /* @__PURE__ */
|
|
40
|
+
const v = u((e) => e.table.base);
|
|
41
|
+
return /* @__PURE__ */ d(
|
|
36
42
|
"table",
|
|
37
43
|
{
|
|
38
|
-
|
|
44
|
+
"data-name": "table",
|
|
45
|
+
className: b(
|
|
39
46
|
"min-w-full border-collapse border-spacing-0",
|
|
40
|
-
|
|
41
|
-
|
|
47
|
+
v,
|
|
48
|
+
a
|
|
42
49
|
),
|
|
43
50
|
...l,
|
|
44
|
-
children: /* @__PURE__ */
|
|
51
|
+
children: /* @__PURE__ */ d(R.Provider, { value: { bordered: r, hover: o, striped: t, disabled: n }, children: s })
|
|
45
52
|
}
|
|
46
53
|
);
|
|
47
54
|
}
|
|
48
|
-
function
|
|
49
|
-
sticky:
|
|
50
|
-
className:
|
|
51
|
-
children:
|
|
52
|
-
...
|
|
55
|
+
function M({
|
|
56
|
+
sticky: t = !1,
|
|
57
|
+
className: r,
|
|
58
|
+
children: o,
|
|
59
|
+
...n
|
|
53
60
|
}) {
|
|
54
|
-
const
|
|
55
|
-
return /* @__PURE__ */
|
|
61
|
+
const a = u((s) => s.table.header);
|
|
62
|
+
return /* @__PURE__ */ d(
|
|
56
63
|
"thead",
|
|
57
64
|
{
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
65
|
+
"data-name": "table-header",
|
|
66
|
+
className: b(
|
|
67
|
+
a == null ? void 0 : a.base,
|
|
68
|
+
t && "sticky top-0 left-0 right-0 z-2",
|
|
69
|
+
t && (a == null ? void 0 : a.sticky),
|
|
70
|
+
r
|
|
63
71
|
),
|
|
64
|
-
...
|
|
65
|
-
children:
|
|
72
|
+
...n,
|
|
73
|
+
children: /* @__PURE__ */ d(k.Provider, { value: !0, children: o })
|
|
66
74
|
}
|
|
67
75
|
);
|
|
68
76
|
}
|
|
69
|
-
function
|
|
70
|
-
const
|
|
71
|
-
return /* @__PURE__ */
|
|
77
|
+
function q({ className: t, children: r, ...o }) {
|
|
78
|
+
const n = u((a) => a.table.body.base);
|
|
79
|
+
return /* @__PURE__ */ d(
|
|
80
|
+
"tbody",
|
|
81
|
+
{
|
|
82
|
+
"data-name": "table-body",
|
|
83
|
+
className: b(n, t),
|
|
84
|
+
...o,
|
|
85
|
+
children: r
|
|
86
|
+
}
|
|
87
|
+
);
|
|
72
88
|
}
|
|
73
|
-
function
|
|
74
|
-
|
|
75
|
-
|
|
89
|
+
function F({
|
|
90
|
+
hover: t,
|
|
91
|
+
active: r = !1,
|
|
92
|
+
disabled: o,
|
|
93
|
+
className: n,
|
|
94
|
+
children: a,
|
|
95
|
+
tabIndex: s,
|
|
96
|
+
onClick: l,
|
|
97
|
+
...v
|
|
98
|
+
}) {
|
|
99
|
+
const e = u((w) => w.table.row), {
|
|
100
|
+
bordered: h,
|
|
101
|
+
hover: z,
|
|
102
|
+
striped: x,
|
|
103
|
+
disabled: B
|
|
104
|
+
} = D(R), f = D(k), y = S(null), i = o ?? B, m = (t ?? z) && !f && !i, p = r && !f && !i, g = !!h, E = h === "dashed", P = h === "solid", C = m && !!l, H = j(
|
|
105
|
+
(w) => {
|
|
106
|
+
i || !l || l(w);
|
|
107
|
+
},
|
|
108
|
+
[i, l]
|
|
109
|
+
);
|
|
110
|
+
return T("Enter", H, {
|
|
111
|
+
target: y,
|
|
112
|
+
enabled: C,
|
|
113
|
+
preventDefault: !0
|
|
114
|
+
}), T("Space", H, {
|
|
115
|
+
target: y,
|
|
116
|
+
enabled: C,
|
|
117
|
+
preventDefault: !0
|
|
118
|
+
}), /* @__PURE__ */ d(
|
|
76
119
|
"tr",
|
|
77
120
|
{
|
|
78
|
-
|
|
121
|
+
ref: y,
|
|
122
|
+
"data-name": "table-row",
|
|
123
|
+
tabIndex: s ?? (m ? 0 : void 0),
|
|
124
|
+
"aria-disabled": i || void 0,
|
|
125
|
+
"aria-current": p ? "true" : void 0,
|
|
126
|
+
className: b(
|
|
79
127
|
"bg-white",
|
|
80
128
|
e == null ? void 0 : e.base,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
129
|
+
g && "border-b border-solid border-border",
|
|
130
|
+
E && "border-dashed",
|
|
131
|
+
P && "border-solid",
|
|
132
|
+
g && (e == null ? void 0 : e.bordered),
|
|
133
|
+
m && "cursor-pointer transition-colors hover:bg-gray-200 [user-select:none]",
|
|
134
|
+
m && (e == null ? void 0 : e.hover),
|
|
135
|
+
x && !f && "even:bg-gray-100",
|
|
136
|
+
x && !f && (e == null ? void 0 : e.striped),
|
|
137
|
+
p && "bg-primary/10 text-primary",
|
|
138
|
+
x && !f && p && "even:bg-primary/10 even:text-primary",
|
|
139
|
+
p && (e == null ? void 0 : e.active),
|
|
140
|
+
i && "opacity-75 cursor-not-allowed pointer-events-none select-none",
|
|
141
|
+
i && (e == null ? void 0 : e.disabled),
|
|
142
|
+
n
|
|
90
143
|
),
|
|
91
|
-
|
|
92
|
-
|
|
144
|
+
onClick: i ? void 0 : l,
|
|
145
|
+
...v,
|
|
146
|
+
children: a
|
|
93
147
|
}
|
|
94
148
|
);
|
|
95
149
|
}
|
|
96
|
-
function
|
|
97
|
-
sticky:
|
|
98
|
-
className:
|
|
99
|
-
children:
|
|
100
|
-
...
|
|
150
|
+
function G({
|
|
151
|
+
sticky: t = !1,
|
|
152
|
+
className: r,
|
|
153
|
+
children: o,
|
|
154
|
+
...n
|
|
101
155
|
}) {
|
|
102
|
-
return /* @__PURE__ */
|
|
156
|
+
return /* @__PURE__ */ d(
|
|
103
157
|
"th",
|
|
104
158
|
{
|
|
105
|
-
|
|
159
|
+
"data-name": "table-header-cell",
|
|
160
|
+
className: b(
|
|
106
161
|
"font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",
|
|
107
|
-
|
|
108
|
-
|
|
162
|
+
t && "bg-inherit sticky inset-e-0 z-1",
|
|
163
|
+
r
|
|
109
164
|
),
|
|
110
|
-
...
|
|
111
|
-
children:
|
|
165
|
+
...n,
|
|
166
|
+
children: o
|
|
112
167
|
}
|
|
113
168
|
);
|
|
114
169
|
}
|
|
115
|
-
function
|
|
116
|
-
sticky:
|
|
117
|
-
className:
|
|
118
|
-
children:
|
|
119
|
-
...
|
|
170
|
+
function J({
|
|
171
|
+
sticky: t = !1,
|
|
172
|
+
className: r,
|
|
173
|
+
children: o,
|
|
174
|
+
...n
|
|
120
175
|
}) {
|
|
121
|
-
return /* @__PURE__ */
|
|
176
|
+
return /* @__PURE__ */ d(
|
|
122
177
|
"td",
|
|
123
178
|
{
|
|
124
|
-
|
|
179
|
+
"data-name": "table-data-cell",
|
|
180
|
+
className: b(
|
|
125
181
|
"font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",
|
|
126
|
-
|
|
127
|
-
|
|
182
|
+
t && "bg-inherit sticky inset-e-0 z-1",
|
|
183
|
+
r
|
|
128
184
|
),
|
|
129
|
-
...
|
|
130
|
-
children:
|
|
185
|
+
...n,
|
|
186
|
+
children: o
|
|
131
187
|
}
|
|
132
188
|
);
|
|
133
189
|
}
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
190
|
+
c.Container = I;
|
|
191
|
+
c.Header = M;
|
|
192
|
+
c.Body = q;
|
|
193
|
+
c.Row = F;
|
|
194
|
+
c.HeaderCell = G;
|
|
195
|
+
c.DataCell = J;
|
|
140
196
|
export {
|
|
141
|
-
|
|
197
|
+
c as default
|
|
142
198
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),o=require("react"),j=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),q=require("../Button/index.cjs.js"),T=require("../ButtonGroup/index.cjs.js"),g=require("../../hooks/useClasses.cjs.js"),C=require("../../helpers/cn.cjs.js"),f=o.createContext({active:null,onChange:()=>{}});function p({active:n=null,onChange:t=()=>{},children:a}){return l.jsx(f.Provider,{value:{active:n,onChange:t},children:a})}function I({className:n,...t}){const[a,u]=o.useState(!1),d=g(e=>e.tabs.indicator.base),{active:h}=o.useContext(f),x=o.useRef(null),m=o.useCallback(()=>{const e=x.current,c=e==null?void 0:e.parentElement,s=c==null?void 0:c.querySelector("button[data-active='true']");if(!c||!s||!e)return;const b=(s==null?void 0:s.offsetLeft)??0,r=window.getComputedStyle(s).paddingInline,v=(s==null?void 0:s.getBoundingClientRect().width)??0,y=b,i=v;e.style.setProperty("--left",`${y}px`),e.style.setProperty("--width",`${i}px`),e.style.setProperty("--padding-x",`${r}`)},[]);return o.useEffect(()=>{m(),requestAnimationFrame(()=>u(!0))},[m,h]),l.jsx("span",{ref:x,"data-button-group-skip":!0,"data-name":"tabs-indicator",className:j.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]":"",d,n),...t,children:l.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function P({className:n,children:t,...a}){const u=g(d=>d.tabs.buttonGroup.base);return l.jsx(T,{as:"div","data-name":"tabs-button-group",className:C("relative flex items-center",u,n),...a,children:t})}function M({eventKey:n,className:t,children:a,onClick:u,variant:d="text",color:h,size:x,loading:m,...e}){const c=g(i=>i.tabs.button.base),w=g(i=>i.tabs.button.active),{active:s,onChange:b}=o.useContext(f),r=n===s,v=o.useMemo(()=>typeof t=="function"?t({isActive:r}):t,[r,t]),y=i=>{r||b==null||b(n),u==null||u(i)};return l.jsx(q,{as:"button",type:"button","data-active":r,"data-name":"tabs-button",variant:d,color:h??(r?"primary":"dark"),size:x,loading:m,className:C("shadow-none border-none",c,r&&w,v),onClick:y,...e,children:a})}function R({eventKey:n,children:t}){const{active:a}=o.useContext(f);return a!==n?null:l.jsx(o.Fragment,{children:t})}p.Indicator=I;p.ButtonGroup=P;p.Button=M;p.Item=R;exports.TabsContext=f;exports.default=p;
|
|
@@ -34,7 +34,7 @@ declare namespace Tabs {
|
|
|
34
34
|
}
|
|
35
35
|
declare function TabIndicator({ className, ...props }: Omit<ComponentProps<"span">, "children">): import("react/jsx-runtime").JSX.Element;
|
|
36
36
|
declare function TabButtonGroup({ className, children, ...props }: ComponentPropsWithoutAs<typeof ButtonGroup<"div">, TabButtonGroupProps>): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
declare function TabButton({ eventKey, className, children, onClick, ...props }: ComponentPropsWithoutAs<typeof Button<"button">, TabButtonProps>): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function TabButton({ eventKey, className, children, onClick, variant, color, size, loading, ...props }: ComponentPropsWithoutAs<typeof Button<"button">, TabButtonProps>): import("react/jsx-runtime").JSX.Element;
|
|
38
38
|
declare function TabItem({ eventKey, children }: TabItemProps): import("react/jsx-runtime").JSX.Element | null;
|
|
39
39
|
export default Tabs;
|
|
40
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EACL,cAAc,EAEd,QAAQ,EAST,MAAM,OAAO,CAAC;AAIf,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC7B,GAAG,aAAa,CAAC;AAClB,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ,CAAC;AACF,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,aAAa,CAAC;AACzD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,iBAAS,IAAI,CAAC,EAAE,MAAa,EAAE,QAAmB,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAMxE;kBANQ,IAAI;;;;;;AAOb,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EACL,cAAc,EAEd,QAAQ,EAST,MAAM,OAAO,CAAC;AAIf,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC7B,GAAG,aAAa,CAAC;AAClB,KAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ,CAAC;AACF,KAAK,cAAc,GAAG;IACpB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AACF,KAAK,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,aAAa,CAAC;AACzD,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,0CAGtB,CAAC;AAEH,iBAAS,IAAI,CAAC,EAAE,MAAa,EAAE,QAAmB,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAMxE;kBANQ,IAAI;;;;;;AAOb,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,2CAyC1C;AACD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,2CAYzE;AACD,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAgB,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,2CAqClE;AACD,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,kDAIpD;AAOD,eAAe,IAAI,CAAC"}
|