@dreamcommerce/aurora 3.0.0-3 → 3.0.0-30

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js

@@ -0,0 +1,6 @@
+import React from 'react';
+
+var SidebarContext = /*#__PURE__*/React.createContext(null);
+
+export { SidebarContext };
+//# sourceMappingURL=sidebar_context.js.map

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context.js.map

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

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type TSidebarContext = {
+    toggleSidebar: () => void;
+    open: boolean;
+};
+export declare type TSidebarProviderProps = {
+    onToggle?: (open: boolean) => void;
+    open?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    persistentKey?: string;
+};

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.js

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

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.js.map

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

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TSidebarProviderProps } from "./sidebar_context_types";
+import { PropsWithChildren } from 'react';
+export declare const SidebarProvider: ({ onToggle, open: openProp, className, style, children, persistentKey, ...props }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js

@@ -0,0 +1,58 @@
+import { useState, useEffect, useMemo, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { SidebarContext } from './sidebar_context.js';
+
+var _excluded = ["onToggle", "open", "className", "style", "children", "persistentKey"];
+var SidebarProvider = function SidebarProvider(_ref) {
+  var onToggle = _ref.onToggle,
+    _ref$open = _ref.open,
+    openProp = _ref$open === void 0 ? true : _ref$open,
+    className = _ref.className,
+    style = _ref.style,
+    children = _ref.children,
+    persistentKey = _ref.persistentKey,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var setPersistedState = function setPersistedState(value) {
+    if (!persistentKey) return;
+    try {
+      localStorage.setItem(persistentKey, String(value));
+    } catch (error) {
+      console.error('Failed to set persisted state', error);
+    }
+  };
+  var _React$useState = useState(openProp),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    _open = _React$useState2[0],
+    _setOpen = _React$useState2[1];
+  useEffect(function () {
+    if (openProp !== undefined && openProp !== _open) setOpen(openProp);
+  }, [openProp]);
+  useEffect(function () {
+    setPersistedState(_open);
+  }, []);
+  var setOpen = function setOpen(open) {
+    var nextValue = typeof open === 'function' ? open(_open) : open;
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(nextValue);
+    _setOpen(nextValue);
+    setPersistedState(nextValue);
+  };
+  var toggleSidebar = function toggleSidebar() {
+    setOpen(function (open) {
+      return !open;
+    });
+  };
+  var contextValue = useMemo(function () {
+    return {
+      open: _open,
+      toggleSidebar: toggleSidebar
+    };
+  }, [open, toggleSidebar]);
+  return /*#__PURE__*/createElement(SidebarContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/createElement("div", _objectSpread2({
+    style: style
+  }, props), children));
+};
+
+export { SidebarProvider };
+//# sourceMappingURL=sidebar_prvider.js.map

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

package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.d.ts

@@ -0,0 +1 @@
+export declare const useSidebar: () => import("../context/sidebar_context_types").TSidebarContext;

package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SidebarContext } from '../context/sidebar_context.js';
+
+var useSidebar = function useSidebar() {
+  var context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new Error('useSidebar must be used within a SidebarProvider.');
+  }
+  return context;
+};
+
+export { useSidebar };
+//# sourceMappingURL=use_sidebar.js.map

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

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { TSidebarProps } from "./sidebar_types";
+export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & TSidebarProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -0,0 +1,54 @@
+import { forwardRef, useRef, useImperativeHandle, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { useSidebar } from './hooks/use_sidebar.js';
+import { SIDEBAR_SIDE } from './sidebar_constants.js';
+import { SidebarTrigger } from './components/sidebar_trigger.js';
+
+var _excluded = ["className", "children", "TriggerButton", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "side"];
+var Sidebar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$TriggerButton = _ref.TriggerButton,
+    TriggerButton = _ref$TriggerButton === void 0 ? SidebarTrigger : _ref$TriggerButton,
+    width = _ref.width,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '100%' : _ref$height,
+    minHeight = _ref.minHeight,
+    maxHeight = _ref.maxHeight,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSidebar = useSidebar(),
+    open = _useSidebar.open;
+  var sidebarRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  return /*#__PURE__*/createElement("div", _objectSpread2({
+    "aria-expanded": open,
+    ref: sidebarRef,
+    className: cn('aurora-relative aurora-transition-all aurora-duration-200', className),
+    style: {
+      width: open ? width : 0,
+      maxWidth: open ? width : 0,
+      minWidth: open ? width : 0,
+      height: height,
+      minHeight: minHeight,
+      maxHeight: maxHeight
+    }
+  }, props), TriggerButton ? /*#__PURE__*/createElement(TriggerButton, {
+    side: side
+  }) : null, /*#__PURE__*/createElement("div", {
+    className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
+      'aurora-opacity-0': !open,
+      'aurora-opacity-100': open
+    })
+  }, children));
+});
+Sidebar.displayName = 'Sidebar';
+
+export { Sidebar };
+//# sourceMappingURL=sidebar.js.map

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

package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SIDEBAR_SIDE: {
+    readonly left: "left";
+    readonly right: "right";
+};

package/build/esm/packages/aurora/src/components/sidebar/sidebar_constants.js

@@ -0,0 +1,7 @@
+var SIDEBAR_SIDE = {
+  left: 'left',
+  right: 'right'
+};
+
+export { SIDEBAR_SIDE };
+//# sourceMappingURL=sidebar_constants.js.map

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SIDEBAR_SIDE } from "./sidebar_constants";
+import { Any } from 'ts-toolbelt';
+export declare type TSidebarTriggerProps = {
+    side: TSidebarSide;
+};
+export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
+export declare type TSidebarProps = {
+    className?: string;
+    width: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    side?: TSidebarSide;
+    TriggerButton?: React.FC<any>;
+};

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types.js

@@ -0,0 +1,4 @@
+import 'react';
+import '@auroraComponents/sidebar/sidebar_constants';
+import 'ts-toolbelt';
+//# sourceMappingURL=sidebar_types.js.map

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,6CAA6C,CAAC;AAC3E,OAAoB,aAAa,CAAC"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    justifyContent?: "start" | "end" | "center" | "stretch" | "normal" | "between" | "around" | "evenly" | undefined;
+    alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
+    wrap?: string | undefined;
+    children?: React.ReactNode;
+    as?: string | undefined;
+    inline?: boolean | undefined;
+    style?: Record<any, any> | undefined;
+    attributes?: Record<string, any> | undefined;
+    onMouseDown?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    width?: string | undefined;
+    minWidth?: string | undefined;
+    maxWidth?: string | undefined;
+    height?: string | undefined;
+    minHeight?: string | undefined;
+    maxHeight?: string | undefined;
+    className?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,81 @@
+import React, { useRef, useImperativeHandle, useEffect } from 'react';
+import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
+import { cn } from '../../utilities/cn.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+
+var _excluded = ["children", "spacing", "className", "direction", "justifyContent", "alignItems", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
+var stackVariants = cva('aurora-flex', {
+  variants: {
+    direction: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
+    wrap: _defineProperty(_defineProperty(_defineProperty({}, STACK_WRAP_TYPES.wrap, 'aurora-flex-wrap'), STACK_WRAP_TYPES.nowrap, 'aurora-flex-nowrap'), STACK_WRAP_TYPES.wrapReverse, 'aurora-flex-wrap-reverse'),
+    alignItems: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
+    justifyContent: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
+    display: {
+      inline: 'aurora-inline-flex'
+    }
+  }
+});
+var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    spacing = _ref.spacing,
+    className = _ref.className,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? STACK_DIRECTION_TYPES.row : _ref$direction,
+    _ref$justifyContent = _ref.justifyContent,
+    justifyContent = _ref$justifyContent === void 0 ? STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justifyContent,
+    _ref$alignItems = _ref.alignItems,
+    alignItems = _ref$alignItems === void 0 ? STACK_ALIGN_ITEMS_TYPES.start : _ref$alignItems,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? STACK_WRAP_TYPES.nowrap : _ref$wrap,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    attributes = _ref.attributes,
+    width = _ref.width,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    height = _ref.height,
+    minHeight = _ref.minHeight,
+    maxHeight = _ref.maxHeight,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var internalRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return internalRef.current;
+  }, []);
+  useEffect(function () {
+    if (!internalRef.current || !attributes) return;
+    Object.entries(attributes).forEach(function (_ref2) {
+      var _internalRef$current;
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+      (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.setAttribute(key, value);
+    });
+  }, [attributes]);
+  var display = inline ? 'inline' : null;
+  return /*#__PURE__*/React.createElement(as, _objectSpread2({
+    ref: internalRef,
+    className: cn(stackVariants({
+      direction: direction,
+      justifyContent: justifyContent,
+      alignItems: alignItems,
+      wrap: wrap,
+      display: display
+    }), className, _defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
+    style: _objectSpread2({
+      width: width,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      height: height,
+      minHeight: minHeight,
+      maxHeight: maxHeight
+    }, style !== null && style !== void 0 ? style : {})
+  }, rest), children);
+});
+Stack.displayName = 'Stack';
+
+export { Stack };
+//# sourceMappingURL=stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/stack/stack_constants.d.ts

@@ -0,0 +1,28 @@
+export declare const STACK_DIRECTION_TYPES: {
+    readonly row: "row";
+    readonly column: "column";
+    readonly rowReverse: "row-reverse";
+    readonly columnReverse: "column-reverse";
+};
+export declare const STACK_WRAP_TYPES: {
+    wrap: string;
+    nowrap: string;
+    wrapReverse: string;
+};
+export declare const STACK_ALIGN_ITEMS_TYPES: {
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly baseline: "baseline";
+    readonly stretch: "stretch";
+};
+export declare const STACK_JUSTIFY_CONTENT_TYPES: {
+    readonly normal: "normal";
+    readonly start: "start";
+    readonly end: "end";
+    readonly center: "center";
+    readonly between: "between";
+    readonly around: "around";
+    readonly evenly: "evenly";
+    readonly stretch: "stretch";
+};

package/build/esm/packages/aurora/src/components/stack/stack_constants.js

@@ -0,0 +1,31 @@
+var STACK_DIRECTION_TYPES = {
+  row: 'row',
+  column: 'column',
+  rowReverse: 'row-reverse',
+  columnReverse: 'column-reverse'
+};
+var STACK_WRAP_TYPES = {
+  wrap: 'wrap',
+  nowrap: 'nowrap',
+  wrapReverse: 'wrap-reverse'
+};
+var STACK_ALIGN_ITEMS_TYPES = {
+  start: 'start',
+  end: 'end',
+  center: 'center',
+  baseline: 'baseline',
+  stretch: 'stretch'
+};
+var STACK_JUSTIFY_CONTENT_TYPES = {
+  normal: 'normal',
+  start: 'start',
+  end: 'end',
+  center: 'center',
+  between: 'between',
+  around: 'around',
+  evenly: 'evenly',
+  stretch: 'stretch'
+};
+
+export { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_WRAP_TYPES };
+//# sourceMappingURL=stack_constants.js.map

package/build/esm/packages/aurora/src/components/stack/stack_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts

@@ -0,0 +1,28 @@
+import { Any, Object } from 'ts-toolbelt';
+import React from 'react';
+import { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_WRAP_TYPES } from "./stack_constants";
+import { TCssSpacingTokens } from "../../constants/css_tokens/css_tokens_types";
+export declare type TStackProps = React.HTMLAttributes<HTMLElement> & {
+    direction?: TStackDirection;
+    justifyContent?: TStackJustifyContent;
+    alignItems?: TStackAlign;
+    spacing?: TCssSpacingTokens;
+    wrap?: TStackWrap;
+    children?: React.ReactNode;
+    as?: string;
+    inline?: boolean;
+    style?: Record<any, any>;
+    attributes?: Record<string, any>;
+    onMouseDown?: (event: React.MouseEvent) => void;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    className?: string;
+};
+export declare type TStackJustifyContent = Any.Keys<Object.Invert<typeof STACK_JUSTIFY_CONTENT_TYPES>>;
+export declare type TStackDirection = Any.Keys<Object.Invert<typeof STACK_DIRECTION_TYPES>>;
+export declare type TStackAlign = Any.Keys<Object.Invert<typeof STACK_ALIGN_ITEMS_TYPES>>;
+export declare type TStackWrap = Any.Keys<Object.Invert<typeof STACK_WRAP_TYPES>>;

package/build/esm/packages/aurora/src/components/stack/stack_types.js

@@ -0,0 +1,5 @@
+import 'ts-toolbelt';
+import 'react';
+import '@auroraComponents/stack/stack_constants';
+import '@auroraConstants/css_tokens/css_tokens_types';
+//# sourceMappingURL=stack_types.js.map

package/build/esm/packages/aurora/src/components/stack/stack_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack_types.js","sourceRoot":"","sources":["../../../../../../../src/components/stack/stack_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAkB,OAAO,CAAC;AAC1B,OAKO,yCAAyC,CAAC;AACjD,OAAkC,8CAA8C,CAAC"}

package/build/esm/packages/aurora/src/components/tabs/components/tabs_content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_content.js

@@ -0,0 +1,18 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Content } from '@radix-ui/react-tabs';
+
+var _excluded = ["className"];
+var TabsContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Content, _objectSpread2({
+    ref: ref,
+    className: cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className)
+  }, props));
+});
+TabsContent.displayName = Content.displayName;
+
+export { TabsContent };
+//# sourceMappingURL=tabs_content.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_content.js.map

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_list.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_list.js

@@ -0,0 +1,20 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { List } from '@radix-ui/react-tabs';
+
+var _excluded = ["className", "defaultValue"];
+var TabsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    defaultValue = _ref.defaultValue,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(List, _objectSpread2({
+    ref: ref,
+    defaultValue: defaultValue,
+    className: cn('aurora-w-max aurora-flex aurora-items-center aurora-justify-center aurora-border aurora-rounded-6 aurora-bg-subtle')
+  }, props));
+});
+TabsList.displayName = List.displayName;
+
+export { TabsList };
+//# sourceMappingURL=tabs_list.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_list.js.map

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_trigger.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { VariantProps } from 'class-variance-authority';
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    size?: "s" | "basic" | null | undefined;
+    variant?: "basic" | "icon-only" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_trigger.js

@@ -0,0 +1,29 @@
+import { forwardRef, useContext, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { tabsVariants } from './tabs_variants.js';
+import { TabsContext } from '../context/tabs_context.js';
+import { Trigger } from '@radix-ui/react-tabs';
+
+var _excluded = ["className", "value", "variant", "size"];
+var TabsTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _context$size, _context$variant;
+  var className = _ref.className,
+    value = _ref.value,
+    variant = _ref.variant,
+    size = _ref.size,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(TabsContext);
+  return /*#__PURE__*/createElement(Trigger, _objectSpread2({
+    ref: ref,
+    className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-6 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n                data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n                data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabsVariants({
+      size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
+      variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
+    }), className),
+    value: value
+  }, props));
+});
+TabsTrigger.displayName = Trigger.displayName;
+
+export { TabsTrigger };
+//# sourceMappingURL=tabs_trigger.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_trigger.js.map

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_variants.d.ts

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

package/build/esm/packages/aurora/src/components/tabs/components/tabs_variants.js

@@ -0,0 +1,34 @@
+import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cva } from '../../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { TABS_SIZE_TYPES, TABS_VARIANT_TYPES } from '../tabs_constants.js';
+
+var tabsVariants = cva('', {
+  variants: {
+    size: _defineProperty(_defineProperty({}, TABS_SIZE_TYPES.basic, 'aurora-text-s'), TABS_SIZE_TYPES.s, 'aurora-text-xs'),
+    variant: _defineProperty(_defineProperty({}, TABS_VARIANT_TYPES.iconOnly, ''), TABS_VARIANT_TYPES.basic, '')
+  },
+  compoundVariants: [{
+    size: TABS_SIZE_TYPES.basic,
+    variant: TABS_VARIANT_TYPES.iconOnly,
+    class: 'aurora-p-2'
+  }, {
+    size: TABS_SIZE_TYPES.s,
+    variant: TABS_VARIANT_TYPES.iconOnly,
+    class: 'aurora-p-1.5'
+  }, {
+    size: TABS_SIZE_TYPES.basic,
+    variant: TABS_VARIANT_TYPES.basic,
+    class: 'aurora-gap-2.5 aurora-py-1.5 aurora-px-3'
+  }, {
+    size: TABS_SIZE_TYPES.s,
+    variant: TABS_VARIANT_TYPES.basic,
+    class: 'aurora-gap-2 aurora-py-1 aurora-px-2'
+  }],
+  defaultVariants: {
+    size: TABS_SIZE_TYPES.basic,
+    variant: TABS_VARIANT_TYPES.basic
+  }
+});
+
+export { tabsVariants };
+//# sourceMappingURL=tabs_variants.js.map

package/build/esm/packages/aurora/src/components/tabs/components/tabs_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;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/tabs/context/tabs_context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export declare const TabsContext: React.Context<VariantProps<(props?: ({
+    size?: "basic" | "s" | null | undefined;
+    variant?: "basic" | "icon-only" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>>;

package/build/esm/packages/aurora/src/components/tabs/context/tabs_context.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TABS_SIZE_TYPES, TABS_VARIANT_TYPES } from '../tabs_constants.js';
+
+var TabsContext = /*#__PURE__*/React.createContext({
+  size: TABS_SIZE_TYPES.basic,
+  variant: TABS_VARIANT_TYPES.basic
+});
+
+export { TabsContext };
+//# sourceMappingURL=tabs_context.js.map

package/build/esm/packages/aurora/src/components/tabs/context/tabs_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/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & VariantProps<(props?: ({
+    size?: "s" | "basic" | null | undefined;
+    variant?: "basic" | "icon-only" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;