lizaui 9.0.2 → 9.0.4
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/button/index.cjs.js +1 -1
- package/dist/button/index.es.js +1 -1
- package/dist/calendar/index.cjs.js +64 -800
- package/dist/calendar/index.cjs.js.map +1 -1
- package/dist/calendar/index.es.js +29 -765
- package/dist/calendar/index.es.js.map +1 -1
- package/dist/checkbox/index.cjs.js +1 -1
- package/dist/checkbox/index.es.js +1 -1
- package/dist/chip/index.cjs.js +9 -9
- package/dist/chip/index.cjs.js.map +1 -1
- package/dist/chip/index.es.js +2 -2
- package/dist/chunks/{button-MKhaqe0K.js → button-B0fpJrMg.js} +3 -3
- package/dist/chunks/{button-MKhaqe0K.js.map → button-B0fpJrMg.js.map} +1 -1
- package/dist/chunks/{button-BKebd9mx.js → button-d5z8H59K.js} +13 -13
- package/dist/chunks/{button-BKebd9mx.js.map → button-d5z8H59K.js.map} +1 -1
- package/dist/chunks/{checkbox-DpLEjjb9.js → checkbox-C1Sssumg.js} +3 -3
- package/dist/chunks/{checkbox-DpLEjjb9.js.map → checkbox-C1Sssumg.js.map} +1 -1
- package/dist/chunks/{checkbox-BoxBfskJ.js → checkbox-ovjcc7jF.js} +15 -15
- package/dist/chunks/{checkbox-BoxBfskJ.js.map → checkbox-ovjcc7jF.js.map} +1 -1
- package/dist/chunks/{index-BHpUy2Ix.js → index-CEKmKomA.js} +2 -2
- package/dist/chunks/{index-BHpUy2Ix.js.map → index-CEKmKomA.js.map} +1 -1
- package/dist/chunks/{index-CATvGmak.js → index-C_sOsPRt.js} +5 -5
- package/dist/chunks/{index-CATvGmak.js.map → index-C_sOsPRt.js.map} +1 -1
- package/dist/chunks/{index-CNDtGisb.js → index-DaMyCNJ8.js} +2 -2
- package/dist/chunks/{index-CNDtGisb.js.map → index-DaMyCNJ8.js.map} +1 -1
- package/dist/chunks/{label-error-DkVGsF5w.js → label-error-BTCuInp7.js} +2 -2
- package/dist/chunks/{label-error-DkVGsF5w.js.map → label-error-BTCuInp7.js.map} +1 -1
- package/dist/chunks/label-error-C8lIsfXu.js +9 -0
- package/dist/chunks/{label-error-2QXnvbxJ.js.map → label-error-C8lIsfXu.js.map} +1 -1
- package/dist/chunks/{ripple-CTAKSntE.js → ripple-Bm6QamOy.js} +4 -4
- package/dist/chunks/{ripple-CTAKSntE.js.map → ripple-Bm6QamOy.js.map} +1 -1
- package/dist/chunks/{scroll-area-CNEU8oOo.js → scroll-area-C0NhSIO2.js} +31 -31
- package/dist/chunks/{scroll-area-CNEU8oOo.js.map → scroll-area-C0NhSIO2.js.map} +1 -1
- package/dist/chunks/{scroll-area-3h3tgoqp.js → scroll-area-JgKF61tc.js} +3 -3
- package/dist/chunks/{scroll-area-3h3tgoqp.js.map → scroll-area-JgKF61tc.js.map} +1 -1
- package/dist/chunks/{select-BW-plZA9.js → select-DGnc8VJi.js} +73 -73
- package/dist/chunks/{select-BW-plZA9.js.map → select-DGnc8VJi.js.map} +1 -1
- package/dist/chunks/{select-wGmz50gN.js → select-Dpyj5dUk.js} +3 -3
- package/dist/chunks/{select-wGmz50gN.js.map → select-Dpyj5dUk.js.map} +1 -1
- package/dist/chunks/{styled-components.browser.esm-DbYXI9h_.js → styled-components.browser.esm-CPR7VH_x.js} +3 -3
- package/dist/chunks/{styled-components.browser.esm-DbYXI9h_.js.map → styled-components.browser.esm-CPR7VH_x.js.map} +1 -1
- package/dist/chunks/{textarea-CPHr2RpC.js → textarea-D2_KC-J4.js} +98 -98
- package/dist/chunks/{textarea-CPHr2RpC.js.map → textarea-D2_KC-J4.js.map} +1 -1
- package/dist/chunks/{textarea-CXQO1MMF.js → textarea-_HQpXiCX.js} +8 -8
- package/dist/chunks/{textarea-CXQO1MMF.js.map → textarea-_HQpXiCX.js.map} +1 -1
- package/dist/chunks/{tooltip-05Mv2hjx.js → tooltip-GGFk8ALK.js} +15 -15
- package/dist/chunks/{tooltip-05Mv2hjx.js.map → tooltip-GGFk8ALK.js.map} +1 -1
- package/dist/chunks/{tooltip-D3J0_sJU.js → tooltip-JwIbppjO.js} +3 -3
- package/dist/chunks/{tooltip-D3J0_sJU.js.map → tooltip-JwIbppjO.js.map} +1 -1
- package/dist/chunks/tv-B0li4IsO.js +41 -0
- package/dist/chunks/tv-B0li4IsO.js.map +1 -0
- package/dist/chunks/tv-CGbWb8zP.js +40 -0
- package/dist/chunks/tv-CGbWb8zP.js.map +1 -0
- package/dist/chunks/utils-H80jjgLf.js +9 -0
- package/dist/chunks/{utils-BnY7EXd5.js.map → utils-H80jjgLf.js.map} +1 -1
- package/dist/chunks/utils-ij3i9zTT.js +8 -0
- package/dist/chunks/{utils-nIKS3WsJ.js.map → utils-ij3i9zTT.js.map} +1 -1
- package/dist/components/calendar/date-picker/date-picker.d.ts +1 -1
- package/dist/components/calendar/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/calendar/date-picker/date-picker.style.d.ts +1 -0
- package/dist/components/calendar/date-picker/date-picker.style.d.ts.map +1 -1
- package/dist/components/calendar/date-picker/interface/date-picker.interface.d.ts +1 -0
- package/dist/components/calendar/date-picker/interface/date-picker.interface.d.ts.map +1 -1
- package/dist/divider/index.cjs.js +4 -4
- package/dist/divider/index.es.js +1 -1
- package/dist/modal/index.cjs.js +17 -17
- package/dist/modal/index.es.js +3 -3
- package/dist/pagination/index.cjs.js +29 -29
- package/dist/pagination/index.cjs.js.map +1 -1
- package/dist/pagination/index.es.js +5 -5
- package/dist/phone-input/index.cjs.js +32 -31
- package/dist/phone-input/index.cjs.js.map +1 -1
- package/dist/phone-input/index.es.js +7 -6
- package/dist/phone-input/index.es.js.map +1 -1
- package/dist/ripple/index.cjs.js +1 -1
- package/dist/select-input/index.cjs.js +39 -39
- package/dist/select-input/index.cjs.js.map +1 -1
- package/dist/select-input/index.es.js +5 -5
- package/dist/table/index.cjs.js +44 -44
- package/dist/table/index.cjs.js.map +1 -1
- package/dist/table/index.es.js +5 -5
- package/dist/time-input/index.cjs.js +53 -53
- package/dist/time-input/index.cjs.js.map +1 -1
- package/dist/time-input/index.es.js +5 -5
- package/dist/tooltip/index.cjs.js +1 -1
- package/dist/tooltip/index.es.js +1 -1
- package/dist/ui/index.cjs.js +324 -324
- package/dist/ui/index.es.js +10 -10
- package/package.json +8 -2
- package/dist/chunks/bundle-mjs-BWLS65yY.js +0 -3003
- package/dist/chunks/bundle-mjs-BWLS65yY.js.map +0 -1
- package/dist/chunks/bundle-mjs-DB1IOBLD.js +0 -3004
- package/dist/chunks/bundle-mjs-DB1IOBLD.js.map +0 -1
- package/dist/chunks/clsx-CBkIpawf.js +0 -16
- package/dist/chunks/clsx-CBkIpawf.js.map +0 -1
- package/dist/chunks/clsx-DgYk2OaC.js +0 -17
- package/dist/chunks/clsx-DgYk2OaC.js.map +0 -1
- package/dist/chunks/label-error-2QXnvbxJ.js +0 -9
- package/dist/chunks/tv-C-wpiWwh.js +0 -274
- package/dist/chunks/tv-C-wpiWwh.js.map +0 -1
- package/dist/chunks/tv-C4gJMNo3.js +0 -275
- package/dist/chunks/tv-C4gJMNo3.js.map +0 -1
- package/dist/chunks/utils-BnY7EXd5.js +0 -9
- package/dist/chunks/utils-nIKS3WsJ.js +0 -8
- package/dist/chunks/v4-BQ42ZlDJ.js +0 -39
- package/dist/chunks/v4-BQ42ZlDJ.js.map +0 -1
- package/dist/chunks/v4-C3omdoBX.js +0 -40
- package/dist/chunks/v4-C3omdoBX.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const checkbox = require("../chunks/checkbox-
|
|
3
|
+
const checkbox = require("../chunks/checkbox-ovjcc7jF.js");
|
|
4
4
|
exports.Checkbox = checkbox.Checkbox;
|
|
5
5
|
exports.CheckboxIcon = checkbox.CheckboxIcon;
|
|
6
6
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/chip/index.cjs.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const clsx = require("
|
|
4
|
-
const tv = require("../chunks/tv-
|
|
3
|
+
const clsx = require("clsx");
|
|
4
|
+
const tv = require("../chunks/tv-CGbWb8zP.js");
|
|
5
5
|
const variants = require("../chunks/variants-BW2bI62Y.js");
|
|
6
6
|
const classes = require("../chunks/classes-ClWJw1OF.js");
|
|
7
|
-
const
|
|
7
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
8
8
|
const React = require("react");
|
|
9
9
|
function _interopNamespaceDefault(e) {
|
|
10
10
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -505,7 +505,7 @@ function useChip(props) {
|
|
|
505
505
|
hasEndContent: !!endContent || !!isCloseable
|
|
506
506
|
});
|
|
507
507
|
const getChipProps = () => ({
|
|
508
|
-
className: slots.base({ class: clsx
|
|
508
|
+
className: slots.base({ class: clsx(classNames?.base, className) }),
|
|
509
509
|
...restProps
|
|
510
510
|
});
|
|
511
511
|
const getCloseButtonProps = () => ({
|
|
@@ -531,7 +531,7 @@ function useChip(props) {
|
|
|
531
531
|
getCloseButtonProps
|
|
532
532
|
};
|
|
533
533
|
}
|
|
534
|
-
const CloseFilledIcon = (props) => /* @__PURE__ */
|
|
534
|
+
const CloseFilledIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
535
535
|
"path",
|
|
536
536
|
{
|
|
537
537
|
d: "M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",
|
|
@@ -545,19 +545,19 @@ const Chip = React__namespace.forwardRef((props, ref) => {
|
|
|
545
545
|
});
|
|
546
546
|
const start = React__namespace.useMemo(() => {
|
|
547
547
|
if (isDot && !startContent) {
|
|
548
|
-
return /* @__PURE__ */
|
|
548
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.dot({ class: classNames?.dot }) });
|
|
549
549
|
}
|
|
550
550
|
return startContent;
|
|
551
551
|
}, [isDot, startContent, slots, classNames]);
|
|
552
552
|
const end = React__namespace.useMemo(() => {
|
|
553
553
|
if (isCloseable) {
|
|
554
|
-
return /* @__PURE__ */
|
|
554
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { ...getCloseButtonProps(), children: endContent ?? /* @__PURE__ */ jsxRuntime.jsx(CloseFilledIcon, {}) });
|
|
555
555
|
}
|
|
556
556
|
return endContent;
|
|
557
557
|
}, [isCloseable, endContent, getCloseButtonProps]);
|
|
558
|
-
return /* @__PURE__ */
|
|
558
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Component, { ...getChipProps(), children: [
|
|
559
559
|
start,
|
|
560
|
-
/* @__PURE__ */
|
|
560
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.content({ class: classNames?.content }), children }),
|
|
561
561
|
end
|
|
562
562
|
] });
|
|
563
563
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../src/theme/color/chip.ts","../../src/components/chip/use-chip.ts","../../src/components/icons/close-filled.tsx","../../src/components/chip/chip.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport { colorVariants, ringClasses } from \"@/theme\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nconst chip = tv({\n\tslots: {\n\t\tbase: [\"relative\", \"max-w-fit\", \"min-w-min\", \"inline-flex\", \"items-center\", \"justify-between\", \"box-border\", \"whitespace-nowrap\", \"font-normal\"],\n\t\tcontent: \"flex-1 text-inherit\",\n\t\tdot: [\"w-2\", \"h-2\", \"ml-1\", \"rounded-full\"],\n\t\tavatar: \"flex-shrink-0\",\n\t\tcloseButton: [\n\t\t\t\"z-10\",\n\t\t\t\"appearance-none\",\n\t\t\t\"outline-none\",\n\t\t\t\"select-none\",\n\t\t\t\"transition-opacity\",\n\t\t\t\"opacity-70\",\n\t\t\t\"hover:opacity-100\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"active:opacity-disabled\",\n\t\t\t\"tap-highlight-transparent\",\n\t\t],\n\t},\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: {},\n\t\t\tbordered: {\n\t\t\t\tbase: \"border-[2px] bg-transparent\",\n\t\t\t},\n\t\t\tlight: {\n\t\t\t\tbase: \"bg-transparent\",\n\t\t\t},\n\t\t\tflat: {},\n\t\t\tfaded: {\n\t\t\t\tbase: \"border-[2px]\",\n\t\t\t},\n\t\t\tshadow: {},\n\t\t\tdot: {\n\t\t\t\tbase: \"border-[2px] border-default text-foreground bg-transparent\",\n\t\t\t},\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\tdot: \"bg-default-400\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\tdot: \"bg-primary\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tdot: \"bg-secondary\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tdot: \"bg-success\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\tdot: \"bg-warning\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\tdot: \"bg-danger\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\tbase: \"px-1 h-6 text-sm\",\n\t\t\t\tcontent: \"px-1\",\n\t\t\t\tcloseButton: \"text-sm\",\n\t\t\t\tavatar: \"w-4 h-4\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"px-1 h-7 text-sm\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t\tcloseButton: \"text-lg\",\n\t\t\t\tavatar: \"w-5 h-5\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"px-2 h-8 text-md\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t\tcloseButton: \"text-xl\",\n\t\t\t\tavatar: \"w-6 h-6\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\tbase: \"rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\tbase: \"rounded-sm\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"rounded-md\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"rounded-lg\",\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\tbase: \"rounded-full\",\n\t\t\t},\n\t\t},\n\t\tisOneChar: {\n\t\t\ttrue: {},\n\t\t\tfalse: {},\n\t\t},\n\t\tisCloseable: {\n\t\t\ttrue: {},\n\t\t\tfalse: {},\n\t\t},\n\t\thasStartContent: {\n\t\t\ttrue: {},\n\t\t},\n\t\thasEndContent: {\n\t\t\ttrue: {},\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: { base: \"opacity-disabled pointer-events-none\" },\n\t\t},\n\t\tisCloseButtonFocusVisible: {\n\t\t\ttrue: {\n\t\t\t\tcloseButton: [...ringClasses, \"ring-1\", \"rounded-full\"],\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tsize: \"md\",\n\t\tradius: \"full\",\n\t\tisDisabled: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.danger,\n\t\t\t},\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.danger,\n\t\t\t},\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.danger,\n\t\t\t},\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.danger,\n\t\t\t},\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.danger,\n\t\t\t},\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.danger,\n\t\t\t},\n\t\t},\n\t\t// isOneChar / size\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-5 h-5 min-w-5 min-h-5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"md\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-6 h-6 min-w-6 min-h-6\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"lg\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-7 h-7 min-w-7 min-h-7\",\n\t\t\t},\n\t\t},\n\t\t// isOneChar / isCloseable\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tisCloseable: false,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tclass: {\n\t\t\t\tbase: \"px-0 justify-center\",\n\t\t\t\tcontent: \"px-0 flex-none\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tisCloseable: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tclass: {\n\t\t\t\tbase: \"w-auto\",\n\t\t\t},\n\t\t},\n\t\t// isOneChar / dot\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tvariant: \"dot\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-auto h-7 px-1 items-center\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t},\n\t\t},\n\t\t// hasStartContent / size\n\t\t{\n\t\t\thasStartContent: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tcontent: \"pl-0.5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\thasStartContent: true,\n\t\t\tsize: [\"md\", \"lg\"],\n\t\t\tclass: {\n\t\t\t\tcontent: \"pl-1\",\n\t\t\t},\n\t\t},\n\t\t// hasEndContent / size\n\t\t{\n\t\t\thasEndContent: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tcontent: \"pr-0.5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\thasEndContent: true,\n\t\t\tsize: [\"md\", \"lg\"],\n\t\t\tclass: {\n\t\t\t\tcontent: \"pr-1\",\n\t\t\t},\n\t\t},\n\t],\n});\n\nexport type ChipVariantProps = VariantProps<typeof chip>;\nexport type ChipSlots = keyof ReturnType<typeof chip>;\n\nexport { chip };\n","import type { VariantProps } from \"tailwind-variants\";\nimport clsx from \"clsx\";\nimport { chip } from \"@/theme/color/chip\";\n\nexport type UseChipProps = React.ComponentPropsWithoutRef<\"div\"> &\n\tVariantProps<typeof chip> & {\n\t\tref?: React.Ref<HTMLDivElement>;\n\t\tclassNames?: Partial<Record<keyof ReturnType<typeof chip>, string>>;\n\t\tstartContent?: React.ReactNode;\n\t\tendContent?: React.ReactNode;\n\t\tchildren?: React.ReactNode;\n\t\tisDot?: boolean;\n\t\tonClose?: () => void;\n\t};\n\nexport function useChip(props: UseChipProps) {\n\tconst { className, classNames, startContent, endContent, children, isCloseable, isOneChar, isDot, onClose, ...restProps } = props;\n\n\tconst slots = chip({\n\t\t...restProps,\n\t\tisOneChar,\n\t\tisCloseable,\n\t\thasStartContent: !!startContent,\n\t\thasEndContent: !!endContent || !!isCloseable,\n\t});\n\n\tconst getChipProps = () => ({\n\t\tclassName: slots.base({ class: clsx(classNames?.base, className) }),\n\t\t...restProps,\n\t});\n\n\tconst getCloseButtonProps = () => ({\n\t\t\"className\": slots.closeButton({ class: classNames?.closeButton }),\n\t\t\"tabIndex\": 0,\n\t\t\"role\": \"button\",\n\t\t\"aria-label\": \"Close\",\n\t\t\"onClick\": (e: React.MouseEvent<HTMLSpanElement>) => {\n\t\t\te.stopPropagation();\n\t\t\tonClose?.();\n\t\t},\n\t});\n\n\treturn {\n\t\tComponent: \"div\" as const,\n\t\tslots,\n\t\tclassNames,\n\t\tisDot,\n\t\tisCloseable,\n\t\tstartContent,\n\t\tendContent,\n\t\tchildren,\n\t\tgetChipProps,\n\t\tgetCloseButtonProps,\n\t};\n}\n","import type { IconSvgProps } from \"@/types\";\r\n\r\n\r\nexport const CloseFilledIcon = (props: IconSvgProps) => (\r\n\t<svg aria-hidden=\"true\" focusable=\"false\" height=\"1em\" role=\"presentation\" viewBox=\"0 0 24 24\" width=\"1em\" {...props}>\r\n\t\t<path\r\n\t\t\td=\"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z\"\r\n\t\t\tfill=\"currentColor\"\r\n\t\t/>\r\n\t</svg>\r\n);\r\n","import * as React from \"react\";\nimport { useChip, type UseChipProps } from \"./use-chip\";\nimport { CloseFilledIcon } from \"../icons/close-filled\";\n\nexport type ChipProps = Omit<UseChipProps, \"isOneChar\" | \"isCloseButtonFocusVisible\">;\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n\tconst { Component, children, slots, classNames, isDot, isCloseable, startContent, endContent, getCloseButtonProps, getChipProps } = useChip({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst start = React.useMemo(() => {\n\t\tif (isDot && !startContent) {\n\t\t\treturn <span className={slots.dot({ class: classNames?.dot })} />;\n\t\t}\n\t\treturn startContent;\n\t}, [isDot, startContent, slots, classNames]);\n\n\tconst end = React.useMemo(() => {\n\t\tif (isCloseable) {\n\t\t\treturn <span {...getCloseButtonProps()}>{endContent ?? <CloseFilledIcon />}</span>;\n\t\t}\n\t\treturn endContent;\n\t}, [isCloseable, endContent, getCloseButtonProps]);\n\n\treturn (\n\t\t<Component {...getChipProps()}>\n\t\t\t{start}\n\t\t\t<span className={slots.content({ class: classNames?.content })}>{children}</span>\n\t\t\t{end}\n\t\t</Component>\n\t);\n});\n\nChip.displayName = \"Custom.Chip\";\n\nexport default Chip;\n"],"names":["tv","ringClasses","colorVariants","clsx","jsx","React","jsxs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/theme/color/chip.ts","../../src/components/chip/use-chip.ts","../../src/components/icons/close-filled.tsx","../../src/components/chip/chip.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport { colorVariants, ringClasses } from \"@/theme\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nconst chip = tv({\n\tslots: {\n\t\tbase: [\"relative\", \"max-w-fit\", \"min-w-min\", \"inline-flex\", \"items-center\", \"justify-between\", \"box-border\", \"whitespace-nowrap\", \"font-normal\"],\n\t\tcontent: \"flex-1 text-inherit\",\n\t\tdot: [\"w-2\", \"h-2\", \"ml-1\", \"rounded-full\"],\n\t\tavatar: \"flex-shrink-0\",\n\t\tcloseButton: [\n\t\t\t\"z-10\",\n\t\t\t\"appearance-none\",\n\t\t\t\"outline-none\",\n\t\t\t\"select-none\",\n\t\t\t\"transition-opacity\",\n\t\t\t\"opacity-70\",\n\t\t\t\"hover:opacity-100\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"active:opacity-disabled\",\n\t\t\t\"tap-highlight-transparent\",\n\t\t],\n\t},\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: {},\n\t\t\tbordered: {\n\t\t\t\tbase: \"border-[2px] bg-transparent\",\n\t\t\t},\n\t\t\tlight: {\n\t\t\t\tbase: \"bg-transparent\",\n\t\t\t},\n\t\t\tflat: {},\n\t\t\tfaded: {\n\t\t\t\tbase: \"border-[2px]\",\n\t\t\t},\n\t\t\tshadow: {},\n\t\t\tdot: {\n\t\t\t\tbase: \"border-[2px] border-default text-foreground bg-transparent\",\n\t\t\t},\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\tdot: \"bg-default-400\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\tdot: \"bg-primary\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tdot: \"bg-secondary\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tdot: \"bg-success\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\tdot: \"bg-warning\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\tdot: \"bg-danger\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\tbase: \"px-1 h-6 text-sm\",\n\t\t\t\tcontent: \"px-1\",\n\t\t\t\tcloseButton: \"text-sm\",\n\t\t\t\tavatar: \"w-4 h-4\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"px-1 h-7 text-sm\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t\tcloseButton: \"text-lg\",\n\t\t\t\tavatar: \"w-5 h-5\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"px-2 h-8 text-md\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t\tcloseButton: \"text-xl\",\n\t\t\t\tavatar: \"w-6 h-6\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\tbase: \"rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\tbase: \"rounded-sm\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"rounded-md\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"rounded-lg\",\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\tbase: \"rounded-full\",\n\t\t\t},\n\t\t},\n\t\tisOneChar: {\n\t\t\ttrue: {},\n\t\t\tfalse: {},\n\t\t},\n\t\tisCloseable: {\n\t\t\ttrue: {},\n\t\t\tfalse: {},\n\t\t},\n\t\thasStartContent: {\n\t\t\ttrue: {},\n\t\t},\n\t\thasEndContent: {\n\t\t\ttrue: {},\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: { base: \"opacity-disabled pointer-events-none\" },\n\t\t},\n\t\tisCloseButtonFocusVisible: {\n\t\t\ttrue: {\n\t\t\t\tcloseButton: [...ringClasses, \"ring-1\", \"rounded-full\"],\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tsize: \"md\",\n\t\tradius: \"full\",\n\t\tisDisabled: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.danger,\n\t\t\t},\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.danger,\n\t\t\t},\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.danger,\n\t\t\t},\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.danger,\n\t\t\t},\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.danger,\n\t\t\t},\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.danger,\n\t\t\t},\n\t\t},\n\t\t// isOneChar / size\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-5 h-5 min-w-5 min-h-5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"md\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-6 h-6 min-w-6 min-h-6\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"lg\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-7 h-7 min-w-7 min-h-7\",\n\t\t\t},\n\t\t},\n\t\t// isOneChar / isCloseable\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tisCloseable: false,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tclass: {\n\t\t\t\tbase: \"px-0 justify-center\",\n\t\t\t\tcontent: \"px-0 flex-none\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tisCloseable: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tclass: {\n\t\t\t\tbase: \"w-auto\",\n\t\t\t},\n\t\t},\n\t\t// isOneChar / dot\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tvariant: \"dot\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-auto h-7 px-1 items-center\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t},\n\t\t},\n\t\t// hasStartContent / size\n\t\t{\n\t\t\thasStartContent: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tcontent: \"pl-0.5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\thasStartContent: true,\n\t\t\tsize: [\"md\", \"lg\"],\n\t\t\tclass: {\n\t\t\t\tcontent: \"pl-1\",\n\t\t\t},\n\t\t},\n\t\t// hasEndContent / size\n\t\t{\n\t\t\thasEndContent: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tcontent: \"pr-0.5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\thasEndContent: true,\n\t\t\tsize: [\"md\", \"lg\"],\n\t\t\tclass: {\n\t\t\t\tcontent: \"pr-1\",\n\t\t\t},\n\t\t},\n\t],\n});\n\nexport type ChipVariantProps = VariantProps<typeof chip>;\nexport type ChipSlots = keyof ReturnType<typeof chip>;\n\nexport { chip };\n","import type { VariantProps } from \"tailwind-variants\";\nimport clsx from \"clsx\";\nimport { chip } from \"@/theme/color/chip\";\n\nexport type UseChipProps = React.ComponentPropsWithoutRef<\"div\"> &\n\tVariantProps<typeof chip> & {\n\t\tref?: React.Ref<HTMLDivElement>;\n\t\tclassNames?: Partial<Record<keyof ReturnType<typeof chip>, string>>;\n\t\tstartContent?: React.ReactNode;\n\t\tendContent?: React.ReactNode;\n\t\tchildren?: React.ReactNode;\n\t\tisDot?: boolean;\n\t\tonClose?: () => void;\n\t};\n\nexport function useChip(props: UseChipProps) {\n\tconst { className, classNames, startContent, endContent, children, isCloseable, isOneChar, isDot, onClose, ...restProps } = props;\n\n\tconst slots = chip({\n\t\t...restProps,\n\t\tisOneChar,\n\t\tisCloseable,\n\t\thasStartContent: !!startContent,\n\t\thasEndContent: !!endContent || !!isCloseable,\n\t});\n\n\tconst getChipProps = () => ({\n\t\tclassName: slots.base({ class: clsx(classNames?.base, className) }),\n\t\t...restProps,\n\t});\n\n\tconst getCloseButtonProps = () => ({\n\t\t\"className\": slots.closeButton({ class: classNames?.closeButton }),\n\t\t\"tabIndex\": 0,\n\t\t\"role\": \"button\",\n\t\t\"aria-label\": \"Close\",\n\t\t\"onClick\": (e: React.MouseEvent<HTMLSpanElement>) => {\n\t\t\te.stopPropagation();\n\t\t\tonClose?.();\n\t\t},\n\t});\n\n\treturn {\n\t\tComponent: \"div\" as const,\n\t\tslots,\n\t\tclassNames,\n\t\tisDot,\n\t\tisCloseable,\n\t\tstartContent,\n\t\tendContent,\n\t\tchildren,\n\t\tgetChipProps,\n\t\tgetCloseButtonProps,\n\t};\n}\n","import type { IconSvgProps } from \"@/types\";\r\n\r\n\r\nexport const CloseFilledIcon = (props: IconSvgProps) => (\r\n\t<svg aria-hidden=\"true\" focusable=\"false\" height=\"1em\" role=\"presentation\" viewBox=\"0 0 24 24\" width=\"1em\" {...props}>\r\n\t\t<path\r\n\t\t\td=\"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z\"\r\n\t\t\tfill=\"currentColor\"\r\n\t\t/>\r\n\t</svg>\r\n);\r\n","import * as React from \"react\";\nimport { useChip, type UseChipProps } from \"./use-chip\";\nimport { CloseFilledIcon } from \"../icons/close-filled\";\n\nexport type ChipProps = Omit<UseChipProps, \"isOneChar\" | \"isCloseButtonFocusVisible\">;\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n\tconst { Component, children, slots, classNames, isDot, isCloseable, startContent, endContent, getCloseButtonProps, getChipProps } = useChip({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst start = React.useMemo(() => {\n\t\tif (isDot && !startContent) {\n\t\t\treturn <span className={slots.dot({ class: classNames?.dot })} />;\n\t\t}\n\t\treturn startContent;\n\t}, [isDot, startContent, slots, classNames]);\n\n\tconst end = React.useMemo(() => {\n\t\tif (isCloseable) {\n\t\t\treturn <span {...getCloseButtonProps()}>{endContent ?? <CloseFilledIcon />}</span>;\n\t\t}\n\t\treturn endContent;\n\t}, [isCloseable, endContent, getCloseButtonProps]);\n\n\treturn (\n\t\t<Component {...getChipProps()}>\n\t\t\t{start}\n\t\t\t<span className={slots.content({ class: classNames?.content })}>{children}</span>\n\t\t\t{end}\n\t\t</Component>\n\t);\n});\n\nChip.displayName = \"Custom.Chip\";\n\nexport default Chip;\n"],"names":["tv","ringClasses","colorVariants","jsx","React","jsxs"],"mappings":"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"}
|
package/dist/chip/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { t as tv } from "../chunks/tv-
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import { t as tv } from "../chunks/tv-B0li4IsO.js";
|
|
3
3
|
import { c as colorVariants } from "../chunks/variants-CrIs_I54.js";
|
|
4
4
|
import { r as ringClasses } from "../chunks/classes-D2Fdo0zM.js";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useId, useMemo, useCallback, cloneElement, isValidElement, forwardRef } from "react";
|
|
3
3
|
import { d as dataAttr } from "./assertion-LpGn6Vzq.js";
|
|
4
4
|
import { u as useDOMRef } from "./refs-BU_puN47.js";
|
|
5
|
-
import { t as tv } from "./tv-
|
|
5
|
+
import { t as tv } from "./tv-B0li4IsO.js";
|
|
6
6
|
import { c as collapseAdjacentVariantBorders, d as dataFocusVisibleClasses } from "./classes-D2Fdo0zM.js";
|
|
7
7
|
import { c as colorVariants } from "./variants-CrIs_I54.js";
|
|
8
|
-
import
|
|
8
|
+
import clsx from "clsx";
|
|
9
9
|
import { S as Slot } from "./index-B4RTH1-D.js";
|
|
10
10
|
import { u as useRipple, R as Ripple } from "./ripple-CYv_cXE4.js";
|
|
11
11
|
const button = tv({
|
|
@@ -544,4 +544,4 @@ export {
|
|
|
544
544
|
Button as B,
|
|
545
545
|
button as b
|
|
546
546
|
};
|
|
547
|
-
//# sourceMappingURL=button-
|
|
547
|
+
//# sourceMappingURL=button-B0fpJrMg.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-MKhaqe0K.js","sources":["../../src/theme/color/button.ts","../../src/components/button/use-button.ts","../../src/components/button/spinner.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { collapseAdjacentVariantBorders, dataFocusVisibleClasses } from \"../classes\";\nimport { colorVariants } from \"../variants\";\n\n/**\n * Button wrapper **Tailwind Variants** component\n *\n * const classNames = button({...})\n *\n * @example\n * <button\n * className={classNames())}\n * data-pressed={true/false}\n * data-hover={true/false}\n * data-focus={true/false}\n * data-focus-visible={true/false}\n * >\n * Button\n * </button>\n */\nconst button = tv({\n\tbase: [\n\t\t\"z-0\",\n \"cursor-pointer\",\n\t\t\"group\",\n\t\t\"relative\",\n\t\t\"inline-flex\",\n\t\t\"items-center\",\n\t\t\"justify-center\",\n\t\t\"box-border\",\n\t\t\"appearance-none\",\n\t\t\"outline-none\",\n\t\t\"select-none\",\n\t\t\"whitespace-nowrap\",\n\t\t\"min-w-max\",\n\t\t\"font-medium\",\n\t\t\"subpixel-antialiased\",\n\t\t\"overflow-hidden\",\n\t\t\"tap-highlight-transparent\",\n\t\t\"transform-gpu data-[pressed=true]:scale-[0.97]\",\n\t\t// focus ring\n\t\t...dataFocusVisibleClasses,\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: \"\",\n\t\t\tbordered: \"border-[2px] bg-transparent\",\n\t\t\tlight: \"bg-transparent\",\n\t\t\tflat: \"\",\n\t\t\tfaded: \"border-[2px]\",\n\t\t\tshadow: \"\",\n\t\t\tghost: \"border-[2px] bg-transparent\",\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"px-3 min-w-16 h-8 text-tiny gap-2 rounded-sm\",\n\t\t\tmd: \"px-4 min-w-20 h-10 text-sm gap-2 rounded-md\",\n\t\t\tlg: \"px-6 min-w-24 h-12 text-md gap-3 rounded-lg\",\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: \"\",\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\tsuccess: \"\",\n\t\t\twarning: \"\",\n\t\t\tdanger: \"\",\n\t\t},\n\t\tradius: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm\",\n\t\t\tmd: \"rounded-md\",\n\t\t\tlg: \"rounded-lg\",\n\t\t\tfull: \"rounded-full\",\n\t\t},\n\t\tfullWidth: {\n\t\t\ttrue: \"w-full\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"opacity-80 pointer-events-none\",\n\t\t},\n\t\tisInGroup: {\n\t\t\ttrue: \"[&:not(:first-child):not(:last-child)]:rounded-none\",\n\t\t},\n\t\tisIconOnly: {\n\t\t\ttrue: \"px-0 !gap-0\",\n\t\t\tfalse: \"[&>svg]:max-w-[theme(spacing.8)]\",\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: \"!transition-none data-[pressed=true]:scale-100\",\n\t\t\tfalse: \"transition-transform-colors-opacity motion-reduce:transition-none\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tfullWidth: false,\n\t\tisDisabled: false,\n\t\tisInGroup: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.solid.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.solid.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.solid.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.solid.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.solid.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.solid.danger,\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.shadow.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.shadow.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.shadow.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.shadow.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.shadow.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.shadow.danger,\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.bordered.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.bordered.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.bordered.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.bordered.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.bordered.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.bordered.danger,\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.flat.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.flat.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.flat.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.flat.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.flat.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.flat.danger,\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.faded.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.faded.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.faded.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.faded.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.faded.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.faded.danger,\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.light.default, \"data-[hover=true]:bg-default/40\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.light.primary, \"data-[hover=true]:bg-primary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.light.secondary, \"data-[hover=true]:bg-secondary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.light.success, \"data-[hover=true]:bg-success/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.light.warning, \"data-[hover=true]:bg-warning/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.light.danger, \"data-[hover=true]:bg-danger/20\"],\n\t\t},\n\t\t// ghost / color\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.ghost.default, \"data-[hover=true]:!bg-default\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.ghost.primary, \"data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.ghost.secondary, \"data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.ghost.success, \"data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.ghost.warning, \"data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.ghost.danger, \"data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground\"],\n\t\t},\n\t\t// isInGroup / radius / size <-- radius not provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tisRounded: true,\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / radius <-- radius provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"none\",\n\t\t\tclass: \"rounded-none first:rounded-s-none last:rounded-e-none\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"full\",\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / bordered / ghost\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"default\",\n\t\t\tclassName: collapseAdjacentVariantBorders.default,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"primary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.primary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"secondary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.secondary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"success\",\n\t\t\tclassName: collapseAdjacentVariantBorders.success,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"warning\",\n\t\t\tclassName: collapseAdjacentVariantBorders.warning,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"danger\",\n\t\t\tclassName: collapseAdjacentVariantBorders.danger,\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"min-w-8 w-8 h-8\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"min-w-10 w-10 h-10\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"min-w-12 w-12 h-12\",\n\t\t},\n\t\t// variant / hover\n\t\t{\n\t\t\tvariant: [\"solid\", \"faded\", \"flat\", \"bordered\", \"shadow\"],\n\t\t\tclass: \"hover:opacity-80\",\n\t\t},\n\t],\n});\n\nexport type ButtonVariantProps = VariantProps<typeof button>;\n\nexport { button };\n","import { dataAttr, useDOMRef, type ReactRef } from \"@/functions\";\nimport { button, type ButtonVariantProps } from \"@/theme/color/button\";\nimport type { SlotsToClasses } from \"@/types\";\nimport clsx from \"clsx\";\nimport { isValidElement, cloneElement, useMemo, useCallback, useId } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode, MouseEventHandler, HTMLAttributes } from \"react\";\nimport type { RippleProps } from \"../ripple/ripple\";\nimport { useRipple } from \"../ripple/use-ripple\";\n\nexport interface UseButtonProps extends ButtonVariantProps, Omit<HTMLAttributes<HTMLElement>, keyof ButtonVariantProps> {\n\tref?: ReactRef<HTMLButtonElement | null>;\n\tid?: string;\n\tclassNames?: SlotsToClasses<ReturnType<typeof button>>;\n\tclassName?: string;\n\tasChild?: boolean;\n\tchildren?: ReactNode;\n\tisIconOnly?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tstartContent?: ReactNode;\n\tendContent?: ReactNode;\n\tspinner?: ReactNode;\n\tspinnerPlacement?: \"start\" | \"end\";\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport function useButton(props: UseButtonProps) {\n\tconst {\n\t\tid,\n\t\tclassNames,\n\t\tclassName,\n\t\tasChild,\n\t\tchildren,\n\t\tisLoading = false,\n\t\tdisabled = false,\n\t\tisIconOnly = false,\n\t\tonClick,\n\t\tstartContent: startContentProp,\n\t\tendContent: endContentProp,\n\t\tspinner = null,\n\t\tspinnerPlacement = \"start\",\n type = \"button\",\n\t\t...rest\n\t} = props;\n\n\tconst domRef = useDOMRef(props.ref);\n\tconst buttonId = useId();\n\tconst resolvedId = id || buttonId;\n\n\tconst { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();\n\n\tconst styles = useMemo(\n\t\t() =>\n\t\t\tbutton({\n\t\t\t\tsize: props.size,\n\t\t\t\tcolor: props.color,\n\t\t\t\tvariant: props.variant,\n\t\t\t\tradius: props.radius,\n\t\t\t\tfullWidth: props.fullWidth,\n\t\t\t\tisDisabled: disabled || isLoading,\n\t\t\t\tdisableAnimation: props.disableAnimation,\n\t\t\t\tisIconOnly: isIconOnly,\n\t\t\t\tisInGroup: props.isInGroup,\n\t\t\t\tclassName,\n\t\t\t}),\n\t\t[props, className, disabled, isLoading, isIconOnly],\n\t);\n\n\tconst handleClick: MouseEventHandler<HTMLElement> = useCallback(\n\t\t(e) => {\n\t\t\tif (disabled) {\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(e);\n\t\t},\n\t\t[onClick, disabled],\n\t);\n\n\tconst getIconClone = (icon: ReactNode) =>\n\t\tisValidElement(icon)\n\t\t\t? cloneElement(icon, {\n\t\t\t\t\t// \"aria-hidden\": true,\n\t\t\t\t\t// \"focusable\": false,\n\t\t\t })\n\t\t\t: null;\n\n\tconst startContent = getIconClone(startContentProp);\n\tconst endContent = getIconClone(endContentProp);\n\n\tconst handlePointerDown = (e: React.PointerEvent<HTMLButtonElement>) => {\n\t\tconst rect = e.currentTarget.getBoundingClientRect();\n\t\tconst customEvent = {\n\t\t\ttarget: e.currentTarget,\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t};\n\n\t\tonRipplePressHandler(customEvent);\n\t};\n\n\tconst getButtonProps = () => ({\n\t\t\"className\": clsx(styles, classNames?.base),\n\t\t\"data-disabled\": dataAttr(disabled),\n\t\t\"data-loading\": dataAttr(isLoading),\n\t\t\"onClick\": handleClick,\n\t\t\"onPointerDown\": handlePointerDown,\n\t\t\"data-slot\": \"button\",\n\t\t\"aria-disabled\": disabled,\n\t\t\"id\": resolvedId,\n \"type\": type,\n\t\t...rest,\n\t});\n\n\tconst getRippleProps = useCallback<() => RippleProps>(() => ({ ripples, onClear: onClearRipple }), [ripples, onClearRipple]);\n\n\tconst Component = asChild ? Slot : \"button\";\n\n\treturn {\n\t\tdomRef,\n\t\tisIconOnly,\n\t\tComponent,\n\t\tchildren,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t};\n}\n\nexport type UseButtonReturn = ReturnType<typeof useButton>;\n","const Spinner = () => {\n\treturn (\n\t\t<div aria-label=\"Loading\" className=\"relative inline-flex flex-col gap-2 items-center justify-center\">\n\t\t\t<div className=\"relative flex w-5 h-5\">\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nexport default Spinner;\n","import { forwardRef, useMemo } from \"react\";\nimport { useButton, type UseButtonProps } from \"./use-button\";\nimport Ripple from \"../ripple/ripple\";\nimport Spinner from \"./spinner\";\n\nexport interface ButtonProps extends UseButtonProps {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n\tconst {\n\t\tComponent,\n\t\tdomRef,\n\t\tchildren,\n\t\tisIconOnly,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t} = useButton({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst fallbackSpinner = useMemo(() => <Spinner />, []);\n\tconst finalSpinner = spinner ?? fallbackSpinner;\n\n\treturn (\n\t\t<Component {...getButtonProps()} ref={domRef}>\n\t\t\t{startContent}\n\t\t\t{isLoading && spinnerPlacement === \"start\" && finalSpinner}\n\t\t\t{isLoading && isIconOnly ? null : children}\n\t\t\t{isLoading && spinnerPlacement === \"end\" && finalSpinner}\n\t\t\t{endContent}\n\t\t\t<Ripple {...getRippleProps()} />\n\t\t</Component>\n\t);\n});\n\nButton.displayName = \"Custom.Button\";\n\nexport default Button;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button-B0fpJrMg.js","sources":["../../src/theme/color/button.ts","../../src/components/button/use-button.ts","../../src/components/button/spinner.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { collapseAdjacentVariantBorders, dataFocusVisibleClasses } from \"../classes\";\nimport { colorVariants } from \"../variants\";\n\n/**\n * Button wrapper **Tailwind Variants** component\n *\n * const classNames = button({...})\n *\n * @example\n * <button\n * className={classNames())}\n * data-pressed={true/false}\n * data-hover={true/false}\n * data-focus={true/false}\n * data-focus-visible={true/false}\n * >\n * Button\n * </button>\n */\nconst button = tv({\n\tbase: [\n\t\t\"z-0\",\n \"cursor-pointer\",\n\t\t\"group\",\n\t\t\"relative\",\n\t\t\"inline-flex\",\n\t\t\"items-center\",\n\t\t\"justify-center\",\n\t\t\"box-border\",\n\t\t\"appearance-none\",\n\t\t\"outline-none\",\n\t\t\"select-none\",\n\t\t\"whitespace-nowrap\",\n\t\t\"min-w-max\",\n\t\t\"font-medium\",\n\t\t\"subpixel-antialiased\",\n\t\t\"overflow-hidden\",\n\t\t\"tap-highlight-transparent\",\n\t\t\"transform-gpu data-[pressed=true]:scale-[0.97]\",\n\t\t// focus ring\n\t\t...dataFocusVisibleClasses,\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: \"\",\n\t\t\tbordered: \"border-[2px] bg-transparent\",\n\t\t\tlight: \"bg-transparent\",\n\t\t\tflat: \"\",\n\t\t\tfaded: \"border-[2px]\",\n\t\t\tshadow: \"\",\n\t\t\tghost: \"border-[2px] bg-transparent\",\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"px-3 min-w-16 h-8 text-tiny gap-2 rounded-sm\",\n\t\t\tmd: \"px-4 min-w-20 h-10 text-sm gap-2 rounded-md\",\n\t\t\tlg: \"px-6 min-w-24 h-12 text-md gap-3 rounded-lg\",\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: \"\",\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\tsuccess: \"\",\n\t\t\twarning: \"\",\n\t\t\tdanger: \"\",\n\t\t},\n\t\tradius: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm\",\n\t\t\tmd: \"rounded-md\",\n\t\t\tlg: \"rounded-lg\",\n\t\t\tfull: \"rounded-full\",\n\t\t},\n\t\tfullWidth: {\n\t\t\ttrue: \"w-full\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"opacity-80 pointer-events-none\",\n\t\t},\n\t\tisInGroup: {\n\t\t\ttrue: \"[&:not(:first-child):not(:last-child)]:rounded-none\",\n\t\t},\n\t\tisIconOnly: {\n\t\t\ttrue: \"px-0 !gap-0\",\n\t\t\tfalse: \"[&>svg]:max-w-[theme(spacing.8)]\",\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: \"!transition-none data-[pressed=true]:scale-100\",\n\t\t\tfalse: \"transition-transform-colors-opacity motion-reduce:transition-none\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tfullWidth: false,\n\t\tisDisabled: false,\n\t\tisInGroup: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.solid.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.solid.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.solid.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.solid.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.solid.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.solid.danger,\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.shadow.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.shadow.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.shadow.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.shadow.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.shadow.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.shadow.danger,\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.bordered.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.bordered.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.bordered.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.bordered.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.bordered.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.bordered.danger,\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.flat.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.flat.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.flat.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.flat.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.flat.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.flat.danger,\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.faded.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.faded.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.faded.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.faded.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.faded.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.faded.danger,\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.light.default, \"data-[hover=true]:bg-default/40\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.light.primary, \"data-[hover=true]:bg-primary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.light.secondary, \"data-[hover=true]:bg-secondary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.light.success, \"data-[hover=true]:bg-success/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.light.warning, \"data-[hover=true]:bg-warning/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.light.danger, \"data-[hover=true]:bg-danger/20\"],\n\t\t},\n\t\t// ghost / color\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.ghost.default, \"data-[hover=true]:!bg-default\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.ghost.primary, \"data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.ghost.secondary, \"data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.ghost.success, \"data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.ghost.warning, \"data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.ghost.danger, \"data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground\"],\n\t\t},\n\t\t// isInGroup / radius / size <-- radius not provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tisRounded: true,\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / radius <-- radius provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"none\",\n\t\t\tclass: \"rounded-none first:rounded-s-none last:rounded-e-none\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"full\",\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / bordered / ghost\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"default\",\n\t\t\tclassName: collapseAdjacentVariantBorders.default,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"primary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.primary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"secondary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.secondary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"success\",\n\t\t\tclassName: collapseAdjacentVariantBorders.success,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"warning\",\n\t\t\tclassName: collapseAdjacentVariantBorders.warning,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"danger\",\n\t\t\tclassName: collapseAdjacentVariantBorders.danger,\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"min-w-8 w-8 h-8\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"min-w-10 w-10 h-10\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"min-w-12 w-12 h-12\",\n\t\t},\n\t\t// variant / hover\n\t\t{\n\t\t\tvariant: [\"solid\", \"faded\", \"flat\", \"bordered\", \"shadow\"],\n\t\t\tclass: \"hover:opacity-80\",\n\t\t},\n\t],\n});\n\nexport type ButtonVariantProps = VariantProps<typeof button>;\n\nexport { button };\n","import { dataAttr, useDOMRef, type ReactRef } from \"@/functions\";\nimport { button, type ButtonVariantProps } from \"@/theme/color/button\";\nimport type { SlotsToClasses } from \"@/types\";\nimport clsx from \"clsx\";\nimport { isValidElement, cloneElement, useMemo, useCallback, useId } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode, MouseEventHandler, HTMLAttributes } from \"react\";\nimport type { RippleProps } from \"../ripple/ripple\";\nimport { useRipple } from \"../ripple/use-ripple\";\n\nexport interface UseButtonProps extends ButtonVariantProps, Omit<HTMLAttributes<HTMLElement>, keyof ButtonVariantProps> {\n\tref?: ReactRef<HTMLButtonElement | null>;\n\tid?: string;\n\tclassNames?: SlotsToClasses<ReturnType<typeof button>>;\n\tclassName?: string;\n\tasChild?: boolean;\n\tchildren?: ReactNode;\n\tisIconOnly?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tstartContent?: ReactNode;\n\tendContent?: ReactNode;\n\tspinner?: ReactNode;\n\tspinnerPlacement?: \"start\" | \"end\";\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport function useButton(props: UseButtonProps) {\n\tconst {\n\t\tid,\n\t\tclassNames,\n\t\tclassName,\n\t\tasChild,\n\t\tchildren,\n\t\tisLoading = false,\n\t\tdisabled = false,\n\t\tisIconOnly = false,\n\t\tonClick,\n\t\tstartContent: startContentProp,\n\t\tendContent: endContentProp,\n\t\tspinner = null,\n\t\tspinnerPlacement = \"start\",\n type = \"button\",\n\t\t...rest\n\t} = props;\n\n\tconst domRef = useDOMRef(props.ref);\n\tconst buttonId = useId();\n\tconst resolvedId = id || buttonId;\n\n\tconst { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();\n\n\tconst styles = useMemo(\n\t\t() =>\n\t\t\tbutton({\n\t\t\t\tsize: props.size,\n\t\t\t\tcolor: props.color,\n\t\t\t\tvariant: props.variant,\n\t\t\t\tradius: props.radius,\n\t\t\t\tfullWidth: props.fullWidth,\n\t\t\t\tisDisabled: disabled || isLoading,\n\t\t\t\tdisableAnimation: props.disableAnimation,\n\t\t\t\tisIconOnly: isIconOnly,\n\t\t\t\tisInGroup: props.isInGroup,\n\t\t\t\tclassName,\n\t\t\t}),\n\t\t[props, className, disabled, isLoading, isIconOnly],\n\t);\n\n\tconst handleClick: MouseEventHandler<HTMLElement> = useCallback(\n\t\t(e) => {\n\t\t\tif (disabled) {\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(e);\n\t\t},\n\t\t[onClick, disabled],\n\t);\n\n\tconst getIconClone = (icon: ReactNode) =>\n\t\tisValidElement(icon)\n\t\t\t? cloneElement(icon, {\n\t\t\t\t\t// \"aria-hidden\": true,\n\t\t\t\t\t// \"focusable\": false,\n\t\t\t })\n\t\t\t: null;\n\n\tconst startContent = getIconClone(startContentProp);\n\tconst endContent = getIconClone(endContentProp);\n\n\tconst handlePointerDown = (e: React.PointerEvent<HTMLButtonElement>) => {\n\t\tconst rect = e.currentTarget.getBoundingClientRect();\n\t\tconst customEvent = {\n\t\t\ttarget: e.currentTarget,\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t};\n\n\t\tonRipplePressHandler(customEvent);\n\t};\n\n\tconst getButtonProps = () => ({\n\t\t\"className\": clsx(styles, classNames?.base),\n\t\t\"data-disabled\": dataAttr(disabled),\n\t\t\"data-loading\": dataAttr(isLoading),\n\t\t\"onClick\": handleClick,\n\t\t\"onPointerDown\": handlePointerDown,\n\t\t\"data-slot\": \"button\",\n\t\t\"aria-disabled\": disabled,\n\t\t\"id\": resolvedId,\n \"type\": type,\n\t\t...rest,\n\t});\n\n\tconst getRippleProps = useCallback<() => RippleProps>(() => ({ ripples, onClear: onClearRipple }), [ripples, onClearRipple]);\n\n\tconst Component = asChild ? Slot : \"button\";\n\n\treturn {\n\t\tdomRef,\n\t\tisIconOnly,\n\t\tComponent,\n\t\tchildren,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t};\n}\n\nexport type UseButtonReturn = ReturnType<typeof useButton>;\n","const Spinner = () => {\n\treturn (\n\t\t<div aria-label=\"Loading\" className=\"relative inline-flex flex-col gap-2 items-center justify-center\">\n\t\t\t<div className=\"relative flex w-5 h-5\">\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nexport default Spinner;\n","import { forwardRef, useMemo } from \"react\";\nimport { useButton, type UseButtonProps } from \"./use-button\";\nimport Ripple from \"../ripple/ripple\";\nimport Spinner from \"./spinner\";\n\nexport interface ButtonProps extends UseButtonProps {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n\tconst {\n\t\tComponent,\n\t\tdomRef,\n\t\tchildren,\n\t\tisIconOnly,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t} = useButton({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst fallbackSpinner = useMemo(() => <Spinner />, []);\n\tconst finalSpinner = spinner ?? fallbackSpinner;\n\n\treturn (\n\t\t<Component {...getButtonProps()} ref={domRef}>\n\t\t\t{startContent}\n\t\t\t{isLoading && spinnerPlacement === \"start\" && finalSpinner}\n\t\t\t{isLoading && isIconOnly ? null : children}\n\t\t\t{isLoading && spinnerPlacement === \"end\" && finalSpinner}\n\t\t\t{endContent}\n\t\t\t<Ripple {...getRippleProps()} />\n\t\t</Component>\n\t);\n});\n\nButton.displayName = \"Custom.Button\";\n\nexport default Button;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const
|
|
2
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const assertion = require("./assertion-C4-_LOAB.js");
|
|
5
5
|
const refs = require("./refs-DtJq1_uX.js");
|
|
6
|
-
const tv = require("./tv-
|
|
6
|
+
const tv = require("./tv-CGbWb8zP.js");
|
|
7
7
|
const classes = require("./classes-ClWJw1OF.js");
|
|
8
8
|
const variants = require("./variants-BW2bI62Y.js");
|
|
9
|
-
const clsx = require("
|
|
10
|
-
const index = require("./index-
|
|
11
|
-
const ripple = require("./ripple-
|
|
9
|
+
const clsx = require("clsx");
|
|
10
|
+
const index = require("./index-C_sOsPRt.js");
|
|
11
|
+
const ripple = require("./ripple-Bm6QamOy.js");
|
|
12
12
|
const button = tv.tv({
|
|
13
13
|
base: [
|
|
14
14
|
"z-0",
|
|
@@ -479,7 +479,7 @@ function useButton(props) {
|
|
|
479
479
|
onRipplePressHandler(customEvent);
|
|
480
480
|
};
|
|
481
481
|
const getButtonProps = () => ({
|
|
482
|
-
"className": clsx
|
|
482
|
+
"className": clsx(styles, classNames?.base),
|
|
483
483
|
"data-disabled": assertion.dataAttr(disabled),
|
|
484
484
|
"data-loading": assertion.dataAttr(isLoading),
|
|
485
485
|
"onClick": handleClick,
|
|
@@ -507,9 +507,9 @@ function useButton(props) {
|
|
|
507
507
|
};
|
|
508
508
|
}
|
|
509
509
|
const Spinner = () => {
|
|
510
|
-
return /* @__PURE__ */
|
|
511
|
-
/* @__PURE__ */
|
|
512
|
-
/* @__PURE__ */
|
|
510
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-label": "Loading", className: "relative inline-flex flex-col gap-2 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-5 h-5", children: [
|
|
511
|
+
/* @__PURE__ */ jsxRuntime.jsx("i", { className: "absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent" }),
|
|
512
|
+
/* @__PURE__ */ jsxRuntime.jsx("i", { className: "absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent" })
|
|
513
513
|
] }) });
|
|
514
514
|
};
|
|
515
515
|
const Button = React.forwardRef((props, ref) => {
|
|
@@ -529,18 +529,18 @@ const Button = React.forwardRef((props, ref) => {
|
|
|
529
529
|
...props,
|
|
530
530
|
ref
|
|
531
531
|
});
|
|
532
|
-
const fallbackSpinner = React.useMemo(() => /* @__PURE__ */
|
|
532
|
+
const fallbackSpinner = React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}), []);
|
|
533
533
|
const finalSpinner = spinner ?? fallbackSpinner;
|
|
534
|
-
return /* @__PURE__ */
|
|
534
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Component, { ...getButtonProps(), ref: domRef, children: [
|
|
535
535
|
startContent,
|
|
536
536
|
isLoading && spinnerPlacement === "start" && finalSpinner,
|
|
537
537
|
isLoading && isIconOnly ? null : children,
|
|
538
538
|
isLoading && spinnerPlacement === "end" && finalSpinner,
|
|
539
539
|
endContent,
|
|
540
|
-
/* @__PURE__ */
|
|
540
|
+
/* @__PURE__ */ jsxRuntime.jsx(ripple.Ripple, { ...getRippleProps() })
|
|
541
541
|
] });
|
|
542
542
|
});
|
|
543
543
|
Button.displayName = "Custom.Button";
|
|
544
544
|
exports.Button = Button;
|
|
545
545
|
exports.button = button;
|
|
546
|
-
//# sourceMappingURL=button-
|
|
546
|
+
//# sourceMappingURL=button-d5z8H59K.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-BKebd9mx.js","sources":["../../src/theme/color/button.ts","../../src/components/button/use-button.ts","../../src/components/button/spinner.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { collapseAdjacentVariantBorders, dataFocusVisibleClasses } from \"../classes\";\nimport { colorVariants } from \"../variants\";\n\n/**\n * Button wrapper **Tailwind Variants** component\n *\n * const classNames = button({...})\n *\n * @example\n * <button\n * className={classNames())}\n * data-pressed={true/false}\n * data-hover={true/false}\n * data-focus={true/false}\n * data-focus-visible={true/false}\n * >\n * Button\n * </button>\n */\nconst button = tv({\n\tbase: [\n\t\t\"z-0\",\n \"cursor-pointer\",\n\t\t\"group\",\n\t\t\"relative\",\n\t\t\"inline-flex\",\n\t\t\"items-center\",\n\t\t\"justify-center\",\n\t\t\"box-border\",\n\t\t\"appearance-none\",\n\t\t\"outline-none\",\n\t\t\"select-none\",\n\t\t\"whitespace-nowrap\",\n\t\t\"min-w-max\",\n\t\t\"font-medium\",\n\t\t\"subpixel-antialiased\",\n\t\t\"overflow-hidden\",\n\t\t\"tap-highlight-transparent\",\n\t\t\"transform-gpu data-[pressed=true]:scale-[0.97]\",\n\t\t// focus ring\n\t\t...dataFocusVisibleClasses,\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: \"\",\n\t\t\tbordered: \"border-[2px] bg-transparent\",\n\t\t\tlight: \"bg-transparent\",\n\t\t\tflat: \"\",\n\t\t\tfaded: \"border-[2px]\",\n\t\t\tshadow: \"\",\n\t\t\tghost: \"border-[2px] bg-transparent\",\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"px-3 min-w-16 h-8 text-tiny gap-2 rounded-sm\",\n\t\t\tmd: \"px-4 min-w-20 h-10 text-sm gap-2 rounded-md\",\n\t\t\tlg: \"px-6 min-w-24 h-12 text-md gap-3 rounded-lg\",\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: \"\",\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\tsuccess: \"\",\n\t\t\twarning: \"\",\n\t\t\tdanger: \"\",\n\t\t},\n\t\tradius: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm\",\n\t\t\tmd: \"rounded-md\",\n\t\t\tlg: \"rounded-lg\",\n\t\t\tfull: \"rounded-full\",\n\t\t},\n\t\tfullWidth: {\n\t\t\ttrue: \"w-full\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"opacity-80 pointer-events-none\",\n\t\t},\n\t\tisInGroup: {\n\t\t\ttrue: \"[&:not(:first-child):not(:last-child)]:rounded-none\",\n\t\t},\n\t\tisIconOnly: {\n\t\t\ttrue: \"px-0 !gap-0\",\n\t\t\tfalse: \"[&>svg]:max-w-[theme(spacing.8)]\",\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: \"!transition-none data-[pressed=true]:scale-100\",\n\t\t\tfalse: \"transition-transform-colors-opacity motion-reduce:transition-none\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tfullWidth: false,\n\t\tisDisabled: false,\n\t\tisInGroup: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.solid.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.solid.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.solid.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.solid.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.solid.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.solid.danger,\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.shadow.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.shadow.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.shadow.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.shadow.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.shadow.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.shadow.danger,\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.bordered.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.bordered.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.bordered.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.bordered.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.bordered.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.bordered.danger,\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.flat.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.flat.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.flat.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.flat.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.flat.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.flat.danger,\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.faded.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.faded.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.faded.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.faded.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.faded.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.faded.danger,\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.light.default, \"data-[hover=true]:bg-default/40\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.light.primary, \"data-[hover=true]:bg-primary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.light.secondary, \"data-[hover=true]:bg-secondary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.light.success, \"data-[hover=true]:bg-success/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.light.warning, \"data-[hover=true]:bg-warning/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.light.danger, \"data-[hover=true]:bg-danger/20\"],\n\t\t},\n\t\t// ghost / color\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.ghost.default, \"data-[hover=true]:!bg-default\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.ghost.primary, \"data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.ghost.secondary, \"data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.ghost.success, \"data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.ghost.warning, \"data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.ghost.danger, \"data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground\"],\n\t\t},\n\t\t// isInGroup / radius / size <-- radius not provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tisRounded: true,\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / radius <-- radius provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"none\",\n\t\t\tclass: \"rounded-none first:rounded-s-none last:rounded-e-none\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"full\",\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / bordered / ghost\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"default\",\n\t\t\tclassName: collapseAdjacentVariantBorders.default,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"primary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.primary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"secondary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.secondary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"success\",\n\t\t\tclassName: collapseAdjacentVariantBorders.success,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"warning\",\n\t\t\tclassName: collapseAdjacentVariantBorders.warning,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"danger\",\n\t\t\tclassName: collapseAdjacentVariantBorders.danger,\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"min-w-8 w-8 h-8\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"min-w-10 w-10 h-10\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"min-w-12 w-12 h-12\",\n\t\t},\n\t\t// variant / hover\n\t\t{\n\t\t\tvariant: [\"solid\", \"faded\", \"flat\", \"bordered\", \"shadow\"],\n\t\t\tclass: \"hover:opacity-80\",\n\t\t},\n\t],\n});\n\nexport type ButtonVariantProps = VariantProps<typeof button>;\n\nexport { button };\n","import { dataAttr, useDOMRef, type ReactRef } from \"@/functions\";\nimport { button, type ButtonVariantProps } from \"@/theme/color/button\";\nimport type { SlotsToClasses } from \"@/types\";\nimport clsx from \"clsx\";\nimport { isValidElement, cloneElement, useMemo, useCallback, useId } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode, MouseEventHandler, HTMLAttributes } from \"react\";\nimport type { RippleProps } from \"../ripple/ripple\";\nimport { useRipple } from \"../ripple/use-ripple\";\n\nexport interface UseButtonProps extends ButtonVariantProps, Omit<HTMLAttributes<HTMLElement>, keyof ButtonVariantProps> {\n\tref?: ReactRef<HTMLButtonElement | null>;\n\tid?: string;\n\tclassNames?: SlotsToClasses<ReturnType<typeof button>>;\n\tclassName?: string;\n\tasChild?: boolean;\n\tchildren?: ReactNode;\n\tisIconOnly?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tstartContent?: ReactNode;\n\tendContent?: ReactNode;\n\tspinner?: ReactNode;\n\tspinnerPlacement?: \"start\" | \"end\";\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport function useButton(props: UseButtonProps) {\n\tconst {\n\t\tid,\n\t\tclassNames,\n\t\tclassName,\n\t\tasChild,\n\t\tchildren,\n\t\tisLoading = false,\n\t\tdisabled = false,\n\t\tisIconOnly = false,\n\t\tonClick,\n\t\tstartContent: startContentProp,\n\t\tendContent: endContentProp,\n\t\tspinner = null,\n\t\tspinnerPlacement = \"start\",\n type = \"button\",\n\t\t...rest\n\t} = props;\n\n\tconst domRef = useDOMRef(props.ref);\n\tconst buttonId = useId();\n\tconst resolvedId = id || buttonId;\n\n\tconst { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();\n\n\tconst styles = useMemo(\n\t\t() =>\n\t\t\tbutton({\n\t\t\t\tsize: props.size,\n\t\t\t\tcolor: props.color,\n\t\t\t\tvariant: props.variant,\n\t\t\t\tradius: props.radius,\n\t\t\t\tfullWidth: props.fullWidth,\n\t\t\t\tisDisabled: disabled || isLoading,\n\t\t\t\tdisableAnimation: props.disableAnimation,\n\t\t\t\tisIconOnly: isIconOnly,\n\t\t\t\tisInGroup: props.isInGroup,\n\t\t\t\tclassName,\n\t\t\t}),\n\t\t[props, className, disabled, isLoading, isIconOnly],\n\t);\n\n\tconst handleClick: MouseEventHandler<HTMLElement> = useCallback(\n\t\t(e) => {\n\t\t\tif (disabled) {\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(e);\n\t\t},\n\t\t[onClick, disabled],\n\t);\n\n\tconst getIconClone = (icon: ReactNode) =>\n\t\tisValidElement(icon)\n\t\t\t? cloneElement(icon, {\n\t\t\t\t\t// \"aria-hidden\": true,\n\t\t\t\t\t// \"focusable\": false,\n\t\t\t })\n\t\t\t: null;\n\n\tconst startContent = getIconClone(startContentProp);\n\tconst endContent = getIconClone(endContentProp);\n\n\tconst handlePointerDown = (e: React.PointerEvent<HTMLButtonElement>) => {\n\t\tconst rect = e.currentTarget.getBoundingClientRect();\n\t\tconst customEvent = {\n\t\t\ttarget: e.currentTarget,\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t};\n\n\t\tonRipplePressHandler(customEvent);\n\t};\n\n\tconst getButtonProps = () => ({\n\t\t\"className\": clsx(styles, classNames?.base),\n\t\t\"data-disabled\": dataAttr(disabled),\n\t\t\"data-loading\": dataAttr(isLoading),\n\t\t\"onClick\": handleClick,\n\t\t\"onPointerDown\": handlePointerDown,\n\t\t\"data-slot\": \"button\",\n\t\t\"aria-disabled\": disabled,\n\t\t\"id\": resolvedId,\n \"type\": type,\n\t\t...rest,\n\t});\n\n\tconst getRippleProps = useCallback<() => RippleProps>(() => ({ ripples, onClear: onClearRipple }), [ripples, onClearRipple]);\n\n\tconst Component = asChild ? Slot : \"button\";\n\n\treturn {\n\t\tdomRef,\n\t\tisIconOnly,\n\t\tComponent,\n\t\tchildren,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t};\n}\n\nexport type UseButtonReturn = ReturnType<typeof useButton>;\n","const Spinner = () => {\n\treturn (\n\t\t<div aria-label=\"Loading\" className=\"relative inline-flex flex-col gap-2 items-center justify-center\">\n\t\t\t<div className=\"relative flex w-5 h-5\">\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nexport default Spinner;\n","import { forwardRef, useMemo } from \"react\";\nimport { useButton, type UseButtonProps } from \"./use-button\";\nimport Ripple from \"../ripple/ripple\";\nimport Spinner from \"./spinner\";\n\nexport interface ButtonProps extends UseButtonProps {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n\tconst {\n\t\tComponent,\n\t\tdomRef,\n\t\tchildren,\n\t\tisIconOnly,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t} = useButton({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst fallbackSpinner = useMemo(() => <Spinner />, []);\n\tconst finalSpinner = spinner ?? fallbackSpinner;\n\n\treturn (\n\t\t<Component {...getButtonProps()} ref={domRef}>\n\t\t\t{startContent}\n\t\t\t{isLoading && spinnerPlacement === \"start\" && finalSpinner}\n\t\t\t{isLoading && isIconOnly ? null : children}\n\t\t\t{isLoading && spinnerPlacement === \"end\" && finalSpinner}\n\t\t\t{endContent}\n\t\t\t<Ripple {...getRippleProps()} />\n\t\t</Component>\n\t);\n});\n\nButton.displayName = \"Custom.Button\";\n\nexport default Button;\n"],"names":["tv","dataFocusVisibleClasses","colorVariants","collapseAdjacentVariantBorders","useDOMRef","useId","useRipple","useMemo","useCallback","isValidElement","cloneElement","clsx","dataAttr","Slot","jsx","jsxs","forwardRef","Ripple"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button-d5z8H59K.js","sources":["../../src/theme/color/button.ts","../../src/components/button/use-button.ts","../../src/components/button/spinner.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { collapseAdjacentVariantBorders, dataFocusVisibleClasses } from \"../classes\";\nimport { colorVariants } from \"../variants\";\n\n/**\n * Button wrapper **Tailwind Variants** component\n *\n * const classNames = button({...})\n *\n * @example\n * <button\n * className={classNames())}\n * data-pressed={true/false}\n * data-hover={true/false}\n * data-focus={true/false}\n * data-focus-visible={true/false}\n * >\n * Button\n * </button>\n */\nconst button = tv({\n\tbase: [\n\t\t\"z-0\",\n \"cursor-pointer\",\n\t\t\"group\",\n\t\t\"relative\",\n\t\t\"inline-flex\",\n\t\t\"items-center\",\n\t\t\"justify-center\",\n\t\t\"box-border\",\n\t\t\"appearance-none\",\n\t\t\"outline-none\",\n\t\t\"select-none\",\n\t\t\"whitespace-nowrap\",\n\t\t\"min-w-max\",\n\t\t\"font-medium\",\n\t\t\"subpixel-antialiased\",\n\t\t\"overflow-hidden\",\n\t\t\"tap-highlight-transparent\",\n\t\t\"transform-gpu data-[pressed=true]:scale-[0.97]\",\n\t\t// focus ring\n\t\t...dataFocusVisibleClasses,\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: \"\",\n\t\t\tbordered: \"border-[2px] bg-transparent\",\n\t\t\tlight: \"bg-transparent\",\n\t\t\tflat: \"\",\n\t\t\tfaded: \"border-[2px]\",\n\t\t\tshadow: \"\",\n\t\t\tghost: \"border-[2px] bg-transparent\",\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"px-3 min-w-16 h-8 text-tiny gap-2 rounded-sm\",\n\t\t\tmd: \"px-4 min-w-20 h-10 text-sm gap-2 rounded-md\",\n\t\t\tlg: \"px-6 min-w-24 h-12 text-md gap-3 rounded-lg\",\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: \"\",\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\tsuccess: \"\",\n\t\t\twarning: \"\",\n\t\t\tdanger: \"\",\n\t\t},\n\t\tradius: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm\",\n\t\t\tmd: \"rounded-md\",\n\t\t\tlg: \"rounded-lg\",\n\t\t\tfull: \"rounded-full\",\n\t\t},\n\t\tfullWidth: {\n\t\t\ttrue: \"w-full\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"opacity-80 pointer-events-none\",\n\t\t},\n\t\tisInGroup: {\n\t\t\ttrue: \"[&:not(:first-child):not(:last-child)]:rounded-none\",\n\t\t},\n\t\tisIconOnly: {\n\t\t\ttrue: \"px-0 !gap-0\",\n\t\t\tfalse: \"[&>svg]:max-w-[theme(spacing.8)]\",\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: \"!transition-none data-[pressed=true]:scale-100\",\n\t\t\tfalse: \"transition-transform-colors-opacity motion-reduce:transition-none\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tfullWidth: false,\n\t\tisDisabled: false,\n\t\tisInGroup: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.solid.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.solid.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.solid.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.solid.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.solid.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.solid.danger,\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.shadow.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.shadow.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.shadow.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.shadow.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.shadow.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.shadow.danger,\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.bordered.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.bordered.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.bordered.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.bordered.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.bordered.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.bordered.danger,\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.flat.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.flat.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.flat.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.flat.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.flat.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.flat.danger,\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.faded.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.faded.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.faded.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.faded.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.faded.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.faded.danger,\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.light.default, \"data-[hover=true]:bg-default/40\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.light.primary, \"data-[hover=true]:bg-primary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.light.secondary, \"data-[hover=true]:bg-secondary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.light.success, \"data-[hover=true]:bg-success/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.light.warning, \"data-[hover=true]:bg-warning/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.light.danger, \"data-[hover=true]:bg-danger/20\"],\n\t\t},\n\t\t// ghost / color\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.ghost.default, \"data-[hover=true]:!bg-default\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.ghost.primary, \"data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.ghost.secondary, \"data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.ghost.success, \"data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.ghost.warning, \"data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.ghost.danger, \"data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground\"],\n\t\t},\n\t\t// isInGroup / radius / size <-- radius not provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tisRounded: true,\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / radius <-- radius provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"none\",\n\t\t\tclass: \"rounded-none first:rounded-s-none last:rounded-e-none\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"full\",\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / bordered / ghost\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"default\",\n\t\t\tclassName: collapseAdjacentVariantBorders.default,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"primary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.primary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"secondary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.secondary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"success\",\n\t\t\tclassName: collapseAdjacentVariantBorders.success,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"warning\",\n\t\t\tclassName: collapseAdjacentVariantBorders.warning,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"danger\",\n\t\t\tclassName: collapseAdjacentVariantBorders.danger,\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"min-w-8 w-8 h-8\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"min-w-10 w-10 h-10\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"min-w-12 w-12 h-12\",\n\t\t},\n\t\t// variant / hover\n\t\t{\n\t\t\tvariant: [\"solid\", \"faded\", \"flat\", \"bordered\", \"shadow\"],\n\t\t\tclass: \"hover:opacity-80\",\n\t\t},\n\t],\n});\n\nexport type ButtonVariantProps = VariantProps<typeof button>;\n\nexport { button };\n","import { dataAttr, useDOMRef, type ReactRef } from \"@/functions\";\nimport { button, type ButtonVariantProps } from \"@/theme/color/button\";\nimport type { SlotsToClasses } from \"@/types\";\nimport clsx from \"clsx\";\nimport { isValidElement, cloneElement, useMemo, useCallback, useId } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode, MouseEventHandler, HTMLAttributes } from \"react\";\nimport type { RippleProps } from \"../ripple/ripple\";\nimport { useRipple } from \"../ripple/use-ripple\";\n\nexport interface UseButtonProps extends ButtonVariantProps, Omit<HTMLAttributes<HTMLElement>, keyof ButtonVariantProps> {\n\tref?: ReactRef<HTMLButtonElement | null>;\n\tid?: string;\n\tclassNames?: SlotsToClasses<ReturnType<typeof button>>;\n\tclassName?: string;\n\tasChild?: boolean;\n\tchildren?: ReactNode;\n\tisIconOnly?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tstartContent?: ReactNode;\n\tendContent?: ReactNode;\n\tspinner?: ReactNode;\n\tspinnerPlacement?: \"start\" | \"end\";\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport function useButton(props: UseButtonProps) {\n\tconst {\n\t\tid,\n\t\tclassNames,\n\t\tclassName,\n\t\tasChild,\n\t\tchildren,\n\t\tisLoading = false,\n\t\tdisabled = false,\n\t\tisIconOnly = false,\n\t\tonClick,\n\t\tstartContent: startContentProp,\n\t\tendContent: endContentProp,\n\t\tspinner = null,\n\t\tspinnerPlacement = \"start\",\n type = \"button\",\n\t\t...rest\n\t} = props;\n\n\tconst domRef = useDOMRef(props.ref);\n\tconst buttonId = useId();\n\tconst resolvedId = id || buttonId;\n\n\tconst { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();\n\n\tconst styles = useMemo(\n\t\t() =>\n\t\t\tbutton({\n\t\t\t\tsize: props.size,\n\t\t\t\tcolor: props.color,\n\t\t\t\tvariant: props.variant,\n\t\t\t\tradius: props.radius,\n\t\t\t\tfullWidth: props.fullWidth,\n\t\t\t\tisDisabled: disabled || isLoading,\n\t\t\t\tdisableAnimation: props.disableAnimation,\n\t\t\t\tisIconOnly: isIconOnly,\n\t\t\t\tisInGroup: props.isInGroup,\n\t\t\t\tclassName,\n\t\t\t}),\n\t\t[props, className, disabled, isLoading, isIconOnly],\n\t);\n\n\tconst handleClick: MouseEventHandler<HTMLElement> = useCallback(\n\t\t(e) => {\n\t\t\tif (disabled) {\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(e);\n\t\t},\n\t\t[onClick, disabled],\n\t);\n\n\tconst getIconClone = (icon: ReactNode) =>\n\t\tisValidElement(icon)\n\t\t\t? cloneElement(icon, {\n\t\t\t\t\t// \"aria-hidden\": true,\n\t\t\t\t\t// \"focusable\": false,\n\t\t\t })\n\t\t\t: null;\n\n\tconst startContent = getIconClone(startContentProp);\n\tconst endContent = getIconClone(endContentProp);\n\n\tconst handlePointerDown = (e: React.PointerEvent<HTMLButtonElement>) => {\n\t\tconst rect = e.currentTarget.getBoundingClientRect();\n\t\tconst customEvent = {\n\t\t\ttarget: e.currentTarget,\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t};\n\n\t\tonRipplePressHandler(customEvent);\n\t};\n\n\tconst getButtonProps = () => ({\n\t\t\"className\": clsx(styles, classNames?.base),\n\t\t\"data-disabled\": dataAttr(disabled),\n\t\t\"data-loading\": dataAttr(isLoading),\n\t\t\"onClick\": handleClick,\n\t\t\"onPointerDown\": handlePointerDown,\n\t\t\"data-slot\": \"button\",\n\t\t\"aria-disabled\": disabled,\n\t\t\"id\": resolvedId,\n \"type\": type,\n\t\t...rest,\n\t});\n\n\tconst getRippleProps = useCallback<() => RippleProps>(() => ({ ripples, onClear: onClearRipple }), [ripples, onClearRipple]);\n\n\tconst Component = asChild ? Slot : \"button\";\n\n\treturn {\n\t\tdomRef,\n\t\tisIconOnly,\n\t\tComponent,\n\t\tchildren,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t};\n}\n\nexport type UseButtonReturn = ReturnType<typeof useButton>;\n","const Spinner = () => {\n\treturn (\n\t\t<div aria-label=\"Loading\" className=\"relative inline-flex flex-col gap-2 items-center justify-center\">\n\t\t\t<div className=\"relative flex w-5 h-5\">\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nexport default Spinner;\n","import { forwardRef, useMemo } from \"react\";\nimport { useButton, type UseButtonProps } from \"./use-button\";\nimport Ripple from \"../ripple/ripple\";\nimport Spinner from \"./spinner\";\n\nexport interface ButtonProps extends UseButtonProps {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n\tconst {\n\t\tComponent,\n\t\tdomRef,\n\t\tchildren,\n\t\tisIconOnly,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t} = useButton({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst fallbackSpinner = useMemo(() => <Spinner />, []);\n\tconst finalSpinner = spinner ?? fallbackSpinner;\n\n\treturn (\n\t\t<Component {...getButtonProps()} ref={domRef}>\n\t\t\t{startContent}\n\t\t\t{isLoading && spinnerPlacement === \"start\" && finalSpinner}\n\t\t\t{isLoading && isIconOnly ? null : children}\n\t\t\t{isLoading && spinnerPlacement === \"end\" && finalSpinner}\n\t\t\t{endContent}\n\t\t\t<Ripple {...getRippleProps()} />\n\t\t</Component>\n\t);\n});\n\nButton.displayName = \"Custom.Button\";\n\nexport default Button;\n"],"names":["tv","dataFocusVisibleClasses","colorVariants","collapseAdjacentVariantBorders","useDOMRef","useId","useRipple","useMemo","useCallback","isValidElement","cloneElement","dataAttr","Slot","jsx","jsxs","forwardRef","Ripple"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef, useId, useMemo, useCallback, forwardRef, cloneElement } from "react";
|
|
3
3
|
import { S as Slot } from "./index-B4RTH1-D.js";
|
|
4
|
-
import { t as tv } from "./tv-
|
|
4
|
+
import { t as tv } from "./tv-B0li4IsO.js";
|
|
5
5
|
import { h as hiddenInputClasses, g as groupDataFocusVisibleClasses } from "./classes-D2Fdo0zM.js";
|
|
6
6
|
import { d as dataAttr } from "./assertion-LpGn6Vzq.js";
|
|
7
7
|
import { m as mergeRefs } from "./refs-BU_puN47.js";
|
|
8
|
-
import
|
|
8
|
+
import clsx from "clsx";
|
|
9
9
|
const checkbox = tv({
|
|
10
10
|
slots: {
|
|
11
11
|
base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
|
|
@@ -328,4 +328,4 @@ export {
|
|
|
328
328
|
Checkbox as C,
|
|
329
329
|
CheckboxIcon as a
|
|
330
330
|
};
|
|
331
|
-
//# sourceMappingURL=checkbox-
|
|
331
|
+
//# sourceMappingURL=checkbox-C1Sssumg.js.map
|