@dreamcommerce/aurora 3.0.0-67 → 3.0.0-69

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 (83) hide show
  1. package/build/cjs/external/@radix-ui/react-radio-group/dist/index.mjs.js +2 -2
  2. package/build/cjs/external/@radix-ui/react-radio-group/external/@radix-ui/react-roving-focus/dist/index.mjs.js +2 -2
  3. package/build/cjs/external/@radix-ui/react-select/dist/index.mjs.js +6 -6
  4. package/build/cjs/external/@radix-ui/react-select/dist/index.mjs.js.map +1 -1
  5. package/build/cjs/external/@radix-ui/react-select/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +2 -2
  6. package/build/cjs/external/@radix-ui/react-select/external/@radix-ui/react-focus-scope/dist/index.mjs.js +1 -1
  7. package/build/cjs/external/@radix-ui/react-select/external/@radix-ui/react-popper/dist/index.mjs.js +3 -3
  8. package/build/cjs/external/@radix-ui/react-select/external/@radix-ui/react-portal/dist/index.mjs.js +1 -1
  9. package/build/cjs/packages/aurora/src/components/accordion/accordion.js +4 -4
  10. package/build/cjs/packages/aurora/src/components/accordion/accordion_constants.js +2 -2
  11. package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js +1 -1
  12. package/build/cjs/packages/aurora/src/components/accordion/context/accordion_context.js +1 -1
  13. package/build/cjs/packages/aurora/src/components/checkbox/checkbox.js +4 -4
  14. package/build/cjs/packages/aurora/src/components/checkbox/checkbox.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +2 -2
  16. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +1 -1
  17. package/build/cjs/packages/aurora/src/components/controls/controls_group/controls_group.js +23 -0
  18. package/build/{esm/external/@radix-ui/react-checkbox/external/@radix-ui/react-primitive/dist/index.mjs.js.map → cjs/packages/aurora/src/components/controls/controls_group/controls_group.js.map} +1 -1
  19. package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js +60 -0
  20. package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map +1 -0
  21. package/build/cjs/packages/aurora/src/components/text_area/text_area.js +49 -0
  22. package/build/cjs/{external/@radix-ui/react-checkbox/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map → packages/aurora/src/components/text_area/text_area.js.map} +1 -1
  23. package/build/cjs/packages/aurora/src/components/text_area/text_area_variants.js +10 -0
  24. package/build/cjs/packages/aurora/src/components/text_area/text_area_variants.js.map +1 -0
  25. package/build/cjs/packages/aurora/src/index.js +8 -2
  26. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  27. package/build/esm/external/@radix-ui/react-radio-group/dist/index.mjs.js +2 -2
  28. package/build/esm/external/@radix-ui/react-radio-group/external/@radix-ui/react-roving-focus/dist/index.mjs.js +2 -2
  29. package/build/esm/external/@radix-ui/react-select/dist/index.mjs.js +6 -6
  30. package/build/esm/external/@radix-ui/react-select/dist/index.mjs.js.map +1 -1
  31. package/build/esm/external/@radix-ui/react-select/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +2 -2
  32. package/build/esm/external/@radix-ui/react-select/external/@radix-ui/react-focus-scope/dist/index.mjs.js +1 -1
  33. package/build/esm/external/@radix-ui/react-select/external/@radix-ui/react-popper/dist/index.mjs.js +3 -3
  34. package/build/esm/external/@radix-ui/react-select/external/@radix-ui/react-portal/dist/index.mjs.js +1 -1
  35. package/build/esm/packages/aurora/src/components/accordion/accordion.js +5 -5
  36. package/build/esm/packages/aurora/src/components/accordion/accordion_constants.d.ts +1 -1
  37. package/build/esm/packages/aurora/src/components/accordion/accordion_constants.js +2 -2
  38. package/build/esm/packages/aurora/src/components/accordion/accordion_types.d.ts +4 -4
  39. package/build/esm/packages/aurora/src/components/accordion/accordion_types.js.map +1 -1
  40. package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js +2 -2
  41. package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.js +2 -2
  42. package/build/esm/packages/aurora/src/components/checkbox/checkbox.js +1 -1
  43. package/build/esm/packages/aurora/src/components/checkbox/checkbox.js.map +1 -1
  44. package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.d.ts +1 -1
  45. package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.js +1 -0
  46. package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.js.map +1 -1
  47. package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts +1 -1
  48. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +2 -2
  49. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +2 -2
  50. package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.d.ts +2 -1
  51. package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.js +14 -6
  52. package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.js.map +1 -1
  53. package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.d.ts +4 -0
  54. package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.js +2 -0
  55. package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.js.map +1 -0
  56. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js +50 -15
  57. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map +1 -1
  58. package/build/esm/packages/aurora/src/components/text_area/text_area.js +40 -6
  59. package/build/esm/packages/aurora/src/components/text_area/text_area.js.map +1 -1
  60. package/build/esm/packages/aurora/src/components/text_area/text_area_variants.js +6 -3
  61. package/build/esm/packages/aurora/src/components/text_area/text_area_variants.js.map +1 -1
  62. package/build/esm/packages/aurora/src/index.d.ts +5 -2
  63. package/build/esm/packages/aurora/src/index.js +5 -2
  64. package/build/esm/packages/aurora/src/index.js.map +1 -1
  65. package/package.json +2 -1
  66. package/build/cjs/external/@radix-ui/react-checkbox/dist/index.mjs.js +0 -190
  67. package/build/cjs/external/@radix-ui/react-checkbox/dist/index.mjs.js.map +0 -1
  68. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/primitive/dist/index.mjs.js +0 -19
  69. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/primitive/dist/index.mjs.js.map +0 -1
  70. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/react-compose-refs/dist/index.mjs.js +0 -51
  71. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/react-presence/dist/index.mjs.js +0 -149
  72. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/react-presence/dist/index.mjs.js.map +0 -1
  73. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/react-primitive/dist/index.mjs.js +0 -30
  74. package/build/cjs/external/@radix-ui/react-checkbox/external/@radix-ui/react-primitive/dist/index.mjs.js.map +0 -1
  75. package/build/esm/external/@radix-ui/react-checkbox/dist/index.mjs.js +0 -182
  76. package/build/esm/external/@radix-ui/react-checkbox/dist/index.mjs.js.map +0 -1
  77. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/primitive/dist/index.mjs.js +0 -15
  78. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/primitive/dist/index.mjs.js.map +0 -1
  79. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/react-compose-refs/dist/index.mjs.js +0 -46
  80. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/react-compose-refs/dist/index.mjs.js.map +0 -1
  81. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/react-presence/dist/index.mjs.js +0 -145
  82. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/react-presence/dist/index.mjs.js.map +0 -1
  83. package/build/esm/external/@radix-ui/react-checkbox/external/@radix-ui/react-primitive/dist/index.mjs.js +0 -26
@@ -1,190 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var index$1 = require('../external/@radix-ui/react-compose-refs/dist/index.mjs.js');
8
- var jsxRuntime = require('react/jsx-runtime');
9
- var index = require('../../react-context/dist/index.mjs.js');
10
- var index$4 = require('../external/@radix-ui/primitive/dist/index.mjs.js');
11
- var index$2 = require('../../react-use-controllable-state/dist/index.mjs.js');
12
- var index$6 = require('../../react-use-previous/dist/index.mjs.js');
13
- var index$7 = require('../../react-use-size/dist/index.mjs.js');
14
- var index$5 = require('../external/@radix-ui/react-presence/dist/index.mjs.js');
15
- var index$3 = require('../external/@radix-ui/react-primitive/dist/index.mjs.js');
16
-
17
- var _excluded = ["__scopeCheckbox", "name", "checked", "defaultChecked", "required", "disabled", "value", "onCheckedChange", "form"],
18
- _excluded2 = ["__scopeCheckbox", "forceMount"],
19
- _excluded3 = ["control", "checked", "bubbles", "defaultChecked"];
20
- var CHECKBOX_NAME = "Checkbox";
21
- var _createContextScope = index.createContextScope(CHECKBOX_NAME),
22
- _createContextScope2 = _rollupPluginBabelHelpers.slicedToArray(_createContextScope, 2),
23
- createCheckboxContext = _createContextScope2[0],
24
- createCheckboxScope = _createContextScope2[1];
25
- var _createCheckboxContex = createCheckboxContext(CHECKBOX_NAME),
26
- _createCheckboxContex2 = _rollupPluginBabelHelpers.slicedToArray(_createCheckboxContex, 2),
27
- CheckboxProvider = _createCheckboxContex2[0],
28
- useCheckboxContext = _createCheckboxContex2[1];
29
- var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
30
- var __scopeCheckbox = props.__scopeCheckbox,
31
- name = props.name,
32
- checkedProp = props.checked,
33
- defaultChecked = props.defaultChecked,
34
- required = props.required,
35
- disabled = props.disabled,
36
- _props$value = props.value,
37
- value = _props$value === void 0 ? "on" : _props$value,
38
- onCheckedChange = props.onCheckedChange,
39
- form = props.form,
40
- checkboxProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
41
- var _React$useState = React.useState(null),
42
- _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
43
- button = _React$useState2[0],
44
- setButton = _React$useState2[1];
45
- var composedRefs = index$1.useComposedRefs(forwardedRef, function (node) {
46
- return setButton(node);
47
- });
48
- var hasConsumerStoppedPropagationRef = React.useRef(false);
49
- var isFormControl = button ? form || !!button.closest("form") : true;
50
- var _useControllableState = index$2.useControllableState({
51
- prop: checkedProp,
52
- defaultProp: defaultChecked,
53
- onChange: onCheckedChange
54
- }),
55
- _useControllableState2 = _rollupPluginBabelHelpers.slicedToArray(_useControllableState, 2),
56
- _useControllableState3 = _useControllableState2[0],
57
- checked = _useControllableState3 === void 0 ? false : _useControllableState3,
58
- setChecked = _useControllableState2[1];
59
- var initialCheckedStateRef = React.useRef(checked);
60
- React.useEffect(function () {
61
- var form2 = button === null || button === void 0 ? void 0 : button.form;
62
- if (form2) {
63
- var reset = function reset() {
64
- return setChecked(initialCheckedStateRef.current);
65
- };
66
- form2.addEventListener("reset", reset);
67
- return function () {
68
- return form2.removeEventListener("reset", reset);
69
- };
70
- }
71
- }, [button, setChecked]);
72
- return /* @__PURE__ */jsxRuntime.jsxs(CheckboxProvider, {
73
- scope: __scopeCheckbox,
74
- state: checked,
75
- disabled: disabled,
76
- children: [/* @__PURE__ */jsxRuntime.jsx(index$3.Primitive.button, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
77
- type: "button",
78
- role: "checkbox",
79
- "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
80
- "aria-required": required,
81
- "data-state": getState(checked),
82
- "data-disabled": disabled ? "" : void 0,
83
- disabled: disabled,
84
- value: value
85
- }, checkboxProps), {}, {
86
- ref: composedRefs,
87
- onKeyDown: index$4.composeEventHandlers(props.onKeyDown, function (event) {
88
- if (event.key === "Enter") event.preventDefault();
89
- }),
90
- onClick: index$4.composeEventHandlers(props.onClick, function (event) {
91
- setChecked(function (prevChecked) {
92
- return isIndeterminate(prevChecked) ? true : !prevChecked;
93
- });
94
- if (isFormControl) {
95
- hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
96
- if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
97
- }
98
- })
99
- })), isFormControl && /* @__PURE__ */jsxRuntime.jsx(BubbleInput, {
100
- control: button,
101
- bubbles: !hasConsumerStoppedPropagationRef.current,
102
- name: name,
103
- value: value,
104
- checked: checked,
105
- required: required,
106
- disabled: disabled,
107
- form: form,
108
- style: {
109
- transform: "translateX(-100%)"
110
- },
111
- defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked
112
- })]
113
- });
114
- });
115
- Checkbox.displayName = CHECKBOX_NAME;
116
- var INDICATOR_NAME = "CheckboxIndicator";
117
- var CheckboxIndicator = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
118
- var __scopeCheckbox = props.__scopeCheckbox,
119
- forceMount = props.forceMount,
120
- indicatorProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
121
- var context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
122
- return /* @__PURE__ */jsxRuntime.jsx(index$5.Presence, {
123
- present: forceMount || isIndeterminate(context.state) || context.state === true,
124
- children: /* @__PURE__ */jsxRuntime.jsx(index$3.Primitive.span, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
125
- "data-state": getState(context.state),
126
- "data-disabled": context.disabled ? "" : void 0
127
- }, indicatorProps), {}, {
128
- ref: forwardedRef,
129
- style: _rollupPluginBabelHelpers.objectSpread2({
130
- pointerEvents: "none"
131
- }, props.style)
132
- }))
133
- });
134
- });
135
- CheckboxIndicator.displayName = INDICATOR_NAME;
136
- var BubbleInput = function BubbleInput(props) {
137
- var control = props.control,
138
- checked = props.checked,
139
- _props$bubbles = props.bubbles,
140
- bubbles = _props$bubbles === void 0 ? true : _props$bubbles,
141
- defaultChecked = props.defaultChecked,
142
- inputProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
143
- var ref = React.useRef(null);
144
- var prevChecked = index$6.usePrevious(checked);
145
- var controlSize = index$7.useSize(control);
146
- React.useEffect(function () {
147
- var input = ref.current;
148
- var inputProto = window.HTMLInputElement.prototype;
149
- var descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
150
- var setChecked = descriptor.set;
151
- if (prevChecked !== checked && setChecked) {
152
- var event = new Event("click", {
153
- bubbles: bubbles
154
- });
155
- input.indeterminate = isIndeterminate(checked);
156
- setChecked.call(input, isIndeterminate(checked) ? false : checked);
157
- input.dispatchEvent(event);
158
- }
159
- }, [prevChecked, checked, bubbles]);
160
- var defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);
161
- return /* @__PURE__ */jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
162
- type: "checkbox",
163
- "aria-hidden": true,
164
- defaultChecked: defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : defaultCheckedRef.current
165
- }, inputProps), {}, {
166
- tabIndex: -1,
167
- ref: ref,
168
- style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props.style), controlSize), {}, {
169
- position: "absolute",
170
- pointerEvents: "none",
171
- opacity: 0,
172
- margin: 0
173
- })
174
- }));
175
- };
176
- function isIndeterminate(checked) {
177
- return checked === "indeterminate";
178
- }
179
- function getState(checked) {
180
- return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
181
- }
182
- var Root = Checkbox;
183
- var Indicator = CheckboxIndicator;
184
-
185
- exports.Checkbox = Checkbox;
186
- exports.CheckboxIndicator = CheckboxIndicator;
187
- exports.Indicator = Indicator;
188
- exports.Root = Root;
189
- exports.createCheckboxScope = createCheckboxScope;
190
- //# sourceMappingURL=index.mjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,4DAAgE;AACtF;AACA;AACA,sBAAsB,mDAAuD;AAC7E;AACA;AACA;AACA,sBAAsB,wDAA4D;AAClF,sBAAsB,yDAA6D;AACnF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- // packages/core/primitive/src/primitive.tsx
6
- function composeEventHandlers(originalEventHandler, ourEventHandler) {
7
- var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
8
- _ref$checkForDefaultP = _ref.checkForDefaultPrevented,
9
- checkForDefaultPrevented = _ref$checkForDefaultP === void 0 ? true : _ref$checkForDefaultP;
10
- return function handleEvent(event) {
11
- originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);
12
- if (checkForDefaultPrevented === false || !event.defaultPrevented) {
13
- return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
14
- }
15
- };
16
- }
17
-
18
- exports.composeEventHandlers = composeEventHandlers;
19
- //# sourceMappingURL=index.mjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,51 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- // packages/react/compose-refs/src/composeRefs.tsx
8
- function setRef(ref, value) {
9
- if (typeof ref === "function") {
10
- return ref(value);
11
- } else if (ref !== null && ref !== void 0) {
12
- ref.current = value;
13
- }
14
- }
15
- function composeRefs() {
16
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
17
- refs[_key] = arguments[_key];
18
- }
19
- return function (node) {
20
- var hasCleanup = false;
21
- var cleanups = refs.map(function (ref) {
22
- var cleanup = setRef(ref, node);
23
- if (!hasCleanup && typeof cleanup == "function") {
24
- hasCleanup = true;
25
- }
26
- return cleanup;
27
- });
28
- if (hasCleanup) {
29
- return function () {
30
- for (var i = 0; i < cleanups.length; i++) {
31
- var cleanup = cleanups[i];
32
- if (typeof cleanup == "function") {
33
- cleanup();
34
- } else {
35
- setRef(refs[i], null);
36
- }
37
- }
38
- };
39
- }
40
- };
41
- }
42
- function useComposedRefs() {
43
- for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
44
- refs[_key2] = arguments[_key2];
45
- }
46
- return React.useCallback(composeRefs.apply(void 0, refs), refs);
47
- }
48
-
49
- exports.composeRefs = composeRefs;
50
- exports.useComposedRefs = useComposedRefs;
51
- //# sourceMappingURL=index.mjs.js.map
@@ -1,149 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var index = require('../../react-compose-refs/dist/index.mjs.js');
8
- var index$1 = require('../../../../../react-use-layout-effect/dist/index.mjs.js');
9
-
10
- function useStateMachine(initialState, machine) {
11
- return React.useReducer(function (state, event) {
12
- var nextState = machine[state][event];
13
- return nextState !== null && nextState !== void 0 ? nextState : state;
14
- }, initialState);
15
- }
16
-
17
- // packages/react/presence/src/Presence.tsx
18
- var Presence = function Presence(props) {
19
- var present = props.present,
20
- children = props.children;
21
- var presence = usePresence(present);
22
- var child = typeof children === "function" ? children({
23
- present: presence.isPresent
24
- }) : React.Children.only(children);
25
- var ref = index.useComposedRefs(presence.ref, getElementRef(child));
26
- var forceMount = typeof children === "function";
27
- return forceMount || presence.isPresent ? /*#__PURE__*/React.cloneElement(child, {
28
- ref: ref
29
- }) : null;
30
- };
31
- Presence.displayName = "Presence";
32
- function usePresence(present) {
33
- var _React2$useState = React.useState(),
34
- _React2$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React2$useState, 2),
35
- node = _React2$useState2[0],
36
- setNode = _React2$useState2[1];
37
- var stylesRef = React.useRef({});
38
- var prevPresentRef = React.useRef(present);
39
- var prevAnimationNameRef = React.useRef("none");
40
- var initialState = present ? "mounted" : "unmounted";
41
- var _useStateMachine = useStateMachine(initialState, {
42
- mounted: {
43
- UNMOUNT: "unmounted",
44
- ANIMATION_OUT: "unmountSuspended"
45
- },
46
- unmountSuspended: {
47
- MOUNT: "mounted",
48
- ANIMATION_END: "unmounted"
49
- },
50
- unmounted: {
51
- MOUNT: "mounted"
52
- }
53
- }),
54
- _useStateMachine2 = _rollupPluginBabelHelpers.slicedToArray(_useStateMachine, 2),
55
- state = _useStateMachine2[0],
56
- send = _useStateMachine2[1];
57
- React.useEffect(function () {
58
- var currentAnimationName = getAnimationName(stylesRef.current);
59
- prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
60
- }, [state]);
61
- index$1.useLayoutEffect(function () {
62
- var styles = stylesRef.current;
63
- var wasPresent = prevPresentRef.current;
64
- var hasPresentChanged = wasPresent !== present;
65
- if (hasPresentChanged) {
66
- var prevAnimationName = prevAnimationNameRef.current;
67
- var currentAnimationName = getAnimationName(styles);
68
- if (present) {
69
- send("MOUNT");
70
- } else if (currentAnimationName === "none" || (styles === null || styles === void 0 ? void 0 : styles.display) === "none") {
71
- send("UNMOUNT");
72
- } else {
73
- var isAnimating = prevAnimationName !== currentAnimationName;
74
- if (wasPresent && isAnimating) {
75
- send("ANIMATION_OUT");
76
- } else {
77
- send("UNMOUNT");
78
- }
79
- }
80
- prevPresentRef.current = present;
81
- }
82
- }, [present, send]);
83
- index$1.useLayoutEffect(function () {
84
- if (node) {
85
- var _node$ownerDocument$d;
86
- var timeoutId;
87
- var ownerWindow = (_node$ownerDocument$d = node.ownerDocument.defaultView) !== null && _node$ownerDocument$d !== void 0 ? _node$ownerDocument$d : window;
88
- var handleAnimationEnd = function handleAnimationEnd(event) {
89
- var currentAnimationName = getAnimationName(stylesRef.current);
90
- var isCurrentAnimation = currentAnimationName.includes(event.animationName);
91
- if (event.target === node && isCurrentAnimation) {
92
- send("ANIMATION_END");
93
- if (!prevPresentRef.current) {
94
- var currentFillMode = node.style.animationFillMode;
95
- node.style.animationFillMode = "forwards";
96
- timeoutId = ownerWindow.setTimeout(function () {
97
- if (node.style.animationFillMode === "forwards") {
98
- node.style.animationFillMode = currentFillMode;
99
- }
100
- });
101
- }
102
- }
103
- };
104
- var handleAnimationStart = function handleAnimationStart(event) {
105
- if (event.target === node) {
106
- prevAnimationNameRef.current = getAnimationName(stylesRef.current);
107
- }
108
- };
109
- node.addEventListener("animationstart", handleAnimationStart);
110
- node.addEventListener("animationcancel", handleAnimationEnd);
111
- node.addEventListener("animationend", handleAnimationEnd);
112
- return function () {
113
- ownerWindow.clearTimeout(timeoutId);
114
- node.removeEventListener("animationstart", handleAnimationStart);
115
- node.removeEventListener("animationcancel", handleAnimationEnd);
116
- node.removeEventListener("animationend", handleAnimationEnd);
117
- };
118
- } else {
119
- send("ANIMATION_END");
120
- }
121
- }, [node, send]);
122
- return {
123
- isPresent: ["mounted", "unmountSuspended"].includes(state),
124
- ref: React.useCallback(function (node2) {
125
- if (node2) stylesRef.current = getComputedStyle(node2);
126
- setNode(node2);
127
- }, [])
128
- };
129
- }
130
- function getAnimationName(styles) {
131
- return (styles === null || styles === void 0 ? void 0 : styles.animationName) || "none";
132
- }
133
- function getElementRef(element) {
134
- var _Object$getOwnPropert, _Object$getOwnPropert2;
135
- var getter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(element.props, "ref")) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.get;
136
- var mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
137
- if (mayWarn) {
138
- return element.ref;
139
- }
140
- getter = (_Object$getOwnPropert2 = Object.getOwnPropertyDescriptor(element, "ref")) === null || _Object$getOwnPropert2 === void 0 ? void 0 : _Object$getOwnPropert2.get;
141
- mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
142
- if (mayWarn) {
143
- return element.props.ref;
144
- }
145
- return element.props.ref || element.ref;
146
- }
147
-
148
- exports.Presence = Presence;
149
- //# sourceMappingURL=index.mjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- require('react-dom');
8
- var reactSlot = require('@radix-ui/react-slot');
9
- var jsxRuntime = require('react/jsx-runtime');
10
-
11
- var _excluded = ["asChild"];
12
- var NODES = ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "span", "svg", "ul"];
13
- var Primitive = NODES.reduce(function (primitive, node) {
14
- var Node = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
15
- var asChild = props.asChild,
16
- primitiveProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
17
- var Comp = asChild ? reactSlot.Slot : node;
18
- if (typeof window !== "undefined") {
19
- window[Symbol.for("radix-ui")] = true;
20
- }
21
- return /* @__PURE__ */jsxRuntime.jsx(Comp, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, primitiveProps), {}, {
22
- ref: forwardedRef
23
- }));
24
- });
25
- Node.displayName = "Primitive.".concat(node);
26
- return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, primitive), {}, _rollupPluginBabelHelpers.defineProperty({}, node, Node));
27
- }, {});
28
-
29
- exports.Primitive = Primitive;
30
- //# sourceMappingURL=index.mjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,182 +0,0 @@
1
- import { forwardRef, useState, useRef, useEffect } from 'react';
2
- import { slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { useComposedRefs } from '../external/@radix-ui/react-compose-refs/dist/index.mjs.js';
4
- import { jsxs, jsx } from 'react/jsx-runtime';
5
- import { createContextScope } from '../../react-context/dist/index.mjs.js';
6
- import { composeEventHandlers } from '../external/@radix-ui/primitive/dist/index.mjs.js';
7
- import { useControllableState } from '../../react-use-controllable-state/dist/index.mjs.js';
8
- import { usePrevious } from '../../react-use-previous/dist/index.mjs.js';
9
- import { useSize } from '../../react-use-size/dist/index.mjs.js';
10
- import { Presence } from '../external/@radix-ui/react-presence/dist/index.mjs.js';
11
- import { Primitive } from '../external/@radix-ui/react-primitive/dist/index.mjs.js';
12
-
13
- var _excluded = ["__scopeCheckbox", "name", "checked", "defaultChecked", "required", "disabled", "value", "onCheckedChange", "form"],
14
- _excluded2 = ["__scopeCheckbox", "forceMount"],
15
- _excluded3 = ["control", "checked", "bubbles", "defaultChecked"];
16
- var CHECKBOX_NAME = "Checkbox";
17
- var _createContextScope = createContextScope(CHECKBOX_NAME),
18
- _createContextScope2 = _slicedToArray(_createContextScope, 2),
19
- createCheckboxContext = _createContextScope2[0],
20
- createCheckboxScope = _createContextScope2[1];
21
- var _createCheckboxContex = createCheckboxContext(CHECKBOX_NAME),
22
- _createCheckboxContex2 = _slicedToArray(_createCheckboxContex, 2),
23
- CheckboxProvider = _createCheckboxContex2[0],
24
- useCheckboxContext = _createCheckboxContex2[1];
25
- var Checkbox = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
26
- var __scopeCheckbox = props.__scopeCheckbox,
27
- name = props.name,
28
- checkedProp = props.checked,
29
- defaultChecked = props.defaultChecked,
30
- required = props.required,
31
- disabled = props.disabled,
32
- _props$value = props.value,
33
- value = _props$value === void 0 ? "on" : _props$value,
34
- onCheckedChange = props.onCheckedChange,
35
- form = props.form,
36
- checkboxProps = _objectWithoutProperties(props, _excluded);
37
- var _React$useState = useState(null),
38
- _React$useState2 = _slicedToArray(_React$useState, 2),
39
- button = _React$useState2[0],
40
- setButton = _React$useState2[1];
41
- var composedRefs = useComposedRefs(forwardedRef, function (node) {
42
- return setButton(node);
43
- });
44
- var hasConsumerStoppedPropagationRef = useRef(false);
45
- var isFormControl = button ? form || !!button.closest("form") : true;
46
- var _useControllableState = useControllableState({
47
- prop: checkedProp,
48
- defaultProp: defaultChecked,
49
- onChange: onCheckedChange
50
- }),
51
- _useControllableState2 = _slicedToArray(_useControllableState, 2),
52
- _useControllableState3 = _useControllableState2[0],
53
- checked = _useControllableState3 === void 0 ? false : _useControllableState3,
54
- setChecked = _useControllableState2[1];
55
- var initialCheckedStateRef = useRef(checked);
56
- useEffect(function () {
57
- var form2 = button === null || button === void 0 ? void 0 : button.form;
58
- if (form2) {
59
- var reset = function reset() {
60
- return setChecked(initialCheckedStateRef.current);
61
- };
62
- form2.addEventListener("reset", reset);
63
- return function () {
64
- return form2.removeEventListener("reset", reset);
65
- };
66
- }
67
- }, [button, setChecked]);
68
- return /* @__PURE__ */jsxs(CheckboxProvider, {
69
- scope: __scopeCheckbox,
70
- state: checked,
71
- disabled: disabled,
72
- children: [/* @__PURE__ */jsx(Primitive.button, _objectSpread2(_objectSpread2({
73
- type: "button",
74
- role: "checkbox",
75
- "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
76
- "aria-required": required,
77
- "data-state": getState(checked),
78
- "data-disabled": disabled ? "" : void 0,
79
- disabled: disabled,
80
- value: value
81
- }, checkboxProps), {}, {
82
- ref: composedRefs,
83
- onKeyDown: composeEventHandlers(props.onKeyDown, function (event) {
84
- if (event.key === "Enter") event.preventDefault();
85
- }),
86
- onClick: composeEventHandlers(props.onClick, function (event) {
87
- setChecked(function (prevChecked) {
88
- return isIndeterminate(prevChecked) ? true : !prevChecked;
89
- });
90
- if (isFormControl) {
91
- hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
92
- if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
93
- }
94
- })
95
- })), isFormControl && /* @__PURE__ */jsx(BubbleInput, {
96
- control: button,
97
- bubbles: !hasConsumerStoppedPropagationRef.current,
98
- name: name,
99
- value: value,
100
- checked: checked,
101
- required: required,
102
- disabled: disabled,
103
- form: form,
104
- style: {
105
- transform: "translateX(-100%)"
106
- },
107
- defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked
108
- })]
109
- });
110
- });
111
- Checkbox.displayName = CHECKBOX_NAME;
112
- var INDICATOR_NAME = "CheckboxIndicator";
113
- var CheckboxIndicator = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
114
- var __scopeCheckbox = props.__scopeCheckbox,
115
- forceMount = props.forceMount,
116
- indicatorProps = _objectWithoutProperties(props, _excluded2);
117
- var context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
118
- return /* @__PURE__ */jsx(Presence, {
119
- present: forceMount || isIndeterminate(context.state) || context.state === true,
120
- children: /* @__PURE__ */jsx(Primitive.span, _objectSpread2(_objectSpread2({
121
- "data-state": getState(context.state),
122
- "data-disabled": context.disabled ? "" : void 0
123
- }, indicatorProps), {}, {
124
- ref: forwardedRef,
125
- style: _objectSpread2({
126
- pointerEvents: "none"
127
- }, props.style)
128
- }))
129
- });
130
- });
131
- CheckboxIndicator.displayName = INDICATOR_NAME;
132
- var BubbleInput = function BubbleInput(props) {
133
- var control = props.control,
134
- checked = props.checked,
135
- _props$bubbles = props.bubbles,
136
- bubbles = _props$bubbles === void 0 ? true : _props$bubbles,
137
- defaultChecked = props.defaultChecked,
138
- inputProps = _objectWithoutProperties(props, _excluded3);
139
- var ref = useRef(null);
140
- var prevChecked = usePrevious(checked);
141
- var controlSize = useSize(control);
142
- useEffect(function () {
143
- var input = ref.current;
144
- var inputProto = window.HTMLInputElement.prototype;
145
- var descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
146
- var setChecked = descriptor.set;
147
- if (prevChecked !== checked && setChecked) {
148
- var event = new Event("click", {
149
- bubbles: bubbles
150
- });
151
- input.indeterminate = isIndeterminate(checked);
152
- setChecked.call(input, isIndeterminate(checked) ? false : checked);
153
- input.dispatchEvent(event);
154
- }
155
- }, [prevChecked, checked, bubbles]);
156
- var defaultCheckedRef = useRef(isIndeterminate(checked) ? false : checked);
157
- return /* @__PURE__ */jsx("input", _objectSpread2(_objectSpread2({
158
- type: "checkbox",
159
- "aria-hidden": true,
160
- defaultChecked: defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : defaultCheckedRef.current
161
- }, inputProps), {}, {
162
- tabIndex: -1,
163
- ref: ref,
164
- style: _objectSpread2(_objectSpread2(_objectSpread2({}, props.style), controlSize), {}, {
165
- position: "absolute",
166
- pointerEvents: "none",
167
- opacity: 0,
168
- margin: 0
169
- })
170
- }));
171
- };
172
- function isIndeterminate(checked) {
173
- return checked === "indeterminate";
174
- }
175
- function getState(checked) {
176
- return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
177
- }
178
- var Root = Checkbox;
179
- var Indicator = CheckboxIndicator;
180
-
181
- export { Checkbox, CheckboxIndicator, Indicator, Root, createCheckboxScope };
182
- //# sourceMappingURL=index.mjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,4DAAgE;AAChG;AACA;AACA,qCAAqC,mDAAuD;AAC5F;AACA;AACA;AACA,yBAAyB,wDAA4D;AACrF,0BAA0B,yDAA6D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,15 +0,0 @@
1
- // packages/core/primitive/src/primitive.tsx
2
- function composeEventHandlers(originalEventHandler, ourEventHandler) {
3
- var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
4
- _ref$checkForDefaultP = _ref.checkForDefaultPrevented,
5
- checkForDefaultPrevented = _ref$checkForDefaultP === void 0 ? true : _ref$checkForDefaultP;
6
- return function handleEvent(event) {
7
- originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);
8
- if (checkForDefaultPrevented === false || !event.defaultPrevented) {
9
- return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
10
- }
11
- };
12
- }
13
-
14
- export { composeEventHandlers };
15
- //# sourceMappingURL=index.mjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}