@dreamcommerce/aurora 3.0.0-290 → 3.0.0-291

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 (45) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +3 -3
  3. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
  4. package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js +3 -3
  5. package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -3
  6. package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -3
  7. package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +64 -0
  8. package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +3 -3
  10. package/build/cjs/packages/aurora/src/components/controls/switch_control/switch_control.js +3 -3
  11. package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -3
  12. package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -3
  13. package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -2
  14. package/build/cjs/packages/aurora/src/components/radio_group/components/radio_group_item.js +1 -1
  15. package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  16. package/build/cjs/packages/aurora/src/index.js +10 -8
  17. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js +1 -1
  19. package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +3 -3
  20. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
  21. package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +3 -3
  22. package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -3
  23. package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -3
  24. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.d.ts +3 -0
  25. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +56 -0
  26. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +1 -0
  27. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.d.ts +11 -0
  28. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js +3 -0
  29. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js.map +1 -0
  30. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +3 -3
  31. package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js +3 -3
  32. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -3
  33. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -3
  34. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -2
  35. package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js +1 -1
  36. package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.d.ts +1 -2
  37. package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  38. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.d.ts +1 -2
  39. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.d.ts +9 -0
  40. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js +5 -0
  41. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js.map +1 -1
  42. package/build/esm/packages/aurora/src/index.d.ts +1 -0
  43. package/build/esm/packages/aurora/src/index.js +5 -4
  44. package/build/esm/packages/aurora/src/index.js.map +1 -1
  45. package/package.json +1 -1
@@ -172,7 +172,7 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariable", funct
172
172
  return (_Object$values$find = Object.values(variables).find(function (v) {
173
173
  var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
174
174
  var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
175
- return variableTiny.toHex8String() === colorTiny.toHex8String();
175
+ return variableTiny.toHexString() === colorTiny.toHexString();
176
176
  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
177
177
  });
178
178
  _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
@@ -7,10 +7,10 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
8
  var cn = require('../../../utilities/cn.js');
9
9
  var stack = require('../../stack/stack.js');
10
- var label = require('../../label/label.js');
11
- var helper_text = require('../../helper_text/helper_text.js');
12
- var error_list = require('../../error_list/error_list.js');
13
10
  var control = require('../../control/control.js');
11
+ var error_list = require('../../error_list/error_list.js');
12
+ var helper_text = require('../../helper_text/helper_text.js');
13
+ var label = require('../../label/label.js');
14
14
  var checkbox = require('../../checkbox/checkbox.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
- var label = require('../../label/label.js');
9
- var helper_text = require('../../helper_text/helper_text.js');
10
- var error_list = require('../../error_list/error_list.js');
11
8
  var control = require('../../control/control.js');
9
+ var error_list = require('../../error_list/error_list.js');
10
+ var helper_text = require('../../helper_text/helper_text.js');
11
+ var label = require('../../label/label.js');
12
12
  var color_picker = require('../../color_picker/color_picker.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
- var label = require('../../label/label.js');
9
- var helper_text = require('../../helper_text/helper_text.js');
10
- var error_list = require('../../error_list/error_list.js');
11
8
  var control = require('../../control/control.js');
9
+ var error_list = require('../../error_list/error_list.js');
10
+ var helper_text = require('../../helper_text/helper_text.js');
11
+ var label = require('../../label/label.js');
12
12
  var input = require('../../input/input.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
- var label = require('../../label/label.js');
9
- var helper_text = require('../../helper_text/helper_text.js');
10
- var error_list = require('../../error_list/error_list.js');
11
8
  var control = require('../../control/control.js');
9
+ var error_list = require('../../error_list/error_list.js');
10
+ var helper_text = require('../../helper_text/helper_text.js');
11
+ var label = require('../../label/label.js');
12
12
  var multiselect = require('../../multiselect/multiselect.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -6,10 +6,10 @@ var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
8
  var stack = require('../../stack/stack.js');
9
- var label = require('../../label/label.js');
10
- var helper_text = require('../../helper_text/helper_text.js');
11
- var error_list = require('../../error_list/error_list.js');
12
9
  var control = require('../../control/control.js');
10
+ var error_list = require('../../error_list/error_list.js');
11
+ var helper_text = require('../../helper_text/helper_text.js');
12
+ var label = require('../../label/label.js');
13
13
  var radio_group = require('../../radio_group/radio_group.js');
14
14
  var radio_group_item = require('../../radio_group/components/radio_group_item.js');
15
15
 
@@ -0,0 +1,64 @@
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 css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
+ var stack = require('../../stack/stack.js');
9
+ var segmented_control = require('../../segmented_control/segmented_control.js');
10
+ var segmented_control_item = require('../../segmented_control/components/segmented_control_item.js');
11
+ var control = require('../../control/control.js');
12
+ var error_list = require('../../error_list/error_list.js');
13
+ var helper_text = require('../../helper_text/helper_text.js');
14
+ var label = require('../../label/label.js');
15
+
16
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
+
18
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
+
20
+ var _excluded = ["id", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "onValueChange"];
21
+ var SegmentedControlControl = function SegmentedControlControl(_ref) {
22
+ var id = _ref.id,
23
+ items = _ref.items,
24
+ label$1 = _ref.label,
25
+ value = _ref.value,
26
+ defaultValue = _ref.defaultValue,
27
+ tooltip = _ref.tooltip,
28
+ helperText = _ref.helperText,
29
+ errors = _ref.errors,
30
+ _ref$disabled = _ref.disabled,
31
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
32
+ onValueChange = _ref.onValueChange,
33
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
34
+ return /*#__PURE__*/React__default['default'].createElement(control.Control, {
35
+ classname: "aurora-flex-col aurora-gap-3"
36
+ }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
37
+ spacing: "0.5",
38
+ direction: "column"
39
+ }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
40
+ htmlFor: id,
41
+ disabled: disabled,
42
+ tooltip: tooltip,
43
+ className: "aurora-text"
44
+ }, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
45
+ color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
46
+ }, helperText) : null), /*#__PURE__*/React__default['default'].createElement(segmented_control.SegmentedControl, _rollupPluginBabelHelpers.objectSpread2({
47
+ id: id,
48
+ value: value,
49
+ disabled: disabled,
50
+ onValueChange: onValueChange
51
+ }, rest), items.map(function (item) {
52
+ return /*#__PURE__*/React__default['default'].createElement(segmented_control_item.SegmentedControlItem, {
53
+ key: "radio-button-".concat(item.value),
54
+ value: item.value,
55
+ id: item.id,
56
+ disabled: disabled
57
+ }, item.label);
58
+ })), errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
59
+ errors: errors
60
+ }) : null);
61
+ };
62
+
63
+ exports.SegmentedControlControl = SegmentedControlControl;
64
+ //# sourceMappingURL=segmented_control_control.js.map
@@ -0,0 +1 @@
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;"}
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
- var label = require('../../label/label.js');
9
- var helper_text = require('../../helper_text/helper_text.js');
10
- var error_list = require('../../error_list/error_list.js');
11
8
  var control = require('../../control/control.js');
9
+ var error_list = require('../../error_list/error_list.js');
10
+ var helper_text = require('../../helper_text/helper_text.js');
11
+ var label = require('../../label/label.js');
12
12
  var select = require('../../select/select.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7,11 +7,11 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
8
  var cn = require('../../../utilities/cn.js');
9
9
  var stack = require('../../stack/stack.js');
10
- var label = require('../../label/label.js');
11
- var helper_text = require('../../helper_text/helper_text.js');
10
+ var control = require('../../control/control.js');
12
11
  var error_list = require('../../error_list/error_list.js');
12
+ var helper_text = require('../../helper_text/helper_text.js');
13
+ var label = require('../../label/label.js');
13
14
  var _switch = require('../../switch/switch.js');
14
- var control = require('../../control/control.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
- var label = require('../../label/label.js');
9
- var helper_text = require('../../helper_text/helper_text.js');
10
- var error_list = require('../../error_list/error_list.js');
11
8
  var control = require('../../control/control.js');
9
+ var error_list = require('../../error_list/error_list.js');
10
+ var helper_text = require('../../helper_text/helper_text.js');
11
+ var label = require('../../label/label.js');
12
12
  var text_area = require('../../text_area/text_area.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
7
- var label = require('../../label/label.js');
8
- var helper_text = require('../../helper_text/helper_text.js');
9
- var error_list = require('../../error_list/error_list.js');
10
7
  var control = require('../../control/control.js');
8
+ var error_list = require('../../error_list/error_list.js');
9
+ var helper_text = require('../../helper_text/helper_text.js');
10
+ var label = require('../../label/label.js');
11
11
  var values_syncer = require('../../values_syncer/values_syncer.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var label = require('../../label/label.js');
8
- var helper_text = require('../../helper_text/helper_text.js');
9
7
  var control = require('../../control/control.js');
8
+ var helper_text = require('../../helper_text/helper_text.js');
9
+ var label = require('../../label/label.js');
10
10
  var xhr_image_picker = require('../../xhr_image_picker/xhr_image_picker.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7,8 +7,8 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
7
7
  var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
8
  var cn = require('../../../utilities/cn.js');
9
9
  var stack = require('../../stack/stack.js');
10
- var label = require('../../label/label.js');
11
10
  var helper_text = require('../../helper_text/helper_text.js');
11
+ var label = require('../../label/label.js');
12
12
  var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
13
13
  var circle_icon = require('../../../assets/icons/circle_icon.js');
14
14
 
@@ -24,7 +24,7 @@ var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(fun
24
24
  var context = React__default['default'].useContext(segmented_control_context.SegmentedControlContext);
25
25
  return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
26
26
  ref: ref,
27
- className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill-subtle", segmented_control_item_variants.segmentedControlItemVariants({
27
+ className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill-subtle aurora-whitespace-nowrap", segmented_control_item_variants.segmentedControlItemVariants({
28
28
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
29
29
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
30
30
  }), className)
@@ -63,6 +63,11 @@ var tooltip_provider = require('./components/tooltip/context/tooltip_provider.js
63
63
  var segmented_control_constants = require('./components/segmented_control/segmented_control_constants.js');
64
64
  var segmented_control = require('./components/segmented_control/segmented_control.js');
65
65
  var segmented_control_item = require('./components/segmented_control/components/segmented_control_item.js');
66
+ var control = require('./components/control/control.js');
67
+ var error_list = require('./components/error_list/error_list.js');
68
+ var helper_text = require('./components/helper_text/helper_text.js');
69
+ var label = require('./components/label/label.js');
70
+ var segmented_control_control = require('./components/controls/segmented_control_control/segmented_control_control.js');
66
71
  var button_constants = require('./components/button/button_constants.js');
67
72
  var button = require('./components/button/button.js');
68
73
  var icon_button = require('./components/icon_button/icon_button.js');
@@ -75,7 +80,6 @@ var tabs_trigger = require('./components/tabs/components/tabs_trigger.js');
75
80
  var tabs_content = require('./components/tabs/components/tabs_content.js');
76
81
  var popover = require('./components/popover/popover.js');
77
82
  var popover_trigger = require('./components/popover/components/popover_trigger.js');
78
- var label = require('./components/label/label.js');
79
83
  var link_constants = require('./components/link/link_constants.js');
80
84
  var link = require('./components/link/link.js');
81
85
  var use_modals_context = require('./components/modal/hooks/use_modals_context.js');
@@ -83,13 +87,10 @@ var modal = require('./components/modal/components/modal/modal.js');
83
87
  var modals_manager = require('./components/modal/modals_manager.js');
84
88
  var message_box_constants = require('./components/message_box/message_box_constants.js');
85
89
  var message_box = require('./components/message_box/message_box.js');
86
- var helper_text = require('./components/helper_text/helper_text.js');
87
- var error_list = require('./components/error_list/error_list.js');
88
90
  var use_search = require('./hooks/search/use_search.js');
89
91
  var tag_constants = require('./components/tag/tag_constants.js');
90
92
  var tag = require('./components/tag/tag.js');
91
93
  var _switch = require('./components/switch/switch.js');
92
- var control = require('./components/control/control.js');
93
94
  var switch_control = require('./components/controls/switch_control/switch_control.js');
94
95
  var input = require('./components/input/input.js');
95
96
  var input_control = require('./components/controls/input_control/input_control.js');
@@ -199,6 +200,11 @@ exports.SEGMENTED_CONTROL_TYPE = segmented_control_constants.SEGMENTED_CONTROL_T
199
200
  exports.SEGMENTED_CONTROL_VARIANT_TYPES = segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES;
200
201
  exports.SegmentedControl = segmented_control.SegmentedControl;
201
202
  exports.SegmentedControlItem = segmented_control_item.SegmentedControlItem;
203
+ exports.Control = control.Control;
204
+ exports.ErrorList = error_list.ErrorList;
205
+ exports.HelperText = helper_text.HelperText;
206
+ exports.Label = label.Label;
207
+ exports.SegmentedControlControl = segmented_control_control.SegmentedControlControl;
202
208
  exports.BUTTON_SIZES = button_constants.BUTTON_SIZES;
203
209
  exports.BUTTON_VARIANTS = button_constants.BUTTON_VARIANTS;
204
210
  exports.Button = button.Button;
@@ -213,7 +219,6 @@ exports.TabsTrigger = tabs_trigger.TabsTrigger;
213
219
  exports.TabsContent = tabs_content.TabsContent;
214
220
  exports.Popover = popover.Popover;
215
221
  exports.PopoverTrigger = popover_trigger.PopoverTrigger;
216
- exports.Label = label.Label;
217
222
  exports.LINK_DECORATION_TYPES = link_constants.LINK_DECORATION_TYPES;
218
223
  exports.LINK_SIZE_TYPES = link_constants.LINK_SIZE_TYPES;
219
224
  exports.LINK_VARIANT_TYPES = link_constants.LINK_VARIANT_TYPES;
@@ -225,13 +230,10 @@ exports.MESSAGE_BOX_ICONS = message_box_constants.MESSAGE_BOX_ICONS;
225
230
  exports.MESSAGE_BOX_ICON_COLORS = message_box_constants.MESSAGE_BOX_ICON_COLORS;
226
231
  exports.MESSAGE_BOX_VARIANTS = message_box_constants.MESSAGE_BOX_VARIANTS;
227
232
  exports.MessageBox = message_box.MessageBox;
228
- exports.HelperText = helper_text.HelperText;
229
- exports.ErrorList = error_list.ErrorList;
230
233
  exports.useSearch = use_search.useSearch;
231
234
  exports.TAG_VARIANTS = tag_constants.TAG_VARIANTS;
232
235
  exports.Tag = tag.Tag;
233
236
  exports.Switch = _switch.Switch;
234
- exports.Control = control.Control;
235
237
  exports.SwitchControl = switch_control.SwitchControl;
236
238
  exports.Input = input.Input;
237
239
  exports.InputControl = input_control.InputControl;
@@ -1 +1 @@
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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
+ {"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -168,7 +168,7 @@ _defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
168
168
  return (_Object$values$find = Object.values(variables).find(function (v) {
169
169
  var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
170
170
  var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
171
- return variableTiny.toHex8String() === colorTiny.toHex8String();
171
+ return variableTiny.toHexString() === colorTiny.toHexString();
172
172
  })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
173
173
  });
174
174
  _defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {
@@ -3,10 +3,10 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { Stack } from '../../stack/stack.js';
6
- import { Label } from '../../label/label.js';
7
- import { HelperText } from '../../helper_text/helper_text.js';
8
- import { ErrorList } from '../../error_list/error_list.js';
9
6
  import { Control } from '../../control/control.js';
7
+ import { ErrorList } from '../../error_list/error_list.js';
8
+ import { HelperText } from '../../helper_text/helper_text.js';
9
+ import { Label } from '../../label/label.js';
10
10
  import { Checkbox } from '../../checkbox/checkbox.js';
11
11
 
12
12
  var _excluded = ["id", "name", "label", "value", "tooltip", "helperText", "errors", "checked", "disabled", "required", "onCheckedChange"];
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { ColorPicker } from '../../color_picker/color_picker.js';
9
9
 
10
10
  var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { Input } from '../../input/input.js';
9
9
 
10
10
  var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { MultiSelect } from '../../multiselect/multiselect.js';
9
9
 
10
10
  var _excluded = ["id", "options", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
@@ -2,10 +2,10 @@ import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { Stack } from '../../stack/stack.js';
5
- import { Label } from '../../label/label.js';
6
- import { HelperText } from '../../helper_text/helper_text.js';
7
- import { ErrorList } from '../../error_list/error_list.js';
8
5
  import { Control } from '../../control/control.js';
6
+ import { ErrorList } from '../../error_list/error_list.js';
7
+ import { HelperText } from '../../helper_text/helper_text.js';
8
+ import { Label } from '../../label/label.js';
9
9
  import { RadioGroup } from '../../radio_group/radio_group.js';
10
10
  import { RadioGroupItem } from '../../radio_group/components/radio_group_item.js';
11
11
 
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TSegmentedControlControlProps } from "./segmented_control_control_types";
3
+ export declare const SegmentedControlControl: React.FC<TSegmentedControlControlProps>;
@@ -0,0 +1,56 @@
1
+ import React from 'react';
2
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
+ import { Stack } from '../../stack/stack.js';
5
+ import { SegmentedControl } from '../../segmented_control/segmented_control.js';
6
+ import { SegmentedControlItem } from '../../segmented_control/components/segmented_control_item.js';
7
+ import { Control } from '../../control/control.js';
8
+ import { ErrorList } from '../../error_list/error_list.js';
9
+ import { HelperText } from '../../helper_text/helper_text.js';
10
+ import { Label } from '../../label/label.js';
11
+
12
+ var _excluded = ["id", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "onValueChange"];
13
+ var SegmentedControlControl = function SegmentedControlControl(_ref) {
14
+ var id = _ref.id,
15
+ items = _ref.items,
16
+ label = _ref.label,
17
+ value = _ref.value,
18
+ defaultValue = _ref.defaultValue,
19
+ tooltip = _ref.tooltip,
20
+ helperText = _ref.helperText,
21
+ errors = _ref.errors,
22
+ _ref$disabled = _ref.disabled,
23
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
24
+ onValueChange = _ref.onValueChange,
25
+ rest = _objectWithoutProperties(_ref, _excluded);
26
+ return /*#__PURE__*/React.createElement(Control, {
27
+ classname: "aurora-flex-col aurora-gap-3"
28
+ }, /*#__PURE__*/React.createElement(Stack, {
29
+ spacing: "0.5",
30
+ direction: "column"
31
+ }, label ? (/*#__PURE__*/React.createElement(Label, {
32
+ htmlFor: id,
33
+ disabled: disabled,
34
+ tooltip: tooltip,
35
+ className: "aurora-text"
36
+ }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
37
+ color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
38
+ }, helperText) : null), /*#__PURE__*/React.createElement(SegmentedControl, _objectSpread2({
39
+ id: id,
40
+ value: value,
41
+ disabled: disabled,
42
+ onValueChange: onValueChange
43
+ }, rest), items.map(function (item) {
44
+ return /*#__PURE__*/React.createElement(SegmentedControlItem, {
45
+ key: "radio-button-".concat(item.value),
46
+ value: item.value,
47
+ id: item.id,
48
+ disabled: disabled
49
+ }, item.label);
50
+ })), errors ? /*#__PURE__*/React.createElement(ErrorList, {
51
+ errors: errors
52
+ }) : null);
53
+ };
54
+
55
+ export { SegmentedControlControl };
56
+ //# sourceMappingURL=segmented_control_control.js.map
@@ -0,0 +1 @@
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;"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { TSegmentedControlItemProps, TSegmentedControlProps } from "../../segmented_control/segmented_control_type";
3
+ export declare type TSegmentedControlControlProps = TSegmentedControlProps & {
4
+ items: (Omit<TSegmentedControlItemProps, 'children'> & {
5
+ label: string;
6
+ })[];
7
+ label?: string | React.ReactNode;
8
+ tooltip?: string | React.ReactNode;
9
+ helperText?: string | React.ReactNode;
10
+ errors?: string | string[];
11
+ };
@@ -0,0 +1,3 @@
1
+ import 'react';
2
+ import '@auroraComponents/segmented_control/segmented_control_type';
3
+ //# sourceMappingURL=segmented_control_control_types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented_control_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/segmented_control_control/segmented_control_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAmE,4DAA4D,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { Select } from '../../select/select.js';
9
9
 
10
10
  var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
@@ -3,11 +3,11 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { Stack } from '../../stack/stack.js';
6
- import { Label } from '../../label/label.js';
7
- import { HelperText } from '../../helper_text/helper_text.js';
6
+ import { Control } from '../../control/control.js';
8
7
  import { ErrorList } from '../../error_list/error_list.js';
8
+ import { HelperText } from '../../helper_text/helper_text.js';
9
+ import { Label } from '../../label/label.js';
9
10
  import { Switch } from '../../switch/switch.js';
10
- import { Control } from '../../control/control.js';
11
11
 
12
12
  var _excluded = ["id", "name", "errors", "label", "value", "tooltip", "helperText", "checked", "defaultChecked", "disabled", "required", "onCheckedChange"];
13
13
  var SwitchControl = function SwitchControl(_ref) {
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { TextArea } from '../../text_area/text_area.js';
9
9
 
10
10
  var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "helperText", "required", "tooltip", "onChange"];
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
3
- import { Label } from '../../label/label.js';
4
- import { HelperText } from '../../helper_text/helper_text.js';
5
- import { ErrorList } from '../../error_list/error_list.js';
6
3
  import { Control } from '../../control/control.js';
4
+ import { ErrorList } from '../../error_list/error_list.js';
5
+ import { HelperText } from '../../helper_text/helper_text.js';
6
+ import { Label } from '../../label/label.js';
7
7
  import { ValuesSyncer } from '../../values_syncer/values_syncer.js';
8
8
 
9
9
  var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
@@ -1,8 +1,8 @@
1
1
  import React, { useState } from 'react';
2
2
  import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { Label } from '../../label/label.js';
4
- import { HelperText } from '../../helper_text/helper_text.js';
5
3
  import { Control } from '../../control/control.js';
4
+ import { HelperText } from '../../helper_text/helper_text.js';
5
+ import { Label } from '../../label/label.js';
6
6
  import { XhrImagePicker } from '../../xhr_image_picker/xhr_image_picker.js';
7
7
 
8
8
  var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
@@ -3,8 +3,8 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { Stack } from '../../stack/stack.js';
6
- import { Label } from '../../label/label.js';
7
6
  import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { Item, Indicator } from '@radix-ui/react-radio-group';
9
9
  import { CircleFillIcon } from '../../../assets/icons/circle_icon.js';
10
10
 
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- import { VariantProps } from 'class-variance-authority';
4
- export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
3
+ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
5
4
  size?: "s" | "basic" | null | undefined;
6
5
  variant?: "basic" | "icon-only" | null | undefined;
7
6
  type?: "single" | null | undefined;
@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
16
  var context = React.useContext(SegmentedControlContext);
17
17
  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
18
18
  ref: ref,
19
- className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill-subtle", segmentedControlItemVariants({
19
+ className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill-subtle aurora-whitespace-nowrap", segmentedControlItemVariants({
20
20
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
21
21
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
22
22
  }), className)
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- import { VariantProps } from 'class-variance-authority';
4
- export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type"> & VariantProps<(props?: ({
3
+ export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type"> & import("class-variance-authority").VariantProps<(props?: ({
5
4
  size?: "s" | "basic" | null | undefined;
6
5
  variant?: "basic" | "icon-only" | null | undefined;
7
6
  type?: "single" | null | undefined;
@@ -1,3 +1,12 @@
1
1
  import { SEGMENTED_CONTROL_TYPE } from "./segmented_control_constants";
2
2
  import { Any } from 'ts-toolbelt';
3
+ import React, { ComponentType } from 'react';
4
+ import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
5
+ import { VariantProps } from 'class-variance-authority';
6
+ import { segmentedControlItemVariants } from "./components/segmented_control_item_variants";
7
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
8
  export declare type TSegmentedControlType = Any.Keys<typeof SEGMENTED_CONTROL_TYPE>;
9
+ export declare type TSegmentedControlProps = Omit<React.ComponentPropsWithoutRef<ComponentType<ToggleGroupSingleProps>>, 'type'> & VariantProps<typeof segmentedControlItemVariants> & {
10
+ type?: TSegmentedControlType;
11
+ };
12
+ export declare type TSegmentedControlItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof segmentedControlItemVariants>;
@@ -1,3 +1,8 @@
1
1
  import '@auroraComponents/segmented_control/segmented_control_constants';
2
2
  import 'ts-toolbelt';
3
+ import 'react';
4
+ import '@radix-ui/react-toggle-group';
5
+ import 'class-variance-authority';
6
+ import '@auroraComponents/segmented_control/components/segmented_control_item_variants';
7
+ import '@radix-ui/react-toggle-group';
3
8
  //# sourceMappingURL=segmented_control_type.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"segmented_control_type.js","sourceRoot":"","sources":["../../../../../../../src/components/segmented_control/segmented_control_type.ts"],"names":[],"mappings":"AAAA,OAAuC,iEAAiE,CAAC;AACzG,OAAoB,aAAa,CAAC"}
1
+ {"version":3,"file":"segmented_control_type.js","sourceRoot":"","sources":["../../../../../../../src/components/segmented_control/segmented_control_type.ts"],"names":[],"mappings":"AAAA,OAAuC,iEAAiE,CAAC;AACzG,OAAoB,aAAa,CAAC;AAClC,OAAqC,OAAO,CAAC;AAC7C,OAAuC,8BAA8B,CAAC;AACtE,OAA6B,0BAA0B,CAAC;AACxD,OAA6C,gFAAgF,CAAC;AAC9H,OAAsC,8BAA8B,CAAC"}
@@ -43,6 +43,7 @@ export { TOOLTIP_VARIANT_TYPES } from "./components/tooltip/tooltip_constants";
43
43
  export { SegmentedControl } from "./components/segmented_control/segmented_control";
44
44
  export { SegmentedControlItem } from "./components/segmented_control/components/segmented_control_item";
45
45
  export { SEGMENTED_CONTROL_SIZE_TYPES, SEGMENTED_CONTROL_VARIANT_TYPES, SEGMENTED_CONTROL_TYPE } from "./components/segmented_control/segmented_control_constants";
46
+ export { SegmentedControlControl } from './components/controls/segmented_control_control/segmented_control_control';
46
47
  export { Button } from "./components/button/button";
47
48
  export { BUTTON_VARIANTS, BUTTON_SIZES } from "./components/button/button_constants";
48
49
  export { IconButton } from "./components/icon_button/icon_button";
@@ -59,6 +59,11 @@ export { TooltipProvider } from './components/tooltip/context/tooltip_provider.j
59
59
  export { SEGMENTED_CONTROL_SIZE_TYPES, SEGMENTED_CONTROL_TYPE, SEGMENTED_CONTROL_VARIANT_TYPES } from './components/segmented_control/segmented_control_constants.js';
60
60
  export { SegmentedControl } from './components/segmented_control/segmented_control.js';
61
61
  export { SegmentedControlItem } from './components/segmented_control/components/segmented_control_item.js';
62
+ export { Control } from './components/control/control.js';
63
+ export { ErrorList } from './components/error_list/error_list.js';
64
+ export { HelperText } from './components/helper_text/helper_text.js';
65
+ export { Label } from './components/label/label.js';
66
+ export { SegmentedControlControl } from './components/controls/segmented_control_control/segmented_control_control.js';
62
67
  export { BUTTON_SIZES, BUTTON_VARIANTS } from './components/button/button_constants.js';
63
68
  export { Button } from './components/button/button.js';
64
69
  export { IconButton } from './components/icon_button/icon_button.js';
@@ -71,7 +76,6 @@ export { TabsTrigger } from './components/tabs/components/tabs_trigger.js';
71
76
  export { TabsContent } from './components/tabs/components/tabs_content.js';
72
77
  export { Popover } from './components/popover/popover.js';
73
78
  export { PopoverTrigger } from './components/popover/components/popover_trigger.js';
74
- export { Label } from './components/label/label.js';
75
79
  export { LINK_DECORATION_TYPES, LINK_SIZE_TYPES, LINK_VARIANT_TYPES } from './components/link/link_constants.js';
76
80
  export { Link } from './components/link/link.js';
77
81
  export { useModalsContext } from './components/modal/hooks/use_modals_context.js';
@@ -79,13 +83,10 @@ export { Modal } from './components/modal/components/modal/modal.js';
79
83
  export { ModalsManager } from './components/modal/modals_manager.js';
80
84
  export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './components/message_box/message_box_constants.js';
81
85
  export { MessageBox } from './components/message_box/message_box.js';
82
- export { HelperText } from './components/helper_text/helper_text.js';
83
- export { ErrorList } from './components/error_list/error_list.js';
84
86
  export { useSearch } from './hooks/search/use_search.js';
85
87
  export { TAG_VARIANTS } from './components/tag/tag_constants.js';
86
88
  export { Tag } from './components/tag/tag.js';
87
89
  export { Switch } from './components/switch/switch.js';
88
- export { Control } from './components/control/control.js';
89
90
  export { SwitchControl } from './components/controls/switch_control/switch_control.js';
90
91
  export { Input } from './components/input/input.js';
91
92
  export { InputControl } from './components/controls/input_control/input_control.js';
@@ -1 +1 @@
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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.0.0-290",
5
+ "version": "3.0.0-291",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",