@dreamcommerce/aurora 3.0.0-6 → 3.0.0-60

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Item } from '@radix-ui/react-dropdown-menu';
+
+var _excluded = ["className", "inset"];
+var ActionListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    props = _objectWithoutProperties(_ref, _excluded);
+  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)
+  }, props));
+});
+ActionListItem.displayName = 'ActionListItem';
+
+export { ActionListItem };
+//# sourceMappingURL=action_list_item.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from 'react';
+import { TDividerProps } from "../../divider/divider_types";
+export declare const ActionListLabel: ({ children, ...props }: PropsWithChildren<TDividerProps>) => React.JSX.Element;

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

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

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const ActionListPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;

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

@@ -0,0 +1,6 @@
+import { Portal } from '@radix-ui/react-dropdown-menu';
+
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+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

@@ -0,0 +1,20 @@
+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 _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

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

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

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

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

@@ -0,0 +1,27 @@
+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 { RadioItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
+import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
+
+var _excluded = ["className", "children", "disabled"];
+var ActionListRadioItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  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),
+    disabled: disabled
+  }, props), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckFillIcon, {
+    size: 20,
+    color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
+  })), children);
+});
+ActionListRadioItem.displayName = 'ActionListRadioItem';
+
+export { ActionListRadioItem };
+//# sourceMappingURL=action_list_radio_item.js.map

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const ActionListSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;

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

@@ -0,0 +1,6 @@
+import { Sub } from '@radix-ui/react-dropdown-menu';
+
+var ActionListSub = Sub;
+
+export { ActionListSub };
+//# sourceMappingURL=action_list_sub.js.map

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

@@ -0,0 +1 @@
+{"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_sub_content.d.ts

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

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

@@ -0,0 +1,19 @@
+import React 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';
+
+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({
+    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)
+  }, props));
+});
+ActionListSubContent.displayName = 'ActionListSubContent';
+
+export { ActionListSubContent };
+//# sourceMappingURL=action_list_sub_content.js.map

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.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/action_list/components/action_list_sub_trigger.d.ts

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,32 @@
+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 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),
+    "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, {
+    size: 20,
+    color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
+  }));
+});
+ActionListSubTrigger.displayName = 'ActionListSubTrigger';
+
+export { ActionListSubTrigger };
+//# sourceMappingURL=action_list_sub_trigger.js.map

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

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

@@ -0,0 +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;

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

@@ -0,0 +1,23 @@
+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 { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
+
+var _excluded = ["children", "className"];
+var ActionListTrigger = function ActionListTrigger(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    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),
+    "data-test-el": "action-list-trigger"
+  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__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 };
+//# sourceMappingURL=action_list_trigger.js.map

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

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

@@ -1,7 +1,4 @@
+import * as React from 'react';
 import { PropsWithChildren } from 'react';
 import { TBadgeProps } from "./badge_types";
-declare const badgeVariants: (props?: ({
-    variant?: "basic" | "highlighted" | "danger" | "dangerGhost" | "success" | "successGhost" | "warning" | "warningGhost" | "info" | "infoGhost" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Badge({ className, variant, ...props }: PropsWithChildren<TBadgeProps>): JSX.Element;
-export { Badge, badgeVariants };
+export declare const Badge: ({ className, variant, ...props }: PropsWithChildren<TBadgeProps>) => React.JSX.Element;

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

@@ -1,19 +1,10 @@
 import { createElement } from 'react';
-import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { BADGE_VARIANTS } from './badge_constants.js';
+import { badgeVariants } from './badge_variants.js';
 
 var _excluded = ["className", "variant"];
-var badgeVariants = cva('aurora-inline-flex aurora-gap-1.5 aurora-items-center aurora-text-xs aurora-py-0.5 aurora-px-2.5 aurora-rounded-full aurora-font-semibold', {
-  variants: {
-    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BADGE_VARIANTS.basic, 'aurora-bg-subtle'), BADGE_VARIANTS.highlighted, 'aurora-bg-highlighted'), BADGE_VARIANTS.success, 'aurora-bg-success aurora-text-inverse'), BADGE_VARIANTS.successGhost, 'aurora-bg-success-subtle aurora-text-success-strong'), BADGE_VARIANTS.danger, 'aurora-bg-danger aurora-text-inverse'), BADGE_VARIANTS.dangerGhost, 'aurora-bg-danger-subtle aurora-text-danger-strong'), BADGE_VARIANTS.warning, 'aurora-bg-warning'), BADGE_VARIANTS.warningGhost, 'aurora-bg-warning-subtle aurora-text-warning-strong'), BADGE_VARIANTS.info, 'aurora-bg-info aurora-text-inverse'), BADGE_VARIANTS.infoGhost, 'aurora-bg-info-subtle aurora-text-info-strong')
-  },
-  defaultVariants: {
-    variant: BADGE_VARIANTS.basic
-  }
-});
-function Badge(_ref) {
+var Badge = function Badge(_ref) {
   var className = _ref.className,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -22,7 +13,7 @@ function Badge(_ref) {
       variant: variant
     }), className)
   }, props));
-}
+};
 
-export { Badge, badgeVariants };
+export { Badge };
 //# sourceMappingURL=badge.js.map

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

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

package/build/esm/packages/aurora/src/components/badge/badge_types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import type { VariantProps } from 'class-variance-authority';
-import { badgeVariants } from "./badge";
+import { badgeVariants } from "./badge_variants";
 export interface TBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/build/esm/packages/aurora/src/components/badge/badge_types.js

@@ -1,3 +1,3 @@
 import 'react';
-import '@auroraComponents/badge/badge';
+import '@auroraComponents/badge/badge_variants';
 //# sourceMappingURL=badge_types.js.map

package/build/esm/packages/aurora/src/components/badge/badge_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge_types.js","sourceRoot":"","sources":["../../../../../../../src/components/badge/badge_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAE/B,OAA8B,+BAA+B,CAAC"}
+{"version":3,"file":"badge_types.js","sourceRoot":"","sources":["../../../../../../../src/components/badge/badge_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAE/B,OAA8B,wCAAwC,CAAC"}

package/build/esm/packages/aurora/src/components/badge/badge_variants.d.ts

@@ -0,0 +1,3 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "basic" | "highlighted" | "danger" | "dangerGhost" | "success" | "successGhost" | "warning" | "warningGhost" | "info" | "infoGhost" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/badge/badge_variants.js

@@ -0,0 +1,15 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { BADGE_VARIANTS } from './badge_constants.js';
+
+var badgeVariants = cva('aurora-inline-flex aurora-gap-1.5 aurora-items-center aurora-text-xs aurora-py-0.5 aurora-px-2.5 aurora-rounded-full aurora-font-semibold', {
+  variants: {
+    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BADGE_VARIANTS.basic, 'aurora-bg-subtle'), BADGE_VARIANTS.highlighted, 'aurora-bg-highlighted'), BADGE_VARIANTS.success, 'aurora-bg-success aurora-text-inverse'), BADGE_VARIANTS.successGhost, 'aurora-bg-success-subtle aurora-text-success-strong'), BADGE_VARIANTS.danger, 'aurora-bg-danger aurora-text-inverse'), BADGE_VARIANTS.dangerGhost, 'aurora-bg-danger-subtle aurora-text-danger-strong'), BADGE_VARIANTS.warning, 'aurora-bg-warning'), BADGE_VARIANTS.warningGhost, 'aurora-bg-warning-subtle aurora-text-warning-strong'), BADGE_VARIANTS.info, 'aurora-bg-info aurora-text-inverse'), BADGE_VARIANTS.infoGhost, 'aurora-bg-info-subtle aurora-text-info-strong')
+  },
+  defaultVariants: {
+    variant: BADGE_VARIANTS.basic
+  }
+});
+
+export { badgeVariants };
+//# sourceMappingURL=badge_variants.js.map

package/build/esm/packages/aurora/src/components/badge/badge_variants.js.map

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

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

@@ -1,11 +1,35 @@
 import React from 'react';
-import { TBoxProps } from "./box_types";
-import { PropsWithChildren } from 'react';
-export declare const Box: ({ shadow, as, backgroundColor, color, borderColor, borderStyle, borderWidth, borderRadius, paddings, zIndex, position, children, width, height }: PropsWithChildren<TBoxProps>) => React.DetailedReactHTMLElement<{
-    className: string;
-    style: {
-        zIndex: number | undefined;
-        width: string;
-        height: string;
-    };
-}, HTMLElement>;
+export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | undefined;
+    align?: "start" | "end" | "center" | "stretch" | "baseline" | undefined;
+    spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
+    wrap?: string | undefined;
+    children?: React.ReactNode;
+    as?: string | undefined;
+    inline?: boolean | undefined;
+    style?: Record<any, any> | undefined;
+    attributes?: Record<string, any> | undefined;
+    onMouseDown?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    width?: string | undefined;
+    minWidth?: string | undefined;
+    maxWidth?: string | undefined;
+    height?: string | undefined;
+    minHeight?: string | undefined;
+    maxHeight?: string | undefined;
+    className?: string | 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;
+    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;
+    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+    zIndex?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -1,9 +1,11 @@
 import React from 'react';
-import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { BOX_COMPONENT_TYPES } from './box_constants.js';
+import { Stack } from '../stack/stack.js';
 
-var Box = function Box(_ref) {
+var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justify", "align", "spacing", "wrap", "inline"];
+var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _cn;
   var shadow = _ref.shadow,
     _ref$as = _ref.as,
@@ -20,19 +22,45 @@ var Box = function Box(_ref) {
     children = _ref.children,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? '100%' : _ref$width,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 'auto' : _ref$height;
+    height = _ref$height === void 0 ? 'auto' : _ref$height,
+    minHeight = _ref.minHeight,
+    maxHeight = _ref.maxHeight,
+    style = _ref.style,
+    className = _ref.className,
+    direction = _ref.direction,
+    justify = _ref.justify,
+    align = _ref.align,
+    spacing = _ref.spacing,
+    wrap = _ref.wrap,
+    inline = _ref.inline,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var borderWidthWithSides = borderWidth;
   var borderRadiusWithSides = borderRadius;
-  return /*#__PURE__*/React.createElement(as, {
-    className: cn('', (_cn = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, 'aurora-bg', !backgroundColor), "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-text-".concat(color), !!color), "aurora-border", (!!borderColor || !!borderStyle || !!borderRadius) && !borderWidth), "aurora-border-".concat(borderColor), !!borderColor), "aurora-border-".concat(borderStyle), !!borderStyle), "aurora-border-".concat(borderWidth), !!borderWidth && typeof borderWidth === 'string'), "aurora-border-t-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.t)), "aurora-border-b-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.b)), "aurora-border-r-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.r)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-border-l-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.l)), "aurora-border-x-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.x)), "aurora-border-y-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.y)), "aurora-rounded-".concat(borderRadius), !!borderRadius && typeof borderRadius === 'string'), "aurora-rounded-t-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.t), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.t)), "aurora-rounded-b-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.b), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.b)), "aurora-rounded-r-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.r), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.r)), "aurora-rounded-l-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.l), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.l)), "aurora-rounded-tl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tl)), "aurora-rounded-tr-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tr), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tr)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-rounded-bl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.bl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.bl)), "aurora-rounded-br-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.br), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.br)), "aurora-rounded-ee-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ee), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ee)), "aurora-rounded-es-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.es), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.es)), "aurora-rounded-ss-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ss), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ss)), "aurora-rounded-se-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.se), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.se)), "aurora-rounded-s-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.s), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.s)), "aurora-rounded-e-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.e), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.e)), "aurora-shadow-".concat(shadow), !!shadow), "aurora-p-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.p), !!(paddings !== null && paddings !== void 0 && paddings.p)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-pt-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pt), !!(paddings !== null && paddings !== void 0 && paddings.pt)), "aurora-pr-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pr), !!(paddings !== null && paddings !== void 0 && paddings.pr)), "aurora-pb-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pb), !!(paddings !== null && paddings !== void 0 && paddings.pb)), "aurora-pl-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pl), !!(paddings !== null && paddings !== void 0 && paddings.pl)), "aurora-px-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.px), !!(paddings !== null && paddings !== void 0 && paddings.px)), "aurora-py-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.py), !!(paddings !== null && paddings !== void 0 && paddings.py)), "aurora-ps-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.ps), !!(paddings !== null && paddings !== void 0 && paddings.ps)), "aurora-pe-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pe), !!(paddings !== null && paddings !== void 0 && paddings.pe)), "aurora-".concat(position), !!position))),
-    style: {
+  var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
+  return /*#__PURE__*/React.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
+    ref: ref,
+    className: cn((_cn = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, 'aurora-bg', !backgroundColor), "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-text-".concat(color), !!color), "aurora-border", (!!borderColor || !!borderStyle || !!borderRadius) && !borderWidth), "aurora-border-".concat(borderColor), !!borderColor), "aurora-border-".concat(borderStyle), !!borderStyle), "aurora-border-".concat(borderWidth), !!borderWidth && typeof borderWidth === 'string'), "aurora-border-t".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.t)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.t)), "aurora-border-b".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.b)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.b)), "aurora-border-r".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.r)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.r)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-border-l".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.l)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.l)), "aurora-border-x".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.x)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.x)), "aurora-border-y".concat((borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y) === '1' ? '' : "-".concat(borderWidthWithSides === null || borderWidthWithSides === void 0 ? void 0 : borderWidthWithSides.y)), !!(borderWidthWithSides !== null && borderWidthWithSides !== void 0 && borderWidthWithSides.y)), "aurora-rounded-".concat(borderRadius), !!borderRadius && typeof borderRadius === 'string'), "aurora-rounded-t-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.t), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.t)), "aurora-rounded-b-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.b), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.b)), "aurora-rounded-r-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.r), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.r)), "aurora-rounded-l-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.l), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.l)), "aurora-rounded-tl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tl)), "aurora-rounded-tr-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.tr), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.tr)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-rounded-bl-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.bl), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.bl)), "aurora-rounded-br-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.br), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.br)), "aurora-rounded-ee-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ee), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ee)), "aurora-rounded-es-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.es), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.es)), "aurora-rounded-ss-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.ss), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.ss)), "aurora-rounded-se-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.se), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.se)), "aurora-rounded-s-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.s), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.s)), "aurora-rounded-e-".concat(borderRadiusWithSides === null || borderRadiusWithSides === void 0 ? void 0 : borderRadiusWithSides.e), !!(borderRadiusWithSides !== null && borderRadiusWithSides !== void 0 && borderRadiusWithSides.e)), "aurora-shadow-".concat(shadow), !!shadow), "aurora-p-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.p), !!(paddings !== null && paddings !== void 0 && paddings.p)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cn, "aurora-pt-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pt), !!(paddings !== null && paddings !== void 0 && paddings.pt)), "aurora-pr-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pr), !!(paddings !== null && paddings !== void 0 && paddings.pr)), "aurora-pb-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pb), !!(paddings !== null && paddings !== void 0 && paddings.pb)), "aurora-pl-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pl), !!(paddings !== null && paddings !== void 0 && paddings.pl)), "aurora-px-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.px), !!(paddings !== null && paddings !== void 0 && paddings.px)), "aurora-py-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.py), !!(paddings !== null && paddings !== void 0 && paddings.py)), "aurora-ps-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.ps), !!(paddings !== null && paddings !== void 0 && paddings.ps)), "aurora-pe-".concat(paddings === null || paddings === void 0 ? void 0 : paddings.pe), !!(paddings !== null && paddings !== void 0 && paddings.pe)), "aurora-".concat(position), !!position)), className),
+    style: _objectSpread2({
       zIndex: zIndex,
       width: width,
-      height: height
-    }
-  }, children);
-};
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      height: height,
+      minHeight: minHeight,
+      maxHeight: maxHeight
+    }, style !== null && style !== void 0 ? style : {}),
+    direction: direction,
+    justify: justify,
+    align: align,
+    spacing: spacing,
+    wrap: wrap,
+    inline: inline
+  }, rest), children);
+});
+Box.displayName = 'Box';
 
 export { Box };
 //# sourceMappingURL=box.js.map

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

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

@@ -1,5 +1,11 @@
 export declare const BOX_COMPONENT_TYPES: {
     readonly div: "div";
     readonly span: "span";
+    readonly header: "header";
+    readonly footer: "footer";
+    readonly nav: "nav";
     readonly section: "section";
+    readonly ul: "ul";
+    readonly ol: "ol";
+    readonly li: "li";
 };

package/build/esm/packages/aurora/src/components/box/box_constants.js

@@ -1,7 +1,13 @@
 var BOX_COMPONENT_TYPES = {
   div: 'div',
   span: 'span',
-  section: 'section'
+  header: 'header',
+  footer: 'footer',
+  nav: 'nav',
+  section: 'section',
+  ul: 'ul',
+  ol: 'ol',
+  li: 'li'
 };
 
 export { BOX_COMPONENT_TYPES };

package/build/esm/packages/aurora/src/components/box/box_constants.js.map

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

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

@@ -2,7 +2,9 @@ import { BOX_COMPONENT_TYPES } from "./box_constants";
 import { Any } from 'ts-toolbelt';
 import { TCssBackgroundTokens, TCssBorderColorTokens, TCssBorderRadiusSideTokens, TCssBorderRadiusTokens, TCssBorderStyleTokens, TCssBorderWidthSideTokens, TCssBorderWidthTokens, TCssBoxShadowTokens, TCssPositionTokens, TCssTextColorTokens } from "../../constants/css_tokens/css_tokens_types";
 import { TPaddings } from "../../typings/general";
-export declare type TBoxProps = {
+import * as React from 'react';
+import { TStackProps } from "../stack/stack_types";
+export declare type TBoxProps = React.HTMLAttributes<HTMLElement> & TStackProps & {
     as?: TBoxComponentTypes;
     color?: TCssTextColorTokens;
     backgroundColor?: TCssBackgroundTokens;
@@ -14,7 +16,5 @@ export declare type TBoxProps = {
     shadow?: TCssBoxShadowTokens;
     position?: TCssPositionTokens;
     zIndex?: number;
-    width?: string;
-    height?: string;
 };
 export declare type TBoxComponentTypes = Any.Keys<typeof BOX_COMPONENT_TYPES>;

package/build/esm/packages/aurora/src/components/box/box_types.js

@@ -2,4 +2,6 @@ import '@auroraComponents/box/box_constants';
 import 'ts-toolbelt';
 import '@auroraConstants/css_tokens/css_tokens_types';
 import '@auroraTypings/general';
+import 'react';
+import '@auroraComponents/stack/stack_types';
 //# sourceMappingURL=box_types.js.map