@dreamcommerce/aurora 3.0.0-27 → 3.0.0-271

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

@@ -1,7 +1,68 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-import { cn } from '@auroraUtilities/cn';
-export const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(AccordionPrimitive.Content, { ref: ref, className: "aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down", ...props },
-    React.createElement("div", { className: cn('aurora-px-4 aurora-pb-4', className) }, children))));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-//# sourceMappingURL=accordion_content.js.map
+import React, { useImperativeHandle, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Content } from '@radix-ui/react-accordion';
+import { cn } from '../../../utilities/cn.js';
+
+var _excluded = ["className", "children", "forceMount"];
+var AccordionContent = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+  var className = _ref.className,
+    children = _ref.children,
+    forceMount = _ref.forceMount,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var contentRef = React.useRef(null);
+  var _React$useState = React.useState('0px'),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    height = _React$useState2[0],
+    setHeight = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isOpen = _React$useState4[0],
+    setIsOpen = _React$useState4[1];
+  var localRef = React.useRef(null);
+  useImperativeHandle(forwardedRef, function () {
+    return localRef.current;
+  }, []);
+  useEffect(function () {
+    var element = localRef.current;
+    if (!element) return;
+    var handleStateChange = function handleStateChange() {
+      var isOpenState = element.getAttribute('data-state') === 'open';
+      setIsOpen(isOpenState);
+    };
+    handleStateChange();
+    var observer = new MutationObserver(handleStateChange);
+    observer.observe(element, {
+      attributes: true,
+      attributeFilter: ['data-state']
+    });
+    if (!contentRef.current) return;
+    var resizeObserver = new ResizeObserver(function (entries) {
+      entries.forEach(function (entry) {
+        setHeight("".concat(entry.contentRect.height, "px"));
+      });
+    });
+    resizeObserver.observe(contentRef.current);
+    return function () {
+      observer.disconnect();
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Content, _objectSpread2({
+    ref: localRef,
+    forceMount: forceMount,
+    className: cn('aurora-overflow-hidden aurora-transition-all aurora-duration-200]', {
+      'data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down': !forceMount
+    }, className),
+    style: forceMount ? {
+      maxHeight: isOpen ? height : '0px',
+      opacity: isOpen ? 1 : 0
+    } : {},
+    "aria-hidden": !isOpen
+  }, props), /*#__PURE__*/React.createElement("div", {
+    ref: contentRef
+  }, children));
+});
+AccordionContent.displayName = Content.displayName;
+
+export { AccordionContent };
+//# sourceMappingURL=accordion_content.js.map

package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,kBAAkB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wHAAwH,KAC9H,KAAK;IAET,6BAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACjD,CAChC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/accordion/components/accordion_item.d.ts

@@ -1,3 +1,5 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
-export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<{
+    borderStyle?: "none" | "solid" | "dashed" | "dotted" | "double" | undefined;
+} & Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,19 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-import { cn } from '@auroraUtilities/cn';
-export const AccordionItem = React.forwardRef(({ className, ...props }, ref) => React.createElement(AccordionPrimitive.Item, { ref: ref, className: cn(className), ...props }));
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Item } from '@radix-ui/react-accordion';
+import { cn } from '../../../utilities/cn.js';
+
+var _excluded = ["className", "borderStyle"];
+var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    borderStyle = _ref.borderStyle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Item, _objectSpread2({
+    ref: ref,
+    className: cn('aurora-border-t last:aurora-border-b data-[state=open]:aurora-border-b-0', _defineProperty({}, "aurora-border-".concat(borderStyle), !!borderStyle), className)
+  }, props));
+});
 AccordionItem.displayName = 'AccordionItem';
-//# sourceMappingURL=accordion_item.js.map
+
+export { AccordionItem };
+//# sourceMappingURL=accordion_item.js.map

package/build/esm/packages/aurora/src/components/accordion/components/accordion_item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAC,kBAAkB,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC,CAAC;AAEhH,aAAa,CAAC,WAAW,GAAG,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;"}

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

@@ -1,3 +1,8 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<{
+    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;
+} & Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,10 +1,33 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-import { ArrowRightIcon } from '@auroraAssets/icons/arrow_right';
-import { cn } from '@auroraUtilities/cn';
-export const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(AccordionPrimitive.Header, { className: "aurora-flex" },
-    React.createElement(AccordionPrimitive.Trigger, { ref: ref, className: cn('aurora-flex aurora-flex-1 aurora-items-center aurora-py-4 aurora-text-sm aurora-font-medium aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', className), ...props },
-        React.createElement(ArrowRightIcon, { className: "aurora-h-6 aurora-w-6 aurora-ml-2 aurora-mr-2 aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200" }),
-        children))));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-//# sourceMappingURL=accordion_trigger.js.map
+import { forwardRef, useContext, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Header, Trigger } from '@radix-ui/react-accordion';
+import { ACCORDION_SIZES } from '../accordion_constants.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
+import { AccordionContext } from '../context/accordion_context.js';
+import { cn } from '../../../utilities/cn.js';
+import { ArrowRightIcon } from '../../../assets/icons/arrow_right.js';
+
+var _excluded = ["className", "children", "backgroundColor", "icon", "iconColor"];
+var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    backgroundColor = _ref.backgroundColor,
+    icon = _ref.icon,
+    _ref$iconColor = _ref.iconColor,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var accordionContext = useContext(AccordionContext);
+  return /*#__PURE__*/createElement(Header, {
+    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-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.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));
+});
+AccordionTrigger.displayName = Trigger.displayName;
+
+export { AccordionTrigger };
+//# sourceMappingURL=accordion_trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion_trigger.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,aAAa;IAC9C,oBAAC,kBAAkB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,6JAA6J,EAC7J,SAAS,CACZ,KACG,KAAK;QAET,oBAAC,cAAc,IAAC,SAAS,EAAC,4IAA4I,GAAG;QAExK,QAAQ,CACgB,CACL,CAC/B,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

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

package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ACCORDION_SIZES } from '../accordion_constants.js';
+
+var AccordionContext = /*#__PURE__*/React.createContext({
+  size: ACCORDION_SIZES.default
+});
+
+export { AccordionContext };
+//# sourceMappingURL=accordion_context.js.map

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 t__default from 'react';
+import React, { useContext, useEffect } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Root as Root2 } from '../../../../../external/@radix-ui/react-dropdown-menu/dist/index.mjs.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);
-  return /*#__PURE__*/t__default.createElement(Root2, _objectSpread2(_objectSpread2({}, props), {}, {
+  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,8BAA8B,yEAA6E;AAC3G;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/action_list/action_list_variants.js.map

@@ -0,0 +1 @@
+{"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,19 +1,27 @@
-import t__default from 'react';
+import React, { useContext } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Portal as Portal2, Content as Content2 } from '../../../../../../external/@radix-ui/react-dropdown-menu/dist/index.mjs.js';
 import { cn } from '../../../utilities/cn.js';
+import { Content, Portal } from '@radix-ui/react-dropdown-menu';
+import { ActionListContext } from '../context/action_list_context.js';
 
 var _excluded = ["className", "sideOffset"];
-var ActionListContent = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
+var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$sideOffset = _ref.sideOffset,
     sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/t__default.createElement(Portal2, null, /*#__PURE__*/t__default.createElement(Content2, _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,uDAAuD,4EAAgF;AACvI;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_divider.js

@@ -1,9 +1,9 @@
-import t__default from 'react';
+import React from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Divider } from '../../divider/divider.js';
 
 var ActionListDivider = function ActionListDivider(props) {
-  return /*#__PURE__*/t__default.createElement(Divider, _objectSpread2({}, props));
+  return /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props));
 };
 
 export { ActionListDivider };

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

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

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

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

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

@@ -1,3 +1,5 @@
-/// <reference types="react" />
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-export declare const ActionListGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const ActionListGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,20 @@
-import { Group as Group2 } from '../../../../../../external/@radix-ui/react-dropdown-menu/dist/index.mjs.js';
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Group } from '@radix-ui/react-dropdown-menu';
 
-var ActionListGroup = Group2;
+var _excluded = ["className", "inset"];
+var ActionListGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Group, _objectSpread2({
+    "data-test-el": "action-list-group",
+    ref: ref,
+    className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
+  }, props));
+});
+ActionListGroup.displayName = 'ActionListGroup';
 
 export { ActionListGroup };
 //# sourceMappingURL=action_list_group.js.map

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

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

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

@@ -1,16 +1,17 @@
-import t__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Item as Item2 } from '../../../../../../external/@radix-ui/react-dropdown-menu/dist/index.mjs.js';
 import { cn } from '../../../utilities/cn.js';
+import { Item } from '@radix-ui/react-dropdown-menu';
 
 var _excluded = ["className", "inset"];
-var ActionListItem = /*#__PURE__*/t__default.forwardRef(function (_ref, ref) {
+var ActionListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inset = _ref.inset,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/t__default.createElement(Item2, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
     ref: ref,
-    className: cn('aurora-relative aurora-outline-none aurora-flex aurora-cursor-default 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)
+    "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-text-subtle-light', inset && 'aurora-pl-8', className)
   }, props));
 });
 ActionListItem.displayName = 'ActionListItem';

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

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

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

@@ -1,4 +1,4 @@
-import t__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../stack/stack.js';
 import { Box } from '../../box/box.js';
@@ -9,23 +9,23 @@ var _excluded = ["children"];
 var ActionListLabel = function ActionListLabel(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/t__default.createElement(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     paddings: {
       pl: '3',
       pt: '2',
       pb: '2',
       pr: '0'
     }
-  }, /*#__PURE__*/t__default.createElement(Stack, {
-    alignItems: "center",
-    justifyContent: "center",
+  }, /*#__PURE__*/React.createElement(Stack, {
+    align: "center",
+    justify: "center",
     spacing: "2.5"
-  }, /*#__PURE__*/t__default.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     className: "aurora-whitespace-nowrap",
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/t__default.createElement(Divider, _objectSpread2({}, props))));
+  }, children), /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props))));
 };
 
 export { ActionListLabel };

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

@@ -1,6 +1,6 @@
-import { Portal as Portal2 } from '../../../../../../external/@radix-ui/react-dropdown-menu/dist/index.mjs.js';
+import { Portal } from '@radix-ui/react-dropdown-menu';
 
-var ActionListPortal = Portal2;
+var ActionListPortal = Portal;
 
 export { ActionListPortal };
 //# sourceMappingURL=action_list_portal.js.map

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

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

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

@@ -1,3 +1,5 @@
-/// <reference types="react" />
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-export declare const ActionListRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+import React from 'react';
+export declare const ActionListRadioGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,20 @@
-import { RadioGroup as RadioGroup2 } from '../../../../../../external/@radix-ui/react-dropdown-menu/dist/index.mjs.js';
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { RadioGroup } from '@radix-ui/react-dropdown-menu';
 
-var ActionListRadioGroup = RadioGroup2;
+var _excluded = ["className", "inset"];
+var ActionListRadioGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(RadioGroup, _objectSpread2({
+    "data-test-el": "action-list-radio-group",
+    ref: ref,
+    className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
+  }, props));
+});
+ActionListRadioGroup.displayName = 'ActionListRadioGroup';
 
 export { ActionListRadioGroup };
 //# sourceMappingURL=action_list_radio_group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,0CAA0C,4EAAgF;AAC1H;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;"}

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

@@ -1,3 +1,3 @@
-import React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import React from 'react';
 export declare const ActionListRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;