@monimesl/dot-renderer-react 0.1.0-alpha.10

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 (244) hide show
  1. package/README.md +43 -0
  2. package/dist/LICENSE-PHOSPHOR +21 -0
  3. package/dist/_virtual/_rolldown/runtime.js +14 -0
  4. package/dist/_virtual/builtin_esm-external-require-react.js +9 -0
  5. package/dist/color.js +105 -0
  6. package/dist/components/amount-input.d.ts +6 -0
  7. package/dist/components/amount-input.js +106 -0
  8. package/dist/components/button.d.ts +6 -0
  9. package/dist/components/button.js +42 -0
  10. package/dist/components/carousel.d.ts +6 -0
  11. package/dist/components/carousel.js +254 -0
  12. package/dist/components/chip.d.ts +6 -0
  13. package/dist/components/chip.js +41 -0
  14. package/dist/components/code-input.d.ts +6 -0
  15. package/dist/components/code-input.js +97 -0
  16. package/dist/components/detail-row.d.ts +6 -0
  17. package/dist/components/detail-row.js +40 -0
  18. package/dist/components/divider.d.ts +6 -0
  19. package/dist/components/divider.js +18 -0
  20. package/dist/components/empty-state.d.ts +6 -0
  21. package/dist/components/empty-state.js +66 -0
  22. package/dist/components/feedback.d.ts +8 -0
  23. package/dist/components/feedback.js +85 -0
  24. package/dist/components/field-box.js +44 -0
  25. package/dist/components/field.js +43 -0
  26. package/dist/components/footer.d.ts +6 -0
  27. package/dist/components/footer.js +24 -0
  28. package/dist/components/grid.d.ts +7 -0
  29. package/dist/components/grid.js +98 -0
  30. package/dist/components/icon-artwork.js +74 -0
  31. package/dist/components/icon.d.ts +6 -0
  32. package/dist/components/icon.js +40 -0
  33. package/dist/components/image.d.ts +6 -0
  34. package/dist/components/image.js +40 -0
  35. package/dist/components/index.d.ts +30 -0
  36. package/dist/components/index.js +72 -0
  37. package/dist/components/input.d.ts +6 -0
  38. package/dist/components/input.js +86 -0
  39. package/dist/components/link.d.ts +6 -0
  40. package/dist/components/link.js +39 -0
  41. package/dist/components/list.d.ts +7 -0
  42. package/dist/components/list.js +143 -0
  43. package/dist/components/option-place.js +9 -0
  44. package/dist/components/option.d.ts +6 -0
  45. package/dist/components/option.js +43 -0
  46. package/dist/components/padding.d.ts +2 -0
  47. package/dist/components/padding.js +27 -0
  48. package/dist/components/pressable.js +17 -0
  49. package/dist/components/qr-code.d.ts +6 -0
  50. package/dist/components/qr-code.js +58 -0
  51. package/dist/components/scroll.d.ts +6 -0
  52. package/dist/components/scroll.js +55 -0
  53. package/dist/components/select.d.ts +6 -0
  54. package/dist/components/select.js +92 -0
  55. package/dist/components/sheet.d.ts +8 -0
  56. package/dist/components/sheet.js +105 -0
  57. package/dist/components/skeleton.d.ts +6 -0
  58. package/dist/components/skeleton.js +55 -0
  59. package/dist/components/spinner.d.ts +6 -0
  60. package/dist/components/spinner.js +48 -0
  61. package/dist/components/tabs.d.ts +7 -0
  62. package/dist/components/tabs.js +91 -0
  63. package/dist/components/text-area.d.ts +6 -0
  64. package/dist/components/text-area.js +42 -0
  65. package/dist/components/text.d.ts +6 -0
  66. package/dist/components/text.js +46 -0
  67. package/dist/components/toast.d.ts +6 -0
  68. package/dist/components/toast.js +56 -0
  69. package/dist/components/toggles.d.ts +9 -0
  70. package/dist/components/toggles.js +149 -0
  71. package/dist/components/tokens.js +37 -0
  72. package/dist/components/tones.js +24 -0
  73. package/dist/components/typed-text.js +28 -0
  74. package/dist/components/view.d.ts +6 -0
  75. package/dist/components/view.js +51 -0
  76. package/dist/index.d.ts +35 -0
  77. package/dist/index.js +35 -0
  78. package/dist/page-root.d.ts +2 -0
  79. package/dist/page-root.js +20 -0
  80. package/dist/portal.js +8 -0
  81. package/dist/react-host/19.3.0/react-dom-client.js +3 -0
  82. package/dist/react-host/19.3.0/react-dom.js +3 -0
  83. package/dist/react-host/19.3.0/react-host.js +59 -0
  84. package/dist/react-host/19.3.0/react-jsx-runtime.js +3 -0
  85. package/dist/react-host/19.3.0/react.js +3 -0
  86. package/dist/renderer.d.ts +17 -0
  87. package/dist/renderer.js +33 -0
  88. package/dist/root.d.ts +10 -0
  89. package/dist/root.js +51 -0
  90. package/dist/styles.css +95 -0
  91. package/dist/theme.d.ts +25 -0
  92. package/dist/theme.js +84 -0
  93. package/dist/types.d.ts +7 -0
  94. package/dist/vendor/@base-ui/react/checkbox/indicator/CheckboxIndicator.js +51 -0
  95. package/dist/vendor/@base-ui/react/checkbox/root/CheckboxRoot.js +265 -0
  96. package/dist/vendor/@base-ui/react/checkbox/root/CheckboxRootContext.js +13 -0
  97. package/dist/vendor/@base-ui/react/checkbox/root/CheckboxRootDataAttributes.js +11 -0
  98. package/dist/vendor/@base-ui/react/checkbox/utils/getCheckboxStateAttributesMapping.js +15 -0
  99. package/dist/vendor/@base-ui/react/checkbox-group/CheckboxGroupContext.js +10 -0
  100. package/dist/vendor/@base-ui/react/dialog/backdrop/DialogBackdrop.js +40 -0
  101. package/dist/vendor/@base-ui/react/dialog/close/DialogClose.js +39 -0
  102. package/dist/vendor/@base-ui/react/dialog/popup/DialogPopup.js +92 -0
  103. package/dist/vendor/@base-ui/react/dialog/popup/DialogPopupCssVars.js +8 -0
  104. package/dist/vendor/@base-ui/react/dialog/popup/DialogPopupDataAttributes.js +7 -0
  105. package/dist/vendor/@base-ui/react/dialog/portal/DialogPortal.js +38 -0
  106. package/dist/vendor/@base-ui/react/dialog/portal/DialogPortalContext.js +13 -0
  107. package/dist/vendor/@base-ui/react/dialog/root/DialogRoot.js +16 -0
  108. package/dist/vendor/@base-ui/react/dialog/root/DialogRootContext.js +13 -0
  109. package/dist/vendor/@base-ui/react/dialog/root/useDialogRoot.js +77 -0
  110. package/dist/vendor/@base-ui/react/dialog/root/useRenderDialogRoot.js +65 -0
  111. package/dist/vendor/@base-ui/react/dialog/store/DialogStore.js +70 -0
  112. package/dist/vendor/@base-ui/react/dialog/title/DialogTitle.js +25 -0
  113. package/dist/vendor/@base-ui/react/dialog/utils/stateAttributesMapping.js +17 -0
  114. package/dist/vendor/@base-ui/react/field/control/FieldControlDataAttributes.js +11 -0
  115. package/dist/vendor/@base-ui/react/field/item/FieldItemContext.js +10 -0
  116. package/dist/vendor/@base-ui/react/field/root/useFieldValidation.js +18 -0
  117. package/dist/vendor/@base-ui/react/fieldset/root/FieldsetRootContext.js +13 -0
  118. package/dist/vendor/@base-ui/react/floating-ui-react/components/FloatingFocusManager.js +477 -0
  119. package/dist/vendor/@base-ui/react/floating-ui-react/components/FloatingPortal.js +165 -0
  120. package/dist/vendor/@base-ui/react/floating-ui-react/components/FloatingRootStore.js +65 -0
  121. package/dist/vendor/@base-ui/react/floating-ui-react/components/FloatingTree.js +22 -0
  122. package/dist/vendor/@base-ui/react/floating-ui-react/hooks/useDismiss.js +373 -0
  123. package/dist/vendor/@base-ui/react/floating-ui-react/hooks/useSyncedFloatingRootContext.js +58 -0
  124. package/dist/vendor/@base-ui/react/floating-ui-react/utils/composite.js +40 -0
  125. package/dist/vendor/@base-ui/react/floating-ui-react/utils/constants.js +5 -0
  126. package/dist/vendor/@base-ui/react/floating-ui-react/utils/createAttribute.js +6 -0
  127. package/dist/vendor/@base-ui/react/floating-ui-react/utils/createEventEmitter.js +18 -0
  128. package/dist/vendor/@base-ui/react/floating-ui-react/utils/element.js +26 -0
  129. package/dist/vendor/@base-ui/react/floating-ui-react/utils/enqueueFocus.js +25 -0
  130. package/dist/vendor/@base-ui/react/floating-ui-react/utils/event.js +25 -0
  131. package/dist/vendor/@base-ui/react/floating-ui-react/utils/markOthers.js +116 -0
  132. package/dist/vendor/@base-ui/react/floating-ui-react/utils/nodes.js +16 -0
  133. package/dist/vendor/@base-ui/react/floating-ui-react/utils/tabbable.js +135 -0
  134. package/dist/vendor/@base-ui/react/internals/TransitionStatusDataAttributes.js +11 -0
  135. package/dist/vendor/@base-ui/react/internals/composite/composite.js +89 -0
  136. package/dist/vendor/@base-ui/react/internals/composite/constants.js +4 -0
  137. package/dist/vendor/@base-ui/react/internals/composite/item/CompositeItem.js +21 -0
  138. package/dist/vendor/@base-ui/react/internals/composite/item/useCompositeItem.js +31 -0
  139. package/dist/vendor/@base-ui/react/internals/composite/list/CompositeList.js +180 -0
  140. package/dist/vendor/@base-ui/react/internals/composite/list/CompositeListContext.js +15 -0
  141. package/dist/vendor/@base-ui/react/internals/composite/list/useCompositeListItem.js +54 -0
  142. package/dist/vendor/@base-ui/react/internals/composite/root/CompositeRoot.js +62 -0
  143. package/dist/vendor/@base-ui/react/internals/composite/root/CompositeRootContext.js +13 -0
  144. package/dist/vendor/@base-ui/react/internals/composite/root/useCompositeRoot.js +170 -0
  145. package/dist/vendor/@base-ui/react/internals/constants.js +18 -0
  146. package/dist/vendor/@base-ui/react/internals/createBaseUIEventDetails.js +40 -0
  147. package/dist/vendor/@base-ui/react/internals/direction-context/DirectionContext.js +10 -0
  148. package/dist/vendor/@base-ui/react/internals/field-constants/constants.js +33 -0
  149. package/dist/vendor/@base-ui/react/internals/field-register-control/useRegisterFieldControl.js +40 -0
  150. package/dist/vendor/@base-ui/react/internals/field-root-context/FieldRootContext.js +45 -0
  151. package/dist/vendor/@base-ui/react/internals/form-context/FormContext.js +18 -0
  152. package/dist/vendor/@base-ui/react/internals/getStateAttributesProps.js +17 -0
  153. package/dist/vendor/@base-ui/react/internals/labelable-provider/LabelableContext.js +24 -0
  154. package/dist/vendor/@base-ui/react/internals/labelable-provider/useAriaLabelledBy.js +35 -0
  155. package/dist/vendor/@base-ui/react/internals/labelable-provider/useLabelableId.js +57 -0
  156. package/dist/vendor/@base-ui/react/internals/reason-parts.js +14 -0
  157. package/dist/vendor/@base-ui/react/internals/serializeValue.js +12 -0
  158. package/dist/vendor/@base-ui/react/internals/stateAttributesMapping.js +11 -0
  159. package/dist/vendor/@base-ui/react/internals/use-button/useButton.js +137 -0
  160. package/dist/vendor/@base-ui/react/internals/useAnimationsFinished.js +94 -0
  161. package/dist/vendor/@base-ui/react/internals/useBaseUiId.js +13 -0
  162. package/dist/vendor/@base-ui/react/internals/useOpenChangeComplete.js +28 -0
  163. package/dist/vendor/@base-ui/react/internals/useRenderElement.js +109 -0
  164. package/dist/vendor/@base-ui/react/internals/useTransitionStatus.js +70 -0
  165. package/dist/vendor/@base-ui/react/internals/useValueChanged.js +15 -0
  166. package/dist/vendor/@base-ui/react/merge-props/mergeProps.js +153 -0
  167. package/dist/vendor/@base-ui/react/radio/indicator/RadioIndicator.js +46 -0
  168. package/dist/vendor/@base-ui/react/radio/root/RadioRoot.js +179 -0
  169. package/dist/vendor/@base-ui/react/radio/root/RadioRootContext.js +13 -0
  170. package/dist/vendor/@base-ui/react/radio/root/RadioRootDataAttributes.js +11 -0
  171. package/dist/vendor/@base-ui/react/radio/utils/stateAttributesMapping.js +14 -0
  172. package/dist/vendor/@base-ui/react/radio-group/RadioGroup.js +170 -0
  173. package/dist/vendor/@base-ui/react/radio-group/RadioGroupContext.js +10 -0
  174. package/dist/vendor/@base-ui/react/switch/root/SwitchRoot.js +170 -0
  175. package/dist/vendor/@base-ui/react/switch/root/SwitchRootContext.js +13 -0
  176. package/dist/vendor/@base-ui/react/switch/root/SwitchRootDataAttributes.js +11 -0
  177. package/dist/vendor/@base-ui/react/switch/stateAttributesMapping.js +12 -0
  178. package/dist/vendor/@base-ui/react/switch/thumb/SwitchThumb.js +25 -0
  179. package/dist/vendor/@base-ui/react/tabs/list/TabsList.js +98 -0
  180. package/dist/vendor/@base-ui/react/tabs/list/TabsListContext.js +13 -0
  181. package/dist/vendor/@base-ui/react/tabs/root/TabsRoot.js +213 -0
  182. package/dist/vendor/@base-ui/react/tabs/root/TabsRootContext.js +16 -0
  183. package/dist/vendor/@base-ui/react/tabs/root/TabsRootDataAttributes.js +8 -0
  184. package/dist/vendor/@base-ui/react/tabs/root/stateAttributesMapping.js +5 -0
  185. package/dist/vendor/@base-ui/react/tabs/tab/TabsTab.js +137 -0
  186. package/dist/vendor/@base-ui/react/utils/CommonPopupDataAttributes.js +24 -0
  187. package/dist/vendor/@base-ui/react/utils/CommonTriggerDataAttributes.js +11 -0
  188. package/dist/vendor/@base-ui/react/utils/FocusGuard.js +32 -0
  189. package/dist/vendor/@base-ui/react/utils/InternalBackdrop.js +30 -0
  190. package/dist/vendor/@base-ui/react/utils/dispatchClickWithModifiers.js +25 -0
  191. package/dist/vendor/@base-ui/react/utils/popupStateMapping.js +22 -0
  192. package/dist/vendor/@base-ui/react/utils/popups/popupStoreUtils.js +247 -0
  193. package/dist/vendor/@base-ui/react/utils/popups/popupTriggerMap.js +96 -0
  194. package/dist/vendor/@base-ui/react/utils/popups/store.js +94 -0
  195. package/dist/vendor/@base-ui/react/utils/resolveClassName.js +13 -0
  196. package/dist/vendor/@base-ui/react/utils/resolveRef.js +11 -0
  197. package/dist/vendor/@base-ui/react/utils/resolveStyle.js +13 -0
  198. package/dist/vendor/@base-ui/react/utils/useFocusableWhenDisabled.js +30 -0
  199. package/dist/vendor/@base-ui/utils/addEventListener.js +12 -0
  200. package/dist/vendor/@base-ui/utils/createLogOnce.js +20 -0
  201. package/dist/vendor/@base-ui/utils/empty.js +6 -0
  202. package/dist/vendor/@base-ui/utils/error.js +5 -0
  203. package/dist/vendor/@base-ui/utils/fastHooks.js +68 -0
  204. package/dist/vendor/@base-ui/utils/formatErrorMessage.js +27 -0
  205. package/dist/vendor/@base-ui/utils/getDefaultFormSubmitter.js +25 -0
  206. package/dist/vendor/@base-ui/utils/getReactElementRef.js +14 -0
  207. package/dist/vendor/@base-ui/utils/inertValue.js +8 -0
  208. package/dist/vendor/@base-ui/utils/isElementDisabled.js +6 -0
  209. package/dist/vendor/@base-ui/utils/mergeCleanups.js +14 -0
  210. package/dist/vendor/@base-ui/utils/mergeObjects.js +11 -0
  211. package/dist/vendor/@base-ui/utils/owner.js +7 -0
  212. package/dist/vendor/@base-ui/utils/platform/engine.js +8 -0
  213. package/dist/vendor/@base-ui/utils/platform/env.js +6 -0
  214. package/dist/vendor/@base-ui/utils/platform/os.js +15 -0
  215. package/dist/vendor/@base-ui/utils/platform/screen-reader.js +9 -0
  216. package/dist/vendor/@base-ui/utils/platform/shared.js +36 -0
  217. package/dist/vendor/@base-ui/utils/reactVersion.js +8 -0
  218. package/dist/vendor/@base-ui/utils/safeReact.js +13 -0
  219. package/dist/vendor/@base-ui/utils/shadowDom.js +26 -0
  220. package/dist/vendor/@base-ui/utils/store/ReactStore.js +181 -0
  221. package/dist/vendor/@base-ui/utils/store/Store.js +102 -0
  222. package/dist/vendor/@base-ui/utils/store/useStore.js +97 -0
  223. package/dist/vendor/@base-ui/utils/useAnimationFrame.js +87 -0
  224. package/dist/vendor/@base-ui/utils/useControlled.js +52 -0
  225. package/dist/vendor/@base-ui/utils/useId.js +32 -0
  226. package/dist/vendor/@base-ui/utils/useIsoLayoutEffect.js +7 -0
  227. package/dist/vendor/@base-ui/utils/useMergedRefs.js +87 -0
  228. package/dist/vendor/@base-ui/utils/useOnMount.js +12 -0
  229. package/dist/vendor/@base-ui/utils/useRefWithInit.js +18 -0
  230. package/dist/vendor/@base-ui/utils/useScrollLock.js +206 -0
  231. package/dist/vendor/@base-ui/utils/useStableCallback.js +38 -0
  232. package/dist/vendor/@base-ui/utils/useTimeout.js +43 -0
  233. package/dist/vendor/@base-ui/utils/useValueAsRef.js +27 -0
  234. package/dist/vendor/@base-ui/utils/visuallyHidden.js +23 -0
  235. package/dist/vendor/@base-ui/utils/warn.js +5 -0
  236. package/dist/vendor/@floating-ui/utils/dist/floating-ui.utils.dom.js +49 -0
  237. package/dist/vendor/uqr/dist/index.js +858 -0
  238. package/dist/vendor/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js +74 -0
  239. package/dist/vendor/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production.js +77 -0
  240. package/dist/vendor/use-sync-external-store/cjs/use-sync-external-store-shim.development.js +69 -0
  241. package/dist/vendor/use-sync-external-store/cjs/use-sync-external-store-shim.production.js +64 -0
  242. package/dist/vendor/use-sync-external-store/shim/index.js +11 -0
  243. package/dist/vendor/use-sync-external-store/shim/with-selector.js +11 -0
  244. package/package.json +61 -0
@@ -0,0 +1,15 @@
1
+ import { fieldValidityMapping } from "../../internals/field-constants/constants.js";
2
+ import { checked, unchecked } from "../root/CheckboxRootDataAttributes.js";
3
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox/utils/getCheckboxStateAttributesMapping.mjs
4
+ function getCheckboxStateAttributesMapping(state) {
5
+ return {
6
+ checked(value) {
7
+ if (state.indeterminate) return {};
8
+ if (value) return { [checked]: "" };
9
+ return { [unchecked]: "" };
10
+ },
11
+ ...fieldValidityMapping
12
+ };
13
+ }
14
+ //#endregion
15
+ export { getCheckboxStateAttributesMapping };
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/checkbox-group/CheckboxGroupContext.mjs
4
+ const CheckboxGroupContext = /*#__PURE__*/ React.createContext(void 0);
5
+ if (process.env.NODE_ENV !== "production") CheckboxGroupContext.displayName = "CheckboxGroupContext";
6
+ function useCheckboxGroupContext() {
7
+ return React.useContext(CheckboxGroupContext);
8
+ }
9
+ //#endregion
10
+ export { CheckboxGroupContext, useCheckboxGroupContext };
@@ -0,0 +1,40 @@
1
+ "use client";
2
+ import { useDialogRootContext } from "../root/DialogRootContext.js";
3
+ import { useRenderElement } from "../../internals/useRenderElement.js";
4
+ import { popupTransitionStateMapping } from "../../utils/popupStateMapping.js";
5
+ import * as React from "react";
6
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/backdrop/DialogBackdrop.mjs
7
+ /**
8
+ * An overlay displayed beneath the popup.
9
+ * Renders a `<div>` element.
10
+ *
11
+ * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
12
+ */
13
+ const DialogBackdrop = /*#__PURE__*/ React.forwardRef(function DialogBackdrop(componentProps, forwardedRef) {
14
+ const { render, className, style, forceRender = false, ...elementProps } = componentProps;
15
+ const store = useDialogRootContext();
16
+ const open = store.useState("open");
17
+ const nested = store.useState("nested");
18
+ const mounted = store.useState("mounted");
19
+ const state = {
20
+ open,
21
+ transitionStatus: store.useState("transitionStatus")
22
+ };
23
+ return useRenderElement("div", componentProps, {
24
+ state,
25
+ ref: [store.context.backdropRef, forwardedRef],
26
+ stateAttributesMapping: popupTransitionStateMapping,
27
+ props: [{
28
+ role: "presentation",
29
+ hidden: !mounted,
30
+ style: {
31
+ userSelect: "none",
32
+ WebkitUserSelect: "none"
33
+ }
34
+ }, elementProps],
35
+ enabled: forceRender || !nested
36
+ });
37
+ });
38
+ if (process.env.NODE_ENV !== "production") DialogBackdrop.displayName = "DialogBackdrop";
39
+ //#endregion
40
+ export { DialogBackdrop };
@@ -0,0 +1,39 @@
1
+ "use client";
2
+ import { useDialogRootContext } from "../root/DialogRootContext.js";
3
+ import { useRenderElement } from "../../internals/useRenderElement.js";
4
+ import { useButton } from "../../internals/use-button/useButton.js";
5
+ import { closePress } from "../../internals/reason-parts.js";
6
+ import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
7
+ import * as React from "react";
8
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/close/DialogClose.mjs
9
+ /**
10
+ * A button that closes the dialog.
11
+ * Renders a `<button>` element.
12
+ *
13
+ * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
14
+ */
15
+ const DialogClose = /*#__PURE__*/ React.forwardRef(function DialogClose(componentProps, forwardedRef) {
16
+ const { render, className, style, disabled = false, nativeButton = true, ...elementProps } = componentProps;
17
+ const store = useDialogRootContext();
18
+ const open = store.useState("open");
19
+ const { getButtonProps, buttonRef } = useButton({
20
+ disabled,
21
+ native: nativeButton
22
+ });
23
+ const state = { disabled };
24
+ function handleClick(event) {
25
+ if (open) store.setOpen(false, createChangeEventDetails(closePress, event.nativeEvent));
26
+ }
27
+ return useRenderElement("button", componentProps, {
28
+ state,
29
+ ref: [forwardedRef, buttonRef],
30
+ props: [
31
+ { onClick: handleClick },
32
+ elementProps,
33
+ getButtonProps
34
+ ]
35
+ });
36
+ });
37
+ if (process.env.NODE_ENV !== "production") DialogClose.displayName = "DialogClose";
38
+ //#endregion
39
+ export { DialogClose };
@@ -0,0 +1,92 @@
1
+ "use client";
2
+ import { useDialogRootContext } from "../root/DialogRootContext.js";
3
+ import { useRenderElement } from "../../internals/useRenderElement.js";
4
+ import { FloatingFocusManager } from "../../floating-ui-react/components/FloatingFocusManager.js";
5
+ import { useOpenChangeComplete } from "../../internals/useOpenChangeComplete.js";
6
+ import { FOCUSABLE_POPUP_PROPS, createDefaultInitialFocus } from "../../utils/popups/popupStoreUtils.js";
7
+ import { useDialogPortalContext } from "../portal/DialogPortalContext.js";
8
+ import { COMPOSITE_KEYS } from "../../internals/composite/composite.js";
9
+ import { nestedDialogs } from "./DialogPopupCssVars.js";
10
+ import { dialogStateAttributesMapping } from "../utils/stateAttributesMapping.js";
11
+ import * as React from "react";
12
+ import { jsx } from "react/jsx-runtime";
13
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/popup/DialogPopup.mjs
14
+ /**
15
+ * A container for the dialog contents.
16
+ * Renders a `<div>` element.
17
+ *
18
+ * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
19
+ */
20
+ const DialogPopup = /*#__PURE__*/ React.forwardRef(function DialogPopup(componentProps, forwardedRef) {
21
+ const { render, className, style, finalFocus, initialFocus, ...elementProps } = componentProps;
22
+ const store = useDialogRootContext();
23
+ const descriptionElementId = store.useState("descriptionElementId");
24
+ const disablePointerDismissal = store.useState("disablePointerDismissal");
25
+ const floatingRootContext = store.useState("floatingRootContext");
26
+ const rootPopupProps = store.useState("popupProps");
27
+ const modal = store.useState("modal");
28
+ const mounted = store.useState("mounted");
29
+ const nested = store.useState("nested");
30
+ const nestedOpenDialogCount = store.useState("nestedOpenDialogCount");
31
+ const open = store.useState("open");
32
+ const openMethod = store.useState("openMethod");
33
+ const titleElementId = store.useState("titleElementId");
34
+ const transitionStatus = store.useState("transitionStatus");
35
+ const role = store.useState("role");
36
+ const floatingId = floatingRootContext.useState("floatingId");
37
+ useDialogPortalContext();
38
+ useOpenChangeComplete({
39
+ open,
40
+ ref: store.context.popupRef,
41
+ onComplete() {
42
+ if (open) store.context.onOpenChangeComplete?.(true);
43
+ }
44
+ });
45
+ const resolvedInitialFocus = initialFocus === void 0 ? createDefaultInitialFocus(store.context.popupRef) : initialFocus;
46
+ const nestedDialogOpen = nestedOpenDialogCount > 0;
47
+ const setPopupElement = store.useStateSetter("popupElement");
48
+ const element = useRenderElement("div", componentProps, {
49
+ state: {
50
+ open,
51
+ nested,
52
+ transitionStatus,
53
+ nestedDialogOpen
54
+ },
55
+ props: [
56
+ rootPopupProps,
57
+ {
58
+ id: floatingId,
59
+ "aria-labelledby": titleElementId,
60
+ "aria-describedby": descriptionElementId,
61
+ role,
62
+ ...FOCUSABLE_POPUP_PROPS,
63
+ hidden: !mounted,
64
+ onKeyDown(event) {
65
+ if (COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
66
+ },
67
+ style: { [nestedDialogs]: nestedOpenDialogCount }
68
+ },
69
+ elementProps
70
+ ],
71
+ ref: [
72
+ forwardedRef,
73
+ store.context.popupRef,
74
+ setPopupElement
75
+ ],
76
+ stateAttributesMapping: dialogStateAttributesMapping
77
+ });
78
+ return /*#__PURE__*/ jsx(FloatingFocusManager, {
79
+ context: floatingRootContext,
80
+ openInteractionType: openMethod,
81
+ disabled: !mounted,
82
+ closeOnFocusOut: !disablePointerDismissal,
83
+ initialFocus: resolvedInitialFocus,
84
+ returnFocus: finalFocus,
85
+ modal: modal !== false,
86
+ restoreFocus: "popup",
87
+ children: element
88
+ });
89
+ });
90
+ if (process.env.NODE_ENV !== "production") DialogPopup.displayName = "DialogPopup";
91
+ //#endregion
92
+ export { DialogPopup };
@@ -0,0 +1,8 @@
1
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/popup/DialogPopupCssVars.mjs
2
+ /**
3
+ * Indicates how many dialogs are nested within.
4
+ * @type {number}
5
+ */
6
+ const nestedDialogs = "--nested-dialogs";
7
+ //#endregion
8
+ export { nestedDialogs };
@@ -0,0 +1,7 @@
1
+ import "../../utils/CommonPopupDataAttributes.js";
2
+ /**
3
+ * Present when the dialog has other open dialogs nested within it.
4
+ */
5
+ const nestedDialogOpen = "data-nested-dialog-open";
6
+ //#endregion
7
+ export { nestedDialogOpen };
@@ -0,0 +1,38 @@
1
+ "use client";
2
+ import { useDialogRootContext } from "../root/DialogRootContext.js";
3
+ import { FloatingPortal } from "../../floating-ui-react/components/FloatingPortal.js";
4
+ import { DialogPortalContext } from "./DialogPortalContext.js";
5
+ import { inertValue } from "../../../utils/inertValue.js";
6
+ import { InternalBackdrop } from "../../utils/InternalBackdrop.js";
7
+ import * as React from "react";
8
+ import { jsx, jsxs } from "react/jsx-runtime";
9
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/portal/DialogPortal.mjs
10
+ /**
11
+ * A portal element that moves the popup to a different part of the DOM.
12
+ * By default, the portal element is appended to `<body>`.
13
+ * Renders a `<div>` element.
14
+ *
15
+ * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
16
+ */
17
+ const DialogPortal = /*#__PURE__*/ React.forwardRef(function DialogPortal(props, forwardedRef) {
18
+ const { keepMounted = false, ...portalProps } = props;
19
+ const store = useDialogRootContext();
20
+ const mounted = store.useState("mounted");
21
+ const modal = store.useState("modal");
22
+ const open = store.useState("open");
23
+ if (!(mounted || keepMounted)) return null;
24
+ return /*#__PURE__*/ jsx(DialogPortalContext.Provider, {
25
+ value: keepMounted,
26
+ children: /*#__PURE__*/ jsxs(FloatingPortal, {
27
+ ref: forwardedRef,
28
+ ...portalProps,
29
+ children: [mounted && modal === true && /*#__PURE__*/ jsx(InternalBackdrop, {
30
+ ref: store.context.internalBackdropRef,
31
+ inert: inertValue(!open)
32
+ }), props.children]
33
+ })
34
+ });
35
+ });
36
+ if (process.env.NODE_ENV !== "production") DialogPortal.displayName = "DialogPortal";
37
+ //#endregion
38
+ export { DialogPortal };
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import formatErrorMessage from "../../../utils/formatErrorMessage.js";
3
+ import * as React from "react";
4
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/portal/DialogPortalContext.mjs
5
+ const DialogPortalContext = /*#__PURE__*/ React.createContext(void 0);
6
+ if (process.env.NODE_ENV !== "production") DialogPortalContext.displayName = "DialogPortalContext";
7
+ function useDialogPortalContext() {
8
+ const value = React.useContext(DialogPortalContext);
9
+ if (value === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : formatErrorMessage(26));
10
+ return value;
11
+ }
12
+ //#endregion
13
+ export { DialogPortalContext, useDialogPortalContext };
@@ -0,0 +1,16 @@
1
+ "use client";
2
+ import { fastComponent } from "../../../utils/fastHooks.js";
3
+ import { useRenderDialogRoot } from "./useRenderDialogRoot.js";
4
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/root/DialogRoot.mjs
5
+ /**
6
+ * Groups all parts of the dialog.
7
+ * Doesn't render its own HTML element.
8
+ *
9
+ * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
10
+ */
11
+ const DialogRoot = fastComponent(function DialogRoot(props) {
12
+ return useRenderDialogRoot("dialog", props);
13
+ });
14
+ if (process.env.NODE_ENV !== "production") DialogRoot.displayName = "DialogRoot";
15
+ //#endregion
16
+ export { DialogRoot };
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import formatErrorMessage from "../../../utils/formatErrorMessage.js";
3
+ import * as React from "react";
4
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/root/DialogRootContext.mjs
5
+ const DialogRootContext = /*#__PURE__*/ React.createContext(void 0);
6
+ if (process.env.NODE_ENV !== "production") DialogRootContext.displayName = "DialogRootContext";
7
+ function useDialogRootContext(optional) {
8
+ const store = React.useContext(DialogRootContext);
9
+ if (!optional && store === void 0) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : formatErrorMessage(27));
10
+ return store;
11
+ }
12
+ //#endregion
13
+ export { DialogRootContext, useDialogRootContext };
@@ -0,0 +1,77 @@
1
+ "use client";
2
+ import { useIsoLayoutEffect } from "../../../utils/useIsoLayoutEffect.js";
3
+ import { contains, getTarget } from "../../../utils/shadowDom.js";
4
+ import { useDismiss } from "../../floating-ui-react/hooks/useDismiss.js";
5
+ import { usePopupInteractionProps } from "../../utils/popups/popupStoreUtils.js";
6
+ import { useScrollLock } from "../../../utils/useScrollLock.js";
7
+ import * as React from "react";
8
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/root/useDialogRoot.mjs
9
+ function DialogInteractions({ store, parentContext, isDrawer }) {
10
+ const open = store.useState("open");
11
+ const disablePointerDismissal = store.useState("disablePointerDismissal");
12
+ const modal = store.useState("modal");
13
+ const popupElement = store.useState("popupElement");
14
+ const floatingRootContext = store.useState("floatingRootContext");
15
+ const [ownNestedOpenDialogs, setOwnNestedOpenDialogs] = React.useState(0);
16
+ const [ownNestedOpenDrawers, setOwnNestedOpenDrawers] = React.useState(0);
17
+ const isTopmost = ownNestedOpenDialogs === 0;
18
+ const dismiss = useDismiss(floatingRootContext, {
19
+ outsidePressEvent() {
20
+ if (store.context.internalBackdropRef.current || store.context.backdropRef.current) return "intentional";
21
+ return {
22
+ mouse: modal === "trap-focus" ? "sloppy" : "intentional",
23
+ touch: "sloppy"
24
+ };
25
+ },
26
+ outsidePress(event) {
27
+ if (!store.context.outsidePressEnabledRef.current) return false;
28
+ if ("button" in event && event.button !== 0) return false;
29
+ if ("touches" in event) {
30
+ if (event.type === "touchend") {
31
+ if (event.changedTouches.length !== 1 || event.touches.length !== 0) return false;
32
+ } else if (event.touches.length !== 1) return false;
33
+ }
34
+ const target = getTarget(event);
35
+ if (isTopmost && !disablePointerDismissal) {
36
+ if (modal) {
37
+ const internalBackdrop = store.context.internalBackdropRef.current;
38
+ const backdrop = store.context.backdropRef.current;
39
+ return internalBackdrop || backdrop ? internalBackdrop === target || backdrop === target || contains(target, popupElement) && !target?.hasAttribute("data-base-ui-portal") : true;
40
+ }
41
+ return true;
42
+ }
43
+ return false;
44
+ },
45
+ escapeKey: isTopmost
46
+ });
47
+ useScrollLock(open && modal === true, popupElement);
48
+ store.useContextCallback("onNestedDialogOpen", (dialogCount, drawerCount) => {
49
+ setOwnNestedOpenDialogs(dialogCount);
50
+ setOwnNestedOpenDrawers(drawerCount);
51
+ });
52
+ useIsoLayoutEffect(() => {
53
+ if (parentContext?.onNestedDialogOpen) {
54
+ if (open) parentContext.onNestedDialogOpen(ownNestedOpenDialogs + 1, ownNestedOpenDrawers + (isDrawer ? 1 : 0));
55
+ else parentContext.onNestedDialogOpen(0, 0);
56
+ }
57
+ return () => {
58
+ if (parentContext?.onNestedDialogOpen && open) parentContext.onNestedDialogOpen(0, 0);
59
+ };
60
+ }, [
61
+ isDrawer,
62
+ open,
63
+ ownNestedOpenDialogs,
64
+ ownNestedOpenDrawers,
65
+ parentContext
66
+ ]);
67
+ usePopupInteractionProps(store, {
68
+ activeTriggerProps: dismiss.reference,
69
+ inactiveTriggerProps: dismiss.trigger,
70
+ popupProps: dismiss.floating,
71
+ nestedOpenDialogCount: ownNestedOpenDialogs,
72
+ nestedOpenDrawerCount: ownNestedOpenDrawers
73
+ });
74
+ return null;
75
+ }
76
+ //#endregion
77
+ export { DialogInteractions };
@@ -0,0 +1,65 @@
1
+ "use client";
2
+ import { DialogRootContext, useDialogRootContext } from "./DialogRootContext.js";
3
+ import { imperativeAction } from "../../internals/reason-parts.js";
4
+ import { createChangeEventDetails } from "../../internals/createBaseUIEventDetails.js";
5
+ import { PopupHandleAttachment, useImplicitActiveTrigger, useOpenStateTransitions, usePopupRootStore, usePopupRootSync } from "../../utils/popups/popupStoreUtils.js";
6
+ import { DialogInteractions } from "./useDialogRoot.js";
7
+ import { DialogStore } from "../store/DialogStore.js";
8
+ import * as React from "react";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/root/useRenderDialogRoot.mjs
11
+ function useRenderDialogRoot(mode, props) {
12
+ const { children, open: openProp, defaultOpen = false, onOpenChange, onOpenChangeComplete, disablePointerDismissal: disablePointerDismissalProp = false, modal: modalProp = true, actionsRef, handle, triggerId: triggerIdProp, defaultTriggerId: defaultTriggerIdProp = null } = props;
13
+ const isDrawer = mode === "drawer";
14
+ const isAlertDialog = mode === "alert-dialog";
15
+ const modal = isAlertDialog ? true : modalProp;
16
+ const disablePointerDismissal = isAlertDialog || disablePointerDismissalProp;
17
+ const role = isAlertDialog ? "alertdialog" : "dialog";
18
+ const parentStore = useDialogRootContext(true);
19
+ const rootState = {
20
+ modal,
21
+ disablePointerDismissal,
22
+ nested: parentStore != null,
23
+ role
24
+ };
25
+ const store = usePopupRootStore((floatingId, floatingNested) => new DialogStore({
26
+ open: defaultOpen,
27
+ openProp,
28
+ activeTriggerId: defaultTriggerIdProp,
29
+ triggerIdProp,
30
+ ...rootState
31
+ }, floatingId, floatingNested), true);
32
+ store.useControlledProp("openProp", openProp);
33
+ store.useControlledProp("triggerIdProp", triggerIdProp);
34
+ store.useSyncedValues(rootState);
35
+ store.useContextCallback("onOpenChange", onOpenChange);
36
+ store.useContextCallback("onOpenChangeComplete", onOpenChangeComplete);
37
+ const open = store.useState("open");
38
+ const mounted = store.useState("mounted");
39
+ const payload = store.useState("payload");
40
+ usePopupRootSync(store, open);
41
+ useImplicitActiveTrigger(store);
42
+ const { forceUnmount } = useOpenStateTransitions(open, store);
43
+ React.useImperativeHandle(actionsRef, () => ({
44
+ unmount: forceUnmount,
45
+ close: () => store.setOpen(false, createChangeEventDetails(imperativeAction))
46
+ }), [forceUnmount, store]);
47
+ const shouldRenderInteractions = open || mounted;
48
+ return /*#__PURE__*/ jsxs(DialogRootContext.Provider, {
49
+ value: store,
50
+ children: [
51
+ handle && /*#__PURE__*/ jsx(PopupHandleAttachment, {
52
+ handle,
53
+ store
54
+ }),
55
+ shouldRenderInteractions && /*#__PURE__*/ jsx(DialogInteractions, {
56
+ store,
57
+ parentContext: parentStore?.context,
58
+ isDrawer
59
+ }),
60
+ typeof children === "function" ? children({ payload }) : children
61
+ ]
62
+ });
63
+ }
64
+ //#endregion
65
+ export { useRenderDialogRoot };
@@ -0,0 +1,70 @@
1
+ import { ReactStore } from "../../../utils/store/ReactStore.js";
2
+ import { createPopupOpenState } from "../../utils/popups/popupStoreUtils.js";
3
+ import { PopupTriggerMap } from "../../utils/popups/popupTriggerMap.js";
4
+ import { createInitialPopupStoreState, popupStoreSelectors } from "../../utils/popups/store.js";
5
+ import * as React from "react";
6
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/store/DialogStore.mjs
7
+ const selectors = {
8
+ ...popupStoreSelectors,
9
+ modal: (state) => state.modal,
10
+ nested: (state) => state.nested,
11
+ nestedOpenDialogCount: (state) => state.nestedOpenDialogCount,
12
+ nestedOpenDrawerCount: (state) => state.nestedOpenDrawerCount,
13
+ disablePointerDismissal: (state) => state.disablePointerDismissal,
14
+ openMethod: (state) => state.openMethod,
15
+ descriptionElementId: (state) => state.descriptionElementId,
16
+ titleElementId: (state) => state.titleElementId,
17
+ viewportElement: (state) => state.viewportElement,
18
+ role: (state) => state.role
19
+ };
20
+ /**
21
+ * The subset of `DialogStore` that detached handle-backed triggers rely on. Both the real
22
+ * `DialogStore` and the inert fallback store satisfy it, so a trigger can read from whichever
23
+ * store the handle currently exposes.
24
+ */
25
+ var DialogStore = class extends ReactStore {
26
+ constructor(initialState, floatingId, nested) {
27
+ const triggerElements = new PopupTriggerMap();
28
+ const state = createInitialState(initialState, triggerElements, floatingId, nested);
29
+ super(state, createInitialContext(triggerElements), selectors);
30
+ }
31
+ setOpen = (nextOpen, eventDetails) => {
32
+ eventDetails.preventUnmountOnClose = () => {
33
+ this.set("preventUnmountingOnClose", true);
34
+ };
35
+ if (!nextOpen && eventDetails.trigger == null && this.state.activeTriggerId != null) eventDetails.trigger = this.state.activeTriggerElement ?? void 0;
36
+ this.context.onOpenChange?.(nextOpen, eventDetails);
37
+ if (eventDetails.isCanceled) return;
38
+ this.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);
39
+ this.update(createPopupOpenState(this.state, nextOpen, eventDetails.trigger));
40
+ };
41
+ };
42
+ function createInitialState(initialState, triggerElements, floatingId, nested = false) {
43
+ return {
44
+ ...createInitialPopupStoreState(triggerElements, floatingId, nested),
45
+ modal: true,
46
+ disablePointerDismissal: false,
47
+ viewportElement: null,
48
+ descriptionElementId: void 0,
49
+ titleElementId: void 0,
50
+ openMethod: null,
51
+ nested: false,
52
+ nestedOpenDialogCount: 0,
53
+ nestedOpenDrawerCount: 0,
54
+ role: "dialog",
55
+ ...initialState
56
+ };
57
+ }
58
+ function createInitialContext(triggerElements) {
59
+ return {
60
+ popupRef: /*#__PURE__*/ React.createRef(),
61
+ backdropRef: /*#__PURE__*/ React.createRef(),
62
+ internalBackdropRef: /*#__PURE__*/ React.createRef(),
63
+ outsidePressEnabledRef: { current: true },
64
+ triggerElements,
65
+ onOpenChange: void 0,
66
+ onOpenChangeComplete: void 0
67
+ };
68
+ }
69
+ //#endregion
70
+ export { DialogStore };
@@ -0,0 +1,25 @@
1
+ "use client";
2
+ import { useDialogRootContext } from "../root/DialogRootContext.js";
3
+ import { useRenderElement } from "../../internals/useRenderElement.js";
4
+ import { useBaseUiId } from "../../internals/useBaseUiId.js";
5
+ import * as React from "react";
6
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/title/DialogTitle.mjs
7
+ /**
8
+ * A heading that labels the dialog.
9
+ * Renders an `<h2>` element.
10
+ *
11
+ * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
12
+ */
13
+ const DialogTitle = /*#__PURE__*/ React.forwardRef(function DialogTitle(componentProps, forwardedRef) {
14
+ const { render, className, style, id: idProp, ...elementProps } = componentProps;
15
+ const store = useDialogRootContext();
16
+ const id = useBaseUiId(idProp);
17
+ store.useSyncedValueWithCleanup("titleElementId", id);
18
+ return useRenderElement("h2", componentProps, {
19
+ ref: forwardedRef,
20
+ props: [{ id }, elementProps]
21
+ });
22
+ });
23
+ if (process.env.NODE_ENV !== "production") DialogTitle.displayName = "DialogTitle";
24
+ //#endregion
25
+ export { DialogTitle };
@@ -0,0 +1,17 @@
1
+ import { transitionStatusMapping } from "../../internals/stateAttributesMapping.js";
2
+ import { popupStateMapping } from "../../utils/popupStateMapping.js";
3
+ import { nestedDialogOpen } from "../popup/DialogPopupDataAttributes.js";
4
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/dialog/utils/stateAttributesMapping.mjs
5
+ /**
6
+ * Shared by `Dialog.Popup` and `Dialog.Viewport`, whose states have the same shape.
7
+ * `nested` is not mapped: unmapped `true` booleans already render as `data-nested`.
8
+ */
9
+ const dialogStateAttributesMapping = {
10
+ ...popupStateMapping,
11
+ ...transitionStatusMapping,
12
+ nestedDialogOpen(value) {
13
+ return value ? { [nestedDialogOpen]: "" } : null;
14
+ }
15
+ };
16
+ //#endregion
17
+ export { dialogStateAttributesMapping };
@@ -0,0 +1,11 @@
1
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/field/control/FieldControlDataAttributes.mjs
2
+ /**
3
+ * Present when the field is in a valid state.
4
+ */
5
+ const valid = "data-valid";
6
+ /**
7
+ * Present when the field is in an invalid state.
8
+ */
9
+ const invalid = "data-invalid";
10
+ //#endregion
11
+ export { invalid, valid };
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/field/item/FieldItemContext.mjs
4
+ const FieldItemContext = /*#__PURE__*/ React.createContext({ disabled: false });
5
+ if (process.env.NODE_ENV !== "production") FieldItemContext.displayName = "FieldItemContext";
6
+ function useFieldItemContext() {
7
+ return React.useContext(FieldItemContext);
8
+ }
9
+ //#endregion
10
+ export { FieldItemContext, useFieldItemContext };
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ import { DEFAULT_VALIDITY_STATE } from "../../internals/field-constants/constants.js";
3
+ import "react";
4
+ Object.keys(DEFAULT_VALIDITY_STATE);
5
+ /**
6
+ * Whether an input participates in the surrounding Base UI Form. Inputs that are effectively
7
+ * disabled, or whose `form` attribute explicitly associates them with another form, are excluded.
8
+ * DOM position only matters when it associates the input with a different form. Otherwise, field
9
+ * registration is context-driven, so portaled inputs (for example inside a dialog) still belong to
10
+ * the form for both validation and values projected into `onFormSubmit`.
11
+ */
12
+ function isEligibleInput(input, formElement) {
13
+ if (input.matches(":disabled")) return false;
14
+ if (!formElement || input.form === formElement) return true;
15
+ return input.form === null && !input.hasAttribute("form");
16
+ }
17
+ //#endregion
18
+ export { isEligibleInput };
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import formatErrorMessage from "../../../utils/formatErrorMessage.js";
3
+ import * as React from "react";
4
+ //#region ../../../node_modules/.pnpm/@base-ui+react@1.8.0_@date-fns+tz@1.5.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.0_react@19.3.0__react@19.3.0/node_modules/@base-ui/react/fieldset/root/FieldsetRootContext.mjs
5
+ const FieldsetRootContext = /*#__PURE__*/ React.createContext(void 0);
6
+ if (process.env.NODE_ENV !== "production") FieldsetRootContext.displayName = "FieldsetRootContext";
7
+ function useFieldsetRootContext(optional = false) {
8
+ const context = React.useContext(FieldsetRootContext);
9
+ if (!context && !optional) throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : formatErrorMessage(86));
10
+ return context;
11
+ }
12
+ //#endregion
13
+ export { FieldsetRootContext, useFieldsetRootContext };