@dreamcommerce/aurora 3.0.0-5 → 3.0.0-50

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

@@ -1 +1 @@
-{"version":3,"file":"box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/box/box_types.ts"],"names":[],"mappings":"AAAA,OAAoC,qCAAqC,CAAC;AAC1E,OAAoB,aAAa,CAAC;AAClC,OAWO,8CAA8C,CAAC;AACtD,OAA0B,wBAAwB,CAAC"}
+{"version":3,"file":"box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/box/box_types.ts"],"names":[],"mappings":"AAAA,OAAoC,qCAAqC,CAAC;AAC1E,OAAoB,aAAa,CAAC;AAClC,OAWO,8CAA8C,CAAC;AACtD,OAA0B,wBAAwB,CAAC;AACnD,OAAuB,OAAO,CAAC;AAC/B,OAA4B,qCAAqC,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TButtonProps } from "./button_types";
+export declare const Button: React.ForwardRefExoticComponent<TButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { buttonVariants } from './button_variants.js';
+import { Slot } from '@radix-ui/react-slot';
+
+var _excluded = ["className", "variant", "size", "asChild"];
+var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    _ref$asChild = _ref.asChild,
+    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Comp = asChild ? Slot : 'button';
+  return /*#__PURE__*/React.createElement(Comp, _objectSpread2({
+    className: cn(buttonVariants({
+      variant: variant,
+      size: size,
+      className: className
+    })),
+    ref: ref
+  }, props));
+});
+Button.displayName = 'Button';
+
+export { Button };
+//# sourceMappingURL=button.js.map

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

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

@@ -0,0 +1,13 @@
+export declare const BUTTON_SIZES: {
+    readonly default: "default";
+    readonly s: "s";
+};
+export declare const BUTTON_VARIANTS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly ghost: "ghost";
+    readonly dark: "dark";
+    readonly destructive: "destructive";
+    readonly destructiveSecondary: "destructive-secondary";
+    readonly link: "link";
+};

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

@@ -0,0 +1,16 @@
+var BUTTON_SIZES = {
+  default: 'default',
+  s: 's'
+};
+var BUTTON_VARIANTS = {
+  primary: 'primary',
+  secondary: 'secondary',
+  ghost: 'ghost',
+  dark: 'dark',
+  destructive: 'destructive',
+  destructiveSecondary: 'destructive-secondary',
+  link: 'link'
+};
+
+export { BUTTON_SIZES, BUTTON_VARIANTS };
+//# sourceMappingURL=button_constants.js.map

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

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

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from "./button_variants";
+import React from 'react';
+export interface TButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}

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

@@ -0,0 +1,4 @@
+import 'class-variance-authority';
+import '@auroraComponents/button/button_variants';
+import 'react';
+//# sourceMappingURL=button_types.js.map

package/build/esm/packages/aurora/src/components/button/button_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button_types.js","sourceRoot":"","sources":["../../../../../../../src/components/button/button_types.ts"],"names":[],"mappings":"AAAA,OAA6B,0BAA0B,CAAC;AACxD,OAA+B,0CAA0C,CAAC;AAC1E,OAAkB,OAAO,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | "dark" | "destructive" | "destructive-secondary" | "link" | null | undefined;
+    size?: "default" | "s" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/button/button_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 { 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', {
+  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-border-none aurora-bg-transparent 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],
+    size: BUTTON_SIZES.s,
+    class: 'aurora-py-1.5 aurora-px-3 aurora-text-xs'
+  }, {
+    variant: [BUTTON_VARIANTS.primary, BUTTON_VARIANTS.secondary, BUTTON_VARIANTS.destructive, BUTTON_VARIANTS.destructiveSecondary, BUTTON_VARIANTS.destructive, BUTTON_VARIANTS.ghost, BUTTON_VARIANTS.dark],
+    size: BUTTON_SIZES.default,
+    class: 'aurora-py-2 aurora-px-4'
+  }, {
+    variant: BUTTON_VARIANTS.link,
+    size: BUTTON_SIZES.s,
+    class: 'aurora-p-0.5 aurora-text-xs'
+  }, {
+    variant: BUTTON_VARIANTS.link,
+    size: BUTTON_SIZES.default,
+    class: 'aurora-p-0.5'
+  }],
+  defaultVariants: {
+    variant: BUTTON_VARIANTS.primary,
+    size: BUTTON_SIZES.default
+  }
+});
+
+export { buttonVariants };
+//# sourceMappingURL=button_variants.js.map

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IControlProps } from './control_types';
+export declare const Control: React.FC<IControlProps>;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+
+var Control = function Control(_ref) {
+  var children = _ref.children,
+    classname = _ref.classname;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("aurora-flex aurora-gap-1", classname)
+  }, children);
+};
+
+export { Control };
+//# sourceMappingURL=control.js.map

package/build/esm/packages/aurora/src/components/control/control.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/control/control_types.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface IControlProps {
+    children: React.ReactNode;
+    classname?: string;
+}

package/build/esm/packages/aurora/src/components/control/control_types.js

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

package/build/esm/packages/aurora/src/components/control/control_types.js.map

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

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TInputControlProps } from './input_control_types';
+export declare const InputControl: React.FC<TInputControlProps>;

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { Control } from '../../control/control.js';
+import { Input } from '../../input/input.js';
+
+var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "onChange", "onKeyDown", "onKeyUp"];
+var InputControl = function InputControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    preElement = _ref.preElement,
+    postElement = _ref.postElement,
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    type = _ref.type,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label && (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    className: "aurora-pb-1 aurora-text"
+  }, label)), /*#__PURE__*/React.createElement(Input, _objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    defaultValue: defaultValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    preElement: preElement,
+    postElement: postElement,
+    errors: errors,
+    type: type,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }));
+};
+InputControl.displayName = 'InputControl';
+
+export { InputControl };
+//# sourceMappingURL=input_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.d.ts

@@ -0,0 +1,7 @@
+import { TInputProps } from "../../input/input_types";
+import React from "react";
+export declare type TInputControlProps = TInputProps & {
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.js

@@ -0,0 +1,3 @@
+import "@auroraComponents/input/input_types";
+import "react";
+//# sourceMappingURL=input_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/input_control/input_control_types.ts"],"names":[],"mappings":"AAAA,OAA4B,qCAAqC,CAAC;AAClE,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSwitchControlProps } from './switch_control_types';
+export declare const SwitchControl: React.FC<TSwitchControlProps>;

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { Switch } from '../../switch/switch.js';
+import { Control } from '../../control/control.js';
+
+var _excluded = ["id", "name", "errors", "label", "value", "tooltip", "helperText", "checked", "defaultChecked", "disabled", "required", "onCheckedChange"];
+var SwitchControl = function SwitchControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    errors = _ref.errors,
+    label = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    _ref$defaultChecked = _ref.defaultChecked,
+    defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    onCheckedChange = _ref.onCheckedChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Switch, _objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    defaultChecked: defaultChecked,
+    checked: checked,
+    disabled: disabled,
+    onCheckedChange: onCheckedChange,
+    errors: errors
+  }, rest)), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-ml-2 aurora-mt-1 aurora-flex aurora-flex-col aurora-gap-1"
+  }, label && (/*#__PURE__*/React.createElement(Label, {
+    required: required,
+    tooltip: tooltip
+  }, label)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  })));
+};
+
+export { SwitchControl };
+//# sourceMappingURL=switch_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control_types.d.ts

@@ -0,0 +1,8 @@
+import { TSwitchProps } from "../../switch/switch_types";
+import React from "react";
+export declare type TSwitchControlProps = TSwitchProps & {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control_types.js

@@ -0,0 +1,3 @@
+import "@auroraComponents/switch/switch_types";
+import "react";
+//# sourceMappingURL=switch_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/switch_control/switch_control_types.ts"],"names":[],"mappings":"AAAA,OAA6B,uCAAuC,CAAC;AACrE,OAAkB,OAAO,CAAC"}

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

@@ -1,11 +1,3 @@
-import { TDividerProps } from "./divider_types";
 import React from 'react';
-export declare const dividerVariants: (props?: ({
-    width?: "0" | "1" | "2" | "4" | "8" | null | undefined;
-    color?: "subtle" | "strong" | "transparent" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Divider: ({ as, color, width }: TDividerProps) => React.ReactElement<{
-    className: string;
-    role: string;
-    'aria-orientation': string;
-}, string | React.JSXElementConstructor<any>>;
+import { TDividerProps } from "./divider_types";
+export declare const Divider: React.ForwardRefExoticComponent<TDividerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,33 +1,47 @@
 import React from 'react';
-import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
-import { CSS_BORDER_COLOR_TOKENS } from '../../constants/css_tokens/css_border_color_tokens.js';
-import { CSS_BORDER_WIDTH_TOKENS } from '../../constants/css_tokens/css_border_width_tokens.js';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { DIVIDER_ORIENTATION } from './divider_constants.js';
+import { dividerVariants } from './divider_variants.js';
+import { Root } from '@radix-ui/react-separator';
 
-var dividerVariants = cva('', {
-  variants: {
-    width: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CSS_BORDER_WIDTH_TOKENS['0'], 'aurora-border-0'), CSS_BORDER_WIDTH_TOKENS['1'], 'aurora-border-1'), CSS_BORDER_WIDTH_TOKENS['2'], 'aurora-border-2'), CSS_BORDER_WIDTH_TOKENS['4'], 'aurora-border-4'), CSS_BORDER_WIDTH_TOKENS['8'], 'aurora-border-8'),
-    color: _defineProperty(_defineProperty(_defineProperty({}, CSS_BORDER_COLOR_TOKENS.subtle, 'aurora-border-subtle'), CSS_BORDER_COLOR_TOKENS.strong, 'aurora-border-strong'), CSS_BORDER_COLOR_TOKENS.transparent, 'aurora-border-transparent')
-  },
-  defaultVariants: {
-    width: CSS_BORDER_WIDTH_TOKENS['1'],
-    color: CSS_BORDER_COLOR_TOKENS.subtle
-  }
-});
-var Divider = function Divider(_ref) {
-  var _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'hr' : _ref$as,
+var _excluded = ["className", "orientation", "color", "thickness", "height", "maxHeight", "minHeight", "width", "maxWidth", "minWidth", "variant", "decorative"];
+var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? DIVIDER_ORIENTATION.horizontal : _ref$orientation,
     color = _ref.color,
-    width = _ref.width;
-  return /*#__PURE__*/React.createElement(as, {
-    className: dividerVariants({
-      color: color,
-      width: width
-    }),
-    role: 'separator',
-    'aria-orientation': 'horizontal'
-  });
-};
+    thickness = _ref.thickness,
+    height = _ref.height,
+    maxHeight = _ref.maxHeight,
+    minHeight = _ref.minHeight,
+    width = _ref.width,
+    maxWidth = _ref.maxWidth,
+    minWidth = _ref.minWidth,
+    variant = _ref.variant,
+    _ref$decorative = _ref.decorative,
+    decorative = _ref$decorative === void 0 ? true : _ref$decorative,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+    ref: ref,
+    decorative: decorative,
+    orientation: orientation,
+    className: cn('aurora-shrink-0', dividerVariants({
+      variant: variant,
+      thickness: thickness,
+      orientation: orientation
+    }), className),
+    style: {
+      height: height,
+      maxHeight: maxHeight,
+      minHeight: minHeight,
+      width: width,
+      maxWidth: maxWidth,
+      minWidth: minWidth
+    }
+  }, props));
+});
+Divider.displayName = 'Divider';
 
-export { Divider, dividerVariants };
+export { Divider };
 //# sourceMappingURL=divider.js.map

package/build/esm/packages/aurora/src/components/divider/divider.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;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/divider/divider_constants.d.ts

@@ -0,0 +1,15 @@
+export declare const DIVIDER_ORIENTATION: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+export declare const DIVIDER_THICKNESS: {
+    readonly 1: "1";
+    readonly 2: "2";
+    readonly 4: "4";
+    readonly 8: "8";
+};
+export declare const DIVIDER_VARIANTS: {
+    readonly subtle: "subtle";
+    readonly strong: "strong";
+    readonly transparent: "transparent";
+};

package/build/esm/packages/aurora/src/components/divider/divider_constants.js

@@ -0,0 +1,18 @@
+var DIVIDER_ORIENTATION = {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+};
+var DIVIDER_THICKNESS = {
+  1: '1',
+  2: '2',
+  4: '4',
+  8: '8'
+};
+var DIVIDER_VARIANTS = {
+  subtle: 'subtle',
+  strong: 'strong',
+  transparent: 'transparent'
+};
+
+export { DIVIDER_ORIENTATION, DIVIDER_THICKNESS, DIVIDER_VARIANTS };
+//# sourceMappingURL=divider_constants.js.map

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

package/build/esm/packages/aurora/src/components/divider/divider_types.d.ts

@@ -1,5 +1,14 @@
 import type { VariantProps } from 'class-variance-authority';
-import { dividerVariants } from "./divider";
-export declare type TDividerProps = {
-    as?: string;
-} & VariantProps<typeof dividerVariants>;
+import { dividerVariants } from "./divider_variants";
+import { SeparatorProps } from '@radix-ui/react-separator';
+import { DIVIDER_ORIENTATION } from "./divider_constants";
+import { Any } from 'ts-toolbelt';
+export interface TDividerProps extends Omit<SeparatorProps, 'orientation'>, VariantProps<typeof dividerVariants> {
+    orientation?: Any.Keys<typeof DIVIDER_ORIENTATION>;
+    height?: string;
+    maxHeight?: string;
+    minHeight?: string;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}

package/build/esm/packages/aurora/src/components/divider/divider_types.js

@@ -1,2 +1,5 @@
-import '@auroraComponents/divider/divider';
+import '@auroraComponents/divider/divider_variants';
+import '@radix-ui/react-separator';
+import '@auroraComponents/divider/divider_constants';
+import 'ts-toolbelt';
 //# sourceMappingURL=divider_types.js.map

package/build/esm/packages/aurora/src/components/divider/divider_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider_types.ts"],"names":[],"mappings":"AACA,OAAgC,mCAAmC,CAAC"}
+{"version":3,"file":"divider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider_types.ts"],"names":[],"mappings":"AACA,OAAgC,4CAA4C,CAAC;AAC7E,OAA+B,2BAA2B,CAAC;AAC3D,OAAoC,6CAA6C,CAAC;AAClF,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/divider/divider_variants.d.ts

@@ -0,0 +1,5 @@
+export declare const dividerVariants: (props?: ({
+    thickness?: "1" | "2" | "4" | "8" | null | undefined;
+    variant?: "subtle" | "strong" | "transparent" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/divider/divider_variants.js

@@ -0,0 +1,53 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_BORDER_WIDTH_TOKENS } from '../../constants/css_tokens/css_border_width_tokens.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { DIVIDER_THICKNESS, DIVIDER_VARIANTS, DIVIDER_ORIENTATION } from './divider_constants.js';
+
+var dividerVariants = cva('', {
+  variants: {
+    thickness: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DIVIDER_THICKNESS['1'], ''), DIVIDER_THICKNESS['2'], ''), DIVIDER_THICKNESS['4'], ''), DIVIDER_THICKNESS['8'], ''),
+    variant: _defineProperty(_defineProperty(_defineProperty({}, DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
+    orientation: _defineProperty(_defineProperty({}, DIVIDER_ORIENTATION.horizontal, ''), DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
+  },
+  compoundVariants: [{
+    orientation: DIVIDER_ORIENTATION.horizontal,
+    thickness: CSS_BORDER_WIDTH_TOKENS['1'],
+    class: ['aurora-h-[1px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.horizontal,
+    thickness: CSS_BORDER_WIDTH_TOKENS['2'],
+    class: ['aurora-h-[2px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.horizontal,
+    thickness: CSS_BORDER_WIDTH_TOKENS['4'],
+    class: ['aurora-h-[4px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.horizontal,
+    thickness: CSS_BORDER_WIDTH_TOKENS['8'],
+    class: ['aurora-h-[8px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.vertical,
+    thickness: CSS_BORDER_WIDTH_TOKENS['1'],
+    class: ['aurora-w-[1px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.vertical,
+    thickness: CSS_BORDER_WIDTH_TOKENS['2'],
+    class: ['aurora-w-[2px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.vertical,
+    thickness: CSS_BORDER_WIDTH_TOKENS['4'],
+    class: ['aurora-w-[4px]']
+  }, {
+    orientation: DIVIDER_ORIENTATION.vertical,
+    thickness: CSS_BORDER_WIDTH_TOKENS['8'],
+    class: ['aurora-w-[8px]']
+  }],
+  defaultVariants: {
+    thickness: CSS_BORDER_WIDTH_TOKENS['1'],
+    variant: DIVIDER_VARIANTS.subtle,
+    orientation: DIVIDER_ORIENTATION.horizontal
+  }
+});
+
+export { dividerVariants };
+//# sourceMappingURL=divider_variants.js.map

package/build/esm/packages/aurora/src/components/divider/divider_variants.js.map

@@ -0,0 +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;AACA;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/drawer/components/drawer_close.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DrawerClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.js

@@ -0,0 +1,6 @@
+import { Drawer } from 'vaul';
+
+var DrawerClose = Drawer.Close;
+
+export { DrawerClose };
+//# sourceMappingURL=drawer_close.js.map

package/build/esm/packages/aurora/src/components/drawer/components/drawer_close.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/drawer/components/drawer_content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { TDrawerContentProps } from "../drawer_types";
+export declare const DrawerContent: React.ForwardRefExoticComponent<Omit<TDrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;