@dreamcommerce/aurora 3.0.0-99 → 3.0.0

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts

@@ -1,7 +1,7 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
 export declare const AccordionTrigger: React.ForwardRefExoticComponent<{
-    backgroundColor?: "hover" | "active" | "subtle" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse" | "inverse-hover" | "inverse-active" | "inverse-subtle" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "success" | "success-hover" | "success-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "danger" | "danger-hover" | "danger-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "warning" | "warning-hover" | "warning-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | "info" | "info-hover" | "info-active" | undefined;
+    backgroundColor?: "hover" | "active" | "subtle" | "subtle-strong" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse" | "inverse-hover" | "inverse-active" | "inverse-subtle" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "success" | "success-hover" | "success-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "danger" | "danger-hover" | "danger-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "warning" | "warning-hover" | "warning-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | "info" | "info-hover" | "info-active" | undefined;
     borderStyle?: "none" | "solid" | "dashed" | "dotted" | "double" | undefined;
     iconColor?: "base" | "disabled" | "subtle" | "inverse" | "inverse-subtle" | "primary" | "success" | "danger" | "warning" | "info" | "inverse-disabled" | "primary-strong" | "success-strong" | "danger-strong" | "warning-strong" | "info-strong" | undefined;
     icon?: React.ReactNode;

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js

@@ -17,12 +17,12 @@ var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var accordionContext = useContext(AccordionContext);
   return /*#__PURE__*/createElement(Header, {
-    className: cn(_defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
+    className: cn('aurora-text-s aurora-font-semibold aurora-tracking', _defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
   }, /*#__PURE__*/createElement(Trigger, _objectSpread2({
     ref: ref,
-    className: cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
+    className: cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text-subtle aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
   }, props), icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
-    color: CSS_ICON_COLOR_TOKENS_VALUES.base,
+    color: CSS_ICON_COLOR_TOKENS_VALUES.subtle,
     size: accordionContext.size === ACCORDION_SIZES.default ? 24 : 20,
     className: cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200')
   })), children));

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PropsWithChildren } from 'react';
-import { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
-export declare const ActionList: ({ children, onOpenChange: handleOpenChange, ...props }: PropsWithChildren<DropdownMenuProps>) => React.JSX.Element;
+import { TActionListProps } from "./action_list_types";
+export declare const ActionList: ({ children, onOpenChange: handleOpenChange, portal, $container, ...props }: PropsWithChildren<TActionListProps>) => React.JSX.Element;

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

@@ -1,17 +1,46 @@
-import React from 'react';
+import React, { useContext, useEffect } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Root } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from './context/action_list_context.js';
 
-var _excluded = ["children", "onOpenChange"];
+var _excluded = ["children", "onOpenChange", "portal", "$container"];
 var ActionList = function ActionList(_ref) {
   var children = _ref.children,
     handleOpenChange = _ref.onOpenChange,
+    _ref$portal = _ref.portal,
+    portal = _ref$portal === void 0 ? true : _ref$portal,
+    $container = _ref.$container,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ActionListContext),
+    initialPointerEventsOnContainer = _useContext.initialPointerEventsOnContainer;
+  useEffect(function () {
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (_ref2) {
+        var _target$style;
+        var target = _ref2.target;
+        if (((_target$style = target.style) === null || _target$style === void 0 ? void 0 : _target$style.pointerEvents) === 'none') target.style.pointerEvents = initialPointerEventsOnContainer !== null && initialPointerEventsOnContainer !== void 0 ? initialPointerEventsOnContainer : '';
+        if (!target.getAttribute('style')) target.removeAttribute('style');
+      });
+    });
+    observer.observe(document.body, {
+      attributes: true,
+      attributeFilter: ['style']
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(Root, _objectSpread2(_objectSpread2({}, props), {}, {
     onOpenChange: function onOpenChange(isOpen) {
       handleOpenChange === null || handleOpenChange === void 0 ? void 0 : handleOpenChange(isOpen);
     }
-  }), children);
+  }), /*#__PURE__*/React.createElement(ActionListContext.Provider, {
+    value: {
+      portal: portal,
+      $container: $container,
+      initialPointerEventsOnContainer: document.body.style.pointerEvents
+    }
+  }, children));
 };
 
 export { ActionList };

package/build/esm/packages/aurora/src/components/action_list/action_list.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/action_list_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const ACTION_LIST_VARIANTS: {
+    readonly basic: "basic";
+    readonly noDropdownIcon: "noDropdownIcon";
+};

package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js

@@ -0,0 +1,7 @@
+var ACTION_LIST_VARIANTS = {
+  basic: 'basic',
+  noDropdownIcon: 'noDropdownIcon'
+};
+
+export { ACTION_LIST_VARIANTS };
+//# sourceMappingURL=action_list_constants.js.map

package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js.map

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

package/build/esm/packages/aurora/src/components/action_list/action_list_types.d.ts

@@ -0,0 +1,16 @@
+import { DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { actionListTriggerVariants } from './action_list_variants';
+export declare type TActionListProps = DropdownMenuProps & DropdownMenuPortalProps & {
+    portal?: boolean;
+    $container?: HTMLElement;
+};
+export declare type TActionListContext = {
+    portal?: boolean;
+    $container?: HTMLElement;
+    initialPointerEventsOnContainer?: string;
+};
+export declare type TActionListTriggerProps = PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>> & VariantProps<typeof actionListTriggerVariants> & {
+    className?: string;
+};

package/build/esm/packages/aurora/src/components/action_list/action_list_types.js

@@ -0,0 +1,5 @@
+import '@radix-ui/react-dropdown-menu';
+import 'class-variance-authority';
+import 'react';
+import './action_list_variants';
+//# sourceMappingURL=action_list_types.js.map

package/build/esm/packages/aurora/src/components/action_list/action_list_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAAqF,+BAA+B,CAAC;AACrH,OAA6B,0BAA0B,CAAC;AACxD,OAAkC,OAAO,CAAC;AAC1C,OAA0C,wBAAwB,CAAC"}

package/build/esm/packages/aurora/src/components/action_list/action_list_variants.d.ts

@@ -0,0 +1,3 @@
+export declare const actionListTriggerVariants: (props?: ({
+    variant?: "basic" | "noDropdownIcon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js

@@ -0,0 +1,16 @@
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+
+var actionListTriggerVariants = cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-text-subtle-light', {
+  variants: {
+    variant: {
+      basic: '',
+      noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
+    }
+  },
+  defaultVariants: {
+    variant: 'basic'
+  }
+});
+
+export { actionListTriggerVariants };
+//# sourceMappingURL=action_list_variants.js.map

package/build/esm/packages/aurora/src/components/{helper_text/helper_text_variants.js.map → action_list/action_list_variants.js.map}

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

package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { Portal, Content } from '@radix-ui/react-dropdown-menu';
+import { Content, Portal } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from '../context/action_list_context.js';
 
 var _excluded = ["className", "sideOffset"];
 var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -9,12 +10,18 @@ var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _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({
+  var _useContext = useContext(ActionListContext),
+    portal = _useContext.portal,
+    $container = _useContext.$container;
+  var content = /*#__PURE__*/React.createElement(Content, _objectSpread2({
     "data-test-el": "action-list-content",
     ref: ref,
     sideOffset: sideOffset,
-    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-3 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', className)
-  }, props)));
+    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 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', className)
+  }, props));
+  return portal ? /*#__PURE__*/React.createElement(Portal, {
+    container: $container
+  }, content) : content;
 });
 ActionListContent.displayName = 'ActionListContent';
 

package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_item.js

@@ -11,7 +11,7 @@ var ActionListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Item, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-item",
-    className: cn('aurora-relative aurora-outline-none aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 aurora-py-1.5 aurora-px-3 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className)
+    className: cn('aurora-relative aurora-outline-none aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 aurora-py-1.5 aurora-px-3 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-text-subtle-light', inset && 'aurora-pl-8', className)
   }, props));
 });
 ActionListItem.displayName = 'ActionListItem';

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js

@@ -14,9 +14,11 @@ var ActionListRadioItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(RadioItem, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-radio-item",
-    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
+    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-pr-3 aurora-pl-10 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-text-subtle-light data-[state=checked]:aurora-font-semibold', className),
     disabled: disabled
-  }, props), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckFillIcon, {
+  }, props), /*#__PURE__*/React.createElement(ItemIndicator, {
+    className: "aurora-absolute aurora-left-2.5"
+  }, /*#__PURE__*/React.createElement(CheckFillIcon, {
     size: 20,
     color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
   })), children);

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_sub_trigger.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const ActionListRadioSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+    selected?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_sub_trigger.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
+import { cn } from '../../../utilities/cn.js';
+import { SubTrigger } from '@radix-ui/react-dropdown-menu';
+import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.js';
+import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
+
+var _excluded = ["className", "inset", "children", "selected", "disabled"];
+var ActionListRadioSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    children = _ref.children,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
+    ref: ref,
+    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-pr-3 aurora-pl-10 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-text-subtle-light', inset && 'aurora-pl-8', className),
+    "data-test-el": "action-list-sub-trigger"
+  }, props), selected ? (/*#__PURE__*/React.createElement(CheckFillIcon, {
+    className: "aurora-absolute aurora-left-2.5",
+    size: 20,
+    color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
+  })) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
+    size: 20,
+    color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
+  }));
+});
+ActionListRadioSubTrigger.displayName = 'ActionListRadioSubTrigger';
+
+export { ActionListRadioSubTrigger };
+//# sourceMappingURL=action_list_radio_sub_trigger.js.map

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_sub_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;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/action_list/components/action_list_sub_content.js

@@ -1,17 +1,24 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { SubContent } from '@radix-ui/react-dropdown-menu';
+import { SubContent, Portal } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from '../context/action_list_context.js';
 
 var _excluded = ["className"];
 var ActionListSubContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
+  var _useContext = useContext(ActionListContext),
+    $container = _useContext.$container,
+    portal = _useContext.portal;
+  var content = /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-sub-content",
-    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-3 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', className)
+    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 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', className)
   }, props));
+  return portal ? /*#__PURE__*/React.createElement(Portal, {
+    container: $container
+  }, content) : content;
 });
 ActionListSubContent.displayName = 'ActionListSubContent';
 

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.d.ts

@@ -2,5 +2,4 @@ import React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export declare const ActionListSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean | undefined;
-    selected?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js

@@ -4,24 +4,19 @@ import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_
 import { cn } from '../../../utilities/cn.js';
 import { SubTrigger } from '@radix-ui/react-dropdown-menu';
 import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.js';
-import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
 
-var _excluded = ["className", "inset", "children", "selected", "disabled"];
+var _excluded = ["className", "inset", "children", "disabled"];
 var ActionListSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inset = _ref.inset,
     children = _ref.children,
-    selected = _ref.selected,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
     ref: ref,
-    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
+    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-text-subtle-light', inset && 'aurora-pl-8', className),
     "data-test-el": "action-list-sub-trigger"
-  }, props), selected ? (/*#__PURE__*/React.createElement(CheckFillIcon, {
-    size: 20,
-    color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
-  })) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
+  }, props), children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
     size: 20,
     color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }));

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.d.ts

@@ -1,3 +1,3 @@
-import React, { PropsWithChildren } from 'react';
-import { DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
-export declare const ActionListTrigger: ({ children, className, ...props }: PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>) => React.JSX.Element;
+import React from 'react';
+import { TActionListTriggerProps } from '../action_list_types';
+export declare const ActionListTrigger: ({ children, className, variant, ...props }: TActionListTriggerProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js

@@ -1,22 +1,27 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import '@radix-ui/react-dropdown-menu';
 import { ActionListGenericTrigger } from './action_list_generic_trigger.js';
+import { actionListTriggerVariants } from '../action_list_variants.js';
 import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
+import { ACTION_LIST_VARIANTS } from '../action_list_constants.js';
 
-var _excluded = ["children", "className"];
+var _excluded = ["children", "className", "variant"];
 var ActionListTrigger = function ActionListTrigger(_ref) {
   var children = _ref.children,
     className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ActionListGenericTrigger, _objectSpread2({
-    className: cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
+    className: cn(actionListTriggerVariants({
+      variant: variant
+    }), className),
     "data-test-el": "action-list-trigger"
-  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, variant !== ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
     className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
     size: 20
-  })));
+  }))));
 };
 
 export { ActionListTrigger };

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.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;"}
+{"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/action_list/context/action_list_context.d.ts

@@ -0,0 +1,3 @@
+import { TActionListContext } from "../action_list_types";
+import React from 'react';
+export declare const ActionListContext: React.Context<TActionListContext>;

package/build/esm/packages/aurora/src/components/action_list/context/action_list_context.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+var ActionListContext = /*#__PURE__*/React.createContext({
+  portal: true,
+  $container: document.body,
+  initialPointerEventsOnContainer: ''
+});
+
+export { ActionListContext };
+//# sourceMappingURL=action_list_context.js.map

package/build/esm/packages/aurora/src/components/action_list/context/action_list_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;"}

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TAnchorButtonProps } from "./anchor_presets_types";
+export declare const AnchorButton: ({ position, className, selected, onChange }: TAnchorButtonProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+
+var AnchorButton = function AnchorButton(_ref) {
+  var position = _ref.position,
+    className = _ref.className,
+    selected = _ref.selected,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
+    onClick: function onClick() {
+      return onChange(position);
+    }
+  });
+};
+
+export { AnchorButton };
+//# sourceMappingURL=anchor_button.js.map

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.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;"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TAnchorPresetsProps } from "./anchor_presets_types";
+export declare const AnchorPresets: ({ value, onChange, className, buttonClassName }: TAnchorPresetsProps) => React.JSX.Element;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+import { ANCHOR_PRESETS_VALUES } from './anchor_presets_constants.js';
+import { AnchorButton } from './anchor_button.js';
+
+var AnchorPresets = function AnchorPresets(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className)
+  }, Object.values(ANCHOR_PRESETS_VALUES).map(function (val) {
+    return /*#__PURE__*/React.createElement(AnchorButton, {
+      key: val,
+      position: val,
+      selected: value === val,
+      onChange: onChange,
+      className: buttonClassName
+    });
+  }));
+};
+
+export { AnchorPresets };
+//# sourceMappingURL=anchor_presets.js.map

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

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.d.ts

@@ -0,0 +1,11 @@
+export declare const ANCHOR_PRESETS_VALUES: {
+    readonly topLeft: "top-left";
+    readonly topCenter: "top-center";
+    readonly topRight: "top-right";
+    readonly middleLeft: "middle-left";
+    readonly center: "center";
+    readonly middleRight: "middle-right";
+    readonly bottomLeft: "bottom-left";
+    readonly bottomCenter: "bottom-center";
+    readonly bottomRight: "bottom-right";
+};

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js

@@ -0,0 +1,14 @@
+var ANCHOR_PRESETS_VALUES = {
+  topLeft: 'top-left',
+  topCenter: 'top-center',
+  topRight: 'top-right',
+  middleLeft: 'middle-left',
+  center: 'center',
+  middleRight: 'middle-right',
+  bottomLeft: 'bottom-left',
+  bottomCenter: 'bottom-center',
+  bottomRight: 'bottom-right'
+};
+
+export { ANCHOR_PRESETS_VALUES };
+//# sourceMappingURL=anchor_presets_constants.js.map

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_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;"}

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.d.ts

@@ -0,0 +1,14 @@
+import { ANCHOR_PRESETS_VALUES } from "./anchor_presets_constants";
+export declare type TAnchorPresetsValue = typeof ANCHOR_PRESETS_VALUES[keyof typeof ANCHOR_PRESETS_VALUES];
+export declare type TAnchorPresetsProps = {
+    value: TAnchorPresetsValue;
+    onChange: (val: TAnchorPresetsValue) => void;
+    className?: string;
+    buttonClassName?: string;
+};
+export declare type TAnchorButtonProps = {
+    position: TAnchorPresetsValue;
+    className?: string;
+    selected: boolean;
+    onChange: (val: TAnchorPresetsValue) => void;
+};

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js

@@ -0,0 +1,2 @@
+import '@auroraComponents/anchor_presets/anchor_presets_constants';
+//# sourceMappingURL=anchor_presets_types.js.map

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor_presets_types.js","sourceRoot":"","sources":["../../../../../../../src/components/anchor_presets/anchor_presets_types.ts"],"names":[],"mappings":"AAAA,OAAsC,2DAA2D,CAAC"}

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

@@ -18,16 +18,18 @@ export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<H
     minHeight?: string | undefined;
     maxHeight?: string | undefined;
     className?: string | undefined;
+    grow?: 0 | 1 | undefined;
+    shrink?: 0 | 1 | undefined;
 } & {
     as?: "div" | "span" | "header" | "footer" | "nav" | "section" | "ul" | "ol" | "li" | undefined;
     color?: "subtle" | "subtle-light" | "inverse" | "inverse-subtle" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success" | "success-hover" | "success-active" | "success-strong" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "warning" | "warning-hover" | "warning-active" | "warning-strong" | "info" | "info-hover" | "info-active" | "info-strong" | undefined;
-    backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
-    borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "inverse-strong" | "focus" | undefined;
+    backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "subtle-strong" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
+    borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "extraStrong" | "inverse-strong" | "focus" | undefined;
     borderRadius?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"b" | "br" | "s" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full">> | undefined;
     borderWidth?: "0" | "1" | "2" | "4" | "8" | Partial<Record<"b" | "x" | "y" | "t" | "r" | "l", "0" | "1" | "2" | "4" | "8">> | undefined;
     borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
     paddings?: Partial<import("../../typings/general").TPaddings> | undefined;
-    shadow?: "s" | "l" | "m" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
+    shadow?: "s" | "m" | "l" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
     position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     zIndex?: number | undefined;
 } & {