@fuf-stack/uniform 1.9.0 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Checkboxes/index.cjs +5 -10
- package/dist/Checkboxes/index.cjs.map +1 -1
- package/dist/Checkboxes/index.d.cts +2 -2
- package/dist/Checkboxes/index.d.ts +2 -2
- package/dist/Checkboxes/index.js +4 -9
- package/dist/{Checkboxes-CDjOYw76.d.cts → Checkboxes-CBgO9itq.d.cts} +2 -0
- package/dist/{Checkboxes-wWzFP2sn.d.ts → Checkboxes-CFbsc6zg.d.ts} +2 -0
- package/dist/FieldArray/index.cjs +7 -10
- package/dist/FieldArray/index.cjs.map +1 -1
- package/dist/FieldArray/index.d.cts +2 -2
- package/dist/FieldArray/index.d.ts +2 -2
- package/dist/FieldArray/index.js +6 -9
- package/dist/{FieldArray-Cql1zcch.d.cts → FieldArray-72vn2MG9.d.cts} +2 -2
- package/dist/{FieldArray-Cql1zcch.d.ts → FieldArray-72vn2MG9.d.ts} +2 -2
- package/dist/FieldCard/index.cjs +19 -0
- package/dist/FieldCard/index.cjs.map +1 -0
- package/dist/FieldCard/index.d.cts +95 -0
- package/dist/FieldCard/index.d.ts +95 -0
- package/dist/FieldCard/index.js +19 -0
- package/dist/Form/index.cjs +3 -13
- package/dist/Form/index.cjs.map +1 -1
- package/dist/Form/index.js +2 -12
- package/dist/Input/index.cjs +6 -10
- package/dist/Input/index.cjs.map +1 -1
- package/dist/Input/index.d.cts +2 -2
- package/dist/Input/index.d.ts +2 -2
- package/dist/Input/index.js +5 -9
- package/dist/{Input-DMVTcinm.d.cts → Input-BGYDOpbo.d.cts} +4 -2
- package/dist/{Input-BcdS2xBM.d.ts → Input-__SqMh2n.d.ts} +4 -2
- package/dist/{RadioBox-B0s3q9g6.d.cts → RadioBox-DnqCiTR1.d.cts} +2 -0
- package/dist/{RadioBox-B0s3q9g6.d.ts → RadioBox-DnqCiTR1.d.ts} +2 -0
- package/dist/RadioBoxes/index.cjs +5 -10
- package/dist/RadioBoxes/index.cjs.map +1 -1
- package/dist/RadioBoxes/index.d.cts +2 -2
- package/dist/RadioBoxes/index.d.ts +2 -2
- package/dist/RadioBoxes/index.js +4 -9
- package/dist/RadioTabs/index.cjs +5 -10
- package/dist/RadioTabs/index.cjs.map +1 -1
- package/dist/RadioTabs/index.d.cts +2 -2
- package/dist/RadioTabs/index.d.ts +2 -2
- package/dist/RadioTabs/index.js +4 -9
- package/dist/{RadioTabs-D9Px3XEs.d.cts → RadioTabs-DkR5fvl4.d.cts} +3 -1
- package/dist/{RadioTabs-D9Px3XEs.d.ts → RadioTabs-DkR5fvl4.d.ts} +3 -1
- package/dist/Radios/index.cjs +5 -10
- package/dist/Radios/index.cjs.map +1 -1
- package/dist/Radios/index.d.cts +2 -2
- package/dist/Radios/index.d.ts +2 -2
- package/dist/Radios/index.js +4 -9
- package/dist/{Radios-DprlJhoq.d.cts → Radios-lLVlvY_B.d.cts} +3 -1
- package/dist/{Radios-DprlJhoq.d.ts → Radios-lLVlvY_B.d.ts} +3 -1
- package/dist/Select/index.cjs +6 -10
- package/dist/Select/index.cjs.map +1 -1
- package/dist/Select/index.d.cts +3 -2
- package/dist/Select/index.d.ts +3 -2
- package/dist/Select/index.js +5 -9
- package/dist/{Select-CDkZmZp2.d.cts → Select-DWlnKj5c.d.cts} +8 -5
- package/dist/{Select-CDkZmZp2.d.ts → Select-DWlnKj5c.d.ts} +8 -5
- package/dist/Slider/index.cjs +5 -5
- package/dist/Slider/index.d.cts +2 -2
- package/dist/Slider/index.d.ts +2 -2
- package/dist/Slider/index.js +4 -4
- package/dist/{Slider-CIVhjJy1.d.cts → Slider-CxHvafJA.d.cts} +4 -2
- package/dist/{Slider-CIVhjJy1.d.ts → Slider-CxHvafJA.d.ts} +4 -2
- package/dist/SubmitButton/index.cjs +3 -13
- package/dist/SubmitButton/index.cjs.map +1 -1
- package/dist/SubmitButton/index.js +2 -12
- package/dist/Switch/index.cjs +5 -10
- package/dist/Switch/index.cjs.map +1 -1
- package/dist/Switch/index.d.cts +2 -2
- package/dist/Switch/index.d.ts +2 -2
- package/dist/Switch/index.js +4 -9
- package/dist/{Switch-CqBVdRJe.d.cts → Switch-B4AuHAMX.d.cts} +2 -0
- package/dist/{Switch-CqBVdRJe.d.ts → Switch-B4AuHAMX.d.ts} +2 -0
- package/dist/SwitchBox/index.cjs +5 -10
- package/dist/SwitchBox/index.cjs.map +1 -1
- package/dist/SwitchBox/index.js +4 -9
- package/dist/TextArea/index.cjs +6 -10
- package/dist/TextArea/index.cjs.map +1 -1
- package/dist/TextArea/index.d.cts +2 -2
- package/dist/TextArea/index.d.ts +2 -2
- package/dist/TextArea/index.js +5 -9
- package/dist/{TextArea-DhxNWYNg.d.cts → TextArea-CYcFOcun.d.cts} +2 -0
- package/dist/{TextArea-DhxNWYNg.d.ts → TextArea-CYcFOcun.d.ts} +2 -0
- package/dist/{chunk-246OISWB.js → chunk-2EQEKXG2.js} +4 -2
- package/dist/chunk-2EQEKXG2.js.map +1 -0
- package/dist/chunk-36LBVB45.js +1 -0
- package/dist/chunk-3JAVQAL5.cjs +1 -0
- package/dist/{chunk-KWJMKX5J.cjs.map → chunk-3JAVQAL5.cjs.map} +1 -1
- package/dist/{chunk-NTOYCWCJ.cjs → chunk-3ZQXSGR2.cjs} +1 -1
- package/dist/{chunk-NTOYCWCJ.cjs.map → chunk-3ZQXSGR2.cjs.map} +1 -1
- package/dist/{chunk-7FOSZV75.js → chunk-4KEI3VRK.js} +9 -6
- package/dist/chunk-4KEI3VRK.js.map +1 -0
- package/dist/{chunk-V65AMUKK.cjs → chunk-4LLSZ6GN.cjs} +6 -4
- package/dist/chunk-4LLSZ6GN.cjs.map +1 -0
- package/dist/{chunk-UUGSI3FD.js → chunk-5UGCZ7OA.js} +2 -2
- package/dist/chunk-5UGCZ7OA.js.map +1 -0
- package/dist/{chunk-LTE7PW7F.cjs → chunk-6UORUDZV.cjs} +5 -3
- package/dist/chunk-6UORUDZV.cjs.map +1 -0
- package/dist/{chunk-XMCL3F4W.js → chunk-7TUWJWLN.js} +4 -2
- package/dist/chunk-7TUWJWLN.js.map +1 -0
- package/dist/chunk-7WBYC3BC.js +149 -0
- package/dist/chunk-7WBYC3BC.js.map +1 -0
- package/dist/{chunk-DQAZSXD6.js → chunk-BUFKWZNC.js} +2 -2
- package/dist/chunk-BUFKWZNC.js.map +1 -0
- package/dist/{chunk-A3PYIWG2.js → chunk-BZ2PD2JG.js} +1 -1
- package/dist/chunk-BZ2PD2JG.js.map +1 -0
- package/dist/{chunk-XC3C2W4M.cjs → chunk-CM2LLV5N.cjs} +5 -3
- package/dist/chunk-CM2LLV5N.cjs.map +1 -0
- package/dist/{chunk-IZZTVGEW.js → chunk-FHYUMBE3.js} +4 -2
- package/dist/chunk-FHYUMBE3.js.map +1 -0
- package/dist/chunk-FQDOJIQF.cjs +149 -0
- package/dist/chunk-FQDOJIQF.cjs.map +1 -0
- package/dist/{chunk-XXLYUZY4.js → chunk-GQF5HVA4.js} +5 -5
- package/dist/chunk-GQF5HVA4.js.map +1 -0
- package/dist/{chunk-7O6LAGV2.cjs → chunk-HYOALQIV.cjs} +7 -7
- package/dist/chunk-HYOALQIV.cjs.map +1 -0
- package/dist/{chunk-IU4RL2D7.cjs → chunk-IZ5SPNVQ.cjs} +9 -6
- package/dist/chunk-IZ5SPNVQ.cjs.map +1 -0
- package/dist/{chunk-RRG5ZLVF.cjs → chunk-JRE5KEX3.cjs} +1 -1
- package/dist/{chunk-RRG5ZLVF.cjs.map → chunk-JRE5KEX3.cjs.map} +1 -1
- package/dist/{chunk-2OXNDD5W.cjs → chunk-KOV7U4QA.cjs} +6 -3
- package/dist/chunk-KOV7U4QA.cjs.map +1 -0
- package/dist/{chunk-ZJDU5EPE.js → chunk-LEMQGDFE.js} +1 -1
- package/dist/{chunk-XBVXMQBW.js → chunk-M5IL7INR.js} +4 -2
- package/dist/chunk-M5IL7INR.js.map +1 -0
- package/dist/{chunk-CG7GDQAP.js → chunk-MODH7W2M.js} +5 -3
- package/dist/chunk-MODH7W2M.js.map +1 -0
- package/dist/{chunk-VIV3MSIX.cjs → chunk-MSJP25N4.cjs} +5 -3
- package/dist/chunk-MSJP25N4.cjs.map +1 -0
- package/dist/{chunk-MEYGGRBQ.cjs → chunk-MVFEXRWQ.cjs} +3 -3
- package/dist/chunk-MVFEXRWQ.cjs.map +1 -0
- package/dist/{chunk-CEVS6WSG.js → chunk-O5KAFUBE.js} +7 -4
- package/dist/chunk-O5KAFUBE.js.map +1 -0
- package/dist/{chunk-YCCBMAN2.cjs → chunk-OED4DYBD.cjs} +9 -6
- package/dist/chunk-OED4DYBD.cjs.map +1 -0
- package/dist/{chunk-FUMQULCR.cjs → chunk-OIKPQMQ2.cjs} +3 -3
- package/dist/chunk-OIKPQMQ2.cjs.map +1 -0
- package/dist/{chunk-Y7YEI6T2.js → chunk-P2TT7HU5.js} +1 -1
- package/dist/chunk-P2TT7HU5.js.map +1 -0
- package/dist/{chunk-JQQ32JOD.cjs → chunk-PTCZOUQX.cjs} +1 -1
- package/dist/chunk-PTCZOUQX.cjs.map +1 -0
- package/dist/{chunk-MHQ2V7UW.js → chunk-QPKHR6WH.js} +4 -2
- package/dist/chunk-QPKHR6WH.js.map +1 -0
- package/dist/{chunk-SR76XJW4.cjs → chunk-V45YAJT4.cjs} +7 -5
- package/dist/chunk-V45YAJT4.cjs.map +1 -0
- package/dist/{chunk-THCIT66I.cjs → chunk-WRKONOOV.cjs} +5 -3
- package/dist/chunk-WRKONOOV.cjs.map +1 -0
- package/dist/{chunk-7WKVH43M.cjs → chunk-XSS4REAS.cjs} +5 -3
- package/dist/chunk-XSS4REAS.cjs.map +1 -0
- package/dist/{chunk-JICFOKDO.js → chunk-XSVEW3KN.js} +5 -3
- package/dist/chunk-XSVEW3KN.js.map +1 -0
- package/dist/{chunk-LUO4I3TW.js → chunk-YMXUVBQ3.js} +5 -2
- package/dist/chunk-YMXUVBQ3.js.map +1 -0
- package/dist/hooks/useFormContext/index.cjs +2 -1
- package/dist/hooks/useFormContext/index.cjs.map +1 -1
- package/dist/hooks/useFormContext/index.d.cts +2 -2
- package/dist/hooks/useFormContext/index.d.ts +2 -2
- package/dist/hooks/useFormContext/index.js +1 -0
- package/dist/hooks/useInputValueDebounce/index.cjs +2 -2
- package/dist/hooks/useInputValueDebounce/index.js +1 -1
- package/dist/hooks/useUniformField/index.cjs +4 -4
- package/dist/hooks/useUniformField/index.d.cts +9 -5
- package/dist/hooks/useUniformField/index.d.ts +9 -5
- package/dist/hooks/useUniformField/index.js +3 -3
- package/dist/hooks/useUniformFieldArray/index.cjs +6 -5
- package/dist/hooks/useUniformFieldArray/index.cjs.map +1 -1
- package/dist/hooks/useUniformFieldArray/index.d.cts +6 -5
- package/dist/hooks/useUniformFieldArray/index.d.ts +6 -5
- package/dist/hooks/useUniformFieldArray/index.js +5 -4
- package/dist/index.cjs +31 -25
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -16
- package/dist/index.d.ts +17 -16
- package/dist/index.js +41 -35
- package/package.json +8 -8
- package/dist/chunk-246OISWB.js.map +0 -1
- package/dist/chunk-2OXNDD5W.cjs.map +0 -1
- package/dist/chunk-7FOSZV75.js.map +0 -1
- package/dist/chunk-7O6LAGV2.cjs.map +0 -1
- package/dist/chunk-7WKVH43M.cjs.map +0 -1
- package/dist/chunk-A3PYIWG2.js.map +0 -1
- package/dist/chunk-CEVS6WSG.js.map +0 -1
- package/dist/chunk-CG7GDQAP.js.map +0 -1
- package/dist/chunk-DQAZSXD6.js.map +0 -1
- package/dist/chunk-FUMQULCR.cjs.map +0 -1
- package/dist/chunk-IU4RL2D7.cjs.map +0 -1
- package/dist/chunk-IZZTVGEW.js.map +0 -1
- package/dist/chunk-JICFOKDO.js.map +0 -1
- package/dist/chunk-JQQ32JOD.cjs.map +0 -1
- package/dist/chunk-KWJMKX5J.cjs +0 -1
- package/dist/chunk-LTE7PW7F.cjs.map +0 -1
- package/dist/chunk-LUO4I3TW.js.map +0 -1
- package/dist/chunk-MEYGGRBQ.cjs.map +0 -1
- package/dist/chunk-MHQ2V7UW.js.map +0 -1
- package/dist/chunk-SR76XJW4.cjs.map +0 -1
- package/dist/chunk-THCIT66I.cjs.map +0 -1
- package/dist/chunk-UUGSI3FD.js.map +0 -1
- package/dist/chunk-V3GDAELU.js +0 -1
- package/dist/chunk-V65AMUKK.cjs.map +0 -1
- package/dist/chunk-VIV3MSIX.cjs.map +0 -1
- package/dist/chunk-XBVXMQBW.js.map +0 -1
- package/dist/chunk-XC3C2W4M.cjs.map +0 -1
- package/dist/chunk-XMCL3F4W.js.map +0 -1
- package/dist/chunk-XXLYUZY4.js.map +0 -1
- package/dist/chunk-Y7YEI6T2.js.map +0 -1
- package/dist/chunk-YCCBMAN2.cjs.map +0 -1
- package/dist/hooks/index.cjs +0 -49
- package/dist/hooks/index.cjs.map +0 -1
- package/dist/hooks/index.d.cts +0 -14
- package/dist/hooks/index.d.ts +0 -14
- package/dist/hooks/index.js +0 -49
- /package/dist/{hooks → FieldCard}/index.js.map +0 -0
- /package/dist/{chunk-V3GDAELU.js.map → chunk-36LBVB45.js.map} +0 -0
- /package/dist/{chunk-ZJDU5EPE.js.map → chunk-LEMQGDFE.js.map} +0 -0
|
@@ -103,6 +103,8 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
|
|
|
103
103
|
type VariantProps = TVProps<typeof sliderVariants>;
|
|
104
104
|
type ClassName = TVClassName<typeof sliderVariants>;
|
|
105
105
|
interface SliderProps extends VariantProps {
|
|
106
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
107
|
+
ariaLabel?: string;
|
|
106
108
|
/** CSS class name */
|
|
107
109
|
className?: ClassName;
|
|
108
110
|
/** input field is disabled */
|
|
@@ -111,8 +113,8 @@ interface SliderProps extends VariantProps {
|
|
|
111
113
|
endContent?: ReactNode;
|
|
112
114
|
/** The offset from where the fill should start */
|
|
113
115
|
fillOffset?: number;
|
|
114
|
-
/** form field label
|
|
115
|
-
label?: string
|
|
116
|
+
/** form field label */
|
|
117
|
+
label?: string;
|
|
116
118
|
/** form field name */
|
|
117
119
|
name: string;
|
|
118
120
|
/**
|
|
@@ -103,6 +103,8 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
|
|
|
103
103
|
type VariantProps = TVProps<typeof sliderVariants>;
|
|
104
104
|
type ClassName = TVClassName<typeof sliderVariants>;
|
|
105
105
|
interface SliderProps extends VariantProps {
|
|
106
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
107
|
+
ariaLabel?: string;
|
|
106
108
|
/** CSS class name */
|
|
107
109
|
className?: ClassName;
|
|
108
110
|
/** input field is disabled */
|
|
@@ -111,8 +113,8 @@ interface SliderProps extends VariantProps {
|
|
|
111
113
|
endContent?: ReactNode;
|
|
112
114
|
/** The offset from where the fill should start */
|
|
113
115
|
fillOffset?: number;
|
|
114
|
-
/** form field label
|
|
115
|
-
label?: string
|
|
116
|
+
/** form field label */
|
|
117
|
+
label?: string;
|
|
116
118
|
/** form field name */
|
|
117
119
|
name: string;
|
|
118
120
|
/**
|
|
@@ -1,24 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
6
|
-
require('../chunk-MEYGGRBQ.cjs');
|
|
7
|
-
require('../chunk-NKIZA3ZO.cjs');
|
|
8
|
-
require('../chunk-6RZT2BKH.cjs');
|
|
9
|
-
require('../chunk-NTOYCWCJ.cjs');
|
|
10
|
-
require('../chunk-YCCBMAN2.cjs');
|
|
11
|
-
require('../chunk-OE5BOGGX.cjs');
|
|
12
|
-
require('../chunk-NHEZXA4H.cjs');
|
|
13
|
-
require('../chunk-NV4YVZYX.cjs');
|
|
4
|
+
var _chunkPTCZOUQXcjs = require('../chunk-PTCZOUQX.cjs');
|
|
5
|
+
require('../chunk-3JAVQAL5.cjs');
|
|
14
6
|
require('../chunk-UUGUQGMX.cjs');
|
|
15
7
|
require('../chunk-UBLASN6D.cjs');
|
|
16
|
-
require('../chunk-PCTYJUY7.cjs');
|
|
17
|
-
require('../chunk-56TQOKG7.cjs');
|
|
18
8
|
require('../chunk-TKICOKNS.cjs');
|
|
19
9
|
require('../chunk-555JRYCS.cjs');
|
|
20
10
|
|
|
21
11
|
|
|
22
12
|
|
|
23
|
-
exports.SubmitButton =
|
|
13
|
+
exports.SubmitButton = _chunkPTCZOUQXcjs.SubmitButton_default; exports.default = _chunkPTCZOUQXcjs.SubmitButton_default2;
|
|
24
14
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/SubmitButton/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/SubmitButton/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,yHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/SubmitButton/index.cjs"}
|
|
@@ -1,20 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SubmitButton_default,
|
|
3
3
|
SubmitButton_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-DQAZSXD6.js";
|
|
7
|
-
import "../chunk-IKOYYA75.js";
|
|
8
|
-
import "../chunk-WWRIMXSN.js";
|
|
9
|
-
import "../chunk-ZJDU5EPE.js";
|
|
10
|
-
import "../chunk-7FOSZV75.js";
|
|
11
|
-
import "../chunk-NTDKZW4E.js";
|
|
12
|
-
import "../chunk-ELYGQTXB.js";
|
|
13
|
-
import "../chunk-GE7HUIAK.js";
|
|
4
|
+
} from "../chunk-BZ2PD2JG.js";
|
|
5
|
+
import "../chunk-36LBVB45.js";
|
|
14
6
|
import "../chunk-ZZW7JZ2U.js";
|
|
15
7
|
import "../chunk-TUIK3MER.js";
|
|
16
|
-
import "../chunk-AHJJIANM.js";
|
|
17
|
-
import "../chunk-CNTOODUQ.js";
|
|
18
8
|
import "../chunk-BOCYHTFE.js";
|
|
19
9
|
import "../chunk-K2V4ULA2.js";
|
|
20
10
|
export {
|
package/dist/Switch/index.cjs
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
6
|
-
require('../chunk-MEYGGRBQ.cjs');
|
|
7
|
-
require('../chunk-NKIZA3ZO.cjs');
|
|
8
|
-
require('../chunk-6RZT2BKH.cjs');
|
|
9
|
-
require('../chunk-NTOYCWCJ.cjs');
|
|
10
|
-
require('../chunk-YCCBMAN2.cjs');
|
|
4
|
+
var _chunkMSJP25N4cjs = require('../chunk-MSJP25N4.cjs');
|
|
5
|
+
require('../chunk-OED4DYBD.cjs');
|
|
11
6
|
require('../chunk-OE5BOGGX.cjs');
|
|
12
7
|
require('../chunk-NHEZXA4H.cjs');
|
|
13
8
|
require('../chunk-NV4YVZYX.cjs');
|
|
14
|
-
require('../chunk-UUGUQGMX.cjs');
|
|
15
|
-
require('../chunk-UBLASN6D.cjs');
|
|
16
9
|
require('../chunk-PCTYJUY7.cjs');
|
|
17
10
|
require('../chunk-56TQOKG7.cjs');
|
|
11
|
+
require('../chunk-UUGUQGMX.cjs');
|
|
12
|
+
require('../chunk-UBLASN6D.cjs');
|
|
18
13
|
require('../chunk-TKICOKNS.cjs');
|
|
19
14
|
require('../chunk-555JRYCS.cjs');
|
|
20
15
|
|
|
21
16
|
|
|
22
17
|
|
|
23
|
-
exports.Switch =
|
|
18
|
+
exports.Switch = _chunkMSJP25N4cjs.Switch_default; exports.default = _chunkMSJP25N4cjs.Switch_default2;
|
|
24
19
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/Switch/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/Switch/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,uGAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/Switch/index.cjs"}
|
package/dist/Switch/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { S as Switch } from '../Switch-
|
|
2
|
-
export { a as SwitchProps } from '../Switch-
|
|
1
|
+
import { S as Switch } from '../Switch-B4AuHAMX.cjs';
|
|
2
|
+
export { a as SwitchProps } from '../Switch-B4AuHAMX.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import '@fuf-stack/pixel-utils';
|
package/dist/Switch/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { S as Switch } from '../Switch-
|
|
2
|
-
export { a as SwitchProps } from '../Switch-
|
|
1
|
+
import { S as Switch } from '../Switch-B4AuHAMX.js';
|
|
2
|
+
export { a as SwitchProps } from '../Switch-B4AuHAMX.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import '@fuf-stack/pixel-utils';
|
package/dist/Switch/index.js
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Switch_default,
|
|
3
3
|
Switch_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-DQAZSXD6.js";
|
|
7
|
-
import "../chunk-IKOYYA75.js";
|
|
8
|
-
import "../chunk-WWRIMXSN.js";
|
|
9
|
-
import "../chunk-ZJDU5EPE.js";
|
|
10
|
-
import "../chunk-7FOSZV75.js";
|
|
4
|
+
} from "../chunk-7TUWJWLN.js";
|
|
5
|
+
import "../chunk-4KEI3VRK.js";
|
|
11
6
|
import "../chunk-NTDKZW4E.js";
|
|
12
7
|
import "../chunk-ELYGQTXB.js";
|
|
13
8
|
import "../chunk-GE7HUIAK.js";
|
|
14
|
-
import "../chunk-ZZW7JZ2U.js";
|
|
15
|
-
import "../chunk-TUIK3MER.js";
|
|
16
9
|
import "../chunk-AHJJIANM.js";
|
|
17
10
|
import "../chunk-CNTOODUQ.js";
|
|
11
|
+
import "../chunk-ZZW7JZ2U.js";
|
|
12
|
+
import "../chunk-TUIK3MER.js";
|
|
18
13
|
import "../chunk-BOCYHTFE.js";
|
|
19
14
|
import "../chunk-K2V4ULA2.js";
|
|
20
15
|
export {
|
|
@@ -80,6 +80,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
|
|
|
80
80
|
type VariantProps = TVProps<typeof switchVariants>;
|
|
81
81
|
type ClassName = TVClassName<typeof switchVariants>;
|
|
82
82
|
interface SwitchProps extends VariantProps {
|
|
83
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
84
|
+
ariaLabel?: string;
|
|
83
85
|
/** CSS class name */
|
|
84
86
|
className?: ClassName;
|
|
85
87
|
/** whether the select should be disabled */
|
|
@@ -80,6 +80,8 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
|
|
|
80
80
|
type VariantProps = TVProps<typeof switchVariants>;
|
|
81
81
|
type ClassName = TVClassName<typeof switchVariants>;
|
|
82
82
|
interface SwitchProps extends VariantProps {
|
|
83
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
84
|
+
ariaLabel?: string;
|
|
83
85
|
/** CSS class name */
|
|
84
86
|
className?: ClassName;
|
|
85
87
|
/** whether the select should be disabled */
|
package/dist/SwitchBox/index.cjs
CHANGED
|
@@ -2,25 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
require('../chunk-
|
|
7
|
-
require('../chunk-MEYGGRBQ.cjs');
|
|
8
|
-
require('../chunk-NKIZA3ZO.cjs');
|
|
9
|
-
require('../chunk-6RZT2BKH.cjs');
|
|
10
|
-
require('../chunk-NTOYCWCJ.cjs');
|
|
11
|
-
require('../chunk-YCCBMAN2.cjs');
|
|
5
|
+
var _chunkOIKPQMQ2cjs = require('../chunk-OIKPQMQ2.cjs');
|
|
6
|
+
require('../chunk-OED4DYBD.cjs');
|
|
12
7
|
require('../chunk-OE5BOGGX.cjs');
|
|
13
8
|
require('../chunk-NHEZXA4H.cjs');
|
|
14
9
|
require('../chunk-NV4YVZYX.cjs');
|
|
15
|
-
require('../chunk-UUGUQGMX.cjs');
|
|
16
|
-
require('../chunk-UBLASN6D.cjs');
|
|
17
10
|
require('../chunk-PCTYJUY7.cjs');
|
|
18
11
|
require('../chunk-56TQOKG7.cjs');
|
|
12
|
+
require('../chunk-UUGUQGMX.cjs');
|
|
13
|
+
require('../chunk-UBLASN6D.cjs');
|
|
19
14
|
require('../chunk-TKICOKNS.cjs');
|
|
20
15
|
require('../chunk-555JRYCS.cjs');
|
|
21
16
|
|
|
22
17
|
|
|
23
18
|
|
|
24
19
|
|
|
25
|
-
exports.SwitchBox =
|
|
20
|
+
exports.SwitchBox = _chunkOIKPQMQ2cjs.SwitchBox_default; exports.default = _chunkOIKPQMQ2cjs.SwitchBox_default2; exports.switchBoxVariants = _chunkOIKPQMQ2cjs.switchBoxVariants;
|
|
26
21
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/SwitchBox/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/SwitchBox/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,iLAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/SwitchBox/index.cjs"}
|
package/dist/SwitchBox/index.js
CHANGED
|
@@ -2,20 +2,15 @@ import {
|
|
|
2
2
|
SwitchBox_default,
|
|
3
3
|
SwitchBox_default2,
|
|
4
4
|
switchBoxVariants
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-DQAZSXD6.js";
|
|
8
|
-
import "../chunk-IKOYYA75.js";
|
|
9
|
-
import "../chunk-WWRIMXSN.js";
|
|
10
|
-
import "../chunk-ZJDU5EPE.js";
|
|
11
|
-
import "../chunk-7FOSZV75.js";
|
|
5
|
+
} from "../chunk-5UGCZ7OA.js";
|
|
6
|
+
import "../chunk-4KEI3VRK.js";
|
|
12
7
|
import "../chunk-NTDKZW4E.js";
|
|
13
8
|
import "../chunk-ELYGQTXB.js";
|
|
14
9
|
import "../chunk-GE7HUIAK.js";
|
|
15
|
-
import "../chunk-ZZW7JZ2U.js";
|
|
16
|
-
import "../chunk-TUIK3MER.js";
|
|
17
10
|
import "../chunk-AHJJIANM.js";
|
|
18
11
|
import "../chunk-CNTOODUQ.js";
|
|
12
|
+
import "../chunk-ZZW7JZ2U.js";
|
|
13
|
+
import "../chunk-TUIK3MER.js";
|
|
19
14
|
import "../chunk-BOCYHTFE.js";
|
|
20
15
|
import "../chunk-K2V4ULA2.js";
|
|
21
16
|
export {
|
package/dist/TextArea/index.cjs
CHANGED
|
@@ -1,24 +1,20 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
6
|
-
require('../chunk-
|
|
7
|
-
require('../chunk-NKIZA3ZO.cjs');
|
|
8
|
-
require('../chunk-6RZT2BKH.cjs');
|
|
9
|
-
require('../chunk-NTOYCWCJ.cjs');
|
|
10
|
-
require('../chunk-YCCBMAN2.cjs');
|
|
4
|
+
var _chunkV45YAJT4cjs = require('../chunk-V45YAJT4.cjs');
|
|
5
|
+
require('../chunk-3ZQXSGR2.cjs');
|
|
6
|
+
require('../chunk-OED4DYBD.cjs');
|
|
11
7
|
require('../chunk-OE5BOGGX.cjs');
|
|
12
8
|
require('../chunk-NHEZXA4H.cjs');
|
|
13
9
|
require('../chunk-NV4YVZYX.cjs');
|
|
14
|
-
require('../chunk-UUGUQGMX.cjs');
|
|
15
|
-
require('../chunk-UBLASN6D.cjs');
|
|
16
10
|
require('../chunk-PCTYJUY7.cjs');
|
|
17
11
|
require('../chunk-56TQOKG7.cjs');
|
|
12
|
+
require('../chunk-UUGUQGMX.cjs');
|
|
13
|
+
require('../chunk-UBLASN6D.cjs');
|
|
18
14
|
require('../chunk-TKICOKNS.cjs');
|
|
19
15
|
require('../chunk-555JRYCS.cjs');
|
|
20
16
|
|
|
21
17
|
|
|
22
18
|
|
|
23
|
-
exports.TextArea =
|
|
19
|
+
exports.TextArea = _chunkV45YAJT4cjs.TextArea_default; exports.default = _chunkV45YAJT4cjs.TextArea_default2;
|
|
24
20
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/TextArea/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/TextArea/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,6GAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/TextArea/index.cjs"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as TextArea } from '../TextArea-
|
|
2
|
-
export { a as TextAreaProps } from '../TextArea-
|
|
1
|
+
import { T as TextArea } from '../TextArea-CYcFOcun.cjs';
|
|
2
|
+
export { a as TextAreaProps } from '../TextArea-CYcFOcun.cjs';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import '@fuf-stack/pixel-utils';
|
package/dist/TextArea/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as TextArea } from '../TextArea-
|
|
2
|
-
export { a as TextAreaProps } from '../TextArea-
|
|
1
|
+
import { T as TextArea } from '../TextArea-CYcFOcun.js';
|
|
2
|
+
export { a as TextAreaProps } from '../TextArea-CYcFOcun.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'tailwind-variants';
|
|
5
5
|
import '@fuf-stack/pixel-utils';
|
package/dist/TextArea/index.js
CHANGED
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TextArea_default,
|
|
3
3
|
TextArea_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-IKOYYA75.js";
|
|
8
|
-
import "../chunk-WWRIMXSN.js";
|
|
9
|
-
import "../chunk-ZJDU5EPE.js";
|
|
10
|
-
import "../chunk-7FOSZV75.js";
|
|
4
|
+
} from "../chunk-XSVEW3KN.js";
|
|
5
|
+
import "../chunk-LEMQGDFE.js";
|
|
6
|
+
import "../chunk-4KEI3VRK.js";
|
|
11
7
|
import "../chunk-NTDKZW4E.js";
|
|
12
8
|
import "../chunk-ELYGQTXB.js";
|
|
13
9
|
import "../chunk-GE7HUIAK.js";
|
|
14
|
-
import "../chunk-ZZW7JZ2U.js";
|
|
15
|
-
import "../chunk-TUIK3MER.js";
|
|
16
10
|
import "../chunk-AHJJIANM.js";
|
|
17
11
|
import "../chunk-CNTOODUQ.js";
|
|
12
|
+
import "../chunk-ZZW7JZ2U.js";
|
|
13
|
+
import "../chunk-TUIK3MER.js";
|
|
18
14
|
import "../chunk-BOCYHTFE.js";
|
|
19
15
|
import "../chunk-K2V4ULA2.js";
|
|
20
16
|
export {
|
|
@@ -61,6 +61,8 @@ declare const textAreaVariants: tailwind_variants.TVReturnType<{
|
|
|
61
61
|
type VariantProps = TVProps<typeof textAreaVariants>;
|
|
62
62
|
type ClassName = TVClassName<typeof textAreaVariants>;
|
|
63
63
|
interface TextAreaProps extends VariantProps {
|
|
64
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
65
|
+
ariaLabel?: string;
|
|
64
66
|
/** Child components. The content of the textarea. */
|
|
65
67
|
children?: ReactNode;
|
|
66
68
|
/** CSS class name */
|
|
@@ -61,6 +61,8 @@ declare const textAreaVariants: tailwind_variants.TVReturnType<{
|
|
|
61
61
|
type VariantProps = TVProps<typeof textAreaVariants>;
|
|
62
62
|
type ClassName = TVClassName<typeof textAreaVariants>;
|
|
63
63
|
interface TextAreaProps extends VariantProps {
|
|
64
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
65
|
+
ariaLabel?: string;
|
|
64
66
|
/** Child components. The content of the textarea. */
|
|
65
67
|
children?: ReactNode;
|
|
66
68
|
/** CSS class name */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
useUniformField
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-4KEI3VRK.js";
|
|
4
4
|
import {
|
|
5
5
|
__objRest,
|
|
6
6
|
__spreadValues
|
|
@@ -41,6 +41,7 @@ var Radios = (_a) => {
|
|
|
41
41
|
"options"
|
|
42
42
|
]);
|
|
43
43
|
const {
|
|
44
|
+
ariaLabel,
|
|
44
45
|
disabled,
|
|
45
46
|
errorMessage,
|
|
46
47
|
field: { onBlur, onChange, ref },
|
|
@@ -66,6 +67,7 @@ var Radios = (_a) => {
|
|
|
66
67
|
HeroRadioGroup,
|
|
67
68
|
{
|
|
68
69
|
ref,
|
|
70
|
+
"aria-label": ariaLabel,
|
|
69
71
|
classNames,
|
|
70
72
|
"data-invalid": invalid,
|
|
71
73
|
"data-required": required,
|
|
@@ -113,4 +115,4 @@ export {
|
|
|
113
115
|
Radios_default,
|
|
114
116
|
Radios_default2
|
|
115
117
|
};
|
|
116
|
-
//# sourceMappingURL=chunk-
|
|
118
|
+
//# sourceMappingURL=chunk-2EQEKXG2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Radios/Radios.tsx","../src/Radios/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport {\n Radio as HeroRadio,\n RadioGroup as HeroRadioGroup,\n} from '@heroui/radio';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const radiosVariants = tv({\n slots: {\n // Needs group for group-data condition\n base: 'group gap-0',\n itemBase: '',\n itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n itemDescription: '',\n itemLabel: 'text-sm',\n itemLabelWrapper: '',\n itemWrapper:\n 'group-data-[invalid=true]:border-danger! [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus',\n // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'mb-2 inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n wrapper: '',\n },\n});\n\ntype VariantProps = TVProps<typeof radiosVariants>;\ntype ClassName = TVClassName<typeof radiosVariants>;\n\nexport interface RadioOption {\n /** disables the option */\n disabled?: boolean;\n /** option label */\n label?: ReactNode;\n /** option icon */\n icon?: ReactNode;\n /** HTML data-testid attribute of the option */\n testId?: string;\n /** option value */\n value: string;\n}\n\nexport interface RadiosProps extends VariantProps {\n /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n ariaLabel?: string;\n /** CSS class name */\n className?: ClassName;\n /** Determines if the Buttons are disabled or not. */\n disabled?: boolean;\n /** determines orientation of the Buttons. */\n inline?: boolean;\n /** Label displayed next to the RadioButton. */\n label?: ReactNode;\n /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n name: string;\n /** Radio button configuration. */\n options: RadioOption[];\n /** Id to grab element in internal tests. */\n testId?: string;\n}\n\n/**\n * Radios component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n */\nconst Radios = ({\n className = undefined,\n inline = false,\n name,\n options,\n ...uniformFieldProps\n}: RadiosProps): ReactElement => {\n const {\n ariaLabel,\n disabled,\n errorMessage,\n field: { onBlur, onChange, ref },\n invalid,\n label,\n required,\n defaultValue,\n testId,\n } = useUniformField({\n name,\n ...uniformFieldProps,\n });\n\n // classNames from slots\n const variants = radiosVariants();\n const classNames = variantsToClassNames(variants, className, 'base');\n\n const itemClassNames = {\n base: classNames.itemBase,\n control: classNames.itemControl,\n description: classNames.itemDescription,\n label: classNames.itemLabel,\n labelWrapper: classNames.itemLabelWrapper,\n wrapper: classNames.itemWrapper,\n };\n\n return (\n <HeroRadioGroup\n ref={ref}\n aria-label={ariaLabel}\n classNames={classNames}\n // see HeroUI styles for group-data condition (data-invalid),\n // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-required={required}\n data-testid={testId}\n defaultValue={defaultValue as string | undefined}\n errorMessage={errorMessage}\n isDisabled={disabled}\n isInvalid={invalid}\n isRequired={required}\n label={label ? <legend>{label}</legend> : null}\n name={name}\n onBlur={onBlur}\n orientation={inline ? 'horizontal' : 'vertical'}\n >\n {options.map((option) => {\n if ('value' in option) {\n const optionTestId = slugify(\n `${testId}_option_${option.testId ?? option.value}`,\n { replaceDots: true },\n );\n return (\n <HeroRadio\n key={option.value}\n classNames={itemClassNames}\n data-testid={optionTestId}\n isDisabled={!!disabled || option.disabled}\n onChange={onChange}\n value={option.value}\n >\n {option.label ?? option.value}\n </HeroRadio>\n );\n }\n return null;\n })}\n </HeroRadioGroup>\n );\n};\n\nexport default Radios;\n","import Radios from './Radios';\n\nexport type { RadiosProps } from './Radios';\n\nexport { Radios };\n\nexport default Radios;\n"],"mappings":";;;;;;;;;AAGA;AAAA,EACE,SAAS;AAAA,EACT,cAAc;AAAA,OACT;AAEP,SAAS,SAAS,IAAI,4BAA4B;AA8G7B;AA1Gd,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,aACE;AAAA;AAAA,IAEF,OACE;AAAA,IACF,SAAS;AAAA,EACX;AACF,CAAC;AAwCD,IAAM,SAAS,CAAC,OAMiB;AANjB,eACd;AAAA,gBAAY;AAAA,IACZ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EAxEF,IAoEgB,IAKX,8BALW,IAKX;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,QAAQ,UAAU,IAAI;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,gBAAgB;AAAA,IAClB;AAAA,KACG,kBACJ;AAGD,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,QAAM,iBAAiB;AAAA,IACrB,MAAM,WAAW;AAAA,IACjB,SAAS,WAAW;AAAA,IACpB,aAAa,WAAW;AAAA,IACxB,OAAO,WAAW;AAAA,IAClB,cAAc,WAAW;AAAA,IACzB,SAAS,WAAW;AAAA,EACtB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MAGA,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,OAAO,QAAQ,oBAAC,YAAQ,iBAAM,IAAY;AAAA,MAC1C;AAAA,MACA;AAAA,MACA,aAAa,SAAS,eAAe;AAAA,MAEpC,kBAAQ,IAAI,CAAC,WAAW;AA3H/B,YAAAA,KAAAC;AA4HQ,YAAI,WAAW,QAAQ;AACrB,gBAAM,eAAe;AAAA,YACnB,GAAG,MAAM,YAAWD,MAAA,OAAO,WAAP,OAAAA,MAAiB,OAAO,KAAK;AAAA,YACjD,EAAE,aAAa,KAAK;AAAA,UACtB;AACA,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,YAAY;AAAA,cACZ,eAAa;AAAA,cACb,YAAY,CAAC,CAAC,YAAY,OAAO;AAAA,cACjC;AAAA,cACA,OAAO,OAAO;AAAA,cAEb,WAAAC,MAAA,OAAO,UAAP,OAAAA,MAAgB,OAAO;AAAA;AAAA,YAPnB,OAAO;AAAA,UAQd;AAAA,QAEJ;AACA,eAAO;AAAA,MACT,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AC9If,IAAOC,kBAAQ;","names":["_a","_b","Radios_default"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=chunk-36LBVB45.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";//# sourceMappingURL=chunk-3JAVQAL5.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3JAVQAL5.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3JAVQAL5.cjs"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3ZQXSGR2.cjs","../src/hooks/useInputValueDebounce/useInputValueDebounce.ts"],"names":["_a"],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACLA,8BAAyD;AA0DlD,IAAM,sBAAA,EAAwB,CAAmB;AAAA,EACtD,cAAA,EAAgB,GAAA;AAAA,EAChB,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAA,GAAiF;AAE/E,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,KAAsB,CAAA;AAE9D,EAAA,MAAM,WAAA,EAAa,2BAAA,IAAkC,CAAA;AAGrD,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,EACvB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAGV,EAAA,MAAM,aAAA,EAAe,gCAAA;AAAA;AAAA,IAEnB,CAAA,GAAI,KAAA,EAAA,GAAiB;AA7EzB,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA+EM,MAAA,MAAM,SAAA,EAAA,CAAY,GAAA,EAAA,CAAA,GAAA,EAAA,CAAA,GAAA,EAAA,KAAA,CAAM,CAAC,CAAA,EAAA,GAAP,KAAA,EAAA,KAAA,EAAA,EAAA,EAAA,CAAU,MAAA,EAAA,GAAV,KAAA,EAAA,KAAA,EAAA,EAAA,EAAA,CAAkB,KAAA,EAAA,GAAlB,KAAA,EAAA,GAAA,EAA2B,KAAA,CAAM,CAAC,CAAA;AACpD,MAAA,eAAA,CAAgB,QAAQ,CAAA;AAGxB,MAAA,GAAA,CAAI,UAAA,CAAW,OAAA,EAAS;AACtB,QAAA,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AAAA,MACjC;AAEA,MAAA,MAAM,gBAAA,EAAkB,CAAA,EAAA,GAAM;AAvFpC,QAAA,IAAAA,GAAAA;AAyFQ,QAAA,GAAA,CAAA,CAAIA,IAAAA,EAAA,KAAA,CAAM,CAAC,CAAA,EAAA,GAAP,KAAA,EAAA,KAAA,EAAA,EAAAA,GAAAA,CAAU,MAAA,EAAQ;AACpB,UAAA,MAAM,eAAA,EAAiB,6CAAA,8CAAA,CAAA,CAAA,EAClB,KAAA,CAAM,CAAC,CAAA,CAAA,EADW;AAAA,YAErB,MAAA,EAAQ,6CAAA,8CAAA,CAAA,CAAA,EACH,KAAA,CAAM,CAAC,CAAA,CAAE,MAAA,CAAA,EADN;AAAA,cAEN,KAAA,EAAO;AAAA,YACT,CAAA;AAAA,UACF,CAAA,CAAA;AACA,UAAA,QAAA,CAAS,cAAA,EAAgB,GAAG,KAAA,CAAM,KAAA,CAAM,CAAC,CAAC,CAAA;AAAA,QAC5C,EAAA,KAAO;AACL,UAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,QACnB;AAAA,MACF,CAAA;AAGA,MAAA,GAAA,CAAI,cAAA,GAAiB,CAAA,EAAG;AACtB,QAAA,eAAA,CAAgB,CAAA;AAAA,MAClB,EAAA,KAAO;AACL,QAAA,UAAA,CAAW,QAAA,EAAU,UAAA,CAAW,eAAA,EAAiB,aAAa,CAAA;AAAA,MAChE;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,aAAa;AAAA,EAC1B,CAAA;AAGA,EAAA,MAAM,WAAA,EAAa,gCAAA,CAAY,EAAA,GAAM;AAEnC,IAAA,GAAA,CAAI,UAAA,CAAW,OAAA,EAAS;AACtB,MAAA,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AAC/B,MAAA,UAAA,CAAW,QAAA,EAAU,IAAA;AACrB,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA,IACvB;AACA,IAAA,MAAA,CAAO,CAAA;AAAA,EACT,CAAA,EAAG,CAAC,QAAA,EAAU,MAAA,EAAQ,YAAY,CAAC,CAAA;AAEnC,EAAA,OAAO;AAAA,IACL,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,UAAA;AAAA,IACR,KAAA,EAAO;AAAA,EACT,CAAA;AACF,CAAA;ADnEA;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3ZQXSGR2.cjs","sourcesContent":[null,"import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface UseInputValueDebounceOptions<TValue = unknown> {\n /** Debounce delay in milliseconds (default: 300) */\n debounceDelay?: number;\n /** The onBlur function to call after flushing debounced value */\n onBlur: () => void;\n /** The onChange function to call with debounced value */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onChange: (...event: any[]) => void;\n /** The field value */\n value: TValue;\n}\n\nexport interface UseInputValueDebounceReturn<TValue = unknown> {\n /** Enhanced onChange function with debouncing */\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onChange: (...event: any[]) => void;\n /** Enhanced onBlur function that flushes current value immediately */\n onBlur: () => void;\n /** The field value that is displayed - updates immediately */\n value: TValue;\n}\n\n/**\n * Custom hook for debouncing value changes with immediate blur support.\n *\n * Provides immediate visual feedback by updating the value instantly,\n * while debouncing the actual onChange calls. When focus is lost,\n * any pending debounced changes are immediately flushed.\n *\n * **Key Features:**\n * - **Debouncing**: Delays onChange calls until user stops typing\n * - **Generic type support**: Works with any data type (strings, numbers, arrays, objects)\n * - **Immediate value updates**: UI stays responsive during debouncing\n * - **Blur flushing**: Immediately applies pending changes on blur\n *\n * **Note:** Value transformations should be handled at the `useUniformField` level,\n * not in this hook. This hook only handles debouncing timing.\n *\n * @param options Configuration for debounced value handling\n * @param options.debounceDelay Delay in milliseconds (default: 300)\n * @param options.onBlur Function to call after flushing debounced value\n * @param options.onChange Function to call with debounced value\n * @param options.value The field value\n * @returns Object containing enhanced onChange, onBlur, and immediate value\n *\n * @example\n * Basic usage with debouncing:\n * ```tsx\n * const { onChange, onBlur, value } = useInputValueDebounce({\n * debounceDelay: 300,\n * onBlur: field.onBlur,\n * onChange: field.onChange,\n * value: field.value,\n * });\n * ```\n */\nexport const useInputValueDebounce = <TValue = unknown>({\n debounceDelay = 300,\n onBlur,\n onChange,\n value,\n}: UseInputValueDebounceOptions<TValue>): UseInputValueDebounceReturn<TValue> => {\n // Track value for synchronous updates\n const [currentValue, setCurrentValue] = useState<TValue>(value);\n\n const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n // Sync with external value changes\n useEffect(() => {\n setCurrentValue(value);\n }, [value]);\n\n // Enhanced onChange handler with debouncing\n const handleChange = useCallback(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (...event: any[]) => {\n // Extract the raw value\n const newValue = (event[0]?.target?.value ?? event[0]) as TValue;\n setCurrentValue(newValue);\n\n // Clear existing timeout\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n\n const executeOnChange = () => {\n // Preserve event structure if original was an event\n if (event[0]?.target) {\n const convertedEvent = {\n ...event[0],\n target: {\n ...event[0].target,\n value: newValue,\n },\n };\n onChange(convertedEvent, ...event.slice(1));\n } else {\n onChange(newValue);\n }\n };\n\n // Execute immediately or after delay\n if (debounceDelay <= 0) {\n executeOnChange();\n } else {\n timeoutRef.current = setTimeout(executeOnChange, debounceDelay);\n }\n },\n [onChange, debounceDelay],\n );\n\n // Enhanced blur handler\n const handleBlur = useCallback(() => {\n // Flush pending changes\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n onChange(currentValue);\n }\n onBlur();\n }, [onChange, onBlur, currentValue]);\n\n return {\n onChange: handleChange,\n onBlur: handleBlur,\n value: currentValue,\n };\n};\n"]}
|
|
@@ -7,15 +7,15 @@ import {
|
|
|
7
7
|
import {
|
|
8
8
|
useController
|
|
9
9
|
} from "./chunk-GE7HUIAK.js";
|
|
10
|
-
import {
|
|
11
|
-
useFormContext
|
|
12
|
-
} from "./chunk-ZZW7JZ2U.js";
|
|
13
10
|
import {
|
|
14
11
|
useInput
|
|
15
12
|
} from "./chunk-AHJJIANM.js";
|
|
16
13
|
import {
|
|
17
14
|
useInputValueTransform
|
|
18
15
|
} from "./chunk-CNTOODUQ.js";
|
|
16
|
+
import {
|
|
17
|
+
useFormContext
|
|
18
|
+
} from "./chunk-ZZW7JZ2U.js";
|
|
19
19
|
import {
|
|
20
20
|
isTestEnvironment
|
|
21
21
|
} from "./chunk-BOCYHTFE.js";
|
|
@@ -34,10 +34,11 @@ var useDebouncedInvalid = (invalid, delayMs) => {
|
|
|
34
34
|
}
|
|
35
35
|
return debouncedInvalid;
|
|
36
36
|
};
|
|
37
|
-
|
|
37
|
+
var useUniformField = (params) => {
|
|
38
38
|
var _a;
|
|
39
39
|
const {
|
|
40
40
|
name,
|
|
41
|
+
ariaLabel: customAriaLabel,
|
|
41
42
|
disabled = false,
|
|
42
43
|
testId: explicitTestId,
|
|
43
44
|
label,
|
|
@@ -104,7 +105,9 @@ function useUniformField(params) {
|
|
|
104
105
|
label,
|
|
105
106
|
labelPlacement: "outside"
|
|
106
107
|
});
|
|
108
|
+
const ariaLabel = customAriaLabel != null ? customAriaLabel : typeof label === "string" ? label : name;
|
|
107
109
|
return {
|
|
110
|
+
ariaLabel,
|
|
108
111
|
control,
|
|
109
112
|
debugMode,
|
|
110
113
|
defaultValue,
|
|
@@ -128,9 +131,9 @@ function useUniformField(params) {
|
|
|
128
131
|
resetField,
|
|
129
132
|
testId
|
|
130
133
|
};
|
|
131
|
-
}
|
|
134
|
+
};
|
|
132
135
|
|
|
133
136
|
export {
|
|
134
137
|
useUniformField
|
|
135
138
|
};
|
|
136
|
-
//# sourceMappingURL=chunk-
|
|
139
|
+
//# sourceMappingURL=chunk-4KEI3VRK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/hooks/useUniformField/useUniformField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { FieldError, FieldValues, Path } from 'react-hook-form';\nimport type { InputValueTransform } from '../useInputValueTransform/useInputValueTransform';\n\nimport React from 'react';\n\nimport { useDebounce } from '@fuf-stack/pixels';\n\nimport { isTestEnvironment } from '../../helpers';\nimport { FieldCopyTestIdButton } from '../../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../../partials/FieldValidationError';\nimport { useController } from '../useController/useController';\nimport { useFormContext } from '../useFormContext/useFormContext';\nimport { useInput } from '../useInput/useInput';\nimport { useInputValueTransform } from '../useInputValueTransform/useInputValueTransform';\n\n/**\n * Debounce invalid state changes to prevent UI flicker on rapid changes.\n *\n * Primary purpose: Reduce UI flicker when validation state changes rapidly\n * (e.g., during fast typing). Without debouncing, error messages would flash\n * in/out rapidly, creating a poor UX.\n *\n * Secondary benefit: When animations are enabled (default), gives time for\n * enter/exit animations to complete smoothly.\n *\n * Behavior:\n * - Debounces both true → false and false → true transitions by `delayMs`\n * - Disabled in test environments for immediate snapshots\n */\nconst useDebouncedInvalid = (invalid: boolean, delayMs: number) => {\n const debouncedInvalid = useDebounce(invalid, delayMs);\n\n // Disable debouncing in test environments for immediate snapshots\n if (isTestEnvironment()) {\n return invalid;\n }\n\n return debouncedInvalid;\n};\n\nexport interface UseUniformFieldParams<\n TFieldValues extends FieldValues = FieldValues,\n TDisplay = unknown,\n> {\n /** Form field name */\n name: Path<TFieldValues> & string;\n /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n ariaLabel?: string;\n /** Disable the field */\n disabled?: boolean;\n /** Optional label content */\n label?: ReactNode;\n /** Optional explicit test id used to build stable test ids */\n testId?: string;\n /** Optional value transformation between form and display values */\n transform?: InputValueTransform<TDisplay>;\n /** Input type for special number handling */\n type?: 'text' | 'number' | 'password';\n}\n\nexport interface UseUniformFieldReturn<\n TFieldValues extends FieldValues = FieldValues,\n> {\n /** Computed aria-label fallback (field name) when no visible label exists. Components can override based on their accessibility needs (e.g., if placeholder provides sufficient context) */\n ariaLabel: string | undefined;\n /** react-hook-form control instance for advanced integrations */\n control: ReturnType<typeof useFormContext<TFieldValues>>['control'];\n /** Debug mode from Uniform provider */\n debugMode: ReturnType<typeof useFormContext<TFieldValues>>['debugMode'];\n /** Current value used to initialize uncontrolled components */\n defaultValue: unknown;\n /** Whether the field is currently disabled (from RHF) */\n disabled: boolean | undefined;\n /** Validation error(s) for the field */\n error: FieldError[] | undefined;\n /** Pre-built errorMessage node to plug into components */\n errorMessage: ReactNode | null;\n /** RHF controller field with transformed value/onChange (use this for simple components) */\n field: ReturnType<typeof useController<TFieldValues>>['field'];\n /** Helper to spread standardized error message props to underlying components */\n getErrorMessageProps: ReturnType<typeof useInput>['getErrorMessageProps'];\n /** Helper to spread standardized helper wrapper props (for spacing/animation) */\n getHelperWrapperProps: ReturnType<typeof useInput>['getHelperWrapperProps'];\n /** Helper to spread standardized label props to underlying components */\n getLabelProps: ReturnType<typeof useInput>['getLabelProps'];\n /** Access current form values (converted to validation-friendly format) */\n getValues: ReturnType<typeof useFormContext<TFieldValues>>['getValues'];\n /** Whether the field should show invalid state (debounced for smooth animations). True when field is invalid AND (dirty OR touched OR submitted) */\n invalid: boolean;\n /** Computed label node including optional test id copy button */\n label: ReactNode | null;\n /** onBlur handler from controller */\n onBlur: ReturnType<typeof useController<TFieldValues>>['field']['onBlur'];\n /** onChange handler from controller (with transform applied) */\n onChange: ReturnType<typeof useController<TFieldValues>>['field']['onChange'];\n /** Ref to forward to underlying control */\n ref: ReturnType<typeof useController<TFieldValues>>['field']['ref'];\n /** Whether the field is required according to validation schema */\n required: boolean;\n /** Reset a specific field in the form */\n resetField: ReturnType<typeof useFormContext<TFieldValues>>['resetField'];\n /** Generated HTML data-testid for the field */\n testId: string;\n}\n\n/**\n * Combines frequently used form field logic into a single hook.\n *\n * Provides:\n * - Enhanced form context (validation-aware state, `testId`, value transforms)\n * - Controller field with nullish conversion handling\n * - Value transformation via `transform` prop:\n * • Allows disentangled display and form values (e.g., string ↔ object, boolean ↔ array)\n * • Automatically applies `toDisplayValue` to field value for components\n * • Automatically applies `toFormValue` to display value when onChange is called\n * • Works with `type` prop for automatic number/string conversion\n * • Examples: storing objects while displaying strings, storing booleans as arrays, enriching values with metadata\n * - Debounced `invalid` state with smart timing:\n * • `true` (field becomes invalid): applies immediately so errors show right away\n * • `false` (field becomes valid): delayed 200ms to allow smooth exit animations\n * • Respects `prefers-reduced-motion` by skipping delays when user prefers reduced motion\n * - Smart `invalid` visibility (via `showInvalid`):\n * • Shows errors when field is dirty OR touched OR form has been submitted\n * • Prevents showing errors on pristine/untouched fields for better UX\n * • Works well for all field types (text inputs, checkboxes, radios, arrays)\n * - Prebuilt `errorMessage` React node using `FieldValidationError`\n * - Computed `label` node which appends a `FieldCopyTestIdButton` in\n * `debug-testids` mode\n * - `defaultValue` for uncontrolled defaults and all usual field handlers\n * - Access to form utilities: `control`, `getValues`, `resetField`\n * - Presentation helpers: `getLabelProps`, `getErrorMessageProps`,\n * `getHelperWrapperProps` for consistent wiring to underlying UI components\n */\nexport const useUniformField = <\n TFieldValues extends FieldValues = FieldValues,\n TDisplay = unknown,\n>(\n params: UseUniformFieldParams<TFieldValues, TDisplay>,\n): UseUniformFieldReturn<TFieldValues> => {\n const {\n name,\n ariaLabel: customAriaLabel,\n disabled = false,\n testId: explicitTestId,\n label,\n type,\n transform,\n } = params;\n\n const {\n control,\n debugMode,\n formState: { submitCount },\n getFieldState,\n getValues,\n resetField,\n } = useFormContext<TFieldValues>();\n\n const {\n error,\n invalid: rawInvalid,\n isDirty,\n isTouched,\n required,\n testId,\n } = getFieldState(name, explicitTestId);\n\n const { field } = useController<TFieldValues>({\n control,\n disabled,\n name,\n });\n const {\n onChange: fieldOnChange,\n value: fieldValue,\n disabled: isDisabled,\n onBlur,\n ref,\n } = field;\n\n // Get transform utilities (but don't apply them automatically)\n // Components can choose how to use them (directly or via useInputValueDebounce)\n const { toDisplayValue, toFormValue } = useInputValueTransform<TDisplay>({\n type,\n transform,\n });\n\n // For components without special needs: apply transform to value and onChange\n const transformedValue = toDisplayValue(fieldValue);\n const transformedOnChange = (eventOrValue: TDisplay | React.ChangeEvent) => {\n // Extract value from event or use value directly\n const displayValue =\n (eventOrValue as React.ChangeEvent<HTMLInputElement>)?.target?.value ??\n eventOrValue;\n const formValue = toFormValue(displayValue as TDisplay);\n fieldOnChange(formValue as typeof fieldValue);\n };\n\n const defaultValue = (getValues() as Record<string, unknown>)?.[\n name as string\n ];\n\n /**\n * Determine when to show the invalid state to the user.\n *\n * Show errors when the field is invalid AND any of these conditions are met:\n * - Field is dirty (value changed from initial) - good for checkboxes/radios/arrays\n * - Field is touched (focused and blurred) - good for text inputs\n * - Form has been submitted - shows all errors after submit attempt\n *\n * This prevents showing errors on pristine/untouched fields for better UX.\n * Examples:\n * - Text input: User loads form with empty required field → no error shown yet\n * - Text input: User focuses and blurs → error shows (via isTouched)\n * - Checkbox group: User clicks first checkbox → error shows immediately (via isDirty)\n * - Any field: User submits form → all errors show (via submitCount)\n *\n * The entire condition is debounced to prevent flickering and allow smooth animations\n * when any of the states (invalid, isDirty, isTouched, submitCount) change.\n */\n const showInvalid = rawInvalid && (isDirty || isTouched || submitCount > 0);\n const invalid = useDebouncedInvalid(showInvalid, 200);\n\n // Build a label node that:\n // - shows the provided label (unless explicitly set to false)\n // - appends a copy-to-clipboard button for the test id in `debug-testids` mode\n // Consumers can pass this directly to component `label` props\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const labelNode: ReactNode | null =\n !!label || showTestIdCopyButton ? (\n <>\n {label !== false ? label : null}\n {showTestIdCopyButton ? (\n <FieldCopyTestIdButton testId={testId} />\n ) : null}\n </>\n ) : null;\n\n // Ready-to-render error message; consumers can drop this into their\n // component `errorMessage` prop without repeating mapping/markup\n const errorMessage = <FieldValidationError error={error} testId={testId} />;\n\n // Generate standardized props for label, helper wrapper and error message\n // so consumers can spread them directly into UI components (e.g. HeroUI),\n // keeping animations/spacing consistent across fields\n const { getErrorMessageProps, getLabelProps, getHelperWrapperProps } =\n useInput({\n ref,\n classNames: {\n // set padding to 0 for error message exit animation\n helperWrapper: 'p-0',\n },\n errorMessage: JSON.stringify(error),\n isInvalid: invalid,\n isRequired: required,\n label,\n labelPlacement: 'outside',\n });\n\n // Compute aria-label: prefer custom prop, then use string label if available, otherwise field name\n // Components can further override this based on their specific accessibility needs\n // (e.g., Input/TextArea may skip this if they have a meaningful placeholder)\n const ariaLabel =\n customAriaLabel ?? (typeof label === 'string' ? label : name);\n\n return {\n ariaLabel,\n control,\n debugMode,\n defaultValue,\n disabled: isDisabled,\n error,\n errorMessage,\n field: {\n ...field,\n value: transformedValue as typeof field.value,\n onChange: transformedOnChange as typeof field.onChange,\n },\n getErrorMessageProps,\n getHelperWrapperProps,\n getLabelProps,\n getValues,\n invalid,\n label: labelNode,\n onBlur,\n onChange: transformedOnChange as typeof field.onChange,\n ref,\n required,\n resetField,\n testId,\n };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAS,mBAAmB;AAiOtB,mBAGI,KAHJ;AAzMN,IAAM,sBAAsB,CAAC,SAAkB,YAAoB;AACjE,QAAM,mBAAmB,YAAY,SAAS,OAAO;AAGrD,MAAI,kBAAkB,GAAG;AACvB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AA+FO,IAAM,kBAAkB,CAI7B,WACwC;AA3I1C;AA4IE,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW,EAAE,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAA6B;AAEjC,QAAM;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc,MAAM,cAAc;AAEtC,QAAM,EAAE,MAAM,IAAI,cAA4B;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF,IAAI;AAIJ,QAAM,EAAE,gBAAgB,YAAY,IAAI,uBAAiC;AAAA,IACvE;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,mBAAmB,eAAe,UAAU;AAClD,QAAM,sBAAsB,CAAC,iBAA+C;AA9L9E,QAAAA,KAAA;AAgMI,UAAM,gBACH,MAAAA,MAAA,6CAAsD,WAAtD,gBAAAA,IAA8D,UAA9D,YACD;AACF,UAAM,YAAY,YAAY,YAAwB;AACtD,kBAAc,SAA8B;AAAA,EAC9C;AAEA,QAAM,gBAAgB,eAAU,MAAV,mBACpB;AAqBF,QAAM,cAAc,eAAe,WAAW,aAAa,cAAc;AACzE,QAAM,UAAU,oBAAoB,aAAa,GAAG;AAMpD,QAAM,uBAAuB,cAAc;AAC3C,QAAM,YACJ,CAAC,CAAC,SAAS,uBACT,iCACG;AAAA,cAAU,QAAQ,QAAQ;AAAA,IAC1B,uBACC,oBAAC,iCAAsB,QAAgB,IACrC;AAAA,KACN,IACE;AAIN,QAAM,eAAe,oBAAC,gCAAqB,OAAc,QAAgB;AAKzE,QAAM,EAAE,sBAAsB,eAAe,sBAAsB,IACjE,SAAS;AAAA,IACP;AAAA,IACA,YAAY;AAAA;AAAA,MAEV,eAAe;AAAA,IACjB;AAAA,IACA,cAAc,KAAK,UAAU,KAAK;AAAA,IAClC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,EAClB,CAAC;AAKH,QAAM,YACJ,4CAAoB,OAAO,UAAU,WAAW,QAAQ;AAE1D,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO,iCACF,QADE;AAAA,MAEL,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["_a"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkOED4DYBDcjs = require('./chunk-OED4DYBD.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkUUGUQGMXcjs = require('./chunk-UUGUQGMX.cjs');
|
|
@@ -99,6 +99,7 @@ var Select = (_a) => {
|
|
|
99
99
|
]);
|
|
100
100
|
var _a2;
|
|
101
101
|
const {
|
|
102
|
+
ariaLabel,
|
|
102
103
|
disabled,
|
|
103
104
|
errorMessage,
|
|
104
105
|
field: { onBlur, onChange, ref, value },
|
|
@@ -109,7 +110,7 @@ var Select = (_a) => {
|
|
|
109
110
|
label,
|
|
110
111
|
required,
|
|
111
112
|
testId
|
|
112
|
-
} =
|
|
113
|
+
} = _chunkOED4DYBDcjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {
|
|
113
114
|
name
|
|
114
115
|
}, uniformFieldProps));
|
|
115
116
|
const { getFieldState } = _chunkUUGUQGMXcjs.useFormContext.call(void 0, );
|
|
@@ -152,7 +153,7 @@ var Select = (_a) => {
|
|
|
152
153
|
unstyled: true,
|
|
153
154
|
"aria-errormessage": "",
|
|
154
155
|
"aria-invalid": invalid,
|
|
155
|
-
"aria-
|
|
156
|
+
"aria-label": ariaLabel,
|
|
156
157
|
"data-testid": testId,
|
|
157
158
|
filterOption,
|
|
158
159
|
formatOptionLabel: renderOptionLabel,
|
|
@@ -167,6 +168,7 @@ var Select = (_a) => {
|
|
|
167
168
|
onInputChange,
|
|
168
169
|
options,
|
|
169
170
|
placeholder,
|
|
171
|
+
"aria-labelledby": label ? (_a2 = getTriggerProps()["aria-labelledby"]) == null ? void 0 : _a2.split(" ")[1] : void 0,
|
|
170
172
|
classNames: {
|
|
171
173
|
control: () => {
|
|
172
174
|
return _pixelutils.cn.call(void 0, classNames.control, {
|
|
@@ -287,4 +289,4 @@ var Select_default2 = Select_default;
|
|
|
287
289
|
|
|
288
290
|
|
|
289
291
|
exports.Select_default = Select_default; exports.Select_default2 = Select_default2;
|
|
290
|
-
//# sourceMappingURL=chunk-
|
|
292
|
+
//# sourceMappingURL=chunk-4LLSZ6GN.cjs.map
|