@dreamcommerce/aurora 3.0.0-213 → 3.0.0-214

package/build/cjs/packages/aurora/src/components/action_list/action_list_constants.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ACTION_LIST_VARIANTS = {
+  basic: 'basic',
+  noDropdownIcon: 'noDropdownIcon'
+};
+
+exports.ACTION_LIST_VARIANTS = ACTION_LIST_VARIANTS;
+//# sourceMappingURL=action_list_constants.js.map

package/build/cjs/packages/aurora/src/components/action_list/action_list_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;"}

package/build/cjs/packages/aurora/src/components/action_list/action_list_variants.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+var actionListTriggerVariants = index.cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
+  variants: {
+    variant: {
+      basic: '',
+      noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
+    }
+  },
+  defaultVariants: {
+    variant: 'basic'
+  }
+});
+
+exports.actionListTriggerVariants = actionListTriggerVariants;
+//# sourceMappingURL=action_list_variants.js.map

package/build/cjs/packages/aurora/src/components/action_list/action_list_variants.js.map

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

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.js

@@ -5,26 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
-require('@radix-ui/react-dropdown-menu');
 var action_list_generic_trigger = require('./action_list_generic_trigger.js');
+var action_list_variants = require('../action_list_variants.js');
 var arrow_down_s_line_icon = require('../../../assets/icons/arrow_down_s_line_icon.js');
+var action_list_constants = require('../action_list_constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "className"];
+var _excluded = ["children", "className", "variant"];
 var ActionListTrigger = function ActionListTrigger(_ref) {
   var children = _ref.children,
     className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(action_list_generic_trigger.ActionListGenericTrigger, _rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
+    className: cn.cn(action_list_variants.actionListTriggerVariants({
+      variant: variant
+    }), className),
     "data-test-el": "action-list-trigger"
-  }, props), /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, /*#__PURE__*/React__default['default'].createElement(arrow_down_s_line_icon.ArrowDownSLineIcon, {
+  }, props), /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, variant !== action_list_constants.ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React__default['default'].createElement(arrow_down_s_line_icon.ArrowDownSLineIcon, {
     className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
     size: 20
-  })));
+  }))));
 };
 
 exports.ActionListTrigger = ActionListTrigger;

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js

@@ -87,8 +87,7 @@ var ColorPickerShades = function ColorPickerShades() {
       onClick: handleOnClick,
       key: "".concat(shade, "-").concat(index),
       color: colorHex,
-      cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
-      hasActiveBorder: true
+      cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
     });
   })));
 };

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker/components/color_picker_swatch.js

@@ -3,10 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cn = require('../../../utilities/cn.js');
 var color_picker_constants = require('../color_picker_constants.js');
-var tinycolor = require('../../../../../../external/tinycolor2/esm/tinycolor.js');
-var use_color_picker = require('../hooks/use_color_picker.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,23 +13,15 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
   var color = _ref.color,
     cssColor = _ref.cssColor,
     size = _ref.size,
-    hasActiveBorder = _ref.hasActiveBorder,
     onClick = _ref.onClick;
-  var _useColorPicker = use_color_picker.useColorPicker(),
-    activeColor = _useColorPicker.color;
   var handleOnClick = function handleOnClick() {
     onClick === null || onClick === void 0 ? void 0 : onClick(color);
   };
-  var activeColorHex = tinycolor['default'](activeColor.value).toHex();
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: cn.cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
-      'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
-      'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
-      '!aurora-border-active aurora-border-2': hasActiveBorder && color === activeColorHex
-    }),
+    className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n                ".concat(size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n                ").concat(size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n            "),
     onClick: handleOnClick
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
+    className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
     style: {
       background: "".concat(cssColor)
     }

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/cjs/packages/aurora/src/components/stack/stack.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
-var stack_constants = require('./stack_constants.js');
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+var stack_constants = require('./stack_constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/stack/stack.js.map

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

@@ -0,0 +1 @@
+export declare const AddLineIcon: import("@remixicon/react").RemixiconComponentType;

package/build/esm/packages/aurora/src/assets/icons/add_line_icon.js

@@ -0,0 +1,3 @@
+import { RiAddLine } from '@remixicon/react';
+export const AddLineIcon = RiAddLine;
+//# sourceMappingURL=add_line_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/add_line_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add_line_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/add_line_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC"}

package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.d.ts

@@ -0,0 +1 @@
+export declare const SubtractLineIcon: import("@remixicon/react").RemixiconComponentType;

package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.js

@@ -0,0 +1,3 @@
+import { RiSubtractLine } from '@remixicon/react';
+export const SubtractLineIcon = RiSubtractLine;
+//# sourceMappingURL=subtract_line_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtract_line_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/subtract_line_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,CAAC"}

package/build/esm/packages/aurora/src/components/action_list/action_list_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const ACTION_LIST_VARIANTS: {
+    readonly basic: "basic";
+    readonly noDropdownIcon: "noDropdownIcon";
+};

package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js

@@ -0,0 +1,7 @@
+var ACTION_LIST_VARIANTS = {
+  basic: 'basic',
+  noDropdownIcon: 'noDropdownIcon'
+};
+
+export { ACTION_LIST_VARIANTS };
+//# sourceMappingURL=action_list_constants.js.map

package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js.map

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

package/build/esm/packages/aurora/src/components/action_list/action_list_types.d.ts

@@ -1,4 +1,7 @@
-import { DropdownMenuPortalProps, DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { actionListTriggerVariants } from './action_list_variants';
 export declare type TActionListProps = DropdownMenuProps & DropdownMenuPortalProps & {
     portal?: boolean;
     $container?: HTMLElement;
@@ -8,3 +11,6 @@ export declare type TActionListContext = {
     $container?: HTMLElement;
     initialPointerEventsOnContainer?: string;
 };
+export declare type TActionListTriggerProps = PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>> & VariantProps<typeof actionListTriggerVariants> & {
+    className?: string;
+};

package/build/esm/packages/aurora/src/components/action_list/action_list_types.js

@@ -1,2 +1,5 @@
 import '@radix-ui/react-dropdown-menu';
+import 'class-variance-authority';
+import 'react';
+import './action_list_variants';
 //# sourceMappingURL=action_list_types.js.map

package/build/esm/packages/aurora/src/components/action_list/action_list_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAA2D,+BAA+B,CAAC"}
+{"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAAqF,+BAA+B,CAAC;AACrH,OAA6B,0BAA0B,CAAC;AACxD,OAAkC,OAAO,CAAC;AAC1C,OAA0C,wBAAwB,CAAC"}

package/build/esm/packages/aurora/src/components/action_list/action_list_variants.d.ts

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

package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js

@@ -0,0 +1,16 @@
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+
+var actionListTriggerVariants = cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
+  variants: {
+    variant: {
+      basic: '',
+      noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
+    }
+  },
+  defaultVariants: {
+    variant: 'basic'
+  }
+});
+
+export { actionListTriggerVariants };
+//# sourceMappingURL=action_list_variants.js.map

package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js.map

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

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.d.ts

@@ -1,3 +1,3 @@
-import React, { PropsWithChildren } from 'react';
-import { DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
-export declare const ActionListTrigger: ({ children, className, ...props }: PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>) => React.JSX.Element;
+import React from 'react';
+import { TActionListTriggerProps } from '../action_list_types';
+export declare const ActionListTrigger: ({ children, className, variant, ...props }: TActionListTriggerProps) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js

@@ -1,22 +1,27 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import '@radix-ui/react-dropdown-menu';
 import { ActionListGenericTrigger } from './action_list_generic_trigger.js';
+import { actionListTriggerVariants } from '../action_list_variants.js';
 import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
+import { ACTION_LIST_VARIANTS } from '../action_list_constants.js';
 
-var _excluded = ["children", "className"];
+var _excluded = ["children", "className", "variant"];
 var ActionListTrigger = function ActionListTrigger(_ref) {
   var children = _ref.children,
     className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(ActionListGenericTrigger, _objectSpread2({
-    className: cn('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-py aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', className),
+    className: cn(actionListTriggerVariants({
+      variant: variant
+    }), className),
     "data-test-el": "action-list-trigger"
-  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+  }, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, variant !== ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
     className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
     size: 20
-  })));
+  }))));
 };
 
 export { ActionListTrigger };

package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.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;"}
+{"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/color_picker/components/color_picker_shades.js

@@ -79,8 +79,7 @@ var ColorPickerShades = function ColorPickerShades() {
       onClick: handleOnClick,
       key: "".concat(shade, "-").concat(index),
       color: colorHex,
-      cssColor: ColorPickerUtils.getHexValueString(colorTiny),
-      hasActiveBorder: true
+      cssColor: ColorPickerUtils.getHexValueString(colorTiny)
     });
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_swatch.d.ts

@@ -5,7 +5,6 @@ interface IColorPickerSwatchProps {
     color: string;
     cssColor: string;
     size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
-    hasActiveBorder?: boolean;
     onClick?: (color: ColorPickerColorTypes['hex']) => void;
 }
 export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;

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

@@ -1,30 +1,19 @@
 import React from 'react';
-import { cn } from '../../../utilities/cn.js';
 import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants.js';
-import tinycolor from '../../../../../../external/tinycolor2/esm/tinycolor.js';
-import { useColorPicker } from '../hooks/use_color_picker.js';
 
 var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
   var color = _ref.color,
     cssColor = _ref.cssColor,
     size = _ref.size,
-    hasActiveBorder = _ref.hasActiveBorder,
     onClick = _ref.onClick;
-  var _useColorPicker = useColorPicker(),
-    activeColor = _useColorPicker.color;
   var handleOnClick = function handleOnClick() {
     onClick === null || onClick === void 0 ? void 0 : onClick(color);
   };
-  var activeColorHex = tinycolor(activeColor.value).toHex();
   return /*#__PURE__*/React.createElement("div", {
-    className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
-      'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
-      'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
-      '!aurora-border-active aurora-border-2': hasActiveBorder && color === activeColorHex
-    }),
+    className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n                ".concat(size === COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n                ").concat(size === COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n            "),
     onClick: handleOnClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
+    className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
     style: {
       background: "".concat(cssColor)
     }

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -1,8 +1,8 @@
 import React, { useRef, useImperativeHandle } from 'react';
 import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
 
 var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
 var stackVariants = cva('aurora-flex', {

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

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

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

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

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import './zoom_stepper_types';
+import { SubtractLineIcon } from '@auroraAssets/icons/subtract_line_icon';
+import { AddLineIcon } from '@auroraAssets/icons/add_line_icon';
+import { TooltipProvider } from '@auroraComponents/tooltip/context/tooltip_provider';
+import { Tooltip } from '@auroraComponents/tooltip/tooltip';
+import { TooltipTrigger } from '@auroraComponents/tooltip/components/tooltip_trigger';
+import { TooltipContent } from '@auroraComponents/tooltip/components/tooltip_content';
+import { useTranslation } from 'react-i18next';
+import { ActionList } from '@auroraComponents/action_list/action_list';
+import { ActionListTrigger } from '@auroraComponents/action_list/components/action_list_trigger';
+import { ActionListContent } from '@auroraComponents/action_list/components/action_list_content';
+import { ActionListRadioGroup } from '@auroraComponents/action_list/components/action_list_radio_group';
+import { ActionListRadioItem } from '@auroraComponents/action_list/components/action_list_radio_item';
+export const ZoomStepper = ({ value, onChange, onIncreaseClick, onDecreaseClick, step = 10, min = 10, max = 200, options }) => {
+    const { t } = useTranslation();
+    const roundToNextStep = (val, step) => Math.ceil(val / step) * step;
+    const roundToPrevStep = (val, step) => Math.floor(val / step) * step;
+    const handleIncrease = () => {
+        const next = roundToNextStep((value ?? min) + 1, step);
+        const newVal = Math.min(max, next);
+        onChange?.(newVal);
+        onIncreaseClick?.(newVal);
+    };
+    const handleDecrease = () => {
+        const prev = roundToPrevStep((value ?? min) - 1, step);
+        const newVal = Math.max(min, prev);
+        onChange?.(newVal);
+        onDecreaseClick?.(newVal);
+    };
+    const handleSelect = (val) => {
+        const parsed = parseInt(val, 10);
+        if (!isNaN(parsed)) {
+            onChange?.(parsed);
+        }
+    };
+    return (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-gap-1" },
+        React.createElement(TooltipProvider, null,
+            React.createElement(Tooltip, null,
+                React.createElement(TooltipTrigger, { asChild: true, className: "aurora-h-5" },
+                    React.createElement("button", { className: "aurora-p-0.5 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg hover:aurora-bg-hover", onClick: handleDecrease },
+                        React.createElement(SubtractLineIcon, { size: 16 }))),
+                React.createElement(TooltipContent, { variant: "dark" }, `${t('Zoom out ⌘ -')}`))),
+        React.createElement(ActionList, null,
+            React.createElement(ActionListTrigger, { variant: "noDropdownIcon", className: "aurora-text-xs aurora-px-[6px] !aurora-py-0" }, `${value}%`),
+            React.createElement(ActionListContent, null,
+                React.createElement(ActionListRadioGroup, { value: value.toString(), onValueChange: handleSelect }, options.map((opt) => (React.createElement(ActionListRadioItem, { key: opt.value, value: opt.value }, opt.text)))))),
+        React.createElement(TooltipProvider, null,
+            React.createElement(Tooltip, null,
+                React.createElement(TooltipTrigger, { asChild: true, className: "aurora-h-5" },
+                    React.createElement("button", { className: "aurora-p-0.5 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg hover:aurora-bg-hover", onClick: handleIncrease },
+                        React.createElement(AddLineIcon, { size: 16 }))),
+                React.createElement(TooltipContent, { variant: "dark" }, `${t('Zoom in ⌘ +')}`)))));
+};
+ZoomStepper.displayName = 'ZoomStepper';
+//# sourceMappingURL=zoom_stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zoom_stepper.js","sourceRoot":"","sources":["../../../../../../../src/components/zoom_stepper/zoom_stepper.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.d.ts

@@ -0,0 +1,11 @@
+import { TSelectOption } from "../select/select_types";
+export interface TZoomStepperProps {
+    value: number;
+    onChange?: (newValue: number) => void;
+    onIncreaseClick?: (newValue: number) => void;
+    onDecreaseClick?: (newValue: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    options: TSelectOption[];
+}

package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.js

@@ -0,0 +1,2 @@
+import '@auroraComponents/select/select_types';
+//# sourceMappingURL=zoom_stepper_types.js.map

package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom_stepper_types.js","sourceRoot":"","sources":["../../../../../../../src/components/zoom_stepper/zoom_stepper_types.ts"],"names":[],"mappings":"AAAA,OAA8B,uCAAuC,CAAC"}