@dreamcommerce/aurora 3.0.0-6 → 3.0.0-60

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/checkbox/checkbox.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,84 @@
+import React, { useMemo } from 'react';
+import { ColorPickerContext } from './color_picker_context.js';
+import ColorPickerPure from './components/pure_color_picker.js';
+import useSetupColorPicker from './hooks/setup_color_piceker.js';
+
+var ColorPickerWithContext = function ColorPickerWithContext(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    initialColor = _ref.initialColor,
+    colorVariables = _ref.colorVariables,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    isWithGradient = _ref.withGradient;
+  var _useSetupColorPicker = useSetupColorPicker({
+      colorVariables: colorVariables,
+      initialColor: initialColor,
+      onChange: onChange,
+      onCancel: onCancel,
+      onSave: onSave,
+      withGradient: isWithGradient
+    }),
+    color = _useSetupColorPicker.color,
+    setColor = _useSetupColorPicker.setColor,
+    hex = _useSetupColorPicker.hex,
+    hslArr = _useSetupColorPicker.hslArr,
+    handleOnChangeAlpha = _useSetupColorPicker.handleOnChangeAlpha,
+    alphaValue = _useSetupColorPicker.alphaValue,
+    rgbaArr = _useSetupColorPicker.rgbaArr,
+    setR = _useSetupColorPicker.setR,
+    setG = _useSetupColorPicker.setG,
+    setB = _useSetupColorPicker.setB,
+    handleCancel = _useSetupColorPicker.handleCancel,
+    handleSave = _useSetupColorPicker.handleSave,
+    previousSolidColor = _useSetupColorPicker.previousSolidColor,
+    isCurrentValueGradient = _useSetupColorPicker.isCurrentValueGradient,
+    setLinear = _useSetupColorPicker.setLinear,
+    setRadial = _useSetupColorPicker.setRadial,
+    gradientType = _useSetupColorPicker.gradientType,
+    previousGradientColor = _useSetupColorPicker.previousGradientColor,
+    setSolid = _useSetupColorPicker.setSolid,
+    withGradient = _useSetupColorPicker.withGradient,
+    isColorPickerOpened = _useSetupColorPicker.isColorPickerOpened,
+    setIsColorPickerOpened = _useSetupColorPicker.setIsColorPickerOpened;
+  var value = useMemo(function () {
+    return {
+      color: color,
+      setColor: setColor,
+      hex: hex,
+      hslArr: hslArr,
+      handleOnChangeAlpha: handleOnChangeAlpha,
+      alphaValue: alphaValue,
+      rgbaArr: rgbaArr,
+      setR: setR,
+      setG: setG,
+      setB: setB,
+      handleCancel: handleCancel,
+      handleSave: handleSave,
+      colorVariables: colorVariables,
+      previousSolidColor: previousSolidColor,
+      isCurrentValueGradient: isCurrentValueGradient,
+      setLinear: setLinear,
+      setRadial: setRadial,
+      gradientType: gradientType,
+      setSolid: setSolid,
+      previousGradientColor: previousGradientColor,
+      withGradient: withGradient,
+      isColorPickerOpened: isColorPickerOpened,
+      setIsColorPickerOpened: setIsColorPickerOpened
+    };
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened]);
+  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(ColorPickerPure, {
+    id: id,
+    name: name,
+    colorVariables: colorVariables,
+    errors: errors
+  }));
+};
+
+export { ColorPickerWithContext };
+//# sourceMappingURL=color_picker.js.map

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

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

@@ -0,0 +1,20 @@
+export declare const COLOR_PICKER_INITIAL_STATE = "#FFFFFF";
+export declare const COLOR_PICKER_WIDTH = 247;
+export declare const COLOR_PICKER_HEIGHT = 200;
+export declare const COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+export declare const COLOR_PICKER_TYPES: {
+    readonly HEX: "hex";
+    readonly RGB: "rgb";
+};
+export declare const COLOR_PICKER_SWATCH_SIZES: {
+    readonly small: "small";
+    readonly big: "big";
+};
+export declare const GRADIENT_TYPES: {
+    readonly linear: "linear-gradient";
+    readonly radial: "radial-gradient";
+};
+export declare const GRADIENT_RADIAL_SHAPES: {
+    readonly circle: "circle";
+    readonly ellipse: "ellipse";
+};

package/build/esm/packages/aurora/src/components/color_picker/color_picker_constants.js

@@ -0,0 +1,23 @@
+var COLOR_PICKER_INITIAL_STATE = '#FFFFFF';
+var COLOR_PICKER_WIDTH = 247;
+var COLOR_PICKER_HEIGHT = 200;
+var COLOR_PICKER_ALPHA_MAX_VALUE = 100;
+var COLOR_PICKER_TYPES = {
+  HEX: 'hex',
+  RGB: 'rgb'
+};
+var COLOR_PICKER_SWATCH_SIZES = {
+  small: 'small',
+  big: 'big'
+};
+var GRADIENT_TYPES = {
+  linear: 'linear-gradient',
+  radial: 'radial-gradient'
+};
+var GRADIENT_RADIAL_SHAPES = {
+  circle: 'circle',
+  ellipse: 'ellipse'
+};
+
+export { COLOR_PICKER_ALPHA_MAX_VALUE, COLOR_PICKER_HEIGHT, COLOR_PICKER_INITIAL_STATE, COLOR_PICKER_SWATCH_SIZES, COLOR_PICKER_TYPES, COLOR_PICKER_WIDTH, GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES };
+//# sourceMappingURL=color_picker_constants.js.map

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IColorPickerContext } from "./color_picker_types";
+export declare const ColorPickerContext: import("react").Context<IColorPickerContext>;

package/build/esm/packages/aurora/src/components/color_picker/color_picker_context.js

@@ -0,0 +1,29 @@
+import { createContext } from 'react';
+
+var ColorPickerContext = /*#__PURE__*/createContext({
+  color: {
+    value: '',
+    name: ''
+  },
+  setColor: function setColor() {},
+  hex: '',
+  hslArr: [],
+  handleOnChangeAlpha: function handleOnChangeAlpha() {},
+  alphaValue: '',
+  rgbaArr: [],
+  setR: function setR() {},
+  setG: function setG() {},
+  setB: function setB() {},
+  handleCancel: function handleCancel() {},
+  handleSave: function handleSave() {},
+  setSolid: function setSolid() {},
+  setRadial: function setRadial() {},
+  setLinear: function setLinear() {},
+  isCurrentValueGradient: false,
+  withGradient: false,
+  isColorPickerOpened: false,
+  setIsColorPickerOpened: function setIsColorPickerOpened() {}
+});
+
+export { ColorPickerContext };
+//# sourceMappingURL=color_picker_context.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker_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;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/color_picker/color_picker_types.d.ts

@@ -0,0 +1,105 @@
+import { Dispatch, SetStateAction } from 'react';
+import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
+import { Any } from 'ts-toolbelt';
+export interface IColorPickerPureProps {
+    id: string;
+    name?: string;
+    colorVariables?: IColorPickerColorVariables;
+    errors?: string | string[];
+}
+export interface IColorPickerColorVariables {
+    isVisible: boolean;
+    variables: IColorPickerColorVariablesType;
+}
+export interface IColorPickerColorVariablesType {
+    primary: ColorPickerVariable;
+    secondary: ColorPickerVariable;
+    neutral: ColorPickerVariable;
+    font: ColorPickerVariable;
+    background: ColorPickerVariable;
+}
+export interface IColorPickerProps {
+    id: string;
+    name?: string;
+    initialColor?: ColorPickerColorTypes['hex'] | ColorPickerVariable | undefined;
+    withGradient?: boolean;
+    colorVariables?: IColorPickerColorVariables;
+    errors?: string | string[];
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+}
+export interface IColorPickerContext {
+    color: ColorPickerVariable;
+    setColor: Dispatch<SetStateAction<string | ColorPickerVariable>>;
+    hex: string;
+    hslArr: number[];
+    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    alphaValue: string;
+    rgbaArr: number[];
+    setR: (newR: number) => void;
+    setG: (newG: number) => void;
+    setB: (newB: number) => void;
+    handleCancel: () => void;
+    withGradient: boolean;
+    handleSave: (color: IColorPickerColor) => void;
+    colorVariables?: IColorPickerColorVariables;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType?: TGradientType;
+    previousSolidColor?: string;
+    previousGradientColor?: string;
+    isColorPickerOpened: boolean;
+    setIsColorPickerOpened: (isOpened: boolean) => void;
+}
+export declare type ColorPickerColorTypes = {
+    hex: string;
+    hsl: {
+        h: number;
+        s: number;
+        l: number;
+    };
+    rgba: {
+        r: number;
+        g: number;
+        b: number;
+        a?: number;
+    };
+};
+export declare type ColorPickerVariable = {
+    value: string;
+    name: string;
+};
+export declare type IColorPickerColor = {
+    rgba: ColorPickerColorTypes['rgba'];
+    hex: string;
+    hexString: string;
+    variable: string;
+    gradient?: TGradientObject;
+};
+export declare type ColorPickerColors = ColorPickerColorTypes['hex'] | ColorPickerColorTypes['hsl'] | ColorPickerColorTypes['rgba'];
+export declare type TGradientType = typeof GRADIENT_TYPES[keyof typeof GRADIENT_TYPES];
+export declare type TGradientColorStop = {
+    stop: number;
+    value: string;
+};
+export declare type TGradientRadialShape = Any.Keys<typeof GRADIENT_RADIAL_SHAPES>;
+export declare type TGradientObject = {
+    gradientType: TGradientType;
+    colors: TGradientColorStop[];
+    radialShape?: TGradientRadialShape;
+    angle?: number;
+};
+export declare type TGradientColoPickerLibGradientObject = {
+    isGradient: boolean;
+    gradientType: string | undefined;
+    degrees: string;
+    colors: any;
+} | {
+    isGradient: boolean;
+    gradientType: null;
+    degrees: null;
+    colors: any;
+};

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js

@@ -0,0 +1,4 @@
+import 'react';
+import '@auroraComponents/color_picker/color_picker_constants';
+import 'ts-toolbelt';
+//# sourceMappingURL=color_picker_types.js.map

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAAyC,OAAO,CAAC;AACjD,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}

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

@@ -0,0 +1,18 @@
+import { ColorPickerColors, ColorPickerVariable, IColorPickerColor, TGradientColoPickerLibGradientObject, TGradientObject } from './color_picker_types';
+import tinycolor from 'tinycolor2';
+export declare class ColorPickerUtils {
+    static getTinyColorInstance: (color: ColorPickerColors) => tinycolor.Instance;
+    static isGradient(color: string): boolean;
+    static getColorPickerValue: (color: string | ColorPickerVariable | undefined) => ColorPickerVariable;
+    static getRgbaValue: (colorSet: tinycolor.Instance) => tinycolor.ColorFormats.RGBA;
+    static getHexValue: (colorSet: tinycolor.Instance) => string;
+    static getHexValueString: (colorSet: tinycolor.Instance) => string;
+    static isHexChar: (value: string) => boolean;
+    static getAllColorTypes: (color: ColorPickerVariable) => IColorPickerColor;
+    static getVariableShades: ({ color, name }: {
+        color: ColorPickerColors;
+        name: string;
+    }) => ColorPickerVariable[];
+    private static convertVariableShadesToHex;
+    static getColorPickerGradientValue(gradient: TGradientColoPickerLibGradientObject): TGradientObject;
+}