@dreamcommerce/aurora 3.0.0-9 → 3.0.0-91

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

@@ -0,0 +1,18 @@
+import { Box } from '@auroraComponents/box/box';
+import { Stack } from '@auroraComponents/stack/stack';
+import { Typography } from '@auroraComponents/typography/typography';
+import { Divider } from '@auroraComponents/divider/divider';
+import React from 'react';
+import '@auroraComponents/divider/divider_types';
+export const ActionListLabel = ({ children, ...props }) => {
+    return (React.createElement(Box, { paddings: {
+            pl: '3',
+            pt: '2',
+            pb: '2',
+            pr: '0'
+        } },
+        React.createElement(Stack, { align: "center", justify: "center", spacing: "2.5" },
+            React.createElement(Typography, { className: "aurora-whitespace-nowrap", size: "s", color: "subtle", weight: "bold" }, children),
+            React.createElement(Divider, { ...props }))));
+};
+//# 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":"action_list_label.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAA8B,yCAAyC,CAAC;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IACxF,OAAO,CACH,oBAAC,GAAG,IACA,QAAQ,EAAE;YACN,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;SACV;QAED,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,KAAK;YAChD,oBAAC,UAAU,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,IACjF,QAAQ,CACA;YAEb,oBAAC,OAAO,OAAK,KAAK,GAAI,CAClB,CACN,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const ActionListPortal: any;

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

@@ -0,0 +1,3 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const ActionListPortal = DropdownMenuPrimitive.Portal;
+//# 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":"action_list_portal.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,MAAM,CAAC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,MAAM,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ActionListRadioGroup: React.ForwardRefExoticComponent<Pick<Pick<any, string | number | symbol> & {
+    inset?: boolean | undefined;
+}, string | number | symbol> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,6 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import React from 'react';
+import { cn } from '@auroraUtilities/cn';
+export const ActionListRadioGroup = React.forwardRef(({ className, inset, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.RadioGroup, { "data-test-el": "action-list-radio-group", ref: ref, className: cn('aurora-flex aurora-flex-col aurora-gap-1', className), ...props })));
+ActionListRadioGroup.displayName = '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":"action_list_radio_group.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_radio_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAKlD,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,oBAAC,qBAAqB,CAAC,UAAU,oBAChB,yBAAyB,EACtC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAChE,KAAK,GACX,CACL,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ActionListRadioItem: React.ForwardRefExoticComponent<Pick<Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,11 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_icon_color_tokens';
+import { CheckFillIcon } from '@auroraAssets/icons/check_fill_icon';
+import React from 'react';
+import { cn } from '@auroraUtilities/cn';
+export const ActionListRadioItem = React.forwardRef(({ className, children, disabled, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.RadioItem, { 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 },
+    React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
+        React.createElement(CheckFillIcon, { size: 20, color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base })),
+    children)));
+ActionListRadioItem.displayName = '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":"action_list_radio_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_radio_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpD,oBAAC,qBAAqB,CAAC,SAAS,IAC5B,GAAG,EAAE,GAAG,kBACK,wBAAwB,EACrC,SAAS,EAAE,EAAE,CACT,kXAAkX,EAClX,SAAS,CACZ,EACD,QAAQ,EAAE,QAAQ,KACd,KAAK;IAET,oBAAC,qBAAqB,CAAC,aAAa;QAChC,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,IAAI,GAAI,CACtF;IAErC,QAAQ,CACqB,CACrC,CAAC,CAAC;AAEH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

@@ -0,0 +1 @@
+export declare const ActionListSub: any;

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

@@ -0,0 +1,3 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export const ActionListSub = DropdownMenuPrimitive.Sub;
+//# 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":"action_list_sub.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,MAAM,CAAC,MAAM,aAAa,GAAG,qBAAqB,CAAC,GAAG,CAAC"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ActionListSubContent: React.ForwardRefExoticComponent<Pick<Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,6 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import React from 'react';
+import { cn } from '@auroraUtilities/cn';
+export const ActionListSubContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.SubContent, { 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';
+//# 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":"action_list_sub_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_sub_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAGlD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,qBAAqB,CAAC,UAAU,IAC7B,GAAG,EAAE,GAAG,kBACK,yBAAyB,EACtC,SAAS,EAAE,EAAE,CACT,4jBAA4jB,EAC5jB,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC,CAAC;AAEH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ActionListSubTrigger: React.ForwardRefExoticComponent<Pick<Pick<any, string | number | symbol> & {
+    inset?: boolean | undefined;
+    selected?: boolean | undefined;
+}, string | number | symbol> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cn } from '@auroraUtilities/cn';
+import { ArrowRightLineIcon } from '@auroraAssets/icons/arrow_right_line_icon';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_icon_color_tokens';
+import { CheckFillIcon } from '@auroraAssets/icons/check_fill_icon';
+export const ActionListSubTrigger = React.forwardRef(({ className, inset, children, selected, disabled, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.SubTrigger, { 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 ? (React.createElement(CheckFillIcon, { size: 20, color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base })) : null,
+    children,
+    React.createElement(ArrowRightLineIcon, { size: 20, color: CSS_ICON_COLOR_TOKENS_VALUES.subtle }))));
+ActionListSubTrigger.displayName = '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":"action_list_sub_trigger.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_sub_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAMlD,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrE,oBAAC,qBAAqB,CAAC,UAAU,IAC7B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,+VAA+V,EAC/V,KAAK,IAAI,aAAa,EACtB,SAAS,CACZ,kBACY,yBAAyB,KAClC,KAAK;IAER,QAAQ,CAAC,CAAC,CAAC,CACR,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,IAAI,GAAI,CAC3H,CAAC,CAAC,CAAC,IAAI;IAEP,QAAQ;IAET,oBAAC,kBAAkB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,4BAA4B,CAAC,MAAM,GAAI,CAC7C,CACtC,CAAC,CAAC;AAEH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

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>>) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ArrowDownSLineIcon } from '@auroraAssets/icons/arrow_down_s_line_icon';
+import { ActionListGenericTrigger } from '@auroraComponents/action_list/components/action_list_generic_trigger';
+import '@radix-ui/react-dropdown-menu';
+import { cn } from '@auroraUtilities/cn';
+export const ActionListTrigger = ({ children, className, ...props }) => {
+    return (React.createElement(ActionListGenericTrigger, { 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 },
+        React.createElement(React.Fragment, null,
+            children,
+            React.createElement(ArrowDownSLineIcon, { className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle", size: 20 }))));
+};
+//# 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":"action_list_trigger.js","sourceRoot":"","sources":["../../../../../../../../src/components/action_list/components/action_list_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sEAAsE,CAAC;AAChH,OAAyC,+BAA+B,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAC2E,EAAE,EAAE;IACvF,OAAO,CACH,oBAAC,wBAAwB,IACrB,SAAS,EAAE,EAAE,CACT,8XAA8X,EAC9X,SAAS,CACZ,kBACY,qBAAqB,KAC9B,KAAK;QAET;YACK,QAAQ;YAET,oBAAC,kBAAkB,IACf,SAAS,EAAC,0GAA0G,EACpH,IAAI,EAAE,EAAE,GACV,CACH,CACoB,CAC9B,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,7 +1,3 @@
-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 };
+import { PropsWithChildren } from 'react';
+import { TBadgeProps } from '@auroraComponents/badge/badge_types';
+export declare const Badge: ({ className, variant, ...props }: PropsWithChildren<TBadgeProps>) => JSX.Element;

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

@@ -1,28 +1,9 @@
-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 { cn } from '../../utilities/cn.js';
-import { BADGE_VARIANTS } from './badge_constants.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 className = _ref.className,
-    variant = _ref.variant,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/createElement("div", _objectSpread2({
-    className: cn(badgeVariants({
-      variant: variant
-    }), className)
-  }, props));
-}
-
-export { Badge, badgeVariants };
-//# sourceMappingURL=badge.js.map
+import * as React from 'react';
+import 'react';
+import '@auroraComponents/badge/badge_types';
+import { badgeVariants } from '@auroraComponents/badge/badge_variants';
+import { cn } from '@auroraUtilities/cn';
+export const Badge = ({ className, variant, ...props }) => {
+    return React.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
+};
+//# 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":"badge.js","sourceRoot":"","sources":["../../../../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkC,OAAO,CAAC;AAC1C,OAA4B,qCAAqC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAkC,EAAE,EAAE;IACtF,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACpF,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
-export declare const BADGE_VARIANTS: {
-    readonly basic: "basic";
-    readonly highlighted: "highlighted";
-    readonly danger: "danger";
-    readonly dangerGhost: "dangerGhost";
-    readonly success: "success";
-    readonly successGhost: "successGhost";
-    readonly warning: "warning";
-    readonly warningGhost: "warningGhost";
-    readonly info: "info";
-    readonly infoGhost: "infoGhost";
-};
+export declare const BADGE_VARIANTS: {
+    readonly basic: "basic";
+    readonly highlighted: "highlighted";
+    readonly danger: "danger";
+    readonly dangerGhost: "dangerGhost";
+    readonly success: "success";
+    readonly successGhost: "successGhost";
+    readonly warning: "warning";
+    readonly warningGhost: "warningGhost";
+    readonly info: "info";
+    readonly infoGhost: "infoGhost";
+};

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

@@ -1,15 +1,13 @@
-var BADGE_VARIANTS = {
-  basic: 'basic',
-  highlighted: 'highlighted',
-  danger: 'danger',
-  dangerGhost: 'dangerGhost',
-  success: 'success',
-  successGhost: 'successGhost',
-  warning: 'warning',
-  warningGhost: 'warningGhost',
-  info: 'info',
-  infoGhost: 'infoGhost'
+export const BADGE_VARIANTS = {
+    basic: 'basic',
+    highlighted: 'highlighted',
+    danger: 'danger',
+    dangerGhost: 'dangerGhost',
+    success: 'success',
+    successGhost: 'successGhost',
+    warning: 'warning',
+    warningGhost: 'warningGhost',
+    info: 'info',
+    infoGhost: 'infoGhost'
 };
-
-export { BADGE_VARIANTS };
-//# sourceMappingURL=badge_constants.js.map
+//# sourceMappingURL=badge_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"badge_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/badge/badge_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,cAAc;IAC5B,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,cAAc;IAC5B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;CAChB,CAAC"}

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";
-export interface TBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
+import * as React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import { badgeVariants } from '@auroraComponents/badge/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 @@
+export declare const badgeVariants: any;

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

@@ -0,0 +1,22 @@
+import { cva } from 'class-variance-authority';
+import { BADGE_VARIANTS } from '@auroraComponents/badge/badge_constants';
+export const 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: {
+            [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
+    }
+});
+//# sourceMappingURL=badge_variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge_variants.js","sourceRoot":"","sources":["../../../../../../../src/components/badge/badge_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC5B,2IAA2I,EAC3I;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,kBAAkB;YAC1C,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uBAAuB;YACrD,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,uCAAuC;YACjE,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,qDAAqD;YACpF,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,sCAAsC;YAC/D,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,mDAAmD;YACjF,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,mBAAmB;YAC7C,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,qDAAqD;YACpF,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,oCAAoC;YAC3D,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,+CAA+C;SAC9E;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,cAAc,CAAC,KAAK;KAChC;CACJ,CACJ,CAAC"}

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

@@ -1,5 +1,35 @@
-import React from 'react';
-import { TBoxProps } from "./box_types";
-export declare const Box: React.ForwardRefExoticComponent<TBoxProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement | null>>;
+import React from 'react';
+export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    justify?: "normal" | "center" | "start" | "end" | "stretch" | "between" | "around" | "evenly" | undefined;
+    align?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    spacing?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "0.5" | "1" | "1.5" | "2.5" | "3" | "3.5" | "5" | "7" | "9" | "10" | "11" | "14" | "20" | "28" | "32" | "36" | "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" | "footer" | "header" | "li" | "nav" | "ol" | "section" | "span" | "ul" | undefined;
+    color?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "danger-strong" | "subtle-light" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success-strong" | "warning-strong" | "info-strong" | undefined;
+    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;
+    borderColor?: "active" | "subtle" | "transparent" | "inverse" | "inverse-active" | "inverse-subtle" | "primary" | "primary-hover" | "success" | "danger" | "danger-hover" | "danger-active" | "info" | "strong" | "inverse-strong" | "danger-strong" | "focus" | undefined;
+    borderRadius?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"t" | "r" | "b" | "l" | "tl" | "tr" | "br" | "bl" | "s" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full">> | undefined;
+    borderWidth?: "0" | "2" | "4" | "8" | "1" | Partial<Record<"t" | "r" | "b" | "l" | "x" | "y", "0" | "2" | "4" | "8" | "1">> | undefined;
+    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none" | undefined;
+    paddings?: Partial<import("../../typings/general").TPaddings> | undefined;
+    shadow?: "l" | "s" | "m" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
+    position?: "absolute" | "relative" | "fixed" | "sticky" | "static" | undefined;
+    zIndex?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -1,48 +1,75 @@
 import React from 'react';
-import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cn } from '../../utilities/cn.js';
-import { BOX_COMPONENT_TYPES } from './box_constants.js';
-
-var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _cn;
-  var shadow = _ref.shadow,
-    _ref$as = _ref.as,
-    as = _ref$as === void 0 ? BOX_COMPONENT_TYPES.div : _ref$as,
-    backgroundColor = _ref.backgroundColor,
-    color = _ref.color,
-    borderColor = _ref.borderColor,
-    borderStyle = _ref.borderStyle,
-    borderWidth = _ref.borderWidth,
-    borderRadius = _ref.borderRadius,
-    paddings = _ref.paddings,
-    zIndex = _ref.zIndex,
-    position = _ref.position,
-    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,
-    minHeight = _ref.minHeight,
-    maxHeight = _ref.maxHeight;
-  var borderWidthWithSides = borderWidth;
-  var borderRadiusWithSides = borderRadius;
-  return /*#__PURE__*/React.createElement(as, {
-    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), !!(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: {
-      zIndex: zIndex,
-      width: width,
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      height: height,
-      minHeight: minHeight,
-      maxHeight: maxHeight
-    }
-  }, children);
+import '@auroraComponents/box/box_types';
+import 'react';
+import { BOX_COMPONENT_TYPES } from '@auroraComponents/box/box_constants';
+import { cn } from '@auroraUtilities/cn';
+import '@auroraConstants/css_tokens/css_tokens_types';
+import { Stack } from '@auroraComponents/stack/stack';
+export const Box = React.forwardRef(({ shadow, as = BOX_COMPONENT_TYPES.div, backgroundColor, color, borderColor, borderStyle, borderWidth, borderRadius, paddings, zIndex, position, children, width = '100%', minWidth, maxWidth, height = 'auto', minHeight, maxHeight, style, className, direction, justify, align, spacing, wrap, inline, ...rest }, ref) => {
+    const borderWidthWithSides = borderWidth;
+    const borderRadiusWithSides = borderRadius;
+    const anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
+    return React.createElement(anyStackPropertiesSet ? Stack : as, {
+        ref,
+        className: cn({
+            ['aurora-bg']: !backgroundColor,
+            [`aurora-bg-${backgroundColor}`]: !!backgroundColor,
+            [`aurora-text-${color}`]: !!color,
+            [`aurora-border`]: (!!borderColor || !!borderStyle || !!borderRadius) && !borderWidth,
+            [`aurora-border-${borderColor}`]: !!borderColor,
+            [`aurora-border-${borderStyle}`]: !!borderStyle,
+            [`aurora-border-${borderWidth}`]: !!borderWidth && typeof borderWidth === 'string',
+            [`aurora-border-t${borderWidthWithSides?.t === '1' ? '' : `-${borderWidthWithSides?.t}`}`]: !!borderWidthWithSides?.t,
+            [`aurora-border-b${borderWidthWithSides?.b === '1' ? '' : `-${borderWidthWithSides?.b}`}`]: !!borderWidthWithSides?.b,
+            [`aurora-border-r${borderWidthWithSides?.r === '1' ? '' : `-${borderWidthWithSides?.r}`}`]: !!borderWidthWithSides?.r,
+            [`aurora-border-l${borderWidthWithSides?.l === '1' ? '' : `-${borderWidthWithSides?.l}`}`]: !!borderWidthWithSides?.l,
+            [`aurora-border-x${borderWidthWithSides?.x === '1' ? '' : `-${borderWidthWithSides?.x}`}`]: !!borderWidthWithSides?.x,
+            [`aurora-border-y${borderWidthWithSides?.y === '1' ? '' : `-${borderWidthWithSides?.y}`}`]: !!borderWidthWithSides?.y,
+            [`aurora-rounded-${borderRadius}`]: !!borderRadius && typeof borderRadius === 'string',
+            [`aurora-rounded-t-${borderRadiusWithSides?.t}`]: !!borderRadiusWithSides?.t,
+            [`aurora-rounded-b-${borderRadiusWithSides?.b}`]: !!borderRadiusWithSides?.b,
+            [`aurora-rounded-r-${borderRadiusWithSides?.r}`]: !!borderRadiusWithSides?.r,
+            [`aurora-rounded-l-${borderRadiusWithSides?.l}`]: !!borderRadiusWithSides?.l,
+            [`aurora-rounded-tl-${borderRadiusWithSides?.tl}`]: !!borderRadiusWithSides?.tl,
+            [`aurora-rounded-tr-${borderRadiusWithSides?.tr}`]: !!borderRadiusWithSides?.tr,
+            [`aurora-rounded-bl-${borderRadiusWithSides?.bl}`]: !!borderRadiusWithSides?.bl,
+            [`aurora-rounded-br-${borderRadiusWithSides?.br}`]: !!borderRadiusWithSides?.br,
+            [`aurora-rounded-ee-${borderRadiusWithSides?.ee}`]: !!borderRadiusWithSides?.ee,
+            [`aurora-rounded-es-${borderRadiusWithSides?.es}`]: !!borderRadiusWithSides?.es,
+            [`aurora-rounded-ss-${borderRadiusWithSides?.ss}`]: !!borderRadiusWithSides?.ss,
+            [`aurora-rounded-se-${borderRadiusWithSides?.se}`]: !!borderRadiusWithSides?.se,
+            [`aurora-rounded-s-${borderRadiusWithSides?.s}`]: !!borderRadiusWithSides?.s,
+            [`aurora-rounded-e-${borderRadiusWithSides?.e}`]: !!borderRadiusWithSides?.e,
+            [`aurora-shadow-${shadow}`]: !!shadow,
+            [`aurora-p-${paddings?.p}`]: !!paddings?.p,
+            [`aurora-pt-${paddings?.pt}`]: !!paddings?.pt,
+            [`aurora-pr-${paddings?.pr}`]: !!paddings?.pr,
+            [`aurora-pb-${paddings?.pb}`]: !!paddings?.pb,
+            [`aurora-pl-${paddings?.pl}`]: !!paddings?.pl,
+            [`aurora-px-${paddings?.px}`]: !!paddings?.px,
+            [`aurora-py-${paddings?.py}`]: !!paddings?.py,
+            [`aurora-ps-${paddings?.ps}`]: !!paddings?.ps,
+            [`aurora-pe-${paddings?.pe}`]: !!paddings?.pe,
+            [`aurora-${position}`]: !!position
+        }, className),
+        style: {
+            zIndex,
+            width,
+            minWidth,
+            maxWidth,
+            height,
+            minHeight,
+            maxHeight,
+            ...(style ?? {})
+        },
+        direction,
+        justify,
+        align,
+        spacing,
+        wrap,
+        inline,
+        ...rest
+    }, children);
 });
 Box.displayName = 'Box';
-
-export { Box };
-//# sourceMappingURL=box.js.map
+//# 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../../../../../src/components/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA0B,iCAAiC,CAAC;AAC5D,OAAkC,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAA6F,8CAA8C,CAAC;AAC5I,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAC/B,CACI,EACI,MAAM,EACN,EAAE,GAAG,mBAAmB,CAAC,GAAG,EAC5B,eAAe,EACf,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,SAAS,EACT,SAAS,EACT,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,GAAG,IAAI,EACoB,EAC/B,GAAG,EACL,EAAE;IACA,MAAM,oBAAoB,GAAG,WAAuE,CAAC;IACrG,MAAM,qBAAqB,GAAG,YAAyE,CAAC;IACxG,MAAM,qBAAqB,GAAG,SAAS,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,IAAI,IAAI,IAAI,MAAM,CAAC;IAEzF,OAAO,KAAK,CAAC,aAAa,CACtB,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAClC;QACI,GAAG;QACH,SAAS,EAAE,EAAE,CACT;YACI,CAAC,WAAW,CAAC,EAAE,CAAC,eAAe;YAC/B,CAAC,aAAa,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC,eAAe;YACnD,CAAC,eAAe,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK;YACjC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW;YACrF,CAAC,iBAAiB,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW;YAC/C,CAAC,iBAAiB,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW;YAC/C,CAAC,iBAAiB,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ;YAClF,CAAC,kBAAkB,oBAAoB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC;YACrH,CAAC,kBAAkB,oBAAoB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC;YACrH,CAAC,kBAAkB,oBAAoB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC;YACrH,CAAC,kBAAkB,oBAAoB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC;YACrH,CAAC,kBAAkB,oBAAoB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC;YACrH,CAAC,kBAAkB,oBAAoB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC;YACrH,CAAC,kBAAkB,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,YAAY,IAAI,OAAO,YAAY,KAAK,QAAQ;YACtF,CAAC,oBAAoB,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC5E,CAAC,oBAAoB,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC5E,CAAC,oBAAoB,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC5E,CAAC,oBAAoB,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC5E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,qBAAqB,qBAAqB,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE;YAC/E,CAAC,oBAAoB,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC5E,CAAC,oBAAoB,qBAAqB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC5E,CAAC,iBAAiB,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;YACrC,CAAC,YAAY,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC1C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,aAAa,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC7C,CAAC,UAAU,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ;SACrC,EACD,SAAS,CACZ;QACD,KAAK,EAAE;YACH,MAAM;YACN,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,SAAS;YACT,SAAS;YACT,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;SACnB;QACD,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,IAAI;QACJ,MAAM;QACN,GAAG,IAAI;KACV,EACD,QAAQ,CACX,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

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 section: "section";
-};
+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,8 +1,12 @@
-var BOX_COMPONENT_TYPES = {
-  div: 'div',
-  span: 'span',
-  section: 'section'
+export const BOX_COMPONENT_TYPES = {
+    div: 'div',
+    span: 'span',
+    header: 'header',
+    footer: 'footer',
+    nav: 'nav',
+    section: 'section',
+    ul: 'ul',
+    ol: 'ol',
+    li: 'li'
 };
-
-export { BOX_COMPONENT_TYPES };
-//# sourceMappingURL=box_constants.js.map
+//# sourceMappingURL=box_constants.js.map

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":"box_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/box/box_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,SAAS;IAClB,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACF,CAAC"}