@dreamcommerce/aurora 3.0.0-35 → 3.0.0-36

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { LabelProps } from './label_types';
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,44 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Box } from '../box/box.js';
+import { Tooltip } from '../tooltip/tooltip.js';
+import { TooltipTrigger } from '../tooltip/components/tooltip_trigger.js';
+import { TooltipContent } from '../tooltip/components/tooltip_content.js';
+import { TooltipProvider } from '../tooltip/context/tooltip_provider.js';
+import { Root } from '../../../../../external/@radix-ui/react-label/dist/index.mjs.js';
+import { labelVariants } from './label_variants.js';
+
+var _excluded = ["className", "tooltip", "icon", "isRequired", "isDisabled", "children"];
+var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    tooltip = _ref.tooltip,
+    icon = _ref.icon,
+    isRequired = _ref.isRequired,
+    isDisabled = _ref.isDisabled,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var labelContent = /*#__PURE__*/createElement(Box, {
+    align: "center",
+    spacing: "0.5",
+    className: cn(labelVariants(), "".concat(isDisabled ? 'aurora-cursor-not-allowed aurora-text-subtle-light' : '', " ").concat(className))
+  }, isRequired && /*#__PURE__*/createElement("span", {
+    className: "aurora-text-interactive"
+  }, "*"), icon && icon, children);
+  var label = function label(tooltip) {
+    return /*#__PURE__*/createElement(Root, _objectSpread2({
+      ref: ref
+    }, props), tooltip ? (/*#__PURE__*/createElement(Box, {
+      align: "center",
+      spacing: "1"
+    }, labelContent, tooltip)) : labelContent);
+  };
+  if (tooltip) {
+    return /*#__PURE__*/createElement(TooltipProvider, null, label(/*#__PURE__*/createElement(Tooltip, null, /*#__PURE__*/createElement(TooltipTrigger, null), /*#__PURE__*/createElement(TooltipContent, null, /*#__PURE__*/createElement("p", null, tooltip)))));
+  }
+  return label();
+});
+Label.displayName = Root.displayName;
+
+export { Label };
+//# sourceMappingURL=label.js.map

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

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

@@ -0,0 +1,10 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+import { labelVariants } from './label_variants';
+import { ReactNode } from 'react';
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+    tooltip?: string;
+    icon?: ReactNode;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+}

package/build/esm/packages/aurora/src/components/label/label_types.js

@@ -0,0 +1,5 @@
+import '@radix-ui/react-label';
+import 'class-variance-authority';
+import './label_variants';
+import 'react';
+//# sourceMappingURL=label_types.js.map

package/build/esm/packages/aurora/src/components/label/label_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label_types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/label_types.ts"],"names":[],"mappings":"AAAA,OAAgC,uBAAuB,CAAC;AACxD,OAAkC,0BAA0B,CAAC;AAC7D,OAA8B,kBAAkB,CAAC;AACjD,OAA0B,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/label/label_variants.d.ts

@@ -0,0 +1 @@
+export declare const labelVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/build/esm/packages/aurora/src/components/label/label_variants.js

@@ -0,0 +1,6 @@
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+
+var labelVariants = cva('aurora-text-s aurora-font-medium aurora-leading-none');
+
+export { labelVariants };
+//# sourceMappingURL=label_variants.js.map

package/build/esm/packages/aurora/src/components/label/label_variants.js.map

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
 import { PropsWithChildren } from 'react';
+import React from 'react';
 import { TLoaderProps } from './loader_types';
 export declare const Loader: ({ className, variant, ...props }: PropsWithChildren<TLoaderProps>) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMessageBoxProps } from './message_box_types';
+export declare const MessageBox: ({ variant, header, children, onClose, fullWidth, className }: TMessageBoxProps) => React.JSX.Element;

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS } from './message_box_constants.js';
+import { messageBoxVariants } from './message_box_variants.js';
+import { CloseLineIcon } from '../../assets/icons/close_icon.js';
+import classnames from '../../../../../external/classnames/index.js';
+
+var MessageBox = function MessageBox(_ref) {
+  var variant = _ref.variant,
+    header = _ref.header,
+    children = _ref.children,
+    onClose = _ref.onClose,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    className = _ref.className;
+  var Icon = MESSAGE_BOX_ICONS[variant];
+  var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
+  var canClose = !!onClose;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(classnames(fullWidth ? 'aurora-w-full aurora-border-none' : 'aurora-w-[272px] aurora-border aurora-rounded-4', children && !header && !fullWidth && 'aurora-shadow-l'), messageBoxVariants({
+      variant: variant
+    }), className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: classnames('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full aurora-max-w-7xl"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-max-w-full aurora-w-full"
+  }, header && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "aurora-text-s aurora-font-semibold aurora-text"
+  }, header))), children), canClose && (/*#__PURE__*/React.createElement("button", {
+    className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  }, /*#__PURE__*/React.createElement(CloseLineIcon, {
+    className: classnames('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
+  })))));
+};
+
+export { MessageBox };
+//# sourceMappingURL=message_box.js.map

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

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

@@ -0,0 +1,15 @@
+export declare const MESSAGE_BOX_VARIANTS: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly critical: "critical";
+    readonly subtle: "subtle";
+};
+export declare const MESSAGE_BOX_ICONS: {
+    info: import("@remixicon/react").RemixiconComponentType;
+    warning: import("@remixicon/react").RemixiconComponentType;
+    success: import("@remixicon/react").RemixiconComponentType;
+    critical: import("@remixicon/react").RemixiconComponentType;
+    subtle: import("@remixicon/react").RemixiconComponentType;
+};
+export declare const MESSAGE_BOX_ICON_COLORS: Record<string, string>;

package/build/esm/packages/aurora/src/components/message_box/message_box_constants.js

@@ -0,0 +1,15 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CheckboxCircleLine } from '../../assets/icons/checkbox_circle.js';
+
+var MESSAGE_BOX_VARIANTS = {
+  info: 'info',
+  warning: 'warning',
+  success: 'success',
+  critical: 'critical',
+  subtle: 'subtle'
+};
+var MESSAGE_BOX_ICONS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.warning, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.success, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.critical, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.subtle, CheckboxCircleLine);
+var MESSAGE_BOX_ICON_COLORS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, 'aurora-fill-info'), MESSAGE_BOX_VARIANTS.warning, 'aurora-fill-warning'), MESSAGE_BOX_VARIANTS.success, 'aurora-fill-success'), MESSAGE_BOX_VARIANTS.critical, 'aurora-fill-danger'), MESSAGE_BOX_VARIANTS.subtle, 'aurora-fill');
+
+export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS };
+//# sourceMappingURL=message_box_constants.js.map

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

package/build/esm/packages/aurora/src/components/message_box/message_box_types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { VariantProps } from "class-variance-authority";
+import { messageBoxVariants } from "./message_box_variants";
+export interface TMessageBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageBoxVariants> {
+    header?: string | React.ReactNode;
+    children?: React.ReactNode;
+    onClose?: () => void;
+    fullWidth?: boolean;
+    className?: string;
+}

package/build/esm/packages/aurora/src/components/message_box/message_box_types.js

@@ -0,0 +1,3 @@
+import "class-variance-authority";
+import "./message_box_variants";
+//# sourceMappingURL=message_box_types.js.map

package/build/esm/packages/aurora/src/components/message_box/message_box_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_types.ts"],"names":[],"mappings":"AAAA,OAA6B,0BAA0B,CAAC;AACxD,OAAmC,wBAAwB,CAAC"}

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.d.ts

@@ -0,0 +1,3 @@
+export declare const messageBoxVariants: (props?: ({
+    variant?: "info" | "warning" | "success" | "critical" | "subtle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.js

@@ -0,0 +1,15 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+
+var messageBoxVariants = cva('aurora-p-2 aurora-relative aurora-flex aurora-items-center aurora-justify-center', {
+  variants: {
+    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, 'aurora-bg-primary-subtle aurora-border-info'), MESSAGE_BOX_VARIANTS.warning, 'aurora-bg-warning-subtle aurora-border-focus'), MESSAGE_BOX_VARIANTS.success, 'aurora-bg-success-subtle aurora-border-success'), MESSAGE_BOX_VARIANTS.critical, 'aurora-bg-danger-subtle aurora-border-danger'), MESSAGE_BOX_VARIANTS.subtle, 'aurora-bg aurora-border')
+  },
+  defaultVariants: {
+    variant: MESSAGE_BOX_VARIANTS.info
+  }
+});
+
+export { messageBoxVariants };
+//# sourceMappingURL=message_box_variants.js.map

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.js.map

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

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

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../../utilities/cn.js';
+import { createPortal } from 'react-dom';
 import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
 import { ModalFooter } from './modal_footer.js';
 import { ModalHeader } from './modal_header.js';
-import { createPortal } from 'react-dom';
 import { modalVariants } from '../../modal_variants.js';
 import { useModalsContext } from '../../hooks/use_modals_context.js';
 

package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
 import { createPortal } from 'react-dom';
+import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
 import { useModalsContext } from '../hooks/use_modals_context.js';
 
 var ModalsWrapper = function ModalsWrapper(_ref) {

package/build/esm/packages/aurora/src/index.d.ts

@@ -48,6 +48,7 @@ export { TabsContent } from "./components/tabs/components/tabs_content";
 export { TABS_SIZE_TYPES, TABS_VARIANT_TYPES } from "./components/tabs/tabs_constants";
 export { Popover } from "./components/popover/popover";
 export { PopoverTrigger } from "./components/popover/components/popover_trigger";
+export { Label } from './components/label/label';
 export { CSS_BACKGROUND_TOKENS } from "./constants/css_tokens/css_background_tokens";
 export { CSS_BORDER_RADIUS_TOKENS, CSS_BORDER_RADIUS_SIDE_TOKENS } from "./constants/css_tokens/css_border_radius_tokens";
 export { CSS_BORDER_WIDTH_TOKENS } from "./constants/css_tokens/css_border_width_tokens";
@@ -70,3 +71,5 @@ export { LINK_SIZE_TYPES, LINK_VARIANT_TYPES, LINK_DECORATION_TYPES } from "./co
 export { Modal } from './components/modal/components/modal/modal';
 export { ModalsManager } from "./components/modal/modals_manager";
 export { useModalsContext } from "./components/modal/hooks/use_modals_context";
+export { MessageBox } from "./components/message_box/message_box";
+export { MESSAGE_BOX_VARIANTS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_ICONS } from "./components/message_box/message_box_constants";

package/build/esm/packages/aurora/src/index.js

@@ -62,9 +62,12 @@ export { TabsTrigger } from './components/tabs/components/tabs_trigger.js';
 export { TabsContent } from './components/tabs/components/tabs_content.js';
 export { Popover } from './components/popover/popover.js';
 export { PopoverTrigger } from './components/popover/components/popover_trigger.js';
+export { Label } from './components/label/label.js';
 export { LINK_DECORATION_TYPES, LINK_SIZE_TYPES, LINK_VARIANT_TYPES } from './components/link/link_constants.js';
 export { Link } from './components/link/link.js';
 export { useModalsContext } from './components/modal/hooks/use_modals_context.js';
 export { Modal } from './components/modal/components/modal/modal.js';
 export { ModalsManager } from './components/modal/modals_manager.js';
+export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './components/message_box/message_box_constants.js';
+export { MessageBox } from './components/message_box/message_box.js';
 //# sourceMappingURL=index.js.map

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