@dreamcommerce/aurora 3.0.0-32 → 3.0.0-321

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-    justifyContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | undefined;
-    alignItems?: "start" | "end" | "center" | "stretch" | "baseline" | 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;
@@ -19,15 +19,15 @@ export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<H
     maxHeight?: string | undefined;
     className?: string | undefined;
 } & {
-    as?: "div" | "span" | "section" | "ul" | "ol" | "li" | undefined;
+    as?: "div" | "span" | "header" | "footer" | "nav" | "section" | "ul" | "ol" | "li" | undefined;
     color?: "subtle" | "subtle-light" | "inverse" | "inverse-subtle" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success" | "success-hover" | "success-active" | "success-strong" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "warning" | "warning-hover" | "warning-active" | "warning-strong" | "info" | "info-hover" | "info-active" | "info-strong" | undefined;
-    backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
-    borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "inverse-strong" | "focus" | undefined;
+    backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "subtle-strong" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
+    borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "extraStrong" | "inverse-strong" | "focus" | undefined;
     borderRadius?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"b" | "br" | "s" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full">> | undefined;
     borderWidth?: "0" | "1" | "2" | "4" | "8" | Partial<Record<"b" | "x" | "y" | "t" | "r" | "l", "0" | "1" | "2" | "4" | "8">> | undefined;
     borderStyle?: "none" | "dashed" | "dotted" | "double" | "solid" | undefined;
     paddings?: Partial<import("../../typings/general").TPaddings> | undefined;
-    shadow?: "s" | "l" | "m" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
+    shadow?: "s" | "m" | "l" | "xl" | "s-inverse" | "m-inverse" | "l-inverse" | undefined;
     position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     zIndex?: number | undefined;
 } & {

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { BOX_COMPONENT_TYPES } from './box_constants.js';
 import { cn } from '../../utilities/cn.js';
+import { BOX_COMPONENT_TYPES } from './box_constants.js';
 import { Stack } from '../stack/stack.js';
 
-var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justifyContent", "alignItems", "spacing", "wrap", "inline"];
+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,
@@ -31,19 +31,18 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     style = _ref.style,
     className = _ref.className,
     direction = _ref.direction,
-    justifyContent = _ref.justifyContent,
-    alignItems = _ref.alignItems,
+    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;
-  var anyStackPropertiesSet = direction || justifyContent || alignItems || spacing || wrap || inline;
+  var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
   return /*#__PURE__*/React.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
     ref: ref,
-    as: as,
-    className: cn(className, (_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: 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,
@@ -54,8 +53,8 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       maxHeight: maxHeight
     }, style !== null && style !== void 0 ? style : {}),
     direction: direction,
-    justifyContent: justifyContent,
-    alignItems: alignItems,
+    justify: justify,
+    align: align,
     spacing: spacing,
     wrap: wrap,
     inline: inline

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;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,6 +1,9 @@
 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";

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

@@ -1,6 +1,9 @@
 var BOX_COMPONENT_TYPES = {
   div: 'div',
   span: 'span',
+  header: 'header',
+  footer: 'footer',
+  nav: 'nav',
   section: 'section',
   ul: 'ul',
   ol: 'ol',

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;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/breadcrumbs/breadcrumb_child.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TBreadcrumbChildProps } from './breadcrumbs_types';
+export declare const BreadcrumbChild: ({ children, ...rest }: TBreadcrumbChildProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumb_child.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var _excluded = ["children"];
+var BreadcrumbChild = function BreadcrumbChild(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var breadcrumbRef = React.useRef(null);
+  return /*#__PURE__*/React.createElement("li", _objectSpread2({
+    ref: breadcrumbRef
+  }, rest), children);
+};
+
+export { BreadcrumbChild };
+//# sourceMappingURL=breadcrumb_child.js.map

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TBreadcrumbsProps } from './breadcrumbs_types';
+export declare const Breadcrumbs: ({ classname, as, children, separator, withoutSeparator, ...rest }: TBreadcrumbsProps) => React.ReactElement<{
+    className: string | undefined;
+}, string | React.JSXElementConstructor<any>>;
+export default Breadcrumbs;

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

@@ -0,0 +1,50 @@
+import React, { useRef } 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 { Stack } from '../stack/stack.js';
+import { BreadcrumbChild } from './breadcrumb_child.js';
+import { ArrowRightSLineIcon } from '../../assets/icons/arrow_right_s_line_icon.js';
+
+var _excluded = ["classname", "as", "children", "separator", "withoutSeparator"];
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var classname = _ref.classname,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'nav' : _ref$as,
+    children = _ref.children,
+    separator = _ref.separator,
+    _ref$withoutSeparator = _ref.withoutSeparator,
+    withoutSeparator = _ref$withoutSeparator === void 0 ? false : _ref$withoutSeparator,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var breadcrumbRef = useRef(null);
+  var allItems = React.Children.toArray(children).map(function (child, index) {
+    return /*#__PURE__*/React.createElement(BreadcrumbChild, {
+      "data-test-breadcrumb-index": index,
+      key: "child-".concat(index)
+    }, child);
+  });
+  return /*#__PURE__*/React.createElement(as, {
+    className: classname
+  }, /*#__PURE__*/React.createElement(Stack, _objectSpread2({
+    ref: breadcrumbRef,
+    "aria-label": "breadcrumbs",
+    align: "center",
+    as: "ol",
+    spacing: "1",
+    className: 'aurora-m-0 aurora-p-0 aurora-list-none'
+  }, rest), withoutSeparator ? allItems : allItems.map(function (item, index) {
+    if (index === allItems.length - 1) return item;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, item, /*#__PURE__*/React.createElement("li", {
+      "aria-hidden": "true",
+      className: "-aurora-mx-0.5 aurora-shrink-0"
+    }, separator ? separator : /*#__PURE__*/React.createElement(ArrowRightSLineIcon, {
+      size: 16,
+      color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
+    })));
+  })));
+};
+
+export default Breadcrumbs;
+export { Breadcrumbs };
+//# sourceMappingURL=breadcrumbs.js.map

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

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

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type TBreadcrumbsProps = React.PropsWithChildren<{
+    withoutSeparator?: boolean;
+    classname?: string;
+    as?: string;
+    attributes?: Record<string, any>;
+    separator?: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement>>;
+export declare type TBreadcrumbChildProps = React.PropsWithChildren<React.HTMLAttributes<HTMLElement>>;

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=breadcrumbs_types.js.map

package/build/esm/packages/aurora/src/components/breadcrumbs/breadcrumbs_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs_types.js","sourceRoot":"","sources":["../../../../../../../src/components/breadcrumbs/breadcrumbs_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/button/button_types.d.ts

@@ -3,4 +3,5 @@ import { buttonVariants } from "./button_variants";
 import React from 'react';
 export interface TButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    as?: string;
 }

package/build/esm/packages/aurora/src/components/button/button_variants.js

@@ -2,10 +2,10 @@ import { defineProperty as _defineProperty } from '../../../../../_virtual/_roll
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
 import { BUTTON_VARIANTS, BUTTON_SIZES } from './button_constants.js';
 
-var buttonVariants = cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
+var buttonVariants = cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
   variants: {
-    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-bg-transparent aurora-border-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent disabled:aurora-border-transparent focus-visible:aurora-text-interactive-active'),
-    size: _defineProperty(_defineProperty({}, BUTTON_SIZES.default, ''), BUTTON_SIZES.s, '')
+    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-fill-primary aurora-border-none aurora-bg-transparent hover:aurora-fill-primary-strong hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
+    size: _defineProperty(_defineProperty({}, BUTTON_SIZES.default, 'aurora-h-[40px]'), BUTTON_SIZES.s, 'aurora-h-[32px]')
   },
   compoundVariants: [{
     variant: [BUTTON_VARIANTS.primary, BUTTON_VARIANTS.secondary, BUTTON_VARIANTS.destructive, BUTTON_VARIANTS.destructiveSecondary, BUTTON_VARIANTS.destructive, BUTTON_VARIANTS.ghost, BUTTON_VARIANTS.dark],

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TCheckboxProps } from './checkbox_types';
+declare const Checkbox: React.ForwardRefExoticComponent<TCheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

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

@@ -0,0 +1,45 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Root, Indicator } from '@radix-ui/react-checkbox';
+import { CheckLineIcon } from '../../assets/icons/check_icon.js';
+
+var _excluded = ["id", "name", "errors", "value", "disabled", "checked", "defaultChecked", "onCheckedChange", "className"];
+var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    _ref$errors = _ref.errors,
+    errors = _ref$errors === void 0 ? [] : _ref$errors,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    onCheckedChange = _ref.onCheckedChange,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Root, _objectSpread2({
+    id: id,
+    name: name,
+    ref: ref,
+    className: cn('aurora-shrink-0 aurora-rounded-4 aurora-h-[20px] aurora-w-[20px] aurora-transition-all aurora-bg hover:aurora-border-strong focus data-[state=unchecked]:aurora-border data-[state=checked]:aurora-bg-primary not-disabled:data-[state=checked]:aurora-border-primary', {
+      'aurora-border-danger aurora-border-2': !!(errors !== null && errors !== void 0 && errors.length),
+      'disabled:aurora-cursor-not-allowed': disabled,
+      '!aurora-bg-active': disabled && checked
+    }, className),
+    value: value,
+    disabled: disabled,
+    checked: checked,
+    defaultChecked: defaultChecked,
+    onCheckedChange: onCheckedChange
+  }, props), /*#__PURE__*/createElement(Indicator, {
+    className: cn('aurora-rounded-4 aurora-flex aurora-items-center aurora-justify-center aurora-w-full aurora-h-full')
+  }, /*#__PURE__*/createElement(CheckLineIcon, {
+    className: cn('aurora-w-3.5 aurora-h-3.5 aurora-fill-inverse', {
+      'aurora-fill-inverse-disabled': disabled && checked
+    })
+  })));
+});
+Checkbox.displayName = Root.displayName;
+
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

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

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

package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.d.ts

@@ -0,0 +1,5 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import React from 'react';
+export interface TCheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    errors?: string | string[];
+}

package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.js

@@ -0,0 +1,3 @@
+import '@radix-ui/react-checkbox';
+import 'react';
+//# sourceMappingURL=checkbox_types.js.map

package/build/esm/packages/aurora/src/components/checkbox/checkbox_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox_types.js","sourceRoot":"","sources":["../../../../../../../src/components/checkbox/checkbox_types.ts"],"names":[],"mappings":"AAAA,OAAmC,0BAA0B,CAAC;AAC9D,OAAkB,OAAO,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IColorPickerProps } from './color_picker_types';
+export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, onPickShade, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;