@sikka/hawa 0.42.0-next → 0.42.1-next
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/{DropdownMenu-SFJtRGAw.d.ts → DropdownMenu-DgV8PvW3.d.ts} +1 -0
- package/dist/{DropdownMenu-FVVDS2rX.d.mts → DropdownMenu-dvd9brmT.d.mts} +1 -0
- package/dist/appLayout/index.js +3 -1
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +3 -1
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/appTopbar/index.js +3 -1
- package/dist/appTopbar/index.js.map +1 -1
- package/dist/appTopbar/index.mjs +3 -1
- package/dist/appTopbar/index.mjs.map +1 -1
- package/dist/backToTop/index.js +4 -8
- package/dist/backToTop/index.js.map +1 -1
- package/dist/backToTop/index.mjs +4 -8
- package/dist/backToTop/index.mjs.map +1 -1
- package/dist/blocks/feedback/index.js +2 -4
- package/dist/blocks/feedback/index.mjs +1 -1
- package/dist/blocks/index.d.mts +1 -1
- package/dist/blocks/index.d.ts +1 -1
- package/dist/blocks/index.js +6 -7
- package/dist/blocks/index.mjs +4 -4
- package/dist/blocks/misc/index.js +1 -2
- package/dist/blocks/misc/index.mjs +1 -1
- package/dist/blocks/pricing/index.js +3 -6
- package/dist/blocks/pricing/index.mjs +2 -2
- package/dist/carousel/index.js +1 -2
- package/dist/carousel/index.js.map +1 -1
- package/dist/carousel/index.mjs +1 -2
- package/dist/carousel/index.mjs.map +1 -1
- package/dist/{chunk-SYGWSBJL.mjs → chunk-2LUXOXAL.mjs} +1 -2
- package/dist/{chunk-FP6763YO.mjs → chunk-DBOKFWWD.mjs} +3 -1
- package/dist/{chunk-K5S7P5ZO.mjs → chunk-DGM7WFJR.mjs} +2 -4
- package/dist/{chunk-2GEXJLRC.mjs → chunk-OXZBK6KQ.mjs} +1 -1
- package/dist/{chunk-7R25FOBM.mjs → chunk-Q3IS4SMU.mjs} +5 -8
- package/dist/{chunk-XCW5YNMS.mjs → chunk-QUN7JBW3.mjs} +1 -2
- package/dist/{chunk-I3AK6DXN.mjs → chunk-RGOMP4PW.mjs} +1 -2
- package/dist/codeBlock/index.mjs +1 -2
- package/dist/codeBlock/index.mjs.map +1 -1
- package/dist/command/index.js +1 -2
- package/dist/command/index.js.map +1 -1
- package/dist/command/index.mjs +1 -2
- package/dist/command/index.mjs.map +1 -1
- package/dist/dataTable/index.js +3 -1
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +3 -1
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/dropdownMenu/index.d.mts +1 -0
- package/dist/dropdownMenu/index.d.ts +1 -0
- package/dist/dropdownMenu/index.js +3 -1
- package/dist/dropdownMenu/index.js.map +1 -1
- package/dist/dropdownMenu/index.mjs +3 -1
- package/dist/dropdownMenu/index.mjs.map +1 -1
- package/dist/elements/index.d.mts +1 -1
- package/dist/elements/index.d.ts +1 -1
- package/dist/elements/index.js +18 -31
- package/dist/elements/index.mjs +17 -29
- package/dist/glow/index.js +1 -2
- package/dist/glow/index.js.map +1 -1
- package/dist/glow/index.mjs +1 -2
- package/dist/glow/index.mjs.map +1 -1
- package/dist/hooks/index.js +1 -2
- package/dist/hooks/index.mjs +2 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +19 -33
- package/dist/index.mjs +20 -35
- package/dist/interfaceSettings/index.js +2 -4
- package/dist/interfaceSettings/index.js.map +1 -1
- package/dist/interfaceSettings/index.mjs +2 -4
- package/dist/interfaceSettings/index.mjs.map +1 -1
- package/dist/layout/index.d.mts +1 -1
- package/dist/layout/index.d.ts +1 -1
- package/dist/layout/index.js +3 -1
- package/dist/layout/index.mjs +3 -3
- package/dist/passwordInput/index.js +5 -10
- package/dist/passwordInput/index.js.map +1 -1
- package/dist/passwordInput/index.mjs +5 -10
- package/dist/passwordInput/index.mjs.map +1 -1
- package/dist/radio/index.js +2 -4
- package/dist/radio/index.js.map +1 -1
- package/dist/radio/index.mjs +2 -4
- package/dist/radio/index.mjs.map +1 -1
- package/dist/scrollArea/index.js +1 -2
- package/dist/scrollArea/index.js.map +1 -1
- package/dist/scrollArea/index.mjs +1 -2
- package/dist/scrollArea/index.mjs.map +1 -1
- package/dist/scrollIndicator/index.js +1 -2
- package/dist/scrollIndicator/index.js.map +1 -1
- package/dist/scrollIndicator/index.mjs +1 -2
- package/dist/scrollIndicator/index.mjs.map +1 -1
- package/dist/splitButton/index.js +3 -1
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +3 -1
- package/dist/splitButton/index.mjs.map +1 -1
- package/dist/tabs/index.js +1 -2
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +1 -2
- package/dist/tabs/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/elements/index.mjs
CHANGED
@@ -26,10 +26,10 @@ import {
|
|
26
26
|
TabsList,
|
27
27
|
TabsTrigger,
|
28
28
|
Textarea
|
29
|
-
} from "../chunk-
|
29
|
+
} from "../chunk-Q3IS4SMU.mjs";
|
30
30
|
import {
|
31
31
|
useClipboard
|
32
|
-
} from "../chunk-
|
32
|
+
} from "../chunk-QUN7JBW3.mjs";
|
33
33
|
import {
|
34
34
|
Sheet,
|
35
35
|
SheetClose,
|
@@ -41,7 +41,7 @@ import {
|
|
41
41
|
SheetPortal,
|
42
42
|
SheetTitle,
|
43
43
|
SheetTrigger
|
44
|
-
} from "../chunk-
|
44
|
+
} from "../chunk-OXZBK6KQ.mjs";
|
45
45
|
import {
|
46
46
|
Button,
|
47
47
|
Card,
|
@@ -81,10 +81,10 @@ import {
|
|
81
81
|
buttonVariants,
|
82
82
|
calculateLuminance,
|
83
83
|
cn
|
84
|
-
} from "../chunk-
|
84
|
+
} from "../chunk-DBOKFWWD.mjs";
|
85
85
|
import {
|
86
86
|
__require
|
87
|
-
} from "../chunk-
|
87
|
+
} from "../chunk-2LUXOXAL.mjs";
|
88
88
|
|
89
89
|
// elements/accordion/Accordion.tsx
|
90
90
|
import * as React3 from "react";
|
@@ -1460,15 +1460,12 @@ var BackToTop = ({ ...props }) => {
|
|
1460
1460
|
}
|
1461
1461
|
};
|
1462
1462
|
useEffect3(() => {
|
1463
|
-
if (!props.anchor.current)
|
1464
|
-
return;
|
1463
|
+
if (!props.anchor.current) return;
|
1465
1464
|
props.anchor.current.addEventListener("scroll", onScroll);
|
1466
1465
|
let interval = setInterval(() => {
|
1467
|
-
if (!props.anchor.current)
|
1468
|
-
return;
|
1466
|
+
if (!props.anchor.current) return;
|
1469
1467
|
let newRect = props.anchor.current.getBoundingClientRect();
|
1470
|
-
if (_rect.current == null)
|
1471
|
-
return setRect(newRect);
|
1468
|
+
if (_rect.current == null) return setRect(newRect);
|
1472
1469
|
if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
|
1473
1470
|
setRect(newRect);
|
1474
1471
|
}
|
@@ -1481,8 +1478,7 @@ var BackToTop = ({ ...props }) => {
|
|
1481
1478
|
}, [onScroll, props.anchor]);
|
1482
1479
|
const getStyles = () => {
|
1483
1480
|
var _a;
|
1484
|
-
if (!props.anchor.current || !self.current)
|
1485
|
-
return {};
|
1481
|
+
if (!props.anchor.current || !self.current) return {};
|
1486
1482
|
let corner = props.corner || "bottom-right";
|
1487
1483
|
let [vertical, horizontal] = corner.split("-");
|
1488
1484
|
let anchorRect = props.anchor.current.getBoundingClientRect();
|
@@ -1673,8 +1669,7 @@ var FullCommand = ({
|
|
1673
1669
|
{
|
1674
1670
|
key: subIndex,
|
1675
1671
|
onSelect: () => {
|
1676
|
-
if (onActionClick)
|
1677
|
-
onActionClick();
|
1672
|
+
if (onActionClick) onActionClick();
|
1678
1673
|
subItem.action();
|
1679
1674
|
}
|
1680
1675
|
},
|
@@ -2696,16 +2691,11 @@ var PasswordInput = ({
|
|
2696
2691
|
useEffect8(() => {
|
2697
2692
|
const calculateStrength = () => {
|
2698
2693
|
let strengthScore = 0;
|
2699
|
-
if (lengthCriteriaMet)
|
2700
|
-
|
2701
|
-
if (
|
2702
|
-
|
2703
|
-
if (
|
2704
|
-
strengthScore += 1;
|
2705
|
-
if (lowercaseCriteriaMet)
|
2706
|
-
strengthScore += 1;
|
2707
|
-
if (uppercaseCriteriaMet)
|
2708
|
-
strengthScore += 1;
|
2694
|
+
if (lengthCriteriaMet) strengthScore += 1;
|
2695
|
+
if (numberCriteriaMet) strengthScore += 1;
|
2696
|
+
if (specialCharCriteriaMet) strengthScore += 1;
|
2697
|
+
if (lowercaseCriteriaMet) strengthScore += 1;
|
2698
|
+
if (uppercaseCriteriaMet) strengthScore += 1;
|
2709
2699
|
return strengthScore;
|
2710
2700
|
};
|
2711
2701
|
const currentStrengthScore = calculateStrength();
|
@@ -2893,8 +2883,7 @@ var ScrollIndicator = ({
|
|
2893
2883
|
}
|
2894
2884
|
};
|
2895
2885
|
useEffect9(() => {
|
2896
|
-
if (!anchor.current)
|
2897
|
-
return;
|
2886
|
+
if (!anchor.current) return;
|
2898
2887
|
anchor.current.addEventListener("scroll", onScroll);
|
2899
2888
|
return () => {
|
2900
2889
|
var _a;
|
@@ -3112,8 +3101,7 @@ var Carousel = ({
|
|
3112
3101
|
}, autoplayInterval);
|
3113
3102
|
}
|
3114
3103
|
return () => {
|
3115
|
-
if (autoplayTimer)
|
3116
|
-
clearInterval(autoplayTimer);
|
3104
|
+
if (autoplayTimer) clearInterval(autoplayTimer);
|
3117
3105
|
};
|
3118
3106
|
}, [emblaApi, autoplay, autoplayInterval]);
|
3119
3107
|
const length = React28.Children.count(items);
|
package/dist/glow/index.js
CHANGED
@@ -116,8 +116,7 @@ var Glow = ({
|
|
116
116
|
});
|
117
117
|
});
|
118
118
|
const capture = (_a = element.current) == null ? void 0 : _a.closest(".glow-capture");
|
119
|
-
if (capture)
|
120
|
-
observer.observe(capture);
|
119
|
+
if (capture) observer.observe(capture);
|
121
120
|
return () => observer.disconnect();
|
122
121
|
}, []);
|
123
122
|
return /* @__PURE__ */ import_react.default.createElement("div", { ref: element, className: "hawa-glow", style: { display: "grid" } }, /* @__PURE__ */ import_react.default.createElement(
|
package/dist/glow/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../elements/glow/index.ts","../../elements/glow/Glow.tsx"],"sourcesContent":["export * from \"./Glow\";\n","import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const move = (e: PointerEvent) => {\n if (e.pointerType === \"mouse\") {\n requestAnimationFrame(() => {\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n });\n }\n };\n\n const leave = () => {\n element.current?.style.removeProperty(\"--glow-x\");\n element.current?.style.removeProperty(\"--glow-y\");\n };\n\n element.current?.addEventListener(\"pointermove\", move, { passive: true });\n element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n return () => {\n element.current?.removeEventListener(\"pointermove\", move);\n element.current?.removeEventListener(\"pointerleave\", leave);\n };\n }, []);\n\n return (\n <div\n ref={element}\n className={`hawa-glow-capture ${className}`}\n style={\n {\n position: \"relative\",\n \"--glow-size\": `${size}px`,\n } as CSSProperties\n }\n {...rest}\n />\n );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n className = \"\",\n style = {},\n\n color = \"#f50057\",\n debug = false,\n ...rest\n}) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n\n useEffect(() => {\n const observer = new ResizeObserver(() => {\n requestAnimationFrame(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n });\n\n const capture = element.current?.closest(\".glow-capture\");\n if (capture) observer.observe(capture);\n\n return () => observer.disconnect();\n }, []);\n\n return (\n <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n <div\n className={className}\n style={{\n ...style,\n gridArea: \"1/1/1/1\",\n }}\n {...rest}\n >\n {rest.children}\n </div>\n <div\n className={`glow-mask ${className}`}\n // @ts-ignore\n glow=\"true\"\n style={\n {\n ...style,\n \"--glow-color\": color,\n gridArea: \"1/1/1/1\",\n pointerEvents: \"none\",\n mask: debug ? undefined : mask,\n WebkitMask: debug ? undefined : mask,\n } as CSSProperties\n }\n {...rest}\n >\n {rest.children}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAwD;AAEjD,IAAM,cAAc,CAAC,EAAE,YAAY,IAAI,OAAO,KAAK,GAAG,KAAK,MAAM;AACtE,QAAM,cAAU,qBAAuB,IAAI;AAE3C,8BAAU,MAAM;AALlB;AAMI,UAAM,OAAO,CAAC,MAAoB;AAChC,UAAI,EAAE,gBAAgB,SAAS;AAC7B,8BAAsB,MAAM;AARpC,cAAAA,KAAAC;AAUU,WAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,YAAY,YAAY,GAAG,EAAE,MAAM;AAE1D,WAAAC,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,YAAY,YAAY,GAAG,EAAE,MAAM;AAAA,QAC5D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM;AAjBxB,UAAAD,KAAAC;AAkBM,OAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,eAAe;AACtC,OAAAC,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,eAAe;AAAA,IACxC;AAEA,kBAAQ,YAAR,mBAAiB,iBAAiB,eAAe,MAAM,EAAE,SAAS,KAAK;AACvE,kBAAQ,YAAR,mBAAiB,iBAAiB,gBAAgB,OAAO,EAAE,SAAS,KAAK;AACzE,WAAO,MAAM;AAxBjB,UAAAD,KAAAC;AAyBM,OAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,oBAAoB,eAAe;AACpD,OAAAC,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,oBAAoB,gBAAgB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,qBAAqB,SAAS;AAAA,MACzC,OACE;AAAA,QACE,UAAU;AAAA,QACV,eAAe,GAAG,IAAI;AAAA,MACxB;AAAA,MAED,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,OAAO;AAAA;AAAA;AAAA;AAKN,IAAM,OAAO,CAAC;AAAA,EACnB,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,qBAAuB,IAAI;AAE3C,8BAAU,MAAM;AA5DlB;AA6DI,kBAAQ,YAAR,mBAAiB,MAAM;AAAA,MACrB;AAAA,MACA,IAAG,aAAQ,YAAR,mBAAiB,SAAS;AAAA;AAE/B,kBAAQ,YAAR,mBAAiB,MAAM;AAAA,MACrB;AAAA,MACA,IAAG,aAAQ,YAAR,mBAAiB,UAAU;AAAA;AAAA,EAElC,CAAC;AAED,8BAAU,MAAM;AAvElB;AAwEI,UAAM,WAAW,IAAI,eAAe,MAAM;AACxC,4BAAsB,MAAM;AAzElC,YAAAF,KAAA;AA0EQ,sBAAQ,YAAR,mBAAiB,MAAM;AAAA,UACrB;AAAA,UACA,IAAGA,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,SAAS;AAAA;AAE/B,sBAAQ,YAAR,mBAAiB,MAAM;AAAA,UACrB;AAAA,UACA,IAAG,aAAQ,YAAR,mBAAiB,UAAU;AAAA;AAAA,MAElC,CAAC;AAAA,IACH,CAAC;AAED,UAAM,WAAU,aAAQ,YAAR,mBAAiB,QAAQ;AACzC,QAAI
|
1
|
+
{"version":3,"sources":["../../elements/glow/index.ts","../../elements/glow/Glow.tsx"],"sourcesContent":["export * from \"./Glow\";\n","import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const move = (e: PointerEvent) => {\n if (e.pointerType === \"mouse\") {\n requestAnimationFrame(() => {\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n });\n }\n };\n\n const leave = () => {\n element.current?.style.removeProperty(\"--glow-x\");\n element.current?.style.removeProperty(\"--glow-y\");\n };\n\n element.current?.addEventListener(\"pointermove\", move, { passive: true });\n element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n return () => {\n element.current?.removeEventListener(\"pointermove\", move);\n element.current?.removeEventListener(\"pointerleave\", leave);\n };\n }, []);\n\n return (\n <div\n ref={element}\n className={`hawa-glow-capture ${className}`}\n style={\n {\n position: \"relative\",\n \"--glow-size\": `${size}px`,\n } as CSSProperties\n }\n {...rest}\n />\n );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n className = \"\",\n style = {},\n\n color = \"#f50057\",\n debug = false,\n ...rest\n}) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n\n useEffect(() => {\n const observer = new ResizeObserver(() => {\n requestAnimationFrame(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n });\n\n const capture = element.current?.closest(\".glow-capture\");\n if (capture) observer.observe(capture);\n\n return () => observer.disconnect();\n }, []);\n\n return (\n <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n <div\n className={className}\n style={{\n ...style,\n gridArea: \"1/1/1/1\",\n }}\n {...rest}\n >\n {rest.children}\n </div>\n <div\n className={`glow-mask ${className}`}\n // @ts-ignore\n glow=\"true\"\n style={\n {\n ...style,\n \"--glow-color\": color,\n gridArea: \"1/1/1/1\",\n pointerEvents: \"none\",\n mask: debug ? undefined : mask,\n WebkitMask: debug ? undefined : mask,\n } as CSSProperties\n }\n {...rest}\n >\n {rest.children}\n </div>\n </div>\n );\n};\n"],"mappings":"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","names":["_a","_b","React"]}
|
package/dist/glow/index.mjs
CHANGED
@@ -80,8 +80,7 @@ var Glow = ({
|
|
80
80
|
});
|
81
81
|
});
|
82
82
|
const capture = (_a = element.current) == null ? void 0 : _a.closest(".glow-capture");
|
83
|
-
if (capture)
|
84
|
-
observer.observe(capture);
|
83
|
+
if (capture) observer.observe(capture);
|
85
84
|
return () => observer.disconnect();
|
86
85
|
}, []);
|
87
86
|
return /* @__PURE__ */ React.createElement("div", { ref: element, className: "hawa-glow", style: { display: "grid" } }, /* @__PURE__ */ React.createElement(
|
package/dist/glow/index.mjs.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../elements/glow/Glow.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const move = (e: PointerEvent) => {\n if (e.pointerType === \"mouse\") {\n requestAnimationFrame(() => {\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n });\n }\n };\n\n const leave = () => {\n element.current?.style.removeProperty(\"--glow-x\");\n element.current?.style.removeProperty(\"--glow-y\");\n };\n\n element.current?.addEventListener(\"pointermove\", move, { passive: true });\n element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n return () => {\n element.current?.removeEventListener(\"pointermove\", move);\n element.current?.removeEventListener(\"pointerleave\", leave);\n };\n }, []);\n\n return (\n <div\n ref={element}\n className={`hawa-glow-capture ${className}`}\n style={\n {\n position: \"relative\",\n \"--glow-size\": `${size}px`,\n } as CSSProperties\n }\n {...rest}\n />\n );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n className = \"\",\n style = {},\n\n color = \"#f50057\",\n debug = false,\n ...rest\n}) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n\n useEffect(() => {\n const observer = new ResizeObserver(() => {\n requestAnimationFrame(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n });\n\n const capture = element.current?.closest(\".glow-capture\");\n if (capture) observer.observe(capture);\n\n return () => observer.disconnect();\n }, []);\n\n return (\n <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n <div\n className={className}\n style={{\n ...style,\n gridArea: \"1/1/1/1\",\n }}\n {...rest}\n >\n {rest.children}\n </div>\n <div\n className={`glow-mask ${className}`}\n // @ts-ignore\n glow=\"true\"\n style={\n {\n ...style,\n \"--glow-color\": color,\n gridArea: \"1/1/1/1\",\n pointerEvents: \"none\",\n mask: debug ? undefined : mask,\n WebkitMask: debug ? undefined : mask,\n } as CSSProperties\n }\n {...rest}\n >\n {rest.children}\n </div>\n </div>\n );\n};\n"],"mappings":";;;AAAA,OAAO,SAAwB,WAAW,cAAc;AAEjD,IAAM,cAAc,CAAC,EAAE,YAAY,IAAI,OAAO,KAAK,GAAG,KAAK,MAAM;AACtE,QAAM,UAAU,OAAuB,IAAI;AAE3C,YAAU,MAAM;AALlB;AAMI,UAAM,OAAO,CAAC,MAAoB;AAChC,UAAI,EAAE,gBAAgB,SAAS;AAC7B,8BAAsB,MAAM;AARpC,cAAAA,KAAAC;AAUU,WAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,YAAY,YAAY,GAAG,EAAE,MAAM;AAE1D,WAAAC,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,YAAY,YAAY,GAAG,EAAE,MAAM;AAAA,QAC5D,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM;AAjBxB,UAAAD,KAAAC;AAkBM,OAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,eAAe;AACtC,OAAAC,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,MAAM,eAAe;AAAA,IACxC;AAEA,kBAAQ,YAAR,mBAAiB,iBAAiB,eAAe,MAAM,EAAE,SAAS,KAAK;AACvE,kBAAQ,YAAR,mBAAiB,iBAAiB,gBAAgB,OAAO,EAAE,SAAS,KAAK;AACzE,WAAO,MAAM;AAxBjB,UAAAD,KAAAC;AAyBM,OAAAD,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,oBAAoB,eAAe;AACpD,OAAAC,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,oBAAoB,gBAAgB;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,qBAAqB,SAAS;AAAA,MACzC,OACE;AAAA,QACE,UAAU;AAAA,QACV,eAAe,GAAG,IAAI;AAAA,MACxB;AAAA,MAED,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,OAAO;AAAA;AAAA;AAAA;AAKN,IAAM,OAAO,CAAC;AAAA,EACnB,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EAET,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,OAAuB,IAAI;AAE3C,YAAU,MAAM;AA5DlB;AA6DI,kBAAQ,YAAR,mBAAiB,MAAM;AAAA,MACrB;AAAA,MACA,IAAG,aAAQ,YAAR,mBAAiB,SAAS;AAAA;AAE/B,kBAAQ,YAAR,mBAAiB,MAAM;AAAA,MACrB;AAAA,MACA,IAAG,aAAQ,YAAR,mBAAiB,UAAU;AAAA;AAAA,EAElC,CAAC;AAED,YAAU,MAAM;AAvElB;AAwEI,UAAM,WAAW,IAAI,eAAe,MAAM;AACxC,4BAAsB,MAAM;AAzElC,YAAAD,KAAA;AA0EQ,sBAAQ,YAAR,mBAAiB,MAAM;AAAA,UACrB;AAAA,UACA,IAAGA,MAAA,QAAQ,YAAR,gBAAAA,IAAiB,SAAS;AAAA;AAE/B,sBAAQ,YAAR,mBAAiB,MAAM;AAAA,UACrB;AAAA,UACA,IAAG,aAAQ,YAAR,mBAAiB,UAAU;AAAA;AAAA,MAElC,CAAC;AAAA,IACH,CAAC;AAED,UAAM,WAAU,aAAQ,YAAR,mBAAiB,QAAQ;AACzC,QAAI
|
1
|
+
{"version":3,"sources":["../../elements/glow/Glow.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const move = (e: PointerEvent) => {\n if (e.pointerType === \"mouse\") {\n requestAnimationFrame(() => {\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n // @ts-ignore\n element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n });\n }\n };\n\n const leave = () => {\n element.current?.style.removeProperty(\"--glow-x\");\n element.current?.style.removeProperty(\"--glow-y\");\n };\n\n element.current?.addEventListener(\"pointermove\", move, { passive: true });\n element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n return () => {\n element.current?.removeEventListener(\"pointermove\", move);\n element.current?.removeEventListener(\"pointerleave\", leave);\n };\n }, []);\n\n return (\n <div\n ref={element}\n className={`hawa-glow-capture ${className}`}\n style={\n {\n position: \"relative\",\n \"--glow-size\": `${size}px`,\n } as CSSProperties\n }\n {...rest}\n />\n );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n className = \"\",\n style = {},\n\n color = \"#f50057\",\n debug = false,\n ...rest\n}) => {\n const element = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n\n useEffect(() => {\n const observer = new ResizeObserver(() => {\n requestAnimationFrame(() => {\n element.current?.style.setProperty(\n \"--glow-top\",\n `${element.current?.offsetTop}px`,\n );\n element.current?.style.setProperty(\n \"--glow-left\",\n `${element.current?.offsetLeft}px`,\n );\n });\n });\n\n const capture = element.current?.closest(\".glow-capture\");\n if (capture) observer.observe(capture);\n\n return () => observer.disconnect();\n }, []);\n\n return (\n <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n <div\n className={className}\n style={{\n ...style,\n gridArea: \"1/1/1/1\",\n }}\n {...rest}\n >\n {rest.children}\n </div>\n <div\n className={`glow-mask ${className}`}\n // @ts-ignore\n glow=\"true\"\n style={\n {\n ...style,\n \"--glow-color\": color,\n gridArea: \"1/1/1/1\",\n pointerEvents: \"none\",\n mask: debug ? undefined : mask,\n WebkitMask: debug ? undefined : mask,\n } as CSSProperties\n }\n {...rest}\n >\n {rest.children}\n </div>\n </div>\n );\n};\n"],"mappings":"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","names":["_a","_b"]}
|
package/dist/hooks/index.js
CHANGED
package/dist/hooks/index.mjs
CHANGED
@@ -18,11 +18,11 @@ import {
|
|
18
18
|
useViewportSize,
|
19
19
|
useWindowEvent,
|
20
20
|
useWindowSize
|
21
|
-
} from "../chunk-
|
21
|
+
} from "../chunk-QUN7JBW3.mjs";
|
22
22
|
import {
|
23
23
|
useBreakpoint,
|
24
24
|
useClickOutside
|
25
|
-
} from "../chunk-
|
25
|
+
} from "../chunk-2LUXOXAL.mjs";
|
26
26
|
export {
|
27
27
|
getHotkeyHandler,
|
28
28
|
getHotkeyMatcher,
|
package/dist/index.d.mts
CHANGED
@@ -183,6 +183,7 @@ interface DropdownMenuProps {
|
|
183
183
|
side?: ExtendedDropdownMenuContentProps["side"];
|
184
184
|
align?: ExtendedDropdownMenuContentProps["align"];
|
185
185
|
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
186
|
+
contentProps?: ExtendedDropdownMenuContentProps;
|
186
187
|
width?: "default" | "sm" | "lg" | "parent";
|
187
188
|
size?: "default" | "sm";
|
188
189
|
onItemSelect?: any;
|
package/dist/index.d.ts
CHANGED
@@ -183,6 +183,7 @@ interface DropdownMenuProps {
|
|
183
183
|
side?: ExtendedDropdownMenuContentProps["side"];
|
184
184
|
align?: ExtendedDropdownMenuContentProps["align"];
|
185
185
|
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
186
|
+
contentProps?: ExtendedDropdownMenuContentProps;
|
186
187
|
width?: "default" | "sm" | "lg" | "parent";
|
187
188
|
size?: "default" | "sm";
|
188
189
|
onItemSelect?: any;
|
package/dist/index.js
CHANGED
@@ -896,6 +896,7 @@ var DropdownMenu = ({
|
|
896
896
|
side,
|
897
897
|
className,
|
898
898
|
classNames,
|
899
|
+
contentProps,
|
899
900
|
triggerClassname,
|
900
901
|
triggerProps,
|
901
902
|
align,
|
@@ -953,7 +954,8 @@ var DropdownMenu = ({
|
|
953
954
|
),
|
954
955
|
style: {
|
955
956
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
956
|
-
}
|
957
|
+
},
|
958
|
+
...contentProps
|
957
959
|
},
|
958
960
|
header && header,
|
959
961
|
items && items.map((item, index) => {
|
@@ -3821,15 +3823,12 @@ var BackToTop = ({ ...props }) => {
|
|
3821
3823
|
}
|
3822
3824
|
};
|
3823
3825
|
(0, import_react12.useEffect)(() => {
|
3824
|
-
if (!props.anchor.current)
|
3825
|
-
return;
|
3826
|
+
if (!props.anchor.current) return;
|
3826
3827
|
props.anchor.current.addEventListener("scroll", onScroll);
|
3827
3828
|
let interval = setInterval(() => {
|
3828
|
-
if (!props.anchor.current)
|
3829
|
-
return;
|
3829
|
+
if (!props.anchor.current) return;
|
3830
3830
|
let newRect = props.anchor.current.getBoundingClientRect();
|
3831
|
-
if (_rect.current == null)
|
3832
|
-
return setRect(newRect);
|
3831
|
+
if (_rect.current == null) return setRect(newRect);
|
3833
3832
|
if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
|
3834
3833
|
setRect(newRect);
|
3835
3834
|
}
|
@@ -3842,8 +3841,7 @@ var BackToTop = ({ ...props }) => {
|
|
3842
3841
|
}, [onScroll, props.anchor]);
|
3843
3842
|
const getStyles = () => {
|
3844
3843
|
var _a;
|
3845
|
-
if (!props.anchor.current || !self.current)
|
3846
|
-
return {};
|
3844
|
+
if (!props.anchor.current || !self.current) return {};
|
3847
3845
|
let corner = props.corner || "bottom-right";
|
3848
3846
|
let [vertical, horizontal] = corner.split("-");
|
3849
3847
|
let anchorRect = props.anchor.current.getBoundingClientRect();
|
@@ -4064,8 +4062,7 @@ var Radio = (0, import_react13.forwardRef)(
|
|
4064
4062
|
{
|
4065
4063
|
"aria-current": "page",
|
4066
4064
|
onClick: () => {
|
4067
|
-
if (props.disabled || opt.disabled)
|
4068
|
-
return;
|
4065
|
+
if (props.disabled || opt.disabled) return;
|
4069
4066
|
handleChange(opt);
|
4070
4067
|
},
|
4071
4068
|
className: cn(
|
@@ -4084,8 +4081,7 @@ var Radio = (0, import_react13.forwardRef)(
|
|
4084
4081
|
key: o,
|
4085
4082
|
"aria-current": "page",
|
4086
4083
|
onClick: () => {
|
4087
|
-
if (props.disabled || opt.disabled)
|
4088
|
-
return;
|
4084
|
+
if (props.disabled || opt.disabled) return;
|
4089
4085
|
handleChange(opt);
|
4090
4086
|
},
|
4091
4087
|
className: cn(
|
@@ -4372,8 +4368,7 @@ var FullCommand = ({
|
|
4372
4368
|
{
|
4373
4369
|
key: subIndex,
|
4374
4370
|
onSelect: () => {
|
4375
|
-
if (onActionClick)
|
4376
|
-
onActionClick();
|
4371
|
+
if (onActionClick) onActionClick();
|
4377
4372
|
subItem.action();
|
4378
4373
|
}
|
4379
4374
|
},
|
@@ -4967,8 +4962,7 @@ function toast({ ...props }) {
|
|
4967
4962
|
id,
|
4968
4963
|
open: true,
|
4969
4964
|
onOpenChange: (open) => {
|
4970
|
-
if (!open)
|
4971
|
-
dismiss();
|
4965
|
+
if (!open) dismiss();
|
4972
4966
|
}
|
4973
4967
|
}
|
4974
4968
|
});
|
@@ -5476,8 +5470,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
|
|
5476
5470
|
document.addEventListener("mouseup", onMouseUp);
|
5477
5471
|
};
|
5478
5472
|
const onMouseMove = (e) => {
|
5479
|
-
if (!isDragging.current || !scrollAreaRef.current)
|
5480
|
-
return;
|
5473
|
+
if (!isDragging.current || !scrollAreaRef.current) return;
|
5481
5474
|
const dx = e.clientX - startPos.current.x;
|
5482
5475
|
const dy = e.clientY - startPos.current.y;
|
5483
5476
|
if (orientation === "vertical") {
|
@@ -8602,16 +8595,11 @@ var PasswordInput = ({
|
|
8602
8595
|
(0, import_react49.useEffect)(() => {
|
8603
8596
|
const calculateStrength = () => {
|
8604
8597
|
let strengthScore = 0;
|
8605
|
-
if (lengthCriteriaMet)
|
8606
|
-
|
8607
|
-
if (
|
8608
|
-
|
8609
|
-
if (
|
8610
|
-
strengthScore += 1;
|
8611
|
-
if (lowercaseCriteriaMet)
|
8612
|
-
strengthScore += 1;
|
8613
|
-
if (uppercaseCriteriaMet)
|
8614
|
-
strengthScore += 1;
|
8598
|
+
if (lengthCriteriaMet) strengthScore += 1;
|
8599
|
+
if (numberCriteriaMet) strengthScore += 1;
|
8600
|
+
if (specialCharCriteriaMet) strengthScore += 1;
|
8601
|
+
if (lowercaseCriteriaMet) strengthScore += 1;
|
8602
|
+
if (uppercaseCriteriaMet) strengthScore += 1;
|
8615
8603
|
return strengthScore;
|
8616
8604
|
};
|
8617
8605
|
const currentStrengthScore = calculateStrength();
|
@@ -8813,8 +8801,7 @@ var ScrollIndicator = ({
|
|
8813
8801
|
}
|
8814
8802
|
};
|
8815
8803
|
(0, import_react50.useEffect)(() => {
|
8816
|
-
if (!anchor.current)
|
8817
|
-
return;
|
8804
|
+
if (!anchor.current) return;
|
8818
8805
|
anchor.current.addEventListener("scroll", onScroll);
|
8819
8806
|
return () => {
|
8820
8807
|
var _a;
|
@@ -9032,8 +9019,7 @@ var Carousel = ({
|
|
9032
9019
|
}, autoplayInterval);
|
9033
9020
|
}
|
9034
9021
|
return () => {
|
9035
|
-
if (autoplayTimer)
|
9036
|
-
clearInterval(autoplayTimer);
|
9022
|
+
if (autoplayTimer) clearInterval(autoplayTimer);
|
9037
9023
|
};
|
9038
9024
|
}, [emblaApi, autoplay, autoplayInterval]);
|
9039
9025
|
const length = import_react52.default.Children.count(items);
|
package/dist/index.mjs
CHANGED
@@ -2,8 +2,7 @@
|
|
2
2
|
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
3
3
|
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
4
4
|
}) : x)(function(x) {
|
5
|
-
if (typeof require !== "undefined")
|
6
|
-
return require.apply(this, arguments);
|
5
|
+
if (typeof require !== "undefined") return require.apply(this, arguments);
|
7
6
|
throw Error('Dynamic require of "' + x + '" is not supported');
|
8
7
|
});
|
9
8
|
|
@@ -645,6 +644,7 @@ var DropdownMenu = ({
|
|
645
644
|
side,
|
646
645
|
className,
|
647
646
|
classNames,
|
647
|
+
contentProps,
|
648
648
|
triggerClassname,
|
649
649
|
triggerProps,
|
650
650
|
align,
|
@@ -702,7 +702,8 @@ var DropdownMenu = ({
|
|
702
702
|
),
|
703
703
|
style: {
|
704
704
|
maxHeight: "var(--radix-dropdown-menu-content-available-height)"
|
705
|
-
}
|
705
|
+
},
|
706
|
+
...contentProps
|
706
707
|
},
|
707
708
|
header && header,
|
708
709
|
items && items.map((item, index) => {
|
@@ -3578,15 +3579,12 @@ var BackToTop = ({ ...props }) => {
|
|
3578
3579
|
}
|
3579
3580
|
};
|
3580
3581
|
useEffect4(() => {
|
3581
|
-
if (!props.anchor.current)
|
3582
|
-
return;
|
3582
|
+
if (!props.anchor.current) return;
|
3583
3583
|
props.anchor.current.addEventListener("scroll", onScroll);
|
3584
3584
|
let interval = setInterval(() => {
|
3585
|
-
if (!props.anchor.current)
|
3586
|
-
return;
|
3585
|
+
if (!props.anchor.current) return;
|
3587
3586
|
let newRect = props.anchor.current.getBoundingClientRect();
|
3588
|
-
if (_rect.current == null)
|
3589
|
-
return setRect(newRect);
|
3587
|
+
if (_rect.current == null) return setRect(newRect);
|
3590
3588
|
if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
|
3591
3589
|
setRect(newRect);
|
3592
3590
|
}
|
@@ -3599,8 +3597,7 @@ var BackToTop = ({ ...props }) => {
|
|
3599
3597
|
}, [onScroll, props.anchor]);
|
3600
3598
|
const getStyles = () => {
|
3601
3599
|
var _a;
|
3602
|
-
if (!props.anchor.current || !self.current)
|
3603
|
-
return {};
|
3600
|
+
if (!props.anchor.current || !self.current) return {};
|
3604
3601
|
let corner = props.corner || "bottom-right";
|
3605
3602
|
let [vertical, horizontal] = corner.split("-");
|
3606
3603
|
let anchorRect = props.anchor.current.getBoundingClientRect();
|
@@ -3821,8 +3818,7 @@ var Radio = forwardRef16(
|
|
3821
3818
|
{
|
3822
3819
|
"aria-current": "page",
|
3823
3820
|
onClick: () => {
|
3824
|
-
if (props.disabled || opt.disabled)
|
3825
|
-
return;
|
3821
|
+
if (props.disabled || opt.disabled) return;
|
3826
3822
|
handleChange(opt);
|
3827
3823
|
},
|
3828
3824
|
className: cn(
|
@@ -3841,8 +3837,7 @@ var Radio = forwardRef16(
|
|
3841
3837
|
key: o,
|
3842
3838
|
"aria-current": "page",
|
3843
3839
|
onClick: () => {
|
3844
|
-
if (props.disabled || opt.disabled)
|
3845
|
-
return;
|
3840
|
+
if (props.disabled || opt.disabled) return;
|
3846
3841
|
handleChange(opt);
|
3847
3842
|
},
|
3848
3843
|
className: cn(
|
@@ -4129,8 +4124,7 @@ var FullCommand = ({
|
|
4129
4124
|
{
|
4130
4125
|
key: subIndex,
|
4131
4126
|
onSelect: () => {
|
4132
|
-
if (onActionClick)
|
4133
|
-
onActionClick();
|
4127
|
+
if (onActionClick) onActionClick();
|
4134
4128
|
subItem.action();
|
4135
4129
|
}
|
4136
4130
|
},
|
@@ -4724,8 +4718,7 @@ function toast({ ...props }) {
|
|
4724
4718
|
id,
|
4725
4719
|
open: true,
|
4726
4720
|
onOpenChange: (open) => {
|
4727
|
-
if (!open)
|
4728
|
-
dismiss();
|
4721
|
+
if (!open) dismiss();
|
4729
4722
|
}
|
4730
4723
|
}
|
4731
4724
|
});
|
@@ -5233,8 +5226,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
|
|
5233
5226
|
document.addEventListener("mouseup", onMouseUp);
|
5234
5227
|
};
|
5235
5228
|
const onMouseMove = (e) => {
|
5236
|
-
if (!isDragging.current || !scrollAreaRef.current)
|
5237
|
-
return;
|
5229
|
+
if (!isDragging.current || !scrollAreaRef.current) return;
|
5238
5230
|
const dx = e.clientX - startPos.current.x;
|
5239
5231
|
const dy = e.clientY - startPos.current.y;
|
5240
5232
|
if (orientation === "vertical") {
|
@@ -8362,16 +8354,11 @@ var PasswordInput = ({
|
|
8362
8354
|
useEffect29(() => {
|
8363
8355
|
const calculateStrength = () => {
|
8364
8356
|
let strengthScore = 0;
|
8365
|
-
if (lengthCriteriaMet)
|
8366
|
-
|
8367
|
-
if (
|
8368
|
-
|
8369
|
-
if (
|
8370
|
-
strengthScore += 1;
|
8371
|
-
if (lowercaseCriteriaMet)
|
8372
|
-
strengthScore += 1;
|
8373
|
-
if (uppercaseCriteriaMet)
|
8374
|
-
strengthScore += 1;
|
8357
|
+
if (lengthCriteriaMet) strengthScore += 1;
|
8358
|
+
if (numberCriteriaMet) strengthScore += 1;
|
8359
|
+
if (specialCharCriteriaMet) strengthScore += 1;
|
8360
|
+
if (lowercaseCriteriaMet) strengthScore += 1;
|
8361
|
+
if (uppercaseCriteriaMet) strengthScore += 1;
|
8375
8362
|
return strengthScore;
|
8376
8363
|
};
|
8377
8364
|
const currentStrengthScore = calculateStrength();
|
@@ -8577,8 +8564,7 @@ var ScrollIndicator = ({
|
|
8577
8564
|
}
|
8578
8565
|
};
|
8579
8566
|
useEffect30(() => {
|
8580
|
-
if (!anchor.current)
|
8581
|
-
return;
|
8567
|
+
if (!anchor.current) return;
|
8582
8568
|
anchor.current.addEventListener("scroll", onScroll);
|
8583
8569
|
return () => {
|
8584
8570
|
var _a;
|
@@ -8796,8 +8782,7 @@ var Carousel = ({
|
|
8796
8782
|
}, autoplayInterval);
|
8797
8783
|
}
|
8798
8784
|
return () => {
|
8799
|
-
if (autoplayTimer)
|
8800
|
-
clearInterval(autoplayTimer);
|
8785
|
+
if (autoplayTimer) clearInterval(autoplayTimer);
|
8801
8786
|
};
|
8802
8787
|
}, [emblaApi, autoplay, autoplayInterval]);
|
8803
8788
|
const length = React64.Children.count(items);
|
@@ -308,8 +308,7 @@ var Radio = (0, import_react3.forwardRef)(
|
|
308
308
|
{
|
309
309
|
"aria-current": "page",
|
310
310
|
onClick: () => {
|
311
|
-
if (props.disabled || opt.disabled)
|
312
|
-
return;
|
311
|
+
if (props.disabled || opt.disabled) return;
|
313
312
|
handleChange(opt);
|
314
313
|
},
|
315
314
|
className: cn(
|
@@ -328,8 +327,7 @@ var Radio = (0, import_react3.forwardRef)(
|
|
328
327
|
key: o,
|
329
328
|
"aria-current": "page",
|
330
329
|
onClick: () => {
|
331
|
-
if (props.disabled || opt.disabled)
|
332
|
-
return;
|
330
|
+
if (props.disabled || opt.disabled) return;
|
333
331
|
handleChange(opt);
|
334
332
|
},
|
335
333
|
className: cn(
|