@dreamcommerce/aurora 3.0.0-216 → 3.0.0-217

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@remixicon/react');
+
+var AddLineIcon = react.RiAddLine;
+
+exports.AddLineIcon = AddLineIcon;
+//# sourceMappingURL=add_line_icon.js.map

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

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

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@remixicon/react');
+
+var SubtractLineIcon = react.RiSubtractLine;
+
+exports.SubtractLineIcon = SubtractLineIcon;
+//# sourceMappingURL=subtract_line_icon.js.map

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

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

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/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/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
+var action_list = require('../action_list/action_list.js');
+var action_list_content = require('../action_list/components/action_list_content.js');
+var action_list_radio_group = require('../action_list/components/action_list_radio_group.js');
+var action_list_radio_item = require('../action_list/components/action_list_radio_item.js');
+var action_list_trigger = require('../action_list/components/action_list_trigger.js');
+var tooltip = require('../tooltip/tooltip.js');
+var tooltip_trigger = require('../tooltip/components/tooltip_trigger.js');
+var tooltip_content = require('../tooltip/components/tooltip_content.js');
+var tooltip_provider = require('../tooltip/context/tooltip_provider.js');
+var subtract_line_icon = require('../../assets/icons/subtract_line_icon.js');
+var add_line_icon = require('../../assets/icons/add_line_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ZoomStepper = function ZoomStepper(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onIncreaseClick = _ref.onIncreaseClick,
+    onDecreaseClick = _ref.onDecreaseClick,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 10 : _ref$step,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 10 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 200 : _ref$max,
+    options = _ref.options;
+  var _useTranslation = useTranslation.useTranslation(),
+    t = _useTranslation.t;
+  var roundToNextStep = function roundToNextStep(val, step) {
+    return Math.ceil(val / step) * step;
+  };
+  var roundToPrevStep = function roundToPrevStep(val, step) {
+    return Math.floor(val / step) * step;
+  };
+  var handleIncrease = function handleIncrease() {
+    var next = roundToNextStep((value !== null && value !== void 0 ? value : min) + 1, step);
+    var newVal = Math.min(max, next);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
+    onIncreaseClick === null || onIncreaseClick === void 0 ? void 0 : onIncreaseClick(newVal);
+  };
+  var handleDecrease = function handleDecrease() {
+    var prev = roundToPrevStep((value !== null && value !== void 0 ? value : min) - 1, step);
+    var newVal = Math.max(min, prev);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
+    onDecreaseClick === null || onDecreaseClick === void 0 ? void 0 : onDecreaseClick(newVal);
+  };
+  var handleSelect = function handleSelect(val) {
+    var parsed = parseInt(val, 10);
+    if (!isNaN(parsed)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(parsed);
+    }
+  };
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-gap-1"
+  }, /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, {
+    asChild: true,
+    className: "aurora-h-5"
+  }, /*#__PURE__*/React__default['default'].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
+  }, /*#__PURE__*/React__default['default'].createElement(subtract_line_icon.SubtractLineIcon, {
+    size: 16
+  }))), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, "".concat(t('Zoom out ⌘ -'))))), /*#__PURE__*/React__default['default'].createElement(action_list.ActionList, null, /*#__PURE__*/React__default['default'].createElement(action_list_trigger.ActionListTrigger, {
+    variant: "noDropdownIcon",
+    className: "aurora-text-xs aurora-px-[6px] !aurora-py-0"
+  }, "".concat(value, "%")), /*#__PURE__*/React__default['default'].createElement(action_list_content.ActionListContent, null, /*#__PURE__*/React__default['default'].createElement(action_list_radio_group.ActionListRadioGroup, {
+    value: value.toString(),
+    onValueChange: handleSelect
+  }, options.map(function (opt) {
+    return /*#__PURE__*/React__default['default'].createElement(action_list_radio_item.ActionListRadioItem, {
+      key: opt.value,
+      value: opt.value
+    }, opt.text);
+  })))), /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, {
+    asChild: true,
+    className: "aurora-h-5"
+  }, /*#__PURE__*/React__default['default'].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
+  }, /*#__PURE__*/React__default['default'].createElement(add_line_icon.AddLineIcon, {
+    size: 16
+  }))), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
+    variant: "dark"
+  }, "".concat(t('Zoom in ⌘ +'))))));
+};
+ZoomStepper.displayName = 'ZoomStepper';
+
+exports.ZoomStepper = ZoomStepper;
+//# sourceMappingURL=zoom_stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js

@@ -122,6 +122,7 @@ 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 zoom_stepper = require('./components/zoom_stepper/zoom_stepper.js');
 
 
 
@@ -265,4 +266,5 @@ exports.TOAST_TYPES = toast_constants.TOAST_TYPES;
 exports.Toast = toast.Toast;
 exports.ToastProvider = toast_provider.ToastProvider;
 exports.ToastViewport = toast_viewport.ToastViewport;
+exports.ZoomStepper = zoom_stepper.ZoomStepper;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6 @@
+import { RiAddLine } from '@remixicon/react';
+
+var AddLineIcon = RiAddLine;
+
+export { AddLineIcon };
+//# 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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

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,6 @@
+import { RiSubtractLine } from '@remixicon/react';
+
+var SubtractLineIcon = RiSubtractLine;
+
+export { SubtractLineIcon };
+//# 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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

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/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,91 @@
+import React from 'react';
+import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { ActionList } from '../action_list/action_list.js';
+import { ActionListContent } from '../action_list/components/action_list_content.js';
+import { ActionListRadioGroup } from '../action_list/components/action_list_radio_group.js';
+import { ActionListRadioItem } from '../action_list/components/action_list_radio_item.js';
+import { ActionListTrigger } from '../action_list/components/action_list_trigger.js';
+import { Tooltip } from '../tooltip/tooltip.js';
+import { TooltipTrigger } from '../tooltip/components/tooltip_trigger.js';
+import { TooltipContent } from '../tooltip/components/tooltip_content.js';
+import { TooltipProvider } from '../tooltip/context/tooltip_provider.js';
+import { SubtractLineIcon } from '../../assets/icons/subtract_line_icon.js';
+import { AddLineIcon } from '../../assets/icons/add_line_icon.js';
+
+var ZoomStepper = function ZoomStepper(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onIncreaseClick = _ref.onIncreaseClick,
+    onDecreaseClick = _ref.onDecreaseClick,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 10 : _ref$step,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 10 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 200 : _ref$max,
+    options = _ref.options;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var roundToNextStep = function roundToNextStep(val, step) {
+    return Math.ceil(val / step) * step;
+  };
+  var roundToPrevStep = function roundToPrevStep(val, step) {
+    return Math.floor(val / step) * step;
+  };
+  var handleIncrease = function handleIncrease() {
+    var next = roundToNextStep((value !== null && value !== void 0 ? value : min) + 1, step);
+    var newVal = Math.min(max, next);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
+    onIncreaseClick === null || onIncreaseClick === void 0 ? void 0 : onIncreaseClick(newVal);
+  };
+  var handleDecrease = function handleDecrease() {
+    var prev = roundToPrevStep((value !== null && value !== void 0 ? value : min) - 1, step);
+    var newVal = Math.max(min, prev);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
+    onDecreaseClick === null || onDecreaseClick === void 0 ? void 0 : onDecreaseClick(newVal);
+  };
+  var handleSelect = function handleSelect(val) {
+    var parsed = parseInt(val, 10);
+    if (!isNaN(parsed)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(parsed);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-gap-1"
+  }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, {
+    asChild: true,
+    className: "aurora-h-5"
+  }, /*#__PURE__*/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
+  }, /*#__PURE__*/React.createElement(SubtractLineIcon, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement(TooltipContent, {
+    variant: "dark"
+  }, "".concat(t('Zoom out ⌘ -'))))), /*#__PURE__*/React.createElement(ActionList, null, /*#__PURE__*/React.createElement(ActionListTrigger, {
+    variant: "noDropdownIcon",
+    className: "aurora-text-xs aurora-px-[6px] !aurora-py-0"
+  }, "".concat(value, "%")), /*#__PURE__*/React.createElement(ActionListContent, null, /*#__PURE__*/React.createElement(ActionListRadioGroup, {
+    value: value.toString(),
+    onValueChange: handleSelect
+  }, options.map(function (opt) {
+    return /*#__PURE__*/React.createElement(ActionListRadioItem, {
+      key: opt.value,
+      value: opt.value
+    }, opt.text);
+  })))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, {
+    asChild: true,
+    className: "aurora-h-5"
+  }, /*#__PURE__*/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
+  }, /*#__PURE__*/React.createElement(AddLineIcon, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement(TooltipContent, {
+    variant: "dark"
+  }, "".concat(t('Zoom in ⌘ +'))))));
+};
+ZoomStepper.displayName = 'ZoomStepper';
+
+export { 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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_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"}

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

@@ -126,3 +126,5 @@ 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 { ZoomStepper } from "./components/zoom_stepper/zoom_stepper";
+export { TZoomStepperProps } from "./components/zoom_stepper/zoom_stepper_types";

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

@@ -118,4 +118,5 @@ 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 { ZoomStepper } from './components/zoom_stepper/zoom_stepper.js';
 //# sourceMappingURL=index.js.map

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

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