@ark-ui/solid 5.9.2 → 5.11.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.
Files changed (210) hide show
  1. package/dist/chunk/{Q557L2RK.js → 25PYT2EL.js} +1 -1
  2. package/dist/chunk/{CWSU5VHJ.jsx → 2UVDYZIY.jsx} +4 -4
  3. package/dist/chunk/{BXECMIPR.jsx → 2WR5J3OZ.jsx} +8 -8
  4. package/dist/chunk/{N2RML4J6.jsx → 35XSFKD5.jsx} +4 -4
  5. package/dist/chunk/{VVFQKYUI.jsx → 3DOPQCHJ.jsx} +4 -4
  6. package/dist/chunk/{WOKAVEII.js → 4B42LT3B.js} +1 -1
  7. package/dist/chunk/{JSS5JFN7.js → 4B53AHD6.js} +1 -1
  8. package/dist/chunk/{TCX2JWKV.jsx → 4FUKCXPR.jsx} +5 -5
  9. package/dist/chunk/{7PZAG3KV.jsx → 4UNGYCFT.jsx} +4 -4
  10. package/dist/chunk/{G4LH4ERN.js → 4V2VMH2Z.js} +1 -1
  11. package/dist/chunk/{LU3IF34M.jsx → 5U4KEVIU.jsx} +4 -4
  12. package/dist/chunk/{K6SQP6D6.js → 5XIPATMW.js} +1 -1
  13. package/dist/chunk/{QTCJZQD2.js → 6HQNY7WM.js} +3 -1
  14. package/dist/chunk/{Y23TQ3QD.js → 74W4D3KY.js} +2 -2
  15. package/dist/chunk/{FFZTH4BQ.js → 7E5K2JFP.js} +2 -2
  16. package/dist/chunk/{K43DWOSN.js → 7YHVIYNP.js} +1 -1
  17. package/dist/chunk/{EWPKE75H.js → AIFOKNNI.js} +1 -1
  18. package/dist/chunk/{YJ6JVNXC.jsx → AKYIM67Z.jsx} +6 -5
  19. package/dist/chunk/{NUV5TWIS.js → ASBQTDT2.js} +1 -1
  20. package/dist/chunk/{KZCPP2UJ.jsx → AUVF4L3Q.jsx} +5 -5
  21. package/dist/chunk/{7WRB2BF6.jsx → C5TKHQPT.jsx} +5 -5
  22. package/dist/chunk/{CRRTWY6S.js → CDA7SUTE.js} +2 -2
  23. package/dist/chunk/{TCLYH3IR.js → CWTELADB.js} +1 -1
  24. package/dist/chunk/{OESRMFGZ.js → D65IYCJS.js} +2 -2
  25. package/dist/chunk/{HD73LMEZ.jsx → E2L62MKC.jsx} +4 -4
  26. package/dist/chunk/{PT4TFOAY.js → EJDY3MNV.js} +1 -1
  27. package/dist/chunk/{DSXX24ZB.js → FQGMWBGA.js} +3 -3
  28. package/dist/chunk/{DOU3J35G.js → GAB5O55Q.js} +1 -1
  29. package/dist/chunk/{4FQIG4V7.jsx → GDPPSUOA.jsx} +5 -5
  30. package/dist/chunk/{356AM4NT.jsx → GKS4JQZJ.jsx} +4 -4
  31. package/dist/chunk/{BLLB57FT.js → GQ6E3MY2.js} +1 -1
  32. package/dist/chunk/{6VSMEEYE.jsx → HDKSS6KE.jsx} +1 -1
  33. package/dist/chunk/{E22WHIVG.js → HKFF76YQ.js} +1 -1
  34. package/dist/chunk/{UNEUVTYY.jsx → HP3ZGMDZ.jsx} +4 -4
  35. package/dist/chunk/{RNEZ7CPM.jsx → HQOIDGRU.jsx} +10 -6
  36. package/dist/chunk/{LTZUX6NG.js → HX25P762.js} +1 -1
  37. package/dist/chunk/{C77V6LMM.js → HXBZ7BRX.js} +2 -2
  38. package/dist/chunk/{KVNEQSPE.js → J3ETCCNJ.js} +2 -2
  39. package/dist/chunk/{BUX3MXSX.js → J6KTD7C4.js} +1 -1
  40. package/dist/chunk/{JGEZ3CEJ.jsx → JEPST7BN.jsx} +5 -5
  41. package/dist/chunk/{MJTDOSTD.js → JFFJERKH.js} +2 -2
  42. package/dist/chunk/{XVFKSENF.jsx → JQSSQ4LS.jsx} +4 -4
  43. package/dist/chunk/{YTV53GNE.jsx → JUBTXT4B.jsx} +5 -5
  44. package/dist/chunk/{5B353N2U.js → JXJHXSF4.js} +1 -1
  45. package/dist/chunk/{G4YMJ55Z.jsx → JY6PMVAK.jsx} +11 -8
  46. package/dist/chunk/{PTQ2ZK6W.jsx → KAYDBHSW.jsx} +5 -5
  47. package/dist/chunk/{ERVD3RNL.js → L4PQJRRA.js} +2 -2
  48. package/dist/chunk/{LOVRMSUE.jsx → LKPEYZZO.jsx} +5 -5
  49. package/dist/chunk/{MTNAO4AP.js → LNLL2OTD.js} +1 -1
  50. package/dist/chunk/{TNFESXDP.jsx → MM6NNI6M.jsx} +4 -4
  51. package/dist/chunk/MTT5ESIK.jsx +400 -0
  52. package/dist/chunk/{YTOMOC2N.jsx → N3H47LNB.jsx} +4 -4
  53. package/dist/chunk/{PJOT65K5.js → N65DCNIH.js} +1 -1
  54. package/dist/chunk/{MNJ5H4O3.js → NC7W2KIE.js} +8 -6
  55. package/dist/chunk/{ODWQP5BE.js → NEP3K5KL.js} +2 -2
  56. package/dist/chunk/{4UCWZUKZ.jsx → NPHS6PVV.jsx} +4 -4
  57. package/dist/chunk/{LMAXB47P.js → O5A5KQPC.js} +1 -1
  58. package/dist/chunk/{BK7OIA6A.js → OA4CU2PL.js} +1 -1
  59. package/dist/chunk/{ZP3I6MQ6.jsx → OKNWZYMH.jsx} +5 -5
  60. package/dist/chunk/OO4YLIXE.js +352 -0
  61. package/dist/chunk/{ZS4PGVV2.js → OVFUGKNG.js} +1 -1
  62. package/dist/chunk/{AO67VHVB.js → P7WR6WX5.js} +2 -2
  63. package/dist/chunk/{TMFXEZZD.jsx → POJRD725.jsx} +4 -4
  64. package/dist/chunk/{SMCXE4F2.jsx → PPQSRJ6X.jsx} +9 -8
  65. package/dist/chunk/{ST2DCKFC.jsx → PVGCB42Y.jsx} +5 -5
  66. package/dist/chunk/{MMBCKNJD.jsx → QC5C6JJA.jsx} +5 -5
  67. package/dist/chunk/{YP3UNDRI.js → QJQKZL6X.js} +1 -1
  68. package/dist/chunk/{IPDSXUQA.jsx → RC4UV6HP.jsx} +5 -5
  69. package/dist/chunk/{MUCM2BGL.js → RFQ7YTWX.js} +3 -3
  70. package/dist/chunk/{SIMDMQSR.jsx → RULCXX3A.jsx} +4 -4
  71. package/dist/chunk/{GYVCXFG6.jsx → S4OS4UYL.jsx} +5 -5
  72. package/dist/chunk/{U6IISAPB.js → SFEMNN6F.js} +2 -2
  73. package/dist/chunk/{GD2T6MEV.js → SGY2KGDL.js} +1 -1
  74. package/dist/chunk/{ASMPKIFP.jsx → SRW6BLJ4.jsx} +5 -5
  75. package/dist/chunk/{E5BXBABH.js → T7G3DPEM.js} +1 -1
  76. package/dist/chunk/{R6OIHEOD.jsx → TTIVTOWQ.jsx} +1 -1
  77. package/dist/chunk/{SX447CAN.js → UAANHQJZ.js} +1 -1
  78. package/dist/chunk/{2A55KDMS.js → UU6XEYFI.js} +1 -1
  79. package/dist/chunk/{DPBPY5OV.jsx → UW5WJ2LL.jsx} +4 -4
  80. package/dist/chunk/{QYAKJNEK.jsx → V2GDFVDR.jsx} +1 -1
  81. package/dist/chunk/{JOQTXJFL.js → VALZYT6I.js} +1 -1
  82. package/dist/chunk/{JV6QCOSW.js → VEV5HF3M.js} +2 -2
  83. package/dist/chunk/{5O6KVLS3.jsx → WG67YHCV.jsx} +5 -5
  84. package/dist/chunk/{2ROWZ6DR.jsx → WHXDBQDP.jsx} +4 -4
  85. package/dist/chunk/{GMRKWCAS.jsx → WOUVNHGI.jsx} +5 -5
  86. package/dist/chunk/{IS2ORUHE.js → WTNRGPVN.js} +1 -1
  87. package/dist/chunk/{KEYZVEKA.jsx → XIT3ASUI.jsx} +8 -8
  88. package/dist/chunk/{KG6EEKBP.jsx → XKBIT7L5.jsx} +5 -5
  89. package/dist/chunk/{J2UZITPB.js → XQNGFJ2M.js} +1 -1
  90. package/dist/chunk/{T3UB5H27.jsx → XUH2TAUG.jsx} +5 -5
  91. package/dist/chunk/{2OHIK5BX.jsx → YAOPG62Z.jsx} +4 -4
  92. package/dist/chunk/{YMMMHJJS.js → YO2MCGXO.js} +1 -1
  93. package/dist/chunk/{QDMXYDMC.jsx → ZNBZTQ46.jsx} +5 -5
  94. package/dist/chunk/{5TX7UNRJ.jsx → ZTNABPZL.jsx} +5 -5
  95. package/dist/components/accordion/index.js +1 -1
  96. package/dist/components/accordion/index.jsx +5 -5
  97. package/dist/components/angle-slider/index.js +1 -1
  98. package/dist/components/angle-slider/index.jsx +4 -4
  99. package/dist/components/avatar/index.js +1 -1
  100. package/dist/components/avatar/index.jsx +4 -4
  101. package/dist/components/carousel/index.js +1 -1
  102. package/dist/components/carousel/index.jsx +4 -4
  103. package/dist/components/checkbox/index.d.ts +1 -1
  104. package/dist/components/checkbox/index.js +1 -1
  105. package/dist/components/checkbox/index.jsx +6 -6
  106. package/dist/components/clipboard/index.js +1 -1
  107. package/dist/components/clipboard/index.jsx +4 -4
  108. package/dist/components/collapsible/index.js +1 -1
  109. package/dist/components/collapsible/index.jsx +4 -4
  110. package/dist/components/color-picker/index.d.ts +1 -1
  111. package/dist/components/color-picker/index.js +1 -1
  112. package/dist/components/color-picker/index.jsx +7 -7
  113. package/dist/components/combobox/index.d.ts +4 -3
  114. package/dist/components/combobox/index.js +1 -1
  115. package/dist/components/combobox/index.jsx +9 -9
  116. package/dist/components/date-picker/index.d.ts +1 -1
  117. package/dist/components/date-picker/index.js +1 -1
  118. package/dist/components/date-picker/index.jsx +5 -5
  119. package/dist/components/dialog/index.js +1 -1
  120. package/dist/components/dialog/index.jsx +5 -5
  121. package/dist/components/download-trigger/index.js +1 -1
  122. package/dist/components/download-trigger/index.jsx +4 -4
  123. package/dist/components/editable/index.js +1 -1
  124. package/dist/components/editable/index.jsx +6 -6
  125. package/dist/components/field/index.d.ts +1 -1
  126. package/dist/components/field/index.js +1 -1
  127. package/dist/components/field/index.jsx +6 -3
  128. package/dist/components/fieldset/index.d.ts +5 -6
  129. package/dist/components/fieldset/index.js +1 -1
  130. package/dist/components/fieldset/index.jsx +5 -2
  131. package/dist/components/file-upload/index.js +1 -1
  132. package/dist/components/file-upload/index.jsx +6 -6
  133. package/dist/components/floating-panel/index.js +1 -1
  134. package/dist/components/floating-panel/index.jsx +5 -5
  135. package/dist/components/format/index.jsx +2 -2
  136. package/dist/components/frame/index.js +1 -1
  137. package/dist/components/frame/index.jsx +3 -3
  138. package/dist/components/hover-card/index.js +1 -1
  139. package/dist/components/hover-card/index.jsx +5 -5
  140. package/dist/components/index.d.ts +3 -1
  141. package/dist/components/index.js +49 -48
  142. package/dist/components/index.jsx +414 -388
  143. package/dist/components/listbox/index.js +1 -1
  144. package/dist/components/listbox/index.jsx +5 -5
  145. package/dist/components/menu/index.js +1 -1
  146. package/dist/components/menu/index.jsx +5 -5
  147. package/dist/components/number-input/index.js +1 -1
  148. package/dist/components/number-input/index.jsx +6 -6
  149. package/dist/components/pagination/index.js +1 -1
  150. package/dist/components/pagination/index.jsx +4 -4
  151. package/dist/components/password-input/index.d.ts +78 -0
  152. package/dist/components/password-input/index.js +1 -0
  153. package/dist/components/password-input/index.jsx +40 -0
  154. package/dist/components/pin-input/index.js +1 -1
  155. package/dist/components/pin-input/index.jsx +6 -6
  156. package/dist/components/popover/index.js +1 -1
  157. package/dist/components/popover/index.jsx +5 -5
  158. package/dist/components/presence/index.jsx +2 -2
  159. package/dist/components/progress/index.js +1 -1
  160. package/dist/components/progress/index.jsx +4 -4
  161. package/dist/components/qr-code/index.js +1 -1
  162. package/dist/components/qr-code/index.jsx +4 -4
  163. package/dist/components/radio-group/index.js +1 -1
  164. package/dist/components/radio-group/index.jsx +4 -4
  165. package/dist/components/rating-group/index.js +1 -1
  166. package/dist/components/rating-group/index.jsx +6 -6
  167. package/dist/components/segment-group/index.js +1 -1
  168. package/dist/components/segment-group/index.jsx +4 -4
  169. package/dist/components/select/index.d.ts +2 -2
  170. package/dist/components/select/index.js +1 -1
  171. package/dist/components/select/index.jsx +9 -9
  172. package/dist/components/signature-pad/index.js +1 -1
  173. package/dist/components/signature-pad/index.jsx +6 -6
  174. package/dist/components/slider/index.js +1 -1
  175. package/dist/components/slider/index.jsx +4 -4
  176. package/dist/components/splitter/index.js +1 -1
  177. package/dist/components/splitter/index.jsx +4 -4
  178. package/dist/components/steps/index.js +1 -1
  179. package/dist/components/steps/index.jsx +4 -4
  180. package/dist/components/switch/index.js +1 -1
  181. package/dist/components/switch/index.jsx +6 -6
  182. package/dist/components/tabs/index.js +1 -1
  183. package/dist/components/tabs/index.jsx +5 -5
  184. package/dist/components/tags-input/index.js +1 -1
  185. package/dist/components/tags-input/index.jsx +6 -6
  186. package/dist/components/time-picker/index.js +1 -1
  187. package/dist/components/time-picker/index.jsx +5 -5
  188. package/dist/components/timer/index.js +1 -1
  189. package/dist/components/timer/index.jsx +4 -4
  190. package/dist/components/toast/index.js +1 -1
  191. package/dist/components/toast/index.jsx +4 -4
  192. package/dist/components/toggle-group/index.js +1 -1
  193. package/dist/components/toggle-group/index.jsx +4 -4
  194. package/dist/components/tooltip/index.js +1 -1
  195. package/dist/components/tooltip/index.jsx +5 -5
  196. package/dist/components/tour/index.js +1 -1
  197. package/dist/components/tour/index.jsx +5 -5
  198. package/dist/components/tree-view/index.js +1 -1
  199. package/dist/components/tree-view/index.jsx +7 -7
  200. package/dist/index.d.ts +3 -1
  201. package/dist/index.js +50 -49
  202. package/dist/index.jsx +414 -388
  203. package/dist/providers/environment/index.js +1 -1
  204. package/dist/providers/environment/index.jsx +2 -2
  205. package/dist/providers/index.js +1 -1
  206. package/dist/providers/index.jsx +2 -2
  207. package/package.json +56 -55
  208. package/dist/chunk/{IEGQ2BAU.jsx → BJ3QT4LE.jsx} +0 -0
  209. package/dist/chunk/{5I3KMKOJ.js → QBN5FEQF.js} +0 -0
  210. package/dist/chunk/{RHCMSWDF.jsx → WC2HBDLJ.jsx} +3 -3
@@ -0,0 +1,352 @@
1
+ import { createMachine } from './PKUUD527.js';
2
+ import { useFieldContext } from './NC7W2KIE.js';
3
+ import { createSplitProps as createSplitProps$1 } from './ZMHI4GDJ.js';
4
+ import { ark } from './EPLBB4QN.js';
5
+ import { useLocaleContext } from './OKZ64GSY.js';
6
+ import { useEnvironmentContext } from './YO2MCGXO.js';
7
+ import { createContext } from './TROPIN4C.js';
8
+ import { runIfFn } from './DT73WLR4.js';
9
+ import { __export } from './ESLJRKWD.js';
10
+ import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
11
+ import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
12
+ import { Show, createUniqueId, createMemo } from 'solid-js';
13
+ import { createAnatomy } from '@zag-js/anatomy';
14
+ import { dataAttr, isLeftClick, ariaAttr } from '@zag-js/dom-query';
15
+ import { uuid, createSplitProps } from '@zag-js/utils';
16
+ import { createProps } from '@zag-js/types';
17
+
18
+ // src/components/password-input/use-password-input-context.ts
19
+ var [PasswordInputProvider, usePasswordInputContext] = createContext({
20
+ hookName: "usePasswordInputContext",
21
+ providerName: "<PasswordInputProvider />"
22
+ });
23
+
24
+ // src/components/password-input/password-input-context.tsx
25
+ var PasswordInputContext = (props2) => props2.children(usePasswordInputContext());
26
+ var PasswordInputControl = (props2) => {
27
+ const passwordInput = usePasswordInputContext();
28
+ const mergedProps = mergeProps(() => passwordInput().getControlProps(), props2);
29
+ return createComponent(ark.div, mergedProps);
30
+ };
31
+ var PasswordInputIndicator = (props2) => {
32
+ const passwordInput = usePasswordInputContext();
33
+ const mergedProps = mergeProps(() => passwordInput().getIndicatorProps(), props2);
34
+ return createComponent(ark.span, mergeProps$1(mergedProps, {
35
+ get children() {
36
+ return createComponent(Show, {
37
+ get when() {
38
+ return passwordInput().visible;
39
+ },
40
+ get fallback() {
41
+ return props2.fallback;
42
+ },
43
+ get children() {
44
+ return props2.children;
45
+ }
46
+ });
47
+ }
48
+ }));
49
+ };
50
+ var PasswordInputInput = (props2) => {
51
+ const passwordInput = usePasswordInputContext();
52
+ const mergedProps = mergeProps(() => passwordInput().getInputProps(), props2);
53
+ const field = useFieldContext();
54
+ return createComponent(ark.input, mergeProps$1({
55
+ get ["aria-describedby"]() {
56
+ return field?.().ariaDescribedby;
57
+ }
58
+ }, mergedProps));
59
+ };
60
+ var PasswordInputLabel = (props2) => {
61
+ const passwordInput = usePasswordInputContext();
62
+ const mergedProps = mergeProps(() => passwordInput().getLabelProps(), props2);
63
+ return createComponent(ark.label, mergedProps);
64
+ };
65
+ var anatomy = createAnatomy("password-input").parts(
66
+ "root",
67
+ "input",
68
+ "label",
69
+ "control",
70
+ "indicator",
71
+ "visibilityTrigger"
72
+ );
73
+ var parts = anatomy.build();
74
+ var getInputId = (ctx) => ctx.ids?.input ?? `p-input-${ctx.id}-input`;
75
+ var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
76
+ function connect(service, normalize) {
77
+ const { scope, prop, context } = service;
78
+ const visible = context.get("visible");
79
+ const disabled = !!prop("disabled");
80
+ const invalid = !!prop("invalid");
81
+ const readOnly = !!prop("readOnly");
82
+ const interactive = !(readOnly || disabled);
83
+ const translations = prop("translations");
84
+ return {
85
+ visible,
86
+ disabled,
87
+ invalid,
88
+ focus() {
89
+ getInputEl(scope)?.focus();
90
+ },
91
+ setVisible(value) {
92
+ service.send({ type: "VISIBILITY.SET", value });
93
+ },
94
+ toggleVisible() {
95
+ service.send({ type: "VISIBILITY.SET", value: !visible });
96
+ },
97
+ getRootProps() {
98
+ return normalize.element({
99
+ ...parts.root.attrs,
100
+ dir: prop("dir"),
101
+ "data-disabled": dataAttr(disabled),
102
+ "data-invalid": dataAttr(invalid),
103
+ "data-readonly": dataAttr(readOnly)
104
+ });
105
+ },
106
+ getLabelProps() {
107
+ return normalize.label({
108
+ ...parts.label.attrs,
109
+ htmlFor: getInputId(scope),
110
+ "data-disabled": dataAttr(disabled),
111
+ "data-invalid": dataAttr(invalid),
112
+ "data-readonly": dataAttr(readOnly)
113
+ });
114
+ },
115
+ getInputProps() {
116
+ return normalize.input({
117
+ ...parts.input.attrs,
118
+ id: getInputId(scope),
119
+ autoCapitalize: "off",
120
+ name: prop("name"),
121
+ required: prop("required"),
122
+ autoComplete: prop("autoComplete"),
123
+ spellCheck: false,
124
+ readOnly,
125
+ disabled,
126
+ type: visible ? "text" : "password",
127
+ "data-state": visible ? "visible" : "hidden",
128
+ "aria-invalid": ariaAttr(invalid),
129
+ "data-disabled": dataAttr(disabled),
130
+ "data-invalid": dataAttr(invalid),
131
+ "data-readonly": dataAttr(readOnly),
132
+ ...prop("ignorePasswordManagers") ? passwordManagerProps : {}
133
+ });
134
+ },
135
+ getVisibilityTriggerProps() {
136
+ return normalize.button({
137
+ ...parts.visibilityTrigger.attrs,
138
+ type: "button",
139
+ tabIndex: -1,
140
+ "aria-controls": getInputId(scope),
141
+ "aria-expanded": visible,
142
+ "data-readonly": dataAttr(readOnly),
143
+ disabled,
144
+ "data-disabled": dataAttr(disabled),
145
+ "data-state": visible ? "visible" : "hidden",
146
+ "aria-label": translations?.visibilityTrigger?.(visible),
147
+ onPointerDown(event) {
148
+ if (!isLeftClick(event)) return;
149
+ if (!interactive) return;
150
+ event.preventDefault();
151
+ service.send({ type: "TRIGGER.CLICK" });
152
+ }
153
+ });
154
+ },
155
+ getIndicatorProps() {
156
+ return normalize.element({
157
+ ...parts.indicator.attrs,
158
+ "aria-hidden": true,
159
+ "data-state": visible ? "visible" : "hidden",
160
+ "data-disabled": dataAttr(disabled),
161
+ "data-invalid": dataAttr(invalid),
162
+ "data-readonly": dataAttr(readOnly)
163
+ });
164
+ },
165
+ getControlProps() {
166
+ return normalize.element({
167
+ ...parts.control.attrs,
168
+ "data-disabled": dataAttr(disabled),
169
+ "data-invalid": dataAttr(invalid),
170
+ "data-readonly": dataAttr(readOnly)
171
+ });
172
+ }
173
+ };
174
+ }
175
+ var passwordManagerProps = {
176
+ // 1Password
177
+ "data-1p-ignore": "",
178
+ // LastPass
179
+ "data-lpignore": "true",
180
+ // Bitwarden
181
+ "data-bwignore": "true",
182
+ // Dashlane
183
+ "data-form-type": "other",
184
+ // Proton Pass
185
+ "data-protonpass-ignore": "true"
186
+ };
187
+ var machine = createMachine({
188
+ props({ props: props2 }) {
189
+ return {
190
+ id: uuid(),
191
+ defaultVisible: false,
192
+ autoComplete: "current-password",
193
+ ignorePasswordManagers: false,
194
+ ...props2,
195
+ translations: {
196
+ visibilityTrigger(visible) {
197
+ return visible ? "Hide password" : "Show password";
198
+ },
199
+ ...props2.translations
200
+ }
201
+ };
202
+ },
203
+ context({ prop, bindable }) {
204
+ return {
205
+ visible: bindable(() => ({
206
+ value: prop("visible"),
207
+ defaultValue: prop("defaultVisible"),
208
+ onChange(value) {
209
+ prop("onVisibilityChange")?.({ visible: value });
210
+ }
211
+ }))
212
+ };
213
+ },
214
+ initialState() {
215
+ return "idle";
216
+ },
217
+ effects: ["trackFormEvents"],
218
+ states: {
219
+ idle: {
220
+ on: {
221
+ "VISIBILITY.SET": {
222
+ actions: ["setVisibility"]
223
+ },
224
+ "TRIGGER.CLICK": {
225
+ actions: ["toggleVisibility", "focusInputEl"]
226
+ }
227
+ }
228
+ }
229
+ },
230
+ implementations: {
231
+ actions: {
232
+ setVisibility({ context, event }) {
233
+ context.set("visible", event.value);
234
+ },
235
+ toggleVisibility({ context }) {
236
+ context.set("visible", (c) => !c);
237
+ },
238
+ focusInputEl({ scope }) {
239
+ const inputEl = getInputEl(scope);
240
+ inputEl?.focus();
241
+ }
242
+ },
243
+ effects: {
244
+ trackFormEvents({ scope, send }) {
245
+ const inputEl = getInputEl(scope);
246
+ const form = inputEl?.form;
247
+ if (!form) return;
248
+ const win = scope.getWin();
249
+ const controller = new win.AbortController();
250
+ form.addEventListener(
251
+ "reset",
252
+ (event) => {
253
+ if (event.defaultPrevented) return;
254
+ send({ type: "VISIBILITY.SET", value: false });
255
+ },
256
+ { signal: controller.signal }
257
+ );
258
+ form.addEventListener(
259
+ "submit",
260
+ () => {
261
+ send({ type: "VISIBILITY.SET", value: false });
262
+ },
263
+ { signal: controller.signal }
264
+ );
265
+ return () => controller.abort();
266
+ }
267
+ }
268
+ }
269
+ });
270
+ var props = createProps()([
271
+ "defaultVisible",
272
+ "dir",
273
+ "id",
274
+ "onVisibilityChange",
275
+ "visible",
276
+ "ids",
277
+ "getRootNode",
278
+ "disabled",
279
+ "invalid",
280
+ "required",
281
+ "readOnly",
282
+ "translations",
283
+ "ignorePasswordManagers",
284
+ "autoComplete",
285
+ "name"
286
+ ]);
287
+ createSplitProps(props);
288
+ var usePasswordInput = (props2) => {
289
+ const id = createUniqueId();
290
+ const locale = useLocaleContext();
291
+ const environment = useEnvironmentContext();
292
+ const field = useFieldContext();
293
+ const machineProps = createMemo(() => ({
294
+ id,
295
+ ids: {
296
+ input: field?.().ids.control
297
+ },
298
+ disabled: field?.().disabled,
299
+ readOnly: field?.().readOnly,
300
+ required: field?.().required,
301
+ invalid: field?.().invalid,
302
+ dir: locale().dir,
303
+ getRootNode: environment().getRootNode,
304
+ ...runIfFn(props2)
305
+ }));
306
+ const service = useMachine(machine, machineProps);
307
+ return createMemo(() => connect(service, normalizeProps));
308
+ };
309
+
310
+ // src/components/password-input/password-input-root.tsx
311
+ var PasswordInputRoot = (props2) => {
312
+ const [usePasswordInputProps, localProps] = createSplitProps$1()(props2, ["autoComplete", "defaultVisible", "disabled", "id", "ids", "ignorePasswordManagers", "invalid", "name", "onVisibilityChange", "readOnly", "required", "translations", "visible"]);
313
+ const passwordInput = usePasswordInput(usePasswordInputProps);
314
+ const mergedProps = mergeProps(() => passwordInput().getRootProps(), localProps);
315
+ return createComponent(PasswordInputProvider, {
316
+ value: passwordInput,
317
+ get children() {
318
+ return createComponent(ark.div, mergedProps);
319
+ }
320
+ });
321
+ };
322
+ var PasswordInputRootProvider = (props2) => {
323
+ const mergedProps = mergeProps(() => props2.value().getRootProps(), props2);
324
+ return createComponent(PasswordInputProvider, {
325
+ get value() {
326
+ return props2.value;
327
+ },
328
+ get children() {
329
+ return createComponent(ark.div, mergedProps);
330
+ }
331
+ });
332
+ };
333
+ var PasswordInputVisibilityTrigger = (props2) => {
334
+ const passwordInput = usePasswordInputContext();
335
+ const mergedProps = mergeProps(() => passwordInput().getVisibilityTriggerProps(), props2);
336
+ return createComponent(ark.button, mergedProps);
337
+ };
338
+
339
+ // src/components/password-input/password-input.ts
340
+ var password_input_exports = {};
341
+ __export(password_input_exports, {
342
+ Context: () => PasswordInputContext,
343
+ Control: () => PasswordInputControl,
344
+ Indicator: () => PasswordInputIndicator,
345
+ Input: () => PasswordInputInput,
346
+ Label: () => PasswordInputLabel,
347
+ Root: () => PasswordInputRoot,
348
+ RootProvider: () => PasswordInputRootProvider,
349
+ VisibilityTrigger: () => PasswordInputVisibilityTrigger
350
+ });
351
+
352
+ export { PasswordInputContext, PasswordInputControl, PasswordInputIndicator, PasswordInputInput, PasswordInputLabel, PasswordInputRoot, PasswordInputRootProvider, PasswordInputVisibilityTrigger, anatomy, password_input_exports, usePasswordInput, usePasswordInputContext };
@@ -1,7 +1,7 @@
1
1
  import { createSplitProps } from './ZMHI4GDJ.js';
2
2
  import { ark } from './EPLBB4QN.js';
3
- import { useEnvironmentContext } from './YMMMHJJS.js';
4
3
  import { useLocaleContext } from './OKZ64GSY.js';
4
+ import { useEnvironmentContext } from './YO2MCGXO.js';
5
5
  import { createContext } from './TROPIN4C.js';
6
6
  import { runIfFn } from './DT73WLR4.js';
7
7
  import { __export } from './ESLJRKWD.js';
@@ -1,8 +1,8 @@
1
- import { useFieldContext } from './MNJ5H4O3.js';
1
+ import { useFieldContext } from './NC7W2KIE.js';
2
2
  import { createSplitProps } from './ZMHI4GDJ.js';
3
3
  import { ark } from './EPLBB4QN.js';
4
- import { useEnvironmentContext } from './YMMMHJJS.js';
5
4
  import { useLocaleContext } from './OKZ64GSY.js';
5
+ import { useEnvironmentContext } from './YO2MCGXO.js';
6
6
  import { createContext } from './TROPIN4C.js';
7
7
  import { runIfFn } from './DT73WLR4.js';
8
8
  import { __export } from './ESLJRKWD.js';
@@ -6,16 +6,16 @@ import {
6
6
  } from "./UFYZ7HLU.jsx";
7
7
  import {
8
8
  useEnvironmentContext
9
- } from "./HD73LMEZ.jsx";
10
- import {
11
- runIfFn
12
- } from "./KGOB2IMX.jsx";
9
+ } from "./E2L62MKC.jsx";
13
10
  import {
14
11
  useLocaleContext
15
12
  } from "./YUC6JE7K.jsx";
16
13
  import {
17
14
  createContext
18
15
  } from "./TVCIHLER.jsx";
16
+ import {
17
+ runIfFn
18
+ } from "./KGOB2IMX.jsx";
19
19
  import {
20
20
  __export
21
21
  } from "./7IUG3E2V.jsx";
@@ -1,12 +1,12 @@
1
+ import {
2
+ useFieldContext
3
+ } from "./HQOIDGRU.jsx";
1
4
  import {
2
5
  PresenceProvider,
3
6
  splitPresenceProps,
4
7
  usePresence,
5
8
  usePresenceContext
6
- } from "./RHCMSWDF.jsx";
7
- import {
8
- useFieldContext
9
- } from "./RNEZ7CPM.jsx";
9
+ } from "./WC2HBDLJ.jsx";
10
10
  import {
11
11
  composeRefs
12
12
  } from "./DOBZPYAN.jsx";
@@ -18,16 +18,16 @@ import {
18
18
  } from "./UFYZ7HLU.jsx";
19
19
  import {
20
20
  useEnvironmentContext
21
- } from "./HD73LMEZ.jsx";
22
- import {
23
- runIfFn
24
- } from "./KGOB2IMX.jsx";
21
+ } from "./E2L62MKC.jsx";
25
22
  import {
26
23
  useLocaleContext
27
24
  } from "./YUC6JE7K.jsx";
28
25
  import {
29
26
  createContext
30
27
  } from "./TVCIHLER.jsx";
28
+ import {
29
+ runIfFn
30
+ } from "./KGOB2IMX.jsx";
31
31
  import {
32
32
  __export
33
33
  } from "./7IUG3E2V.jsx";
@@ -269,6 +269,7 @@ var SelectRoot = (props) => {
269
269
  "onInteractOutside",
270
270
  "onOpenChange",
271
271
  "onPointerDownOutside",
272
+ "onSelect",
272
273
  "onValueChange",
273
274
  "open",
274
275
  "positioning",
@@ -3,7 +3,7 @@ import {
3
3
  splitPresenceProps,
4
4
  usePresence,
5
5
  usePresenceContext
6
- } from "./RHCMSWDF.jsx";
6
+ } from "./WC2HBDLJ.jsx";
7
7
  import {
8
8
  composeRefs
9
9
  } from "./DOBZPYAN.jsx";
@@ -15,16 +15,16 @@ import {
15
15
  } from "./UFYZ7HLU.jsx";
16
16
  import {
17
17
  useEnvironmentContext
18
- } from "./HD73LMEZ.jsx";
19
- import {
20
- runIfFn
21
- } from "./KGOB2IMX.jsx";
18
+ } from "./E2L62MKC.jsx";
22
19
  import {
23
20
  useLocaleContext
24
21
  } from "./YUC6JE7K.jsx";
25
22
  import {
26
23
  createContext
27
24
  } from "./TVCIHLER.jsx";
25
+ import {
26
+ runIfFn
27
+ } from "./KGOB2IMX.jsx";
28
28
  import {
29
29
  __export
30
30
  } from "./7IUG3E2V.jsx";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useFieldContext
3
- } from "./RNEZ7CPM.jsx";
3
+ } from "./HQOIDGRU.jsx";
4
4
  import {
5
5
  createSplitProps
6
6
  } from "./6WEDGJKQ.jsx";
@@ -9,16 +9,16 @@ import {
9
9
  } from "./UFYZ7HLU.jsx";
10
10
  import {
11
11
  useEnvironmentContext
12
- } from "./HD73LMEZ.jsx";
13
- import {
14
- runIfFn
15
- } from "./KGOB2IMX.jsx";
12
+ } from "./E2L62MKC.jsx";
16
13
  import {
17
14
  useLocaleContext
18
15
  } from "./YUC6JE7K.jsx";
19
16
  import {
20
17
  createContext
21
18
  } from "./TVCIHLER.jsx";
19
+ import {
20
+ runIfFn
21
+ } from "./KGOB2IMX.jsx";
22
22
  import {
23
23
  __export
24
24
  } from "./7IUG3E2V.jsx";
@@ -2,8 +2,8 @@ import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext }
2
2
  import { composeRefs } from './XN6EERRM.js';
3
3
  import { createSplitProps } from './ZMHI4GDJ.js';
4
4
  import { ark } from './EPLBB4QN.js';
5
- import { useEnvironmentContext } from './YMMMHJJS.js';
6
5
  import { useLocaleContext } from './OKZ64GSY.js';
6
+ import { useEnvironmentContext } from './YO2MCGXO.js';
7
7
  import { createContext } from './TROPIN4C.js';
8
8
  import { runIfFn } from './DT73WLR4.js';
9
9
  import { __export } from './ESLJRKWD.js';
@@ -3,7 +3,7 @@ import {
3
3
  splitPresenceProps,
4
4
  usePresence,
5
5
  usePresenceContext
6
- } from "./RHCMSWDF.jsx";
6
+ } from "./WC2HBDLJ.jsx";
7
7
  import {
8
8
  composeRefs
9
9
  } from "./DOBZPYAN.jsx";
@@ -15,16 +15,16 @@ import {
15
15
  } from "./UFYZ7HLU.jsx";
16
16
  import {
17
17
  useEnvironmentContext
18
- } from "./HD73LMEZ.jsx";
19
- import {
20
- runIfFn
21
- } from "./KGOB2IMX.jsx";
18
+ } from "./E2L62MKC.jsx";
22
19
  import {
23
20
  useLocaleContext
24
21
  } from "./YUC6JE7K.jsx";
25
22
  import {
26
23
  createContext
27
24
  } from "./TVCIHLER.jsx";
25
+ import {
26
+ runIfFn
27
+ } from "./KGOB2IMX.jsx";
28
28
  import {
29
29
  __export
30
30
  } from "./7IUG3E2V.jsx";
@@ -1,10 +1,10 @@
1
- import { useFieldContext } from './MNJ5H4O3.js';
2
1
  import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
2
+ import { useFieldContext } from './NC7W2KIE.js';
3
3
  import { composeRefs } from './XN6EERRM.js';
4
4
  import { createSplitProps } from './ZMHI4GDJ.js';
5
5
  import { ark } from './EPLBB4QN.js';
6
- import { useEnvironmentContext } from './YMMMHJJS.js';
7
6
  import { useLocaleContext } from './OKZ64GSY.js';
7
+ import { useEnvironmentContext } from './YO2MCGXO.js';
8
8
  import { createContext } from './TROPIN4C.js';
9
9
  import { runIfFn } from './DT73WLR4.js';
10
10
  import { __export } from './ESLJRKWD.js';
@@ -217,7 +217,7 @@ var useSelect = (props) => {
217
217
  // src/components/select/select-root.tsx
218
218
  var SelectRoot = (props) => {
219
219
  const [presenceProps, selectProps] = splitPresenceProps(props);
220
- const [useSelectProps, localProps] = createSplitProps()(selectProps, ["closeOnSelect", "collection", "composite", "defaultHighlightedValue", "defaultOpen", "defaultValue", "deselectable", "disabled", "form", "highlightedValue", "id", "ids", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "positioning", "readOnly", "required", "scrollToIndexFn", "value"]);
220
+ const [useSelectProps, localProps] = createSplitProps()(selectProps, ["closeOnSelect", "collection", "composite", "defaultHighlightedValue", "defaultOpen", "defaultValue", "deselectable", "disabled", "form", "highlightedValue", "id", "ids", "invalid", "loopFocus", "multiple", "name", "onFocusOutside", "onHighlightChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onSelect", "onValueChange", "open", "positioning", "readOnly", "required", "scrollToIndexFn", "value"]);
221
221
  const select2 = useSelect(useSelectProps);
222
222
  const presenceApi = usePresence(mergeProps(() => ({
223
223
  present: select2().open
@@ -6,13 +6,13 @@ import {
6
6
  } from "./UFYZ7HLU.jsx";
7
7
  import {
8
8
  useEnvironmentContext
9
- } from "./HD73LMEZ.jsx";
10
- import {
11
- runIfFn
12
- } from "./KGOB2IMX.jsx";
9
+ } from "./E2L62MKC.jsx";
13
10
  import {
14
11
  createContext
15
12
  } from "./TVCIHLER.jsx";
13
+ import {
14
+ runIfFn
15
+ } from "./KGOB2IMX.jsx";
16
16
  import {
17
17
  __export
18
18
  } from "./7IUG3E2V.jsx";
@@ -3,7 +3,7 @@ import {
3
3
  splitPresenceProps,
4
4
  usePresence,
5
5
  usePresenceContext
6
- } from "./RHCMSWDF.jsx";
6
+ } from "./WC2HBDLJ.jsx";
7
7
  import {
8
8
  composeRefs
9
9
  } from "./DOBZPYAN.jsx";
@@ -20,16 +20,16 @@ import {
20
20
  } from "./UFYZ7HLU.jsx";
21
21
  import {
22
22
  useEnvironmentContext
23
- } from "./HD73LMEZ.jsx";
24
- import {
25
- runIfFn
26
- } from "./KGOB2IMX.jsx";
23
+ } from "./E2L62MKC.jsx";
27
24
  import {
28
25
  useLocaleContext
29
26
  } from "./YUC6JE7K.jsx";
30
27
  import {
31
28
  createContext
32
29
  } from "./TVCIHLER.jsx";
30
+ import {
31
+ runIfFn
32
+ } from "./KGOB2IMX.jsx";
33
33
  import {
34
34
  __export
35
35
  } from "./7IUG3E2V.jsx";
@@ -1,8 +1,8 @@
1
- import { useFieldContext } from './MNJ5H4O3.js';
1
+ import { useFieldContext } from './NC7W2KIE.js';
2
2
  import { createSplitProps } from './ZMHI4GDJ.js';
3
3
  import { ark } from './EPLBB4QN.js';
4
- import { useEnvironmentContext } from './YMMMHJJS.js';
5
4
  import { useLocaleContext } from './OKZ64GSY.js';
5
+ import { useEnvironmentContext } from './YO2MCGXO.js';
6
6
  import { createContext } from './TROPIN4C.js';
7
7
  import { runIfFn } from './DT73WLR4.js';
8
8
  import { __export } from './ESLJRKWD.js';
@@ -1,8 +1,8 @@
1
1
  import { splitRenderStrategyProps } from './QFAL6GWC.js';
2
2
  import { createSplitProps } from './ZMHI4GDJ.js';
3
3
  import { ark } from './EPLBB4QN.js';
4
- import { useEnvironmentContext } from './YMMMHJJS.js';
5
4
  import { useLocaleContext } from './OKZ64GSY.js';
5
+ import { useEnvironmentContext } from './YO2MCGXO.js';
6
6
  import { createContext } from './TROPIN4C.js';
7
7
  import { runIfFn } from './DT73WLR4.js';
8
8
  import { __export } from './ESLJRKWD.js';
@@ -7,7 +7,7 @@ import {
7
7
  splitPresenceProps,
8
8
  usePresence,
9
9
  usePresenceContext
10
- } from "./RHCMSWDF.jsx";
10
+ } from "./WC2HBDLJ.jsx";
11
11
  import {
12
12
  createSplitProps
13
13
  } from "./6WEDGJKQ.jsx";
@@ -16,16 +16,16 @@ import {
16
16
  } from "./UFYZ7HLU.jsx";
17
17
  import {
18
18
  useEnvironmentContext
19
- } from "./HD73LMEZ.jsx";
20
- import {
21
- runIfFn
22
- } from "./KGOB2IMX.jsx";
19
+ } from "./E2L62MKC.jsx";
23
20
  import {
24
21
  useLocaleContext
25
22
  } from "./YUC6JE7K.jsx";
26
23
  import {
27
24
  createContext
28
25
  } from "./TVCIHLER.jsx";
26
+ import {
27
+ runIfFn
28
+ } from "./KGOB2IMX.jsx";
29
29
  import {
30
30
  __export
31
31
  } from "./7IUG3E2V.jsx";
@@ -1,5 +1,5 @@
1
1
  import { composeRefs } from './XN6EERRM.js';
2
- import { EnvironmentProvider } from './YMMMHJJS.js';
2
+ import { EnvironmentProvider } from './YO2MCGXO.js';
3
3
  import { createComponent, template, use, spread, insert, Portal } from 'solid-js/web';
4
4
  import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
5
5
 
@@ -3,7 +3,7 @@ import {
3
3
  } from "./DOBZPYAN.jsx";
4
4
  import {
5
5
  EnvironmentProvider
6
- } from "./HD73LMEZ.jsx";
6
+ } from "./E2L62MKC.jsx";
7
7
 
8
8
  // src/components/frame/frame.tsx
9
9
  import { Show, createEffect as createEffect2, createMemo, createSignal, onCleanup as onCleanup2, splitProps } from "solid-js";