@eightshift/ui-components 1.3.1 → 1.4.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { AnimatedVisibility } from "./components/animated-visibility/animated-visibility.js";
 import { BaseControl } from "./components/base-control/base-control.js";
 import { BreakpointPreview } from "./components/breakpoint-preview/breakpoint-preview.js";
-import { B, a } from "./button-IxfzzzbP.js";
+import { Button, ButtonGroup } from "./components/button/button.js";
 import { Checkbox } from "./components/checkbox/checkbox.js";
 import { ComponentToggle } from "./components/component-toggle/component-toggle.js";
 import { ContainerPanel } from "./components/container-panel/container-panel.js";
@@ -46,7 +46,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./components/tabs/tabs.js";
 import { Toggle } from "./components/toggle/toggle.js";
 import { Switch } from "./components/toggle/switch.js";
 import { ToggleButton } from "./components/toggle-button/toggle-button.js";
-import { D, T } from "./tooltip-DSk8I1SO.js";
+import { D, T } from "./tooltip-C9mg1CP5.js";
 import { VStack } from "./components/layout/vstack.js";
 import { getColumnConfigOutputText } from "./components/slider/utils.js";
 export {
@@ -55,8 +55,8 @@ export {
   AsyncSelect,
   BaseControl,
   BreakpointPreview,
-  B as Button,
-  a as ButtonGroup,
+  Button,
+  ButtonGroup,
   Checkbox,
   ColorPicker,
   ColorSwatch,

package/dist/{intlStrings-CkuKCPkT.js → intlStrings-KQxgp5tS.js}

@@ -1,5 +1,5 @@
 import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4, b as $9446cca9a3875146$export$b6268554fba451f } from "./number-CHmNj-oR.js";
-import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter-Cwm_siat.js";
+import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter-CVIIVTgz.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-U_Gx0UDq.js";
 var $2d805fd52bb48883$exports = {};
 $2d805fd52bb48883$exports = {
@@ -650,7 +650,7 @@ $4a6b836d4f1bfaba$exports = {
   "brightness": `명도`,
   "brown": `갈색`,
   "brown yellow": `황갈색`,
-  "colorName": (args) => `${args.lightness} ${args.chroma} ${args.hue}`,
+  "colorName": (args) => `${args.lightness}, ${args.chroma}, ${args.hue}`,
   "cyan": `청록색`,
   "cyan blue": `청록색`,
   "dark": `다크`,
@@ -673,7 +673,7 @@ $4a6b836d4f1bfaba$exports = {
   "red": `빨강`,
   "red orange": `붉은 주황색`,
   "saturation": `채도`,
-  "transparentColorName": (args) => `${args.lightness} ${args.chroma} ${args.hue}, ${args.percentTransparent} 투명도`,
+  "transparentColorName": (args) => `${args.lightness}, ${args.chroma}, ${args.hue}, ${args.percentTransparent} 투명도`,
   "very dark": `매우 어두운`,
   "very light": `매우 연함`,
   "vibrant": `강렬한`,
@@ -1411,6 +1411,10 @@ function $799cddbef784668f$export$4cde5df63f53f473(v) {
   if (typeof v === "string") return $799cddbef784668f$export$6e865ea70d7724f(v);
   else return v;
 }
+function $799cddbef784668f$export$87f5012e10bb20b2(hue) {
+  if (hue === 360) return hue;
+  return (hue % 360 + 360) % 360;
+}
 const $799cddbef784668f$var$ORANGE_LIGHTNESS_THRESHOLD = 0.68;
 const $799cddbef784668f$var$YELLOW_GREEN_LIGHTNESS_THRESHOLD = 0.85;
 const $799cddbef784668f$var$MAX_DARK_LIGHTNESS = 0.55;
@@ -1578,8 +1582,11 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
     const match = value.match(/^rgba?\((.*)\)$/);
     if (match === null || match === void 0 ? void 0 : match[1]) {
       colors = match[1].split(",").map((value2) => Number(value2.trim()));
-      colors = colors.map((num, i) => $9446cca9a3875146$export$7d15b64cf5a3a4c4(num, 0, i < 3 ? 255 : 1));
+      colors = colors.map((num, i) => {
+        return $9446cca9a3875146$export$7d15b64cf5a3a4c4(num !== null && num !== void 0 ? num : 0, 0, i < 3 ? 255 : 1);
+      });
     }
+    if (colors[0] === void 0 || colors[1] === void 0 || colors[2] === void 0) return void 0;
     var _colors_;
     return colors.length < 3 ? void 0 : new $799cddbef784668f$var$RGBColor(colors[0], colors[1], colors[2], (_colors_ = colors[3]) !== null && _colors_ !== void 0 ? _colors_ : 1);
   }
@@ -1674,6 +1681,7 @@ class $799cddbef784668f$var$RGBColor extends $799cddbef784668f$var$Color {
           hue = (blue - red) / chroma + 2;
           break;
         case blue:
+        default:
           hue = (red - green) / chroma + 4;
           break;
       }
@@ -1753,7 +1761,7 @@ class $799cddbef784668f$var$HSBColor extends $799cddbef784668f$var$Color {
     if (m = value.match($799cddbef784668f$var$HSB_REGEX)) {
       var _m_;
       const [h, s, b, a] = ((_m_ = m[1]) !== null && _m_ !== void 0 ? _m_ : m[2]).split(",").map((n) => Number(n.trim().replace("%", "")));
-      return new $799cddbef784668f$var$HSBColor($799cddbef784668f$var$mod(h, 360), $9446cca9a3875146$export$7d15b64cf5a3a4c4(s, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(b, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(a !== null && a !== void 0 ? a : 1, 0, 1));
+      return new $799cddbef784668f$var$HSBColor($799cddbef784668f$export$87f5012e10bb20b2(h), $9446cca9a3875146$export$7d15b64cf5a3a4c4(s, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(b, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(a !== null && a !== void 0 ? a : 1, 0, 1));
     }
   }
   toString(format = "css") {
@@ -1886,16 +1894,13 @@ $799cddbef784668f$var$HSBColor.colorChannels = [
   "brightness"
 ];
 const $799cddbef784668f$var$HSL_REGEX = /hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-function $799cddbef784668f$var$mod(n, m) {
-  return (n % m + m) % m;
-}
 class $799cddbef784668f$var$HSLColor extends $799cddbef784668f$var$Color {
   static parse(value) {
     let m;
     if (m = value.match($799cddbef784668f$var$HSL_REGEX)) {
       var _m_;
       const [h, s, l, a] = ((_m_ = m[1]) !== null && _m_ !== void 0 ? _m_ : m[2]).split(",").map((n) => Number(n.trim().replace("%", "")));
-      return new $799cddbef784668f$var$HSLColor($799cddbef784668f$var$mod(h, 360), $9446cca9a3875146$export$7d15b64cf5a3a4c4(s, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(l, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(a !== null && a !== void 0 ? a : 1, 0, 1));
+      return new $799cddbef784668f$var$HSLColor($799cddbef784668f$export$87f5012e10bb20b2(h), $9446cca9a3875146$export$7d15b64cf5a3a4c4(s, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(l, 0, 100), $9446cca9a3875146$export$7d15b64cf5a3a4c4(a !== null && a !== void 0 ? a : 1, 0, 1));
     }
   }
   toString(format = "css") {

package/dist/{multi-select-components-7vKCF8dG.js → multi-select-components-DTvEidE3.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useMemo, useLayoutEffect, useEffect, useRef, useCallback, useState, createContext, memo, useReducer, useContext } from "react";
-import { r as reactDomExports } from "./index-CAPcSs9K.js";
+import { r as reactDomExports } from "./index-BTCzc3zb.js";
 import { c as clsx } from "./lite-DVmmD_-j.js";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {