@dreamcommerce/aurora 3.0.0-3 → 3.0.0-300

package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.js

@@ -0,0 +1,156 @@
+import { useState, useRef, useEffect } from 'react';
+import { i18n } from '../../i18n.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { MIME_TYPE_TO_FILE_EXTENSIONS, IMAGE_PICKER_ERROR } from './image_picker_constants.js';
+
+var useImagePicker = function useImagePicker(_ref) {
+  var onChange = _ref.onChange,
+    initialFile = _ref.initialFile,
+    allowedExtensions = _ref.allowedExtensions,
+    inputRef = _ref.inputRef,
+    initialErrors = _ref.initialErrors,
+    onError = _ref.onError;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = useState(initialFile),
+    _useState4 = _slicedToArray(_useState3, 2),
+    file = _useState4[0],
+    setFile = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileAsDataUrl = _useState6[0],
+    setFileAsDataUrl = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    errors = _useState8[0],
+    setErrors = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isDragOver = _useState10[0],
+    setDragOver = _useState10[1];
+  var _useState11 = useState(true),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isPreview = _useState12[0],
+    setPreview = _useState12[1];
+  var reader = useRef(new FileReader());
+  useEffect(function () {
+    reader.current && getDataUrlFromFile(reader.current.result);
+    reader.current.addEventListener('load', function () {
+      return getDataUrlFromFile(reader.current.result);
+    }, false);
+    return function () {
+      return reader.current.removeEventListener('load', function () {
+        return getDataUrlFromFile(reader.current.result);
+      });
+    };
+  }, []);
+  useEffect(function () {
+    setFile(initialFile);
+  }, [initialFile]);
+  useEffect(function () {
+    initialErrors && setErrors(initialErrors);
+  }, [initialErrors]);
+  useEffect(function () {
+    fileAsDataUrl && (onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: fileList,
+      fileAsDataUrl: fileAsDataUrl
+    }));
+  }, [fileAsDataUrl]);
+  var onDropFile = function onDropFile(event) {
+    setErrors([]);
+    event.stopPropagation();
+    event.preventDefault();
+    var files = event.dataTransfer.files;
+    if (!files.length) return;
+    validateFileExtension(allowedExtensions, files[0].type);
+    setDragOver(false);
+    updateFile(files);
+  };
+  var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
+    if (!allowedExtensions) return true;
+    var isValid = allowedExtensions.reduce(function (acc, extension) {
+      return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
+    }, false);
+    if (isValid) {
+      setErrors([]);
+      return isValid;
+    }
+    setErrors([].concat(_toConsumableArray(errors), [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]));
+    onError === null || onError === void 0 ? void 0 : onError(errors);
+    return isValid;
+  };
+  var onFileChange = function onFileChange(event) {
+    changeFile(event.target.files);
+  };
+  var changeFile = function changeFile(files) {
+    setErrors([]);
+    updateFile(files);
+  };
+  var updateFile = function updateFile(files) {
+    if (files !== null && files !== void 0 && files.length) {
+      setFileList(files);
+      reader.current.readAsDataURL(files[0]);
+      setFile({
+        fileName: files === null || files === void 0 ? void 0 : files[0].name,
+        fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
+      });
+      var isValid = validateFileExtension(allowedExtensions, files[0].type);
+      if (isValid) onChange === null || onChange === void 0 ? void 0 : onChange({
+        fileList: files
+      });
+    } else {
+      setFile(undefined);
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        fileList: files
+      });
+    }
+    setPreview(true);
+  };
+  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
+    setFileAsDataUrl(fileReaderResult);
+  };
+  var onDragOver = function onDragOver(event) {
+    event.stopPropagation();
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'copy';
+    if (!isDragOver) {
+      setDragOver(true);
+    }
+  };
+  var onDragLeave = function onDragLeave() {
+    setDragOver(false);
+  };
+  var onFileDelete = function onFileDelete() {
+    inputRef.current.value = '';
+    setFileList(null);
+    setFile(undefined);
+    setFileAsDataUrl(null);
+    setPreview(true);
+    setErrors([]);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      fileList: null,
+      fileAsDataUrl: null
+    });
+  };
+  var onPreviewError = function onPreviewError() {
+    setPreview(false);
+  };
+  return {
+    onDropFile: onDropFile,
+    onFileChange: onFileChange,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
+    onFileDelete: onFileDelete,
+    onPreviewError: onPreviewError,
+    changeFile: changeFile,
+    file: file,
+    errors: errors,
+    isPreview: isPreview,
+    isDragOver: isDragOver
+  };
+};
+
+export { useImagePicker };
+//# sourceMappingURL=use_image_picker.js.map

package/build/esm/packages/aurora/src/components/image_picker/use_image_picker.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/input.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TInputProps } from './input_types';
+export declare const Input: React.ForwardRefExoticComponent<TInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { inputVariants } from './input_variants.js';
+
+var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "onChange", "onKeyDown", "onKeyUp"];
+var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var preElement = _ref.preElement,
+    postElement = _ref.postElement,
+    errors = _ref.errors,
+    className = _ref.className,
+    id = _ref.id,
+    name = _ref.name,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    type = _ref.type,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(inputVariants(), {
+      'aurora-border-danger aurora-border-2': !!(errors !== null && errors !== void 0 && errors.length),
+      'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
+      'aurora-appearance-none': type === 'number'
+    }, className)
+  }, preElement && (/*#__PURE__*/React.createElement("div", {
+    className: 'aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2'
+  }, preElement)), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    id: id,
+    name: name,
+    value: value,
+    defaultValue: defaultValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp,
+    type: type,
+    className: cn('aurora-h-[40px] aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6')
+  })), postElement && /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-h-full aurora-right-0 aurora-pr-2 aurora-items-center"
+  }, postElement));
+});
+Input.displayName = 'Input';
+
+export { Input };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from './input_variants';
+export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+    preElement?: React.ReactNode;
+    postElement?: React.ReactNode;
+    errors?: string | string[];
+}

package/build/esm/packages/aurora/src/components/input/input_types.js

@@ -0,0 +1,3 @@
+import 'class-variance-authority';
+import './input_variants';
+//# sourceMappingURL=input_types.js.map

package/build/esm/packages/aurora/src/components/input/input_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../src/components/input/input_types.ts"],"names":[],"mappings":"AAAA,OAA6B,0BAA0B,CAAC;AACxD,OAA8B,kBAAkB,CAAC"}

package/build/esm/packages/aurora/src/components/input/input_variants.d.ts

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

package/build/esm/packages/aurora/src/components/input/input_variants.js

@@ -0,0 +1,6 @@
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+
+var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
+
+export { inputVariants };
+//# sourceMappingURL=input_variants.js.map

package/build/esm/packages/aurora/src/components/input/input_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/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,40 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Typography } from '../typography/typography.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 '@radix-ui/react-label';
+
+var _excluded = ["className", "tooltip", "required", "disabled", "children"];
+var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    tooltip = _ref.tooltip,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Root, _objectSpread2({
+    ref: ref
+  }, props), /*#__PURE__*/createElement(Typography, {
+    lineHeight: "xs",
+    size: "s",
+    weight: "medium",
+    as: "p",
+    className: className
+  }, required ? /*#__PURE__*/createElement("span", {
+    className: "aurora-text-interactive"
+  }, "*") : null, /*#__PURE__*/createElement("span", {
+    className: cn({
+      'aurora-mr-1': tooltip
+    })
+  }, children), tooltip ? (/*#__PURE__*/createElement(TooltipProvider, null, /*#__PURE__*/createElement(Tooltip, null, /*#__PURE__*/createElement(TooltipTrigger, {
+    className: "aurora-align-middle aurora-inline-flex"
+  }), /*#__PURE__*/createElement(TooltipContent, null, /*#__PURE__*/createElement("p", null, tooltip))))) : null));
+});
+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;AACA;AACA;AACA;AACA;AACA;AACA;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,7 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import React, { ReactNode } from 'react';
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
+    tooltip?: string | ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,3 @@
+import '@radix-ui/react-label';
+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,OAAiC,OAAO,CAAC"}

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import React from 'react';
+import { TLinkProps } from "./link_types";
+export declare const Link: {
+    ({ children, className, size, variant, decoration, ...props }: PropsWithChildren<TLinkProps>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { linkVariants } from './link_variants.js';
+
+var _excluded = ["children", "className", "size", "variant", "decoration"];
+var Link = function Link(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    size = _ref.size,
+    variant = _ref.variant,
+    decoration = _ref.decoration,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("a", _objectSpread2({
+    className: cn(linkVariants({
+      size: size,
+      variant: variant,
+      decoration: decoration
+    }), className)
+  }, props), children);
+};
+Link.displayName = 'Link';
+
+export { Link };
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1,12 @@
+export declare const LINK_SIZE_TYPES: {
+    readonly basic: "basic";
+    readonly s: "s";
+};
+export declare const LINK_VARIANT_TYPES: {
+    readonly basic: "basic";
+    readonly monochromatic: "monochromatic";
+};
+export declare const LINK_DECORATION_TYPES: {
+    readonly noUnderline: "no-underline";
+    readonly underline: "underline";
+};

package/build/esm/packages/aurora/src/components/link/link_constants.js

@@ -0,0 +1,15 @@
+var LINK_SIZE_TYPES = {
+  basic: 'basic',
+  s: 's'
+};
+var LINK_VARIANT_TYPES = {
+  basic: 'basic',
+  monochromatic: 'monochromatic'
+};
+var LINK_DECORATION_TYPES = {
+  noUnderline: 'no-underline',
+  underline: 'underline'
+};
+
+export { LINK_DECORATION_TYPES, LINK_SIZE_TYPES, LINK_VARIANT_TYPES };
+//# sourceMappingURL=link_constants.js.map

package/build/esm/packages/aurora/src/components/link/link_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/link/link_types.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import { linkVariants } from "./link_variants";
+export interface TLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
+}

package/build/esm/packages/aurora/src/components/link/link_types.js

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/link/link_variants';
+//# sourceMappingURL=link_types.js.map

package/build/esm/packages/aurora/src/components/link/link_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link_types.js","sourceRoot":"","sources":["../../../../../../../src/components/link/link_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAA6B,sCAAsC,CAAC"}

package/build/esm/packages/aurora/src/components/link/link_variants.d.ts

@@ -0,0 +1,5 @@
+export declare const linkVariants: (props?: ({
+    variant?: "basic" | "monochromatic" | null | undefined;
+    decoration?: "no-underline" | "underline" | null | undefined;
+    size?: "basic" | "s" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/link/link_variants.js

@@ -0,0 +1,19 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { LINK_VARIANT_TYPES, LINK_DECORATION_TYPES, LINK_SIZE_TYPES } from './link_constants.js';
+
+var linkVariants = cva('aurora-cursor-pointer aurora-transition-all aurora-duration-200', {
+  variants: {
+    variant: _defineProperty(_defineProperty({}, LINK_VARIANT_TYPES.basic, 'aurora-text-interactive hover:aurora-text-interactive-hover active:aurora-text-interactive-active'), LINK_VARIANT_TYPES.monochromatic, 'aurora-text hover:aurora-text hover:aurora-no-underline'),
+    decoration: _defineProperty(_defineProperty({}, LINK_DECORATION_TYPES.noUnderline, 'aurora-no-underline'), LINK_DECORATION_TYPES.underline, 'aurora-underline'),
+    size: _defineProperty(_defineProperty({}, LINK_SIZE_TYPES.basic, 'aurora-text-s'), LINK_SIZE_TYPES.s, 'aurora-text-xs')
+  },
+  defaultVariants: {
+    size: LINK_SIZE_TYPES.basic,
+    variant: LINK_VARIANT_TYPES.basic,
+    decoration: LINK_DECORATION_TYPES.underline
+  }
+});
+
+export { linkVariants };
+//# sourceMappingURL=link_variants.js.map

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

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

@@ -0,0 +1,4 @@
+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/loader/loader.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { loaderVariants } from './loader_variants.js';
+
+var _excluded = ["className", "variant"];
+var Loader = function Loader(_ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _objectSpread2({
+    className: cn(loaderVariants({
+      variant: variant
+    }), className)
+  }, props));
+};
+
+export { Loader };
+//# sourceMappingURL=loader.js.map

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

@@ -0,0 +1,5 @@
+export declare const LOADER_VARIANTS: {
+    readonly s: "s";
+    readonly m: "m";
+    readonly l: "l";
+};

package/build/esm/packages/aurora/src/components/loader/loader_constants.js

@@ -0,0 +1,8 @@
+var LOADER_VARIANTS = {
+  s: 's',
+  m: 'm',
+  l: 'l'
+};
+
+export { LOADER_VARIANTS };
+//# sourceMappingURL=loader_constants.js.map

package/build/esm/packages/aurora/src/components/loader/loader_constants.js.map

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import { loaderVariants } from "./loader_variants";
+export interface TLoaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loaderVariants> {
+}

package/build/esm/packages/aurora/src/components/loader/loader_types.js

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/loader/loader_variants';
+//# sourceMappingURL=loader_types.js.map

package/build/esm/packages/aurora/src/components/loader/loader_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader_types.js","sourceRoot":"","sources":["../../../../../../../src/components/loader/loader_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAE/B,OAA+B,0CAA0C,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const loaderVariants: (props?: ({
+    variant?: "s" | "m" | "l" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/build/esm/packages/aurora/src/components/loader/loader_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 { LOADER_VARIANTS } from './loader_constants.js';
+
+var loaderVariants = cva('aurora-inline-block aurora-align-middle aurora-border-solid aurora-border-r-primary aurora-rounded-full aurora-animate-spin', {
+  variants: {
+    variant: _defineProperty(_defineProperty(_defineProperty({}, LOADER_VARIANTS.s, 'aurora-h-4 aurora-w-4 aurora-border-2'), LOADER_VARIANTS.m, 'aurora-h-6 aurora-w-6 aurora-border-[3px]'), LOADER_VARIANTS.l, 'aurora-h-8 aurora-w-8 aurora-border-4')
+  },
+  defaultVariants: {
+    variant: LOADER_VARIANTS.s
+  }
+});
+
+export { loaderVariants };
+//# sourceMappingURL=loader_variants.js.map

package/build/esm/packages/aurora/src/components/loader/loader_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/message_box/message_box.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMessageBoxProps } from './message_box_types';
+export declare const MessageBox: React.ForwardRefExoticComponent<TMessageBoxProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+import { Typography } from '../typography/typography.js';
+import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
+import { messageBoxVariants } from './message_box_variants.js';
+
+var MessageBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? MESSAGE_BOX_VARIANTS.info : _ref$variant,
+    header = _ref.header,
+    children = _ref.children,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    className = _ref.className,
+    shadow = _ref.shadow,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? false : _ref$showIcon,
+    _ref$noBorder = _ref.noBorder,
+    noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
+    _ref$noRadius = _ref.noRadius,
+    noRadius = _ref$noRadius === void 0 ? false : _ref$noRadius;
+  var Icon = MESSAGE_BOX_ICONS[variant];
+  var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cn('message-box-link-icon', messageBoxVariants({
+      variant: variant
+    }), {
+      'aurora-w-full': fullWidth,
+      'aurora-w-[272px]': !fullWidth,
+      'aurora-rounded-0': noRadius,
+      'aurora-rounded-6': !noRadius,
+      'aurora-border-none': noBorder,
+      'aurora-shadow-l': shadow
+    }, className)
+  }, showIcon ? (/*#__PURE__*/React.createElement("div", {
+    className: cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: cn('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
+  }))) : null, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-flex-col aurora-w-full"
+  }, header && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-w-full"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "aurora-text-s aurora-font-semibold aurora-text aurora-w-full"
+  }, header))), /*#__PURE__*/React.createElement(Typography, {
+    className: "aurora-w-full",
+    size: "xs"
+  }, children))));
+});
+MessageBox.displayName = 'MessageBox';
+
+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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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: {
+    readonly info: import("@remixicon/react").RemixiconComponentType;
+    readonly warning: import("@remixicon/react").RemixiconComponentType;
+    readonly success: import("@remixicon/react").RemixiconComponentType;
+    readonly critical: import("@remixicon/react").RemixiconComponentType;
+    readonly subtle: import("@remixicon/react").RemixiconComponentType;
+};
+export declare const MESSAGE_BOX_ICON_COLORS: Record<string, string>;