npm - @dreamcommerce/aurora - Versions diffs - 3.0.0-292 → 3.0.0-294 - Mend

@dreamcommerce/aurora 3.0.0-292 → 3.0.0-294

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js ADDED Viewed

@@ -0,0 +1,27 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+var cn = require('../../utilities/cn.js');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var AnchorButton = function AnchorButton(_ref) {
+  var position = _ref.position,
+    className = _ref.className,
+    selected = _ref.selected,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/React__default['default'].createElement("button", {
+    type: "button",
+    className: cn.cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
+    onClick: function onClick() {
+      return onChange(position);
+    }
+  });
+};
+exports.AnchorButton = AnchorButton;
+//# sourceMappingURL=anchor_button.js.map

package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js ADDED Viewed

@@ -0,0 +1,33 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+var cn = require('../../utilities/cn.js');
+var anchor_presets_constants = require('./anchor_presets_constants.js');
+var anchor_button = require('./anchor_button.js');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var AnchorPresets = function AnchorPresets(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className)
+  }, Object.values(anchor_presets_constants.ANCHOR_PRESETS_VALUES).map(function (val) {
+    return /*#__PURE__*/React__default['default'].createElement(anchor_button.AnchorButton, {
+      key: val,
+      position: val,
+      selected: value === val,
+      onChange: onChange,
+      className: buttonClassName
+    });
+  }));
+};
+exports.AnchorPresets = AnchorPresets;
+//# sourceMappingURL=anchor_presets.js.map

package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js ADDED Viewed

@@ -0,0 +1,18 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var ANCHOR_PRESETS_VALUES = {
+  topLeft: 'top-left',
+  topCenter: 'top-center',
+  topRight: 'top-right',
+  middleLeft: 'middle-left',
+  center: 'center',
+  middleRight: 'middle-right',
+  bottomLeft: 'bottom-left',
+  bottomCenter: 'bottom-center',
+  bottomRight: 'bottom-right'
+};
+exports.ANCHOR_PRESETS_VALUES = ANCHOR_PRESETS_VALUES;
+//# sourceMappingURL=anchor_presets_constants.js.map

package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/color_picker/color_picker_utils.js CHANGED Viewed

@@ -172,7 +172,7 @@ _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "findVariable", funct
   return (_Object$values$find = Object.values(variables).find(function (v) {
     var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
     var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
-    return variableTiny.toHexString() === colorTiny.toHexString();
+    return variableTiny.toHex8String() === colorTiny.toHex8String();
   })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
 });
 _rollupPluginBabelHelpers.defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {

package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js ADDED Viewed

@@ -0,0 +1,45 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+var stack = require('../../stack/stack.js');
+var control = require('../../control/control.js');
+var error_list = require('../../error_list/error_list.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var label = require('../../label/label.js');
+var anchor_presets = require('../../anchor_presets/anchor_presets.js');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
+  var label$1 = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col aurora-gap-3"
+  }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    tooltip: tooltip,
+    className: "aurora-text"
+  }, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null), /*#__PURE__*/React__default['default'].createElement(anchor_presets.AnchorPresets, {
+    value: value,
+    onChange: onChange,
+    className: className,
+    buttonClassName: buttonClassName
+  }), errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }) : null);
+};
+exports.AnchorPresetsControl = AnchorPresetsControl;
+//# sourceMappingURL=anchor_presets_control.js.map

package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js CHANGED Viewed

@@ -24,7 +24,7 @@ var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(fun
   var context = React__default['default'].useContext(segmented_control_context.SegmentedControlContext);
   return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]_svg]:!aurora-fill-subtle aurora-whitespace-nowrap", segmented_control_item_variants.segmentedControlItemVariants({
+    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]_svg]:!aurora-fill aurora-whitespace-nowrap", segmented_control_item_variants.segmentedControlItemVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
       variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
     }), className)

package/build/cjs/packages/aurora/src/index.js CHANGED Viewed

@@ -124,6 +124,9 @@ var toast_constants = require('./components/toast/toast_constants.js');
 var toast = require('./components/toast/components/toast.js');
 var toast_provider = require('./components/toast/context/toast_provider.js');
 var toast_viewport = require('./components/toast/components/toast_viewport.js');
+var anchor_presets_constants = require('./components/anchor_presets/anchor_presets_constants.js');
+var anchor_presets = require('./components/anchor_presets/anchor_presets.js');
+var anchor_presets_control = require('./components/controls/anchor_presets_control/anchor_presets_control.js');
@@ -269,4 +272,7 @@ exports.TOAST_TYPES = toast_constants.TOAST_TYPES;
 exports.Toast = toast.Toast;
 exports.ToastProvider = toast_provider.ToastProvider;
 exports.ToastViewport = toast_viewport.ToastViewport;
+exports.ANCHOR_PRESETS_VALUES = anchor_presets_constants.ANCHOR_PRESETS_VALUES;
+exports.AnchorPresets = anchor_presets.AnchorPresets;
+exports.AnchorPresetsControl = anchor_presets_control.AnchorPresetsControl;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map CHANGED Viewed

	@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/anchor_presets/anchor_button.d.ts CHANGED Viewed

@@ -1,8 +1,3 @@
 import React from 'react';
-import { TAnchorPresetsValue } from "./anchor_presets_types";
-export declare const AnchorButton: ({ position, className, selected, onChange }: {
-    position: TAnchorPresetsValue;
-    className?: string | undefined;
-    selected: boolean;
-    onChange: (val: TAnchorPresetsValue) => void;
-}) => React.JSX.Element;
+import { TAnchorButtonProps } from "./anchor_presets_types";
+export declare const AnchorButton: ({ position, className, selected, onChange }: TAnchorButtonProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js CHANGED Viewed

@@ -1,7 +1,19 @@
 import React from 'react';
-import { cn } from '@auroraUtilities/cn';
-import '@auroraComponents/anchor_presets/anchor_presets_types';
-export const AnchorButton = ({ position, className, selected, onChange }) => {
-    return (React.createElement("button", { type: "button", className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className), onClick: () => onChange(position) }));
+import { cn } from '../../utilities/cn.js';
+var AnchorButton = function AnchorButton(_ref) {
+  var position = _ref.position,
+    className = _ref.className,
+    selected = _ref.selected,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
+    onClick: function onClick() {
+      return onChange(position);
+    }
+  });
 };
-//# sourceMappingURL=anchor_button.js.map
+export { AnchorButton };
+//# sourceMappingURL=anchor_button.js.map

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":~~"anchor_button.js"~~,"~~sourceRoot~~":"","~~sources~~":[~~"../../../../../../../src/components/anchor_presets/anchor_button.tsx"~~],"names":[],"mappings":"AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC~~;~~AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC~~;~~AACzC,OAAoC,uDAAuD,CAAC~~;~~AAE5F,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EAMX,EAAE,EAAE~~;~~IACD,OAAO,CACH,gCACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACT,2LAA2L,EAC3L,QAAQ,IAAI,kGAAkG,EAC9G,SAAS,CACZ,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC3B,CACb,CAAC~~;~~AACN,CAAC,CAAC~~"}
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/anchor_presets/anchor_presets.d.ts CHANGED Viewed

@@ -1,8 +1,3 @@
 import React from 'react';
-import { TAnchorPresetsValue } from "./anchor_presets_types";
-export declare const AnchorPresets: ({ value, onChange, className, buttonClassName }: {
-    value: TAnchorPresetsValue;
-    onChange: (val: TAnchorPresetsValue) => void;
-    className?: string | undefined;
-    buttonClassName?: string | undefined;
-}) => React.JSX.Element;
+import { TAnchorPresetsProps } from "./anchor_presets_types";
+export declare const AnchorPresets: ({ value, onChange, className, buttonClassName }: TAnchorPresetsProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js CHANGED Viewed

@@ -1,9 +1,25 @@
 import React from 'react';
-import { cn } from '@auroraUtilities/cn';
-import '@auroraComponents/anchor_presets/anchor_presets_types';
-import { ANCHOR_PRESETS_VALUES } from '@auroraComponents/anchor_presets/anchor_presets_constants';
-import { AnchorButton } from '@auroraComponents/anchor_presets/anchor_button';
-export const AnchorPresets = ({ value, onChange, className, buttonClassName }) => {
-    return (React.createElement("div", { className: cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className) }, Object.values(ANCHOR_PRESETS_VALUES).map((val) => (React.createElement(AnchorButton, { key: val, position: val, selected: value === val, onChange: onChange, className: buttonClassName })))));
+import { cn } from '../../utilities/cn.js';
+import { ANCHOR_PRESETS_VALUES } from './anchor_presets_constants.js';
+import { AnchorButton } from './anchor_button.js';
+var AnchorPresets = function AnchorPresets(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className)
+  }, Object.values(ANCHOR_PRESETS_VALUES).map(function (val) {
+    return /*#__PURE__*/React.createElement(AnchorButton, {
+      key: val,
+      position: val,
+      selected: value === val,
+      onChange: onChange,
+      className: buttonClassName
+    });
+  }));
 };
-//# sourceMappingURL=anchor_presets.js.map
+export { AnchorPresets };
+//# sourceMappingURL=anchor_presets.js.map

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":~~"anchor_presets.js"~~,"~~sourceRoot~~":"","~~sources~~":[~~"../../../../../../../src/components/anchor_presets/anchor_presets.tsx"~~],"names":[],"mappings":"AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC~~;~~AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC~~;~~AACzC,OAAoC,uDAAuD,CAAC~~;~~AAC5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,2DAA2D,CAAC~~;~~AAClG,OAAO,EAAE,YAAY,EAAE,MAAM,gDAAgD,CAAC~~;~~AAE9E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,eAAe,EAMlB,EAAE,EAAE~~;IACD,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CACT,mNAAmN,EACnN,SAAS,CACZ,IAEA,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/C,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,KAAK,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,GAAI,CACrH,CAAC,CACA,CACT,CAAC;~~AACN,CAAC,CAAC~~"}
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/anchor_presets/anchor_presets_constants.js CHANGED Viewed

@@ -1,12 +1,14 @@
-export const ANCHOR_PRESETS_VALUES = {
-    topLeft: 'top-left',
-    topCenter: 'top-center',
-    topRight: 'top-right',
-    middleLeft: 'middle-left',
-    center: 'center',
-    middleRight: 'middle-right',
-    bottomLeft: 'bottom-left',
-    bottomCenter: 'bottom-center',
-    bottomRight: 'bottom-right'
+var ANCHOR_PRESETS_VALUES = {
+  topLeft: 'top-left',
+  topCenter: 'top-center',
+  topRight: 'top-right',
+  middleLeft: 'middle-left',
+  center: 'center',
+  middleRight: 'middle-right',
+  bottomLeft: 'bottom-left',
+  bottomCenter: 'bottom-center',
+  bottomRight: 'bottom-right'
 };
-//# sourceMappingURL=anchor_presets_constants.js.map
+export { ANCHOR_PRESETS_VALUES };
+//# sourceMappingURL=anchor_presets_constants.js.map

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":~~"anchor_presets_constants.js"~~,"~~sourceRoot~~":"","~~sources~~":[~~"../../../../../../../src/components/anchor_presets/anchor_presets_constants.ts"~~],"names":[],"mappings":"AAAA~~,MAAM,CAAC,MAAM,qBAAqB,GAAG~~;~~IACjC,OAAO,EAAE,UAAU~~;~~IACnB,SAAS,EAAE,YAAY~~;~~IACvB,QAAQ,EAAE,WAAW~~;~~IACrB,UAAU,EAAE,aAAa~~;~~IACzB,MAAM,EAAE,QAAQ~~;~~IAChB,WAAW,EAAE,cAAc~~;~~IAC3B,UAAU,EAAE,aAAa~~;~~IACzB,YAAY,EAAE,eAAe~~;~~IAC7B,WAAW,EAAE,cAAc~~;~~CACrB,CAAC~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.d.ts CHANGED Viewed

@@ -1,2 +1,14 @@
 import { ANCHOR_PRESETS_VALUES } from "./anchor_presets_constants";
 export declare type TAnchorPresetsValue = typeof ANCHOR_PRESETS_VALUES[keyof typeof ANCHOR_PRESETS_VALUES];
+export declare type TAnchorPresetsProps = {
+    value: TAnchorPresetsValue;
+    onChange: (val: TAnchorPresetsValue) => void;
+    className?: string;
+    buttonClassName?: string;
+};
+export declare type TAnchorButtonProps = {
+    position: TAnchorPresetsValue;
+    className?: string;
+    selected: boolean;
+    onChange: (val: TAnchorPresetsValue) => void;
+};

package/build/esm/packages/aurora/src/components/color_picker/color_picker_utils.js CHANGED Viewed

@@ -168,7 +168,7 @@ _defineProperty(ColorPickerUtils, "findVariable", function (variables, color) {
   return (_Object$values$find = Object.values(variables).find(function (v) {
     var variableTiny = _ColorPickerUtils.getTinyColorInstance(v.value);
     var colorTiny = _ColorPickerUtils.getTinyColorInstance(color);
-    return variableTiny.toHexString() === colorTiny.toHexString();
+    return variableTiny.toHex8String() === colorTiny.toHex8String();
   })) === null || _Object$values$find === void 0 ? void 0 : _Object$values$find.name;
 });
 _defineProperty(ColorPickerUtils, "normalizeLinearGradient", function (color) {

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TAnchorPresetsControlProps } from "./anchor_presets_control_types";
+export declare const AnchorPresetsControl: React.FC<TAnchorPresetsControlProps>;

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js ADDED Viewed

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Stack } from '../../stack/stack.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+import { AnchorPresets } from '../../anchor_presets/anchor_presets.js';
+var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    errors = _ref.errors,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col aurora-gap-3"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
+    tooltip: tooltip,
+    className: "aurora-text"
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null), /*#__PURE__*/React.createElement(AnchorPresets, {
+    value: value,
+    onChange: onChange,
+    className: className,
+    buttonClassName: buttonClassName
+  }), errors ? /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }) : null);
+};
+export { AnchorPresetsControl };
+//# sourceMappingURL=anchor_presets_control.js.map

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TAnchorPresetsProps } from "../../anchor_presets/anchor_presets_types";
+export declare type TAnchorPresetsControlProps = TAnchorPresetsProps & {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/anchor_presets/anchor_presets_types';
+//# sourceMappingURL=anchor_presets_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"anchor_presets_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/anchor_presets_control/anchor_presets_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAoC,uDAAuD,CAAC"}

package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js CHANGED Viewed

@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var context = React.useContext(SegmentedControlContext);
   return /*#__PURE__*/React.createElement(Item, _objectSpread2({
     ref: ref,
-    className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]_svg]:!aurora-fill-subtle aurora-whitespace-nowrap", segmentedControlItemVariants({
+    className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]_svg]:!aurora-fill aurora-whitespace-nowrap", segmentedControlItemVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
       variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
     }), className)

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

@@ -128,3 +128,6 @@ export { ToastProvider } from "./components/toast/context/toast_provider";
 export { ToastViewport } from "./components/toast/components/toast_viewport";
 export { TOAST_TYPES, TOASTS_SIDE, TOAST_SLIDE_SIDE } from "./components/toast/toast_constants";
 export { TToastType } from "./components/toast/components/toast_components_types";
+export { AnchorPresets } from "./components/anchor_presets/anchor_presets";
+export { AnchorPresetsControl } from "./components/controls/anchor_presets_control/anchor_presets_control";
+export { ANCHOR_PRESETS_VALUES } from "./components/anchor_presets/anchor_presets_constants";

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

@@ -120,4 +120,7 @@ export { TOASTS_SIDE, TOAST_SLIDE_SIDE, TOAST_TYPES } from './components/toast/t
 export { Toast } from './components/toast/components/toast.js';
 export { ToastProvider } from './components/toast/context/toast_provider.js';
 export { ToastViewport } from './components/toast/components/toast_viewport.js';
+export { ANCHOR_PRESETS_VALUES } from './components/anchor_presets/anchor_presets_constants.js';
+export { AnchorPresets } from './components/anchor_presets/anchor_presets.js';
+export { AnchorPresetsControl } from './components/controls/anchor_presets_control/anchor_presets_control.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map CHANGED Viewed

	@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}