@dreamcommerce/aurora 3.0.0-26 → 3.0.0-260

package/build/esm/packages/aurora/src/components/multiselect/multiselect.js

@@ -0,0 +1,70 @@
+import React, { useRef, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Root, Portal } from '@radix-ui/react-dropdown-menu';
+import { MultiSelectContent } from './components/multiselect_content.js';
+import { MultiSelectTrigger } from './components/multiselect_trigger.js';
+
+var _excluded = ["id", "options", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "onValueChange", "errors"];
+var MultiSelect = function MultiSelect(_ref) {
+  var id = _ref.id,
+    options = _ref.options,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    hasSearch = _ref.hasSearch,
+    searchPlaceholder = _ref.searchPlaceholder,
+    onValueChange = _ref.onValueChange,
+    errors = _ref.errors,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedOptions = _React$useState2[0],
+    setSelectedOptions = _React$useState2[1];
+  var _React$useState3 = React.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    triggerWidth = _React$useState4[0],
+    settriggerWidth = _React$useState4[1];
+  var triggerRef = useRef(null);
+  useEffect(function () {
+    if (triggerRef.current) settriggerWidth(triggerRef.current.offsetWidth);
+    var handleResize = function handleResize() {
+      if (triggerRef.current) {
+        settriggerWidth(triggerRef.current.offsetWidth);
+      }
+    };
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  useEffect(function () {
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(selectedOptions);
+  }, [selectedOptions]);
+  var toggleOption = function toggleOption(option) {
+    setSelectedOptions(function (prev) {
+      return prev.some(function (selected) {
+        return selected.value === option.value;
+      }) ? prev.filter(function (selected) {
+        return selected.value !== option.value;
+      }) : [].concat(_toConsumableArray(prev), [option]);
+    });
+  };
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React.createElement(MultiSelectTrigger, {
+    id: id,
+    selectedOptions: selectedOptions,
+    placeholder: placeholder,
+    disabled: disabled,
+    ref: triggerRef,
+    hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
+  }), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(MultiSelectContent, {
+    options: options,
+    selectedOptions: selectedOptions,
+    toggleOption: toggleOption,
+    triggerWidth: triggerWidth,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder
+  })));
+};
+MultiSelect.displayName = 'MultiSelect';
+
+export { MultiSelect };
+//# sourceMappingURL=multiselect.js.map

package/build/esm/packages/aurora/src/components/multiselect/multiselect.js.map

@@ -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;"}

package/build/esm/packages/aurora/src/components/multiselect/multiselect_types.d.ts

@@ -0,0 +1,40 @@
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import React from 'react';
+export declare type Option = {
+    text: string;
+    value: string;
+    additionalInfo?: string;
+    isHeader?: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+};
+export interface TMultiSelectProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Root> {
+    id?: string;
+    options: Option[];
+    placeholder?: string;
+    disabled?: boolean;
+    hasSearch?: boolean;
+    searchPlaceholder?: string;
+    errors?: string | string[];
+    onValueChange?: (selectedOption: Option[]) => void;
+}
+export interface TMultiSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Trigger> {
+    selectedOptions: Option[];
+    placeholder?: string;
+    hasErrors?: boolean;
+}
+export interface TMultiSelectContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Content> {
+    options: Option[];
+    selectedOptions: Option[];
+    toggleOption: (option: Option) => void;
+    triggerWidth?: number;
+    hasSearch?: boolean;
+    searchPlaceholder?: string;
+}
+export interface TMultiSelectItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Item> {
+    option: Option;
+    isSelected: boolean;
+    toggleOption: (option: Option) => void;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+}

package/build/esm/packages/aurora/src/components/multiselect/multiselect_types.js

@@ -0,0 +1,3 @@
+import '@radix-ui/react-dropdown-menu';
+import 'react';
+//# sourceMappingURL=multiselect_types.js.map

package/build/esm/packages/aurora/src/components/multiselect/multiselect_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_types.js","sourceRoot":"","sources":["../../../../../../../src/components/multiselect/multiselect_types.ts"],"names":[],"mappings":"AAAA,OAA8B,+BAA+B,CAAC;AAE9D,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/popover/components/popover_content.js

@@ -1,7 +1,24 @@
 import React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '@auroraUtilities/cn';
-export const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (React.createElement(PopoverPrimitive.Portal, null,
-    React.createElement(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('aurora-z-50 w-72 aurora-shadow-m aurora-outline-none data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className), ...props }))));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-//# sourceMappingURL=popover_content.js.map
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Portal, Content } from '@radix-ui/react-popover';
+
+var _excluded = ["className", "align", "sideOffset"];
+var PopoverContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$sideOffset = _ref.sideOffset,
+    sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
+    ref: ref,
+    align: align,
+    sideOffset: sideOffset,
+    className: cn('aurora-z-50 w-72 aurora-shadow-m aurora-outline-none data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', className)
+  }, props)));
+});
+PopoverContent.displayName = Content.displayName;
+
+export { PopoverContent };
+//# sourceMappingURL=popover_content.js.map

package/build/esm/packages/aurora/src/components/popover/components/popover_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/popover/components/popover_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClE,oBAAC,gBAAgB,CAAC,MAAM;IACpB,oBAAC,gBAAgB,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACT,kYAAkY,EAClY,SAAS,CACZ,KACG,KAAK,GACX,CACoB,CAC7B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC"}
+{"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;"}

package/build/esm/packages/aurora/src/components/popover/components/popover_trigger.js

@@ -1,4 +1,4 @@
-import { Trigger } from '../../../../../../external/@radix-ui/react-popover/dist/index.mjs.js';
+import { Trigger } from '@radix-ui/react-popover';
 
 var PopoverTrigger = Trigger;
 

package/build/esm/packages/aurora/src/components/popover/components/popover_trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sEAA0E;AAClG;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/popover/popover.js

@@ -1,6 +1,6 @@
-import { Root as Root2 } from '../../../../../external/@radix-ui/react-popover/dist/index.mjs.js';
+import { Root } from '@radix-ui/react-popover';
 
-var Popover = Root2;
+var Popover = Root;
 
 export { Popover };
 //# sourceMappingURL=popover.js.map

package/build/esm/packages/aurora/src/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,8BAA8B,mEAAuE;AACrG;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { TRadioGroupItemProps } from '../radio_group_types';
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<TRadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js

@@ -0,0 +1,55 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { cn } from '../../../utilities/cn.js';
+import { Stack } from '../../stack/stack.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Item, Indicator } from '@radix-ui/react-radio-group';
+import { CircleFillIcon } from '../../../assets/icons/circle_icon.js';
+
+var _excluded = ["id", "value", "label", "tooltip", "helperText", "disabled", "required", "errors", "className"];
+var RadioGroupItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    label = _ref.label,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    errors = _ref.errors,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Stack, {
+    spacing: "2",
+    align: "start"
+  }, /*#__PURE__*/createElement(Item, _objectSpread2({
+    id: id,
+    ref: ref,
+    value: value,
+    disabled: disabled,
+    required: required,
+    className: cn('aurora-transition-[background-color] aurora-shrink-0 aurora-h-5 aurora-w-5 aurora-rounded-full aurora-border focus data-[state=checked]:aurora-bg-primary', {
+      '!aurora-bg-active aurora-cursor-not-allowed': disabled,
+      '!aurora-bg-neutral-0 aurora-border-danger aurora-border-2': !!(errors !== null && errors !== void 0 && errors.length)
+    }, className)
+  }, props), /*#__PURE__*/createElement(Indicator, {
+    className: "aurora-flex aurora-items-center aurora-justify-center"
+  }, /*#__PURE__*/createElement(CircleFillIcon, {
+    className: "aurora-h-2.5 aurora-w-2.5 aurora-fill-inverse"
+  }))), /*#__PURE__*/createElement(Stack, {
+    spacing: "1",
+    direction: "column"
+  }, label ? (/*#__PURE__*/createElement(Label, {
+    htmlFor: id,
+    disabled: disabled,
+    tooltip: tooltip,
+    required: required
+  }, label)) : null, helperText ? /*#__PURE__*/createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null));
+});
+RadioGroupItem.displayName = Item.displayName;
+
+export { RadioGroupItem };
+//# sourceMappingURL=radio_group_item.js.map

package/build/esm/packages/aurora/src/components/radio_group/radio_group.d.ts

@@ -0,0 +1,3 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/radio_group/radio_group.js

@@ -0,0 +1,33 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Root } from '@radix-ui/react-radio-group';
+
+var _excluded = ["id", "name", "value", "defaultValue", "required", "disabled", "onValueChange", "className"];
+var RadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    onValueChange = _ref.onValueChange,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Root, _objectSpread2(_objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    defaultValue: defaultValue,
+    disabled: disabled,
+    required: required,
+    onValueChange: onValueChange,
+    className: cn('aurora-grid aurora-gap-3', className)
+  }, props), {}, {
+    ref: ref
+  }));
+});
+RadioGroup.displayName = Root.displayName;
+
+export { RadioGroup };
+//# sourceMappingURL=radio_group.js.map

package/build/esm/packages/aurora/src/components/radio_group/radio_group.js.map

@@ -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;"}

package/build/esm/packages/aurora/src/components/radio_group/radio_group_types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export interface TRadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    errors?: string | string[];
+}
+export interface TRadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+}

package/build/esm/packages/aurora/src/components/radio_group/radio_group_types.js

@@ -0,0 +1,2 @@
+import '@radix-ui/react-radio-group';
+//# sourceMappingURL=radio_group_types.js.map

package/build/esm/packages/aurora/src/components/radio_group/radio_group_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_types.js","sourceRoot":"","sources":["../../../../../../../src/components/radio_group/radio_group_types.ts"],"names":[],"mappings":"AAAA,OAAqC,6BAA6B,CAAC"}

package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js

@@ -1,22 +1,22 @@
-import t__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { Item as Item2 } from '../../../../../../external/@radix-ui/react-toggle-group/dist/index.mjs.js';
+import { Item } from '@radix-ui/react-toggle-group';
 import { segmentedControlItemVariants } from './segmented_control_item_variants.js';
 import { SegmentedControlContext } from '../context/segmented_control_context.js';
 
 var _excluded = ["className", "children", "size", "variant"];
-var SegmentedControlItem = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
+var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _context$size, _context$variant;
   var className = _ref.className,
     children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  var context = t__default.useContext(SegmentedControlContext);
-  return /*#__PURE__*/t__default.createElement(Item2, _objectSpread2({
+  var context = React.useContext(SegmentedControlContext);
+  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
     ref: ref,
-    className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-6 [&: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-all 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 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmentedControlItemVariants({
+    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({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
       variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
     }), className)

package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,8BAA8B,2EAA+E;AAC7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/segmented_control/context/segmented_control_context.js

@@ -1,7 +1,7 @@
-import t__default from 'react';
+import React from 'react';
 import { SEGMENTED_CONTROL_SIZE_TYPES, SEGMENTED_CONTROL_VARIANT_TYPES } from '../segmented_control_constants.js';
 
-var SegmentedControlContext = /*#__PURE__*/t__default.createContext({
+var SegmentedControlContext = /*#__PURE__*/React.createContext({
   size: SEGMENTED_CONTROL_SIZE_TYPES.basic,
   variant: SEGMENTED_CONTROL_VARIANT_TYPES.basic
 });

package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.js

@@ -1,12 +1,12 @@
-import t__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { Root as Root2 } from '../../../../../external/@radix-ui/react-toggle-group/dist/index.mjs.js';
+import { Root } from '@radix-ui/react-toggle-group';
 import { SEGMENTED_CONTROL_TYPE } from './segmented_control_constants.js';
 import { SegmentedControlContext } from './context/segmented_control_context.js';
 
 var _excluded = ["className", "size", "variant", "children", "type"];
-var SegmentedControl = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
+var SegmentedControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     size = _ref.size,
     variant = _ref.variant,
@@ -14,11 +14,11 @@ var SegmentedControl = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? SEGMENTED_CONTROL_TYPE.single : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/t__default.createElement(Root2, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
     ref: ref,
     className: cn('aurora-w-max aurora-flex aurora-items-center aurora-justify-center aurora-border aurora-rounded-6 aurora-bg-subtle', className),
     type: type
-  }, props), /*#__PURE__*/t__default.createElement(SegmentedControlContext.Provider, {
+  }, props), /*#__PURE__*/React.createElement(SegmentedControlContext.Provider, {
     value: {
       size: size,
       variant: variant,

package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,8BAA8B,wEAA4E;AAC1G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/select/components/select_content.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSelectContentProps } from '../select_types';
+export declare const SelectContent: React.ForwardRefExoticComponent<TSelectContentProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/select/components/select_content.js

@@ -0,0 +1,86 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Portal, Content, Viewport as Viewport$1 } from '@radix-ui/react-select';
+import { Root, Viewport, Scrollbar, Thumb } from '../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js';
+import { SelectGroupLabel } from './select_group_label.js';
+import { SelectItem } from './select_item.js';
+import { SelectSearch } from './select_search.js';
+import { SelectUtils } from '../select_utils.js';
+
+var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent"];
+var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    options = _ref.options,
+    hasSearch = _ref.hasSearch,
+    searchPlaceholder = _ref.searchPlaceholder,
+    search = _ref.search,
+    onSearch = _ref.onSearch,
+    innerAdditionalContent = _ref.innerAdditionalContent,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'popper' : _ref$position,
+    onScroll = _ref.onScroll,
+    enableLocalSearch = _ref.enableLocalSearch,
+    localSearchNotFoundContent = _ref.localSearchNotFoundContent,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var localSearchVisibleItems = 0;
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
+    ref: ref,
+    className: cn('aurora-w-[--radix-select-trigger-width] aurora-relative aurora-z-[1000] aurora-min-w-[20rem] aurora-max-h-96 aurora-overflow-y-hidden aurora-rounded-8 aurora-border aurora-bg-neutral-0 aurora-text-s aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2 aurora-p-1 js__aurora-select-dropdown aurora-group', position === 'popper' && 'data-[side=bottom]:aurora-translate-y-1 data-[side=left]:-aurora-translate-x-1 data-[side=right]:aurora-translate-x-1 data-[side=top]:-aurora-translate-y-1', className),
+    position: position
+  }, props), /*#__PURE__*/React.createElement(Root, {
+    type: "auto",
+    className: "aurora-w-full aurora-max-h-60 relative"
+  }, /*#__PURE__*/React.createElement(Viewport, {
+    className: cn('aurora-p-1 aurora-max-h-60 aurora-w-full'),
+    onScroll: onScroll
+  }, hasSearch && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-p-2"
+  }, /*#__PURE__*/React.createElement(SelectSearch, {
+    value: search,
+    onChange: function onChange(e) {
+      e.stopPropagation();
+      onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+    },
+    placeholder: searchPlaceholder,
+    options: options
+  }))), /*#__PURE__*/React.createElement(Viewport$1, {
+    className: "aurora-flex aurora-flex-col aurora-gap-1"
+  }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
+    var visible = true;
+    if (enableLocalSearch && hasSearch && search && !option.isHeader) {
+      visible = SelectUtils.localSearchIsOptionVisible(option, search);
+      if (visible) localSearchVisibleItems++;
+    }
+    if (enableLocalSearch && hasSearch && search && option.isHeader) {
+      visible = SelectUtils.localSearchIsHeaderVisible(search, options, index);
+    }
+    return option.isHeader ? (/*#__PURE__*/React.createElement(SelectGroupLabel, {
+      key: "select-label-".concat(option.text, "-").concat(index),
+      className: cn(!visible && 'aurora-hidden')
+    }, option.text)) : (/*#__PURE__*/React.createElement(SelectItem, {
+      key: "select-item-".concat(option.value, "-").concat(index),
+      value: option.value,
+      isDisabled: option.isDisabled,
+      isReadonly: option.isReadonly,
+      additionalInfo: option.additionalInfo,
+      className: cn(!visible && 'aurora-hidden')
+    }, option.text));
+  })), enableLocalSearch && !!localSearchNotFoundContent && !!search && !localSearchVisibleItems && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-p-2"
+  }, localSearchNotFoundContent)), innerAdditionalContent && /*#__PURE__*/React.createElement("div", {
+    className: "aurora-p-2"
+  }, innerAdditionalContent)), /*#__PURE__*/React.createElement(Scrollbar, {
+    orientation: "vertical",
+    className: cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75')
+  }, /*#__PURE__*/React.createElement(Thumb, {
+    className: "aurora-bg-neutral-700 aurora-rounded-full"
+  })))));
+});
+SelectContent.displayName = Content.displayName;
+
+export { SelectContent };
+//# sourceMappingURL=select_content.js.map

package/build/esm/packages/aurora/src/components/select/components/select_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,iDAAiD,0EAA8E;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/build/esm/packages/aurora/src/components/select/components/select_group_label.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+import { TBoxProps } from "../../box/box_types";
+export declare const SelectGroupLabel: {
+    ({ children, ...props }: PropsWithChildren<TBoxProps>): React.JSX.Element;
+    displayName: string;
+};

package/build/esm/packages/aurora/src/components/select/components/select_group_label.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Stack } from '../../stack/stack.js';
+import { Box } from '../../box/box.js';
+import { Typography } from '../../typography/typography.js';
+import { Divider } from '../../divider/divider.js';
+
+var _excluded = ["children"];
+var SelectGroupLabel = function SelectGroupLabel(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
+    paddings: {
+      pl: '2',
+      pt: '2',
+      pb: '2',
+      pr: '0'
+    }
+  }, props), /*#__PURE__*/React.createElement(Stack, {
+    align: "center",
+    spacing: "2.5"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "aurora-whitespace-nowrap first-letter:aurora-uppercase",
+    size: "s",
+    color: "subtle",
+    weight: "bold"
+  }, children), /*#__PURE__*/React.createElement(Divider, null)));
+};
+SelectGroupLabel.displayName = 'SelectGroupLabel';
+
+export { SelectGroupLabel };
+//# sourceMappingURL=select_group_label.js.map

package/build/esm/packages/aurora/src/components/select/components/select_group_label.js.map

@@ -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;"}

package/build/esm/packages/aurora/src/components/select/components/select_item.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSelectItemProps } from '../select_types';
+export declare const SelectItem: React.ForwardRefExoticComponent<TSelectItemProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/select/components/select_item.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { CheckLineIcon } from '../../../assets/icons/check_icon.js';
+import { Item, ItemIndicator, ItemText } from '@radix-ui/react-select';
+
+var _excluded = ["children", "className", "isDisabled", "isReadonly", "additionalInfo"];
+var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    isDisabled = _ref.isDisabled,
+    isReadonly = _ref.isReadonly,
+    additionalInfo = _ref.additionalInfo,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
+    className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
+      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
+    }, className),
+    style: {
+      wordBreak: 'break-word'
+    },
+    disabled: isDisabled || isReadonly
+  }, props), {}, {
+    ref: ref,
+    onPointerMove: function onPointerMove(e) {
+      e.preventDefault();
+    }
+  }), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckLineIcon, {
+    className: "aurora-h-5 aurora-w-5 -aurora-ml-7 aurora-mr-2"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-flex-col"
+  }, /*#__PURE__*/React.createElement(ItemText, null, children), !!additionalInfo && /*#__PURE__*/React.createElement("p", {
+    className: "aurora-text-xs aurora-text-subtle-light"
+  }, additionalInfo)));
+});
+SelectItem.displayName = Item.displayName;
+
+export { SelectItem };
+//# sourceMappingURL=select_item.js.map

package/build/esm/packages/aurora/src/components/select/components/select_item.js.map

@@ -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;"}

package/build/esm/packages/aurora/src/components/select/components/select_search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSelectSearchProps } from '../select_types';
+export declare const SelectSearch: ({ options, ...props }: TSelectSearchProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/select/components/select_search.js

@@ -0,0 +1,28 @@
+import React, { useRef } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Input } from '../../input/input.js';
+import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
+import { usePreventSearchBlur } from '../hooks/use_prevent_search_blur.js';
+
+var _excluded = ["options"];
+var SelectSearch = function SelectSearch(_ref) {
+  var options = _ref.options,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var inputRef = useRef(null);
+  var _usePreventSearchBlur = usePreventSearchBlur({
+      options: options,
+      inputRef: inputRef
+    }),
+    handleBlur = _usePreventSearchBlur.handleBlur;
+  return /*#__PURE__*/React.createElement(Input, _objectSpread2({
+    ref: inputRef,
+    type: "text",
+    preElement: /*#__PURE__*/React.createElement(SearchLineIcon, {
+      className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
+    }),
+    onBlur: handleBlur
+  }, props));
+};
+
+export { SelectSearch };
+//# sourceMappingURL=select_search.js.map