@dreamcommerce/aurora 3.0.0-54 → 3.0.0-56

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js

@@ -0,0 +1,3 @@
+import '@auroraComponents/color_picker/color_picker_types';
+import 'react';
+//# sourceMappingURL=color_picker_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/color_picker_control/color_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkC,mDAAmD,CAAC;AACtF,OAAkB,OAAO,CAAC"}

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

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { Box } from '../box/box.js';
+import { Stack } from '../stack/stack.js';
 import { Tooltip } from '../tooltip/tooltip.js';
 import { TooltipTrigger } from '../tooltip/components/tooltip_trigger.js';
 import { TooltipContent } from '../tooltip/components/tooltip_content.js';
@@ -18,9 +18,10 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  var content = /*#__PURE__*/createElement(Box, {
+  var content = /*#__PURE__*/createElement(Stack, {
     align: "center",
     spacing: "0.5",
+    inline: true,
     className: cn(labelVariants(), "".concat(disabled ? 'aurora-cursor-not-allowed aurora-text-subtle-light' : '', " ").concat(className))
   }, required && /*#__PURE__*/createElement("span", {
     className: "aurora-text-interactive"

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

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

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

@@ -80,7 +80,7 @@ var Modal = function Modal(_ref) {
     text: header.text,
     onClose: handleCloseModal
   }), children && /*#__PURE__*/React.createElement("div", {
-    className: "aurora-overflow-y-auto"
+    className: "aurora-overflow-y-auto custom-scrollbar"
   }, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
     text: footer.text
   })), $modalsManagerContainer) : null;

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

@@ -2,7 +2,7 @@ import { defineProperty as _defineProperty } from '../../../../../_virtual/_roll
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
 import { MODAL_WIDTH_VARIANT } from './modal_constants.js';
 
-var modalVariants = 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', {
+var modalVariants = cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-p-6 aurora-opacity-0 aurora-transition-all js__modal', {
   variants: {
     width: _defineProperty(_defineProperty(_defineProperty({}, MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
   },

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/sidebar/components/sidebar_components_types.d.ts

@@ -1,14 +1,13 @@
 import React from 'react';
-import { TSidebarSide, TSidebarSlideDirection, TSidebarVariant } from "../sidebar_types_types";
+import { TSidebarSide } from "../sidebar_types_types";
 export declare type TPersistentSidebarProps = {
     width?: string;
     className?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
-export declare type TTemporalSidebar = {
+export declare type TTemporalSidebar = React.PropsWithoutRef<{
     width?: string;
     className?: string;
-    variant?: TSidebarVariant;
     side?: TSidebarSide;
-    slideDirection?: TSidebarSlideDirection;
     container?: HTMLElement;
-} & React.HTMLAttributes<HTMLDivElement>;
+    closeOnOutsideClick?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAsE,+CAA+C,CAAC"}
+{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,+CAA+C,CAAC"}

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js

@@ -4,9 +4,9 @@ import { useSidebar } from '../hooks/use_sidebar.js';
 var SidebarToggle = function SidebarToggle(_ref) {
   var children = _ref.children;
   var _useSidebar = useSidebar(),
-    toggleSidebar = _useSidebar.toggleSidebar;
+    toggle = _useSidebar.toggle;
   return /*#__PURE__*/React.createElement("button", {
-    onClick: toggleSidebar
+    onClick: toggle
   }, children);
 };
 

package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts

@@ -1,4 +1,8 @@
-import { PropsWithChildren } from 'react';
-import { TTemporalSidebar } from "./sidebar_components_types";
 import React from 'react';
-export declare const TemporalSidebar: ({ children, container }: PropsWithChildren<TTemporalSidebar>) => React.ReactPortal;
+export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    width?: string | undefined;
+    className?: string | undefined;
+    side?: "left" | "right" | undefined;
+    container?: HTMLElement | undefined;
+    closeOnOutsideClick?: boolean | undefined;
+}, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js

@@ -1,15 +1,74 @@
-import React from 'react';
+import React, { useRef, useEffect, useImperativeHandle } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
+import { SIDEBAR_SIDE } from '../sidebar_constants.js';
+import { useSidebar } from '../hooks/use_sidebar.js';
 import { createPortal } from 'react-dom';
+import { useClickOutside } from '../../../hooks/use_click_outside.js';
 
-var TemporalSidebar = function TemporalSidebar(_ref) {
+var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$container = _ref.container,
-    container = _ref$container === void 0 ? document.body : _ref$container;
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("aside", {
-    className: cn('aurora-absolute aurora-top-0 aurora-h-full aurora-left-0')
-  }, " ", children), container);
-};
+    container = _ref$container === void 0 ? document.body : _ref$container,
+    className = _ref.className,
+    width = _ref.width,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl;
+  var _useSidebar = useSidebar(),
+    open = _useSidebar.open,
+    close = _useSidebar.close;
+  var sidebarRef = useRef(null);
+  var _React$useState = React.useState(!open ? '0' : 'auto'),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    containerWidth = _React$useState2[0],
+    setContainerWidth = _React$useState2[1];
+  useClickOutside({
+    refs: [sidebarRef],
+    callback: function callback() {
+      if (closeOnOutsideClick && open) close();
+    }
+  });
+  useEffect(function () {
+    if (open) setContainerWidth('auto');
+  }, [open]);
+  var handleTransitionEnd = function handleTransitionEnd() {
+    if (!open) setContainerWidth('0');
+  };
+  useEffect(function () {
+    var sidebar = sidebarRef.current;
+    sidebar === null || sidebar === void 0 ? void 0 : sidebar.addEventListener('transitionend', handleTransitionEnd);
+    return function () {
+      sidebar === null || sidebar === void 0 ? void 0 : sidebar.removeEventListener('transitionend', handleTransitionEnd);
+    };
+  }, [open]);
+  useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    className: cn('aurora-absolute aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+      'aurora-left-0': side === SIDEBAR_SIDE.left,
+      'aurora-right-0': side === SIDEBAR_SIDE.right
+    }),
+    style: {
+      width: containerWidth
+    }
+  }, /*#__PURE__*/React.createElement("aside", {
+    ref: sidebarRef,
+    className: cn(' aurora-w-full aurora-h-full aurora-duration-300 aurora-transition-[transform]', {
+      'aurora-translate-x-0': open && side === SIDEBAR_SIDE.left,
+      '-aurora-translate-x-full': !open && side === SIDEBAR_SIDE.left,
+      'aurora-translate-x-full': !open && side === SIDEBAR_SIDE.right
+    }, className),
+    style: {
+      width: open && width ? width : undefined,
+      maxWidth: open && width ? width : undefined,
+      minWidth: open && width ? width : undefined
+    }
+  }, children)), container);
+});
+TemporalSidebar.displayName = 'TemporalSidebar';
 
 export { TemporalSidebar };
 //# sourceMappingURL=temporal_sidebar.js.map

package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map

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

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.d.ts

@@ -1,4 +1,5 @@
 export declare type TSidebarContext = {
-    toggleSidebar: () => void;
+    toggle: () => void;
+    close: () => void;
     open: boolean;
 };

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js

@@ -27,7 +27,7 @@ var SidebarProvider = function SidebarProvider(_ref) {
     setPersistedState(_open);
   }, [_open]);
   useEffect(function () {
-    _setOpen(open !== null && open !== void 0 ? open : initialOpen);
+    if (onOpenChange) _setOpen(open !== null && open !== void 0 ? open : initialOpen);
   }, [open]);
   if (open !== undefined && onOpenChange === undefined) {
     console.error('The controlled open state of the popover. Must be used in conjunction with onOpenChange.');
@@ -35,15 +35,19 @@ var SidebarProvider = function SidebarProvider(_ref) {
   var setOpen = function setOpen(nextOpen) {
     _setOpen(nextOpen);
   };
-  var toggleSidebar = function toggleSidebar() {
+  var toggle = function toggle() {
     onOpenChange ? onOpenChange(!_open) : setOpen(!_open);
   };
+  var close = function close() {
+    onOpenChange ? onOpenChange(false) : setOpen(false);
+  };
   var contextValue = useMemo(function () {
     return {
       open: _open,
-      toggleSidebar: toggleSidebar
+      toggle: toggle,
+      close: close
     };
-  }, [open, toggleSidebar]);
+  }, [_open, toggle]);
   return /*#__PURE__*/createElement(SidebarContext.Provider, {
     value: contextValue
   }, children);

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map

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

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

@@ -1,3 +1,3 @@
 import { TSidebarProps } from "./sidebar_types_types";
 import React, { PropsWithChildren } from 'react';
-export declare const Sidebar: ({ children, variant, side, width, className, ...props }: PropsWithChildren<TSidebarProps>) => React.JSX.Element;
+export declare const Sidebar: ({ children, variant, side, width, className, container, ...props }: PropsWithChildren<TSidebarProps>) => React.JSX.Element;

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

@@ -1,18 +1,20 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { SIDEBAR_VARIANTS } from './sidebar_constants.js';
+import { SIDEBAR_VARIANTS, SIDEBAR_SIDE } from './sidebar_constants.js';
 import { PersistentSidebar } from './components/persistent_sidebar.js';
 import { SidebarProvider } from './context/sidebar_prvider.js';
 import { TemporalSidebar } from './components/temporal_sidebar.js';
 
-var _excluded = ["children", "variant", "side", "width", "className"];
+var _excluded = ["children", "variant", "side", "width", "className", "container"];
 var Sidebar = function Sidebar(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? SIDEBAR_VARIANTS.persistent : _ref$variant,
     _ref$side = _ref.side,
+    side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
     width = _ref.width,
     className = _ref.className,
+    container = _ref.container,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(SidebarProvider, _objectSpread2({
     variant: variant,
@@ -21,7 +23,12 @@ var Sidebar = function Sidebar(_ref) {
   }, props), variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, {
     width: width,
     className: className
-  }, children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, null, children)));
+  }, children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, {
+    container: container,
+    side: side,
+    width: width,
+    className: className
+  }, children)));
 };
 
 export { Sidebar };

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

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

package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.d.ts

@@ -6,7 +6,3 @@ export declare const SIDEBAR_SIDE: {
     readonly left: "left";
     readonly right: "right";
 };
-export declare const SIDEBAR_SLIDE_DIRECTION: {
-    readonly leftToRight: "leftToRight";
-    readonly rightToLeft: "rightToLeft";
-};

package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js

@@ -6,10 +6,6 @@ var SIDEBAR_SIDE = {
   left: 'left',
   right: 'right'
 };
-var SIDEBAR_SLIDE_DIRECTION = {
-  leftToRight: 'leftToRight',
-  rightToLeft: 'rightToLeft'
-};
 
-export { SIDEBAR_SIDE, SIDEBAR_SLIDE_DIRECTION, SIDEBAR_VARIANTS };
+export { SIDEBAR_SIDE, SIDEBAR_VARIANTS };
 //# sourceMappingURL=sidebar_constants.js.map

package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js.map

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

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts

@@ -1,16 +1,14 @@
 import React from 'react';
-import { SIDEBAR_SIDE, SIDEBAR_SLIDE_DIRECTION, SIDEBAR_VARIANTS } from "./sidebar_constants";
+import { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./sidebar_constants";
 import { Any } from 'ts-toolbelt';
 export declare type TSidebarVariant = Any.Keys<typeof SIDEBAR_VARIANTS>;
 export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
-export declare type TSidebarSlideDirection = Any.Keys<typeof SIDEBAR_SLIDE_DIRECTION>;
 export declare type TSidebarProps = {
     variant?: TSidebarVariant;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     defaultOpen?: boolean;
     side?: TSidebarSide;
-    slideDirection?: TSidebarSlideDirection;
     width?: string;
     className?: string;
     persistentKey?: string;

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAwE,6CAA6C,CAAC;AACtH,OAAoB,aAAa,CAAC"}
+{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts

@@ -17,4 +17,3 @@ export declare type TUseClickOutsideProps = {
  * @returns {void} void
  */
 export declare function useClickOutside({ refs, config, callback }: TUseClickOutsideProps): void;
-export default useClickOutside;

package/build/esm/packages/aurora/src/hooks/use_click_outside.js

@@ -1,37 +1,46 @@
 import { useEffect } from 'react';
-/**
- * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
- * made outside element callback function is called
- * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
- * @param {Function} callback called when click is made outside refs elements
- * @returns {void} void
+
+/**
+ * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
+ * made outside element callback function is called
+ * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
+ * @param {Function} callback called when click is made outside refs elements
+ * @returns {void} void
  */
-export function useClickOutside({ refs, config, callback }) {
-    const { documents = [globalThis.document], blackListSelectors = [] } = config ?? {};
-    function handleClickOutside(event) {
-        const isBlacklisted = blackListSelectors.reduce(function test(acc, blackListSelector) {
-            const $el = documents.reduce(function test(acc, doc) {
-                return acc || doc.querySelector(blackListSelector);
-            }, null);
-            if (!$el)
-                return acc;
-            return acc
-                ? acc
-                : event.target === $el ||
-                    $el.contains(event.target) ||
-                    event.target.closest(blackListSelector) !== null;
-        }, false);
-        const shouldTrigger = config?.shouldTrigger ? config.shouldTrigger(event) : true;
-        const callCallback = refs.every((ref) => ref.current && !ref.current.contains(event.target));
-        if (callCallback && !isBlacklisted && shouldTrigger)
-            callback();
-    }
-    useEffect(() => {
-        documents.forEach((document) => document.addEventListener('click', handleClickOutside, true));
-        return () => {
-            documents.forEach((document) => document.removeEventListener('click', handleClickOutside, true));
-        };
+function useClickOutside(_ref) {
+  var refs = _ref.refs,
+    config = _ref.config,
+    callback = _ref.callback;
+  var _ref2 = config !== null && config !== void 0 ? config : {},
+    _ref2$documents = _ref2.documents,
+    documents = _ref2$documents === void 0 ? [globalThis.document] : _ref2$documents,
+    _ref2$blackListSelect = _ref2.blackListSelectors,
+    blackListSelectors = _ref2$blackListSelect === void 0 ? [] : _ref2$blackListSelect;
+  function handleClickOutside(event) {
+    var isBlacklisted = blackListSelectors.reduce(function test(acc, blackListSelector) {
+      var $el = documents.reduce(function test(acc, doc) {
+        return acc || doc.querySelector(blackListSelector);
+      }, null);
+      if (!$el) return acc;
+      return acc ? acc : event.target === $el || $el.contains(event.target) || event.target.closest(blackListSelector) !== null;
+    }, false);
+    var shouldTrigger = config !== null && config !== void 0 && config.shouldTrigger ? config.shouldTrigger(event) : true;
+    var callCallback = refs.every(function (ref) {
+      return ref.current && !ref.current.contains(event.target);
     });
+    if (callCallback && !isBlacklisted && shouldTrigger) callback();
+  }
+  useEffect(function () {
+    documents.forEach(function (document) {
+      return document.addEventListener('click', handleClickOutside, true);
+    });
+    return function () {
+      documents.forEach(function (document) {
+        return document.removeEventListener('click', handleClickOutside, true);
+      });
+    };
+  });
 }
-export default useClickOutside;
-//# sourceMappingURL=use_click_outside.js.map
+
+export { useClickOutside };
+//# sourceMappingURL=use_click_outside.js.map

package/build/esm/packages/aurora/src/hooks/use_click_outside.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_click_outside.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_click_outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAclC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAyB;IAC7E,MAAM,EAAE,SAAS,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,kBAAkB,GAAG,EAAE,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpF,SAAS,kBAAkB,CAAC,KAAY;QACpC,MAAM,aAAa,GAAG,kBAAkB,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,iBAAiB;YAChF,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,GAAG;gBAC/C,OAAO,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;YACvD,CAAC,EAAE,IAAI,CAAC,CAAC;YAET,IAAI,CAAC,GAAG;gBAAE,OAAO,GAAG,CAAC;YAErB,OAAO,GAAG;gBACN,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,GAAG;oBAChB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC;oBACxC,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;QAChF,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,MAAM,aAAa,GAAG,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,KAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE/F,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAC,CAAC;QAErG,IAAI,YAAY,IAAI,CAAC,aAAa,IAAI,aAAa;YAAE,QAAQ,EAAE,CAAC;IACpE,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;QAE9F,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;QACrG,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,eAAe,eAAe,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;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/index.d.ts

@@ -28,7 +28,7 @@ export { TYPOGRAPHY_TRANSFORM_TYPES, TYPOGRAPHY_COMPONENT_TYPES, TYPOGRAPHY_WEIG
 export { Sidebar } from './components/sidebar/sidebar';
 export { SidebarToggle } from "./components/sidebar/components/sidebar_toggle";
 export { useSidebar } from './components/sidebar/hooks/use_sidebar';
-export { SIDEBAR_SIDE, SIDEBAR_VARIANTS, SIDEBAR_SLIDE_DIRECTION } from "./components/sidebar/sidebar_constants";
+export { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./components/sidebar/sidebar_constants";
 export { Divider } from './components/divider/divider';
 export { DIVIDER_VARIANTS, DIVIDER_THICKNESS, DIVIDER_ORIENTATION } from "./components/divider/divider_constants";
 export { Stack } from './components/stack/stack';
@@ -87,3 +87,6 @@ export { Switch } from "./components/switch/switch";
 export { SwitchControl } from './components/controls/switch_control/switch_control';
 export { Input } from "./components/input/input";
 export { InputControl } from './components/controls/input_control/input_control';
+export { ColorPickerWithContext } from "./components/color_picker/color_picker";
+export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control';
+export { Checkbox } from "./components/checkbox/checkbox";

package/build/esm/packages/aurora/src/index.js

@@ -43,7 +43,7 @@ export { ActionListTrigger } from './components/action_list/components/action_li
 export { ActionListSubContent } from './components/action_list/components/action_list_sub_content.js';
 export { BADGE_VARIANTS } from './components/badge/badge_constants.js';
 export { Badge } from './components/badge/badge.js';
-export { SIDEBAR_SIDE, SIDEBAR_SLIDE_DIRECTION, SIDEBAR_VARIANTS } from './components/sidebar/sidebar_constants.js';
+export { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from './components/sidebar/sidebar_constants.js';
 export { useSidebar } from './components/sidebar/hooks/use_sidebar.js';
 export { Sidebar } from './components/sidebar/sidebar.js';
 export { SidebarToggle } from './components/sidebar/components/sidebar_toggle.js';
@@ -84,4 +84,7 @@ export { Switch } from './components/switch/switch.js';
 export { SwitchControl } from './components/controls/switch_control/switch_control.js';
 export { Input } from './components/input/input.js';
 export { InputControl } from './components/controls/input_control/input_control.js';
+export { ColorPickerWithContext } from './components/color_picker/color_picker.js';
+export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control.js';
+export { Checkbox } from './components/checkbox/checkbox.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map

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