@dreamcommerce/aurora 3.0.0-5 → 3.0.0-50

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_footer.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalFooter = function ModalFooter(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/React__default['default'].createElement("footer", {
+    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
+    "data-test-id": "modal-footer"
+  }, text);
+};
+
+exports.ModalFooter = ModalFooter;
+//# sourceMappingURL=modal_footer.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_footer.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;"}

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_header.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_close_icon = require('./modal_close_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalHeader = function ModalHeader(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    onClose = _ref.onClose,
+    hasCloseIcon = _ref.hasCloseIcon;
+  return /*#__PURE__*/React__default['default'].createElement("header", {
+    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
+    "data-test-id": "modal-header"
+  }, /*#__PURE__*/React__default['default'].createElement("h3", {
+    className: "aurora-font-bold aurora-text-xl"
+  }, text), hasCloseIcon && /*#__PURE__*/React__default['default'].createElement(modal_close_icon.ModalCloseIcon, {
+    onClose: onClose
+  }));
+};
+
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=modal_header.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_header.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;"}

package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var modal_constants = require('../modal_constants.js');
+var reactDom = require('react-dom');
+var use_modals_context = require('../hooks/use_modals_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalsWrapper = function ModalsWrapper(_ref) {
+  var children = _ref.children;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    showWrapper = _useState2[0],
+    setShowWrapper = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    visibleClass = _useState4[0],
+    setVisibleClass = _useState4[1];
+  var _useModalsContext = use_modals_context.useModalsContext(),
+    openedModals = _useModalsContext.openedModals;
+  React.useEffect(function () {
+    var showWrapperTimeout;
+    if (openedModals.length) {
+      setShowWrapper(true);
+      setVisibleClass(true);
+    } else {
+      setVisibleClass(false);
+      showWrapperTimeout = setTimeout(function () {
+        setShowWrapper(false);
+      }, modal_constants.MODALS_WRAPPER_BACKDROP_FADE_DURATION);
+    }
+    return function () {
+      return clearTimeout(showWrapperTimeout);
+    };
+  }, [openedModals]);
+  return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", null, showWrapper && (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ".concat(visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0', " js__modal-mask")
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    id: modal_constants.MODALS_CONTENT_ID,
+    className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
+  }))), children), document.body);
+};
+
+exports.ModalsWrapper = ModalsWrapper;
+//# sourceMappingURL=modals_wrapper.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.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;"}

package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var modal_constants = require('../modal_constants.js');
+
+var useModals = function useModals() {
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    modalsStack = _useState2[0],
+    setModalsStack = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    openedModals = _useState4[0],
+    setOpenedModals = _useState4[1];
+  var modalsManagerContainerSelector = "#".concat(modal_constants.MODALS_CONTENT_ID);
+  var addModal = function addModal(modal) {
+    setModalsStack(function (stack) {
+      var modalNameAlreadyExist = stack.some(function (stackModal) {
+        return stackModal.name === modal.name;
+      });
+      if (modalNameAlreadyExist) {
+        return _rollupPluginBabelHelpers.toConsumableArray(stack);
+      } else {
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(stack), [modal]);
+      }
+    });
+  };
+  var updateModal = function updateModal(modal) {
+    setModalsStack(function (previousStack) {
+      var updatedStack = previousStack.map(function (stackModal) {
+        return stackModal.name === modal.name ? _rollupPluginBabelHelpers.objectSpread2({}, modal) : stackModal;
+      });
+      return updatedStack;
+    });
+  };
+  var getModal = function getModal(modalName) {
+    return modalsStack.find(function (stackModal) {
+      return stackModal.name === modalName;
+    });
+  };
+  var showModal = function showModal(modalName) {
+    setOpenedModals(function (modals) {
+      setVisibleState(modals, modal_constants.MODAL_VISIBILITY_STATE.hidden);
+      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(modals), [modalName]);
+    });
+    setVisibleState(modalName, modal_constants.MODAL_VISIBILITY_STATE.visible);
+  };
+  var hideModal = function hideModal(modalName, onCloseAction) {
+    setOpenedModals(function (modals) {
+      var secondToLastItem = modals[modals.length - 2];
+      setVisibleState(secondToLastItem, modal_constants.MODAL_VISIBILITY_STATE.visible);
+      return modals.filter(function (modal) {
+        return modal !== modalName;
+      });
+    });
+    setVisibleState(modalName, modal_constants.MODAL_VISIBILITY_STATE.none);
+    onCloseAction && onCloseAction();
+  };
+  var hideAllModals = function hideAllModals(onCloseAction) {
+    setOpenedModals([]);
+    setVisibleStatesToNone();
+    onCloseAction && onCloseAction();
+  };
+  var setVisibleState = function setVisibleState(modalName, state) {
+    if (typeof modalName === 'string') {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          return modal.name === modalName ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    } else {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          if (!modalName) return modal;
+          return modalName.includes(modal.name) ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    }
+  };
+  var setVisibleStatesToNone = function setVisibleStatesToNone() {
+    setModalsStack(function (prevState) {
+      return prevState.map(function (modal) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+          visibilityState: modal_constants.MODAL_VISIBILITY_STATE.none
+        });
+      });
+    });
+  };
+  return {
+    modalsManagerContainerSelector: modalsManagerContainerSelector,
+    addModal: addModal,
+    updateModal: updateModal,
+    getModal: getModal,
+    showModal: showModal,
+    hideModal: hideModal,
+    hideAllModals: hideAllModals,
+    openedModals: openedModals
+  };
+};
+
+exports.default = useModals;
+//# sourceMappingURL=use_modals.js.map

package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/modal/hooks/use_modals_context.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_context = require('../modal_context.js');
+
+function useModalsContext() {
+  var context = React.useContext(modal_context.ModalsManagerContext);
+  if (Object.keys(context).length === 0 && context.constructor === Object) {
+    throw new Error("Modal component cannot be rendered outside the ModalWrapper component");
+  }
+  return context;
+}
+
+exports.useModalsContext = useModalsContext;
+//# sourceMappingURL=use_modals_context.js.map

package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals_context.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;"}

package/build/cjs/packages/aurora/src/components/modal/modal_constants.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MODALS_CONTENT_ID = 'modals-content';
+var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
+var MODAL_SLIDE_FADE_DURATION = 200;
+var MODAL_VISIBILITY_STATE = {
+  none: 'none',
+  hidden: 'hidden',
+  visible: 'visible'
+};
+var MODAL_WIDTH_VARIANT = {
+  s: 's',
+  m: 'm',
+  l: 'l'
+};
+
+exports.MODALS_CONTENT_ID = MODALS_CONTENT_ID;
+exports.MODALS_WRAPPER_BACKDROP_FADE_DURATION = MODALS_WRAPPER_BACKDROP_FADE_DURATION;
+exports.MODAL_SLIDE_FADE_DURATION = MODAL_SLIDE_FADE_DURATION;
+exports.MODAL_VISIBILITY_STATE = MODAL_VISIBILITY_STATE;
+exports.MODAL_WIDTH_VARIANT = MODAL_WIDTH_VARIANT;
+//# sourceMappingURL=modal_constants.js.map

package/build/cjs/packages/aurora/src/components/modal/modal_constants.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;"}

package/build/cjs/packages/aurora/src/components/modal/modal_context.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ModalsManagerContext = /*#__PURE__*/React.createContext({
+  modalsManagerContainerSelector: '',
+  addModal: function addModal() {},
+  updateModal: function updateModal() {},
+  getModal: function getModal() {
+    return undefined;
+  },
+  showModal: function showModal() {},
+  hideModal: function hideModal() {},
+  hideAllModals: function hideAllModals() {},
+  openedModals: []
+});
+
+exports.ModalsManagerContext = ModalsManagerContext;
+//# sourceMappingURL=modal_context.js.map

package/build/cjs/packages/aurora/src/components/modal/modal_context.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;"}

package/build/cjs/packages/aurora/src/components/modal/modal_variants.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+var modal_constants = require('./modal_constants.js');
+
+var modalVariants = index.cva('aurora-w-full aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-p-6 aurora-opacity-0 aurora-transition-all js__modal', {
+  variants: {
+    width: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, modal_constants.MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), modal_constants.MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), modal_constants.MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
+  },
+  defaultVariants: {
+    width: modal_constants.MODAL_WIDTH_VARIANT.m
+  }
+});
+
+exports.modalVariants = modalVariants;
+//# sourceMappingURL=modal_variants.js.map

package/build/cjs/packages/aurora/src/components/modal/modal_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/modal/modals_manager.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_context = require('./modal_context.js');
+var modals_wrapper = require('./components/modals_wrapper.js');
+var use_modals = require('./hooks/use_modals.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalsManager = function ModalsManager(_ref) {
+  var children = _ref.children;
+  var _useModals = use_modals['default'](),
+    modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
+    addModal = _useModals.addModal,
+    updateModal = _useModals.updateModal,
+    getModal = _useModals.getModal,
+    showModal = _useModals.showModal,
+    hideModal = _useModals.hideModal,
+    hideAllModals = _useModals.hideAllModals,
+    openedModals = _useModals.openedModals;
+  var value = React.useMemo(function () {
+    return {
+      modalsManagerContainerSelector: modalsManagerContainerSelector,
+      addModal: addModal,
+      updateModal: updateModal,
+      getModal: getModal,
+      showModal: showModal,
+      hideModal: hideModal,
+      hideAllModals: hideAllModals,
+      openedModals: openedModals
+    };
+  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
+  return /*#__PURE__*/React__default['default'].createElement(modal_context.ModalsManagerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, null, children));
+};
+
+exports.ModalsManager = ModalsManager;
+//# sourceMappingURL=modals_manager.js.map

package/build/cjs/packages/aurora/src/components/modal/modals_manager.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;"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PopoverPrimitive = require('@radix-ui/react-popover');
+
+var PopoverTrigger = PopoverPrimitive.Trigger;
+
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=popover_trigger.js.map

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

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

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PopoverPrimitive = require('@radix-ui/react-popover');
+
+var Popover = PopoverPrimitive.Root;
+
+exports.Popover = Popover;
+//# sourceMappingURL=popover.js.map

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

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

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
+var segmented_control_item_variants = require('./segmented_control_item_variants.js');
+var segmented_control_context = require('../context/segmented_control_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "children", "size", "variant"];
+var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var _context$size, _context$variant;
+  var className = _ref.className,
+    children = _ref.children,
+    size = _ref.size,
+    variant = _ref.variant,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var context = React__default['default'].useContext(segmented_control_context.SegmentedControlContext);
+  return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    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 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmented_control_item_variants.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)
+  }, props), children);
+});
+SegmentedControlItem.displayName = 'SegmentedControlItem';
+
+exports.SegmentedControlItem = SegmentedControlItem;
+//# sourceMappingURL=segmented_control_item.js.map

package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_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;"}

package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item_variants.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
+var segmented_control_constants = require('../segmented_control_constants.js');
+
+var segmentedControlItemVariants = index.cva('', {
+  variants: {
+    size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic, 'aurora-text-s'), segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.s, 'aurora-text-xs'),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.iconOnly, ''), segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic, ''),
+    type: _rollupPluginBabelHelpers.defineProperty({}, segmented_control_constants.SEGMENTED_CONTROL_TYPE.single, 'data-[state=on]:aurora-pointer-events-none')
+  },
+  compoundVariants: [{
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.iconOnly,
+    class: 'aurora-p-2'
+  }, {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.s,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.iconOnly,
+    class: 'aurora-p-1.5'
+  }, {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic,
+    class: 'aurora-gap-2.5 aurora-py-1.5 aurora-px-3'
+  }, {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.s,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic,
+    class: 'aurora-gap-2 aurora-py-1 aurora-px-2'
+  }],
+  defaultVariants: {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic,
+    type: segmented_control_constants.SEGMENTED_CONTROL_TYPE.single
+  }
+});
+
+exports.segmentedControlItemVariants = segmentedControlItemVariants;
+//# sourceMappingURL=segmented_control_item_variants.js.map

package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/segmented_control/context/segmented_control_context.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var segmented_control_constants = require('../segmented_control_constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SegmentedControlContext = /*#__PURE__*/React__default['default'].createContext({
+  size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+  variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic
+});
+
+exports.SegmentedControlContext = SegmentedControlContext;
+//# sourceMappingURL=segmented_control_context.js.map

package/build/cjs/packages/aurora/src/components/segmented_control/context/segmented_control_context.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;"}

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
+var segmented_control_constants = require('./segmented_control_constants.js');
+var segmented_control_context = require('./context/segmented_control_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "size", "variant", "children", "type"];
+var SegmentedControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    size = _ref.size,
+    variant = _ref.variant,
+    children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? segmented_control_constants.SEGMENTED_CONTROL_TYPE.single : _ref$type,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: cn.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__*/React__default['default'].createElement(segmented_control_context.SegmentedControlContext.Provider, {
+    value: {
+      size: size,
+      variant: variant,
+      type: type
+    }
+  }, children));
+});
+SegmentedControl.displayName = 'SegmentedControl';
+
+exports.SegmentedControl = SegmentedControl;
+//# sourceMappingURL=segmented_control.js.map

package/build/cjs/packages/aurora/src/components/segmented_control/segmented_control.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;"}

package/build/cjs/packages/aurora/src/components/segmented_control/segmented_control_constants.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SEGMENTED_CONTROL_SIZE_TYPES = {
+  basic: 'basic',
+  s: 's'
+};
+var SEGMENTED_CONTROL_VARIANT_TYPES = {
+  basic: 'basic',
+  iconOnly: 'icon-only'
+};
+var SEGMENTED_CONTROL_TYPE = {
+  single: 'single'
+};
+
+exports.SEGMENTED_CONTROL_SIZE_TYPES = SEGMENTED_CONTROL_SIZE_TYPES;
+exports.SEGMENTED_CONTROL_TYPE = SEGMENTED_CONTROL_TYPE;
+exports.SEGMENTED_CONTROL_VARIANT_TYPES = SEGMENTED_CONTROL_VARIANT_TYPES;
+//# sourceMappingURL=segmented_control_constants.js.map

package/build/cjs/packages/aurora/src/components/segmented_control/segmented_control_constants.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;"}

package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_trigger.js

@@ -4,16 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
+var css_color_tokens_values = require('../../../constants/css_tokens/css_color_tokens_values.js');
 var cn = require('../../../utilities/cn.js');
+var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
 var use_sidebar = require('../hooks/use_sidebar.js');
 var sidebar_constants = require('../sidebar_constants.js');
-var chevron_left_icon = require('../../../assets/icons/chevron_left_icon.js');
-var css_color_tokens_values = require('../../../constants/css_tokens/css_color_tokens_values.js');
+var arrow_left_s_line_icon = require('../../../assets/icons/arrow_left_s_line_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var triggerVariants = index.cva('aurora-border-solid aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
+var triggerVariants = index.cva('aurora-border-solid aurora-z-10 aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
   variants: {
-    side: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, sidebar_constants.SIDEBAR_SIDE.left, '-aurora-right-6 aurora-rounded-tr-2 aurora-rounded-br-2 aurora-border-r aurora-border-t aurora-border-b'), sidebar_constants.SIDEBAR_SIDE.right, '-aurora-left-6 aurora-rounded-tl-2 aurora-rounded-bl-2 aurora-border-l aurora-border-t aurora-border-b')
+    side: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, sidebar_constants.SIDEBAR_SIDE.left, 'aurora-left-full aurora-rounded-r-2 aurora-rounded-l-0 aurora-border-l-0 aurora-border-r aurora-border-t aurora-border-b'), sidebar_constants.SIDEBAR_SIDE.right, 'aurora-right-full aurora-rounded-r-0 aurora-rounded-l-2  aurora-border-r-0 aurora-border-l aurora-border-t aurora-border-b')
   }
 });
 var SidebarTrigger = function SidebarTrigger(_ref) {
@@ -21,14 +25,14 @@ var SidebarTrigger = function SidebarTrigger(_ref) {
   var _useSidebar = use_sidebar.useSidebar(),
     toggleSidebar = _useSidebar.toggleSidebar,
     open = _useSidebar.open;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default['default'].createElement("button", {
     className: triggerVariants({
       side: side
     }),
     onClick: toggleSidebar
-  }, /*#__PURE__*/React.createElement(chevron_left_icon.ChevronLeftIcon, {
-    fill: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral900,
-    className: cn.cn('aurora-pointer aurora-transition-transform aurora duration-100 aurora-text hover:aurora-scale-125', {
+  }, /*#__PURE__*/React__default['default'].createElement(arrow_left_s_line_icon.ArrowLeftSLineIcon, {
+    color: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral900,
+    className: cn.cn('aurora-overflow-hidden aurora-pointer aurora-transition-transform aurora-duration-100 aurora-text hover:aurora-scale-125', {
       'aurora-rotate-180': side === sidebar_constants.SIDEBAR_SIDE.right && open || side === sidebar_constants.SIDEBAR_SIDE.left && !open
     })
   }));