@openameba/spindle-ui 3.2.3 → 3.2.5

package/Pagination/hooks/useItemPageNumber.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useItemPageNumber = useItemPageNumber;
-var react_1 = require("react");
-function useItemPageNumber(_a) {
-    var type = _a.type, isDisabled = _a.isDisabled, current = _a.current, total = _a.total;
-    var pageNumber = (0, react_1.useMemo)(function () {
+const react_1 = require("react");
+function useItemPageNumber({ type, isDisabled, current, total, }) {
+    const pageNumber = (0, react_1.useMemo)(() => {
         if (type === 'first') {
             return 1;
         }
@@ -18,6 +17,6 @@ function useItemPageNumber(_a) {
             return total;
         }
     }, [type, isDisabled, current, total]);
-    return { pageNumber: pageNumber };
+    return { pageNumber };
 }
 //# sourceMappingURL=useItemPageNumber.js.map

package/Pagination/hooks/useItemPageNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemPageNumber.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useItemPageNumber.ts"],"names":[],"mappings":";;AASA,8CAmBC;AA5BD,+BAAgC;AAShC,SAAgB,iBAAiB,CAAC,EAKxB;QAJR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,KAAK,WAAA;IAEL,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;QACzB,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC;QACX,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvC,OAAO,EAAE,UAAU,YAAA,EAAE,CAAC;AACxB,CAAC"}
+{"version":3,"file":"useItemPageNumber.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useItemPageNumber.ts"],"names":[],"mappings":";;AASA,8CAmBC;AA5BD,iCAAgC;AAShC,SAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,KAAK,GACG;IACR,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC;QACX,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvC,OAAO,EAAE,UAAU,EAAE,CAAC;AACxB,CAAC"}

package/Pagination/hooks/useShowItem.js

@@ -1,17 +1,8 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useShowItem = useShowItem;
 // 表示出来る数字（アイテム）の最大数
-var MAX_SHOW_ITEM_SIZE = 5;
+const MAX_SHOW_ITEM_SIZE = 5;
 /**
  * useShowItem分岐条件
  * 1.総ページ数が表示したいアイテム数以下の場合、総ページ数と同じアイテム数を返す
@@ -24,36 +15,37 @@ var MAX_SHOW_ITEM_SIZE = 5;
  *   2.現在のページ数が総ページ数 - 中央値より大きい場合、最初のページとtotalまでの表示したいアイテム数を返す
  *   3.最初のアイテムは1を最後のアイテムは総ページ数を返すとともにlengthが3の場合は現在のページ数のみでlengthが5の場合は現在のページ数とその前後のアイテム数を返す
  */
-function useShowItem(_a) {
-    var current = _a.current, total = _a.total, showItemSize = _a.showItemSize, totalThreshold = _a.totalThreshold;
+function useShowItem({ current, total, showItemSize, totalThreshold, }) {
     if (total <= showItemSize) {
-        return Array.from({ length: total }, function (_e, index) { return index + 1; });
+        return Array.from({ length: total }, (_e, index) => index + 1);
     }
     // 中央値（少数の切り捨て）
-    var median = (showItemSize / 2) | 0;
+    const median = (showItemSize / 2) | 0;
     if (total <= MAX_SHOW_ITEM_SIZE || total >= totalThreshold) {
         if (current < 1 + median) {
-            return Array.from({ length: showItemSize }, function (_e, index) { return index + 1; });
+            return Array.from({ length: showItemSize }, (_e, index) => index + 1);
         }
         if (current > total - median) {
-            return Array.from({ length: showItemSize }, function (_e, index) { return total - index; }).reverse();
+            return Array.from({ length: showItemSize }, (_e, index) => total - index).reverse();
         }
-        return Array.from({ length: showItemSize }, function (_e, index) { return current - median + index; });
+        return Array.from({ length: showItemSize }, (_e, index) => current - median + index);
     }
     if (current < 1 + median) {
-        return __spreadArray(__spreadArray([], Array.from({ length: showItemSize - 1 }, function (_e, index) { return index + 1; }), true), [
+        return [
+            ...Array.from({ length: showItemSize - 1 }, (_e, index) => index + 1),
             total,
-        ], false);
+        ];
     }
     if (current > total - median) {
-        return __spreadArray([
-            1
-        ], Array.from({ length: showItemSize - 1 }, function (_e, index) { return total - index; }).reverse(), true);
+        return [
+            1,
+            ...Array.from({ length: showItemSize - 1 }, (_e, index) => total - index).reverse(),
+        ];
     }
-    return __spreadArray(__spreadArray([
-        1
-    ], Array.from({ length: showItemSize - 2 }, function (_e, index) { return current - (median - 1) + index; }), true), [
+    return [
+        1,
+        ...Array.from({ length: showItemSize - 2 }, (_e, index) => current - (median - 1) + index),
         total,
-    ], false);
+    ];
 }
 //# sourceMappingURL=useShowItem.js.map

package/Pagination/hooks/useShowItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShowItem.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useShowItem.ts"],"names":[],"mappings":";;;;;;;;;;;AAsBA,kCAmDC;AAlED,oBAAoB;AACpB,IAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B;;;;;;;;;;;GAWG;AACH,SAAgB,WAAW,CAAC,EAKlB;QAJR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,cAAc,oBAAA;IAEd,IAAI,KAAK,IAAI,YAAY,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;IACf,IAAM,MAAM,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,KAAK,IAAI,kBAAkB,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC3D,IAAI,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC;YACzB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC,CAAC;QACxE,CAAC;QACD,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC,IAAI,CACf,EAAE,MAAM,EAAE,YAAY,EAAE,EACxB,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,KAAK,EAAb,CAAa,CAC7B,CAAC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CACf,EAAE,MAAM,EAAE,YAAY,EAAE,EACxB,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,OAAO,GAAG,MAAM,GAAG,KAAK,EAAxB,CAAwB,CACxC,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC;QACzB,uCACK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC;YACrE,KAAK;kBACL;IACJ,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;QAC7B;YACE,CAAC;WACE,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAC5B,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,KAAK,EAAb,CAAa,CAC7B,CAAC,OAAO,EAAE,QACX;IACJ,CAAC;IACD;QACE,CAAC;OACE,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAC5B,UAAC,EAAE,EAAE,KAAK,IAAK,OAAA,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,EAA9B,CAA8B,CAC9C;QACD,KAAK;cACL;AACJ,CAAC"}
+{"version":3,"file":"useShowItem.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useShowItem.ts"],"names":[],"mappings":";;AAsBA,kCAmDC;AAlED,oBAAoB;AACpB,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B;;;;;;;;;;;GAWG;AACH,SAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,cAAc,GACN;IACR,IAAI,KAAK,IAAI,YAAY,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;IACf,MAAM,MAAM,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,KAAK,IAAI,kBAAkB,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC3D,IAAI,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC;YACzB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACxE,CAAC;QACD,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC,IAAI,CACf,EAAE,MAAM,EAAE,YAAY,EAAE,EACxB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAC7B,CAAC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CACf,EAAE,MAAM,EAAE,YAAY,EAAE,EACxB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,MAAM,GAAG,KAAK,CACxC,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC;QACzB,OAAO;YACL,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;YACrE,KAAK;SACN,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO;YACL,CAAC;YACD,GAAG,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAC5B,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAC7B,CAAC,OAAO,EAAE;SACZ,CAAC;IACJ,CAAC;IACD,OAAO;QACL,CAAC;QACD,GAAG,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAC5B,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,CAC9C;QACD,KAAK;KACN,CAAC;AACJ,CAAC"}

package/Rating/Rating.js

@@ -1,59 +1,37 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Rating = void 0;
-var react_1 = __importDefault(require("react"));
-var Star_1 = __importDefault(require("../Icon/Star"));
-var StarBack_1 = __importDefault(require("./StarBack"));
-var StarFront_1 = __importDefault(require("./StarFront"));
-var BLOCK_NAME = 'spui-Rating';
-var convertToValue = function (num) {
+const react_1 = __importDefault(require("react"));
+const Star_1 = __importDefault(require("../Icon/Star"));
+const StarBack_1 = __importDefault(require("./StarBack"));
+const StarFront_1 = __importDefault(require("./StarFront"));
+const BLOCK_NAME = 'spui-Rating';
+const convertToValue = (num) => {
     return Math.round(num * 10) / 10;
 };
-var clamp = function (num, min, max) {
+const clamp = (num, min, max) => {
     return Math.max(min, Math.min(num, max));
 };
-var Rating = function (props) {
-    var max = props.max, value = props.value, size = props.size, _a = props.showText, showText = _a === void 0 ? false : _a, rest = __rest(props, ["max", "value", "size", "showText"]);
-    var convertedValue = convertToValue(value);
-    var clampedValue = clamp(convertedValue, 0, max);
-    var ariaLabel = "".concat(max, "\u3064\u661F\u4E2D").concat(clampedValue, "\u306E\u8A55\u4FA1");
-    return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, " ").concat(BLOCK_NAME, "--").concat(size) }, rest),
-        showText && react_1.default.createElement("p", { className: "".concat(BLOCK_NAME, "-text") }, clampedValue),
-        react_1.default.createElement("div", { className: "".concat(BLOCK_NAME, "-image"), role: "img", "aria-label": ariaLabel }, Array.from({ length: max }, function (_, index) {
-            var itemValue = index + 1;
-            var isFull = clampedValue >= itemValue;
-            var fillRatio = clamp(clampedValue - (itemValue - 1), 0, 1);
-            var isActive = fillRatio > 0 && fillRatio < 1;
-            return (react_1.default.createElement("span", { key: itemValue, className: "".concat(BLOCK_NAME, "-item") }, isFull ? (react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-item--full") },
-                react_1.default.createElement(StarFront_1.default, { className: "".concat(BLOCK_NAME, "-icon"), "aria-hidden": "true" }))) : isActive ? (react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-item--active") },
-                react_1.default.createElement(StarBack_1.default, { className: "".concat(BLOCK_NAME, "-icon"), "aria-hidden": "true" }),
-                react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-item--front"), style: { width: "".concat(fillRatio * 100, "%") } },
-                    react_1.default.createElement(StarFront_1.default, { className: "".concat(BLOCK_NAME, "-icon"), "aria-hidden": "true" })))) : (react_1.default.createElement(Star_1.default, { className: "".concat(BLOCK_NAME, "-icon"), "aria-hidden": "true" }))));
+const Rating = (props) => {
+    const { max, value, size, showText = false, ...rest } = props;
+    const convertedValue = convertToValue(value);
+    const clampedValue = clamp(convertedValue, 0, max);
+    const ariaLabel = `${max}つ星中${clampedValue}の評価`;
+    return (react_1.default.createElement("div", { className: `${BLOCK_NAME} ${BLOCK_NAME}--${size}`, ...rest },
+        showText && react_1.default.createElement("p", { className: `${BLOCK_NAME}-text` }, clampedValue),
+        react_1.default.createElement("div", { className: `${BLOCK_NAME}-image`, role: "img", "aria-label": ariaLabel }, Array.from({ length: max }, (_, index) => {
+            const itemValue = index + 1;
+            const isFull = clampedValue >= itemValue;
+            const fillRatio = clamp(clampedValue - (itemValue - 1), 0, 1);
+            const isActive = fillRatio > 0 && fillRatio < 1;
+            return (react_1.default.createElement("span", { key: itemValue, className: `${BLOCK_NAME}-item` }, isFull ? (react_1.default.createElement("span", { className: `${BLOCK_NAME}-item--full` },
+                react_1.default.createElement(StarFront_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" }))) : isActive ? (react_1.default.createElement("span", { className: `${BLOCK_NAME}-item--active` },
+                react_1.default.createElement(StarBack_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" }),
+                react_1.default.createElement("span", { className: `${BLOCK_NAME}-item--front`, style: { width: `${fillRatio * 100}%` } },
+                    react_1.default.createElement(StarFront_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" })))) : (react_1.default.createElement(Star_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" }))));
         }))));
 };
 exports.Rating = Rating;

package/Rating/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,sDAAgC;AAChC,wDAAkC;AAClC,0DAAoC;AAWpC,IAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,IAAM,cAAc,GAAG,UAAC,GAAW;IACjC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,GAAW,EAAE,GAAW,EAAE,GAAW;IAClD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEK,IAAM,MAAM,GAAG,UAAC,KAAY;IACzB,IAAA,GAAG,GAA6C,KAAK,IAAlD,EAAE,KAAK,GAAsC,KAAK,MAA3C,EAAE,IAAI,GAAgC,KAAK,KAArC,EAAE,KAA8B,KAAK,SAAnB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,IAAI,UAAK,KAAK,EAAvD,oCAA+C,CAAF,CAAW;IAC9D,IAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IACnD,IAAM,SAAS,GAAG,UAAG,GAAG,+BAAM,YAAY,uBAAK,CAAC;IAEhD,OAAO,CACL,gDAAK,SAAS,EAAE,UAAG,UAAU,cAAI,UAAU,eAAK,IAAI,CAAE,IAAM,IAAI;QAC7D,QAAQ,IAAI,qCAAG,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,YAAY,CAAK;QACnE,uCAAK,SAAS,EAAE,UAAG,UAAU,WAAQ,EAAE,IAAI,EAAC,KAAK,gBAAa,SAAS,IACpE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,UAAC,CAAC,EAAE,KAAa;YAC5C,IAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;YAC5B,IAAM,MAAM,GAAG,YAAY,IAAI,SAAS,CAAC;YACzC,IAAM,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC9D,IAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;YAEhD,OAAO,CACL,wCAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAG,UAAU,UAAO,IAClD,MAAM,CAAC,CAAC,CAAC,CACR,wCAAM,SAAS,EAAE,UAAG,UAAU,gBAAa;gBACzC,8BAAC,mBAAS,IACR,SAAS,EAAE,UAAG,UAAU,UAAO,iBACnB,MAAM,GAClB,CACG,CACR,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,wCAAM,SAAS,EAAE,UAAG,UAAU,kBAAe;gBAC3C,8BAAC,kBAAQ,IACP,SAAS,EAAE,UAAG,UAAU,UAAO,iBACnB,MAAM,GAClB;gBACF,wCACE,SAAS,EAAE,UAAG,UAAU,iBAAc,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,SAAS,GAAG,GAAG,MAAG,EAAE;oBAEvC,8BAAC,mBAAS,IACR,SAAS,EAAE,UAAG,UAAU,UAAO,iBACnB,MAAM,GAClB,CACG,CACF,CACR,CAAC,CAAC,CAAC,CACF,8BAAC,cAAI,IAAC,SAAS,EAAE,UAAG,UAAU,UAAO,iBAAc,MAAM,GAAG,CAC7D,CACI,CACR,CAAC;QACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,MAAM,UAkDjB"}
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAgC;AAChC,0DAAkC;AAClC,4DAAoC;AAWpC,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAU,EAAE;IAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW,EAAU,EAAE;IAC9D,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,GAAG,GAAG,MAAM,YAAY,KAAK,CAAC;IAEhD,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,UAAU,IAAI,UAAU,KAAK,IAAI,EAAE,KAAM,IAAI;QAC7D,QAAQ,IAAI,qCAAG,SAAS,EAAE,GAAG,UAAU,OAAO,IAAG,YAAY,CAAK;QACnE,uCAAK,SAAS,EAAE,GAAG,UAAU,QAAQ,EAAE,IAAI,EAAC,KAAK,gBAAa,SAAS,IACpE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAa,EAAE,EAAE;YAChD,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,YAAY,IAAI,SAAS,CAAC;YACzC,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC9D,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;YAEhD,OAAO,CACL,wCAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,OAAO,IAClD,MAAM,CAAC,CAAC,CAAC,CACR,wCAAM,SAAS,EAAE,GAAG,UAAU,aAAa;gBACzC,8BAAC,mBAAS,IACR,SAAS,EAAE,GAAG,UAAU,OAAO,iBACnB,MAAM,GAClB,CACG,CACR,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,wCAAM,SAAS,EAAE,GAAG,UAAU,eAAe;gBAC3C,8BAAC,kBAAQ,IACP,SAAS,EAAE,GAAG,UAAU,OAAO,iBACnB,MAAM,GAClB;gBACF,wCACE,SAAS,EAAE,GAAG,UAAU,cAAc,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,GAAG,GAAG,GAAG,EAAE;oBAEvC,8BAAC,mBAAS,IACR,SAAS,EAAE,GAAG,UAAU,OAAO,iBACnB,MAAM,GAClB,CACG,CACF,CACR,CAAC,CAAC,CAAC,CACF,8BAAC,cAAI,IAAC,SAAS,EAAE,GAAG,UAAU,OAAO,iBAAc,MAAM,GAAG,CAC7D,CACI,CACR,CAAC;QACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,MAAM,UAkDjB"}

package/Rating/StarBack.js

@@ -1,23 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarBack = void 0;
-var react_1 = __importDefault(require("react"));
-var StarBack = function (props) {
-    return (react_1.default.createElement("svg", __assign({ fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg" }, props),
+const react_1 = __importDefault(require("react"));
+const StarBack = (props) => {
+    return (react_1.default.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...props },
         react_1.default.createElement("title", null, "rating background"),
         react_1.default.createElement("path", { d: "m7.99976 2.32129c.20919 0 .38925.113.47949.31152l1.30664 2.87305.1582.34863.37991.04297 3.1338.35352c.2122.02395.3761.15758.4404.35644.0654.20211.0104.40434-.1445.54492l-.003.00293-2.3271 2.13379-.2813.25782.0762.375.6328 3.08882v.001c.0419.2095-.0358.4095-.2051.5332-.1029.074-.2129.1064-.3125.1065-.0612 0-.1286-.0122-.1943-.0391l-.0644-.0322-2.74028-1.5664-.33399-.1905-.33398.1895-2.74707 1.5605-.00098.001c-.08551.0489-.17721.0703-.25879.0703-.07484 0-.15524-.0181-.23437-.0586l-.07813-.0478c-.16849-.1231-.24652-.321-.20605-.5293l.63281-3.09376.07715-.37402-.28223-.25879-2.32617-2.13282-.00293-.00293-.05371-.05566c-.11358-.1357-.14809-.31321-.09082-.49023.06442-.19874.22827-.33254.44043-.35645l3.13281-.35352.38086-.04296.1582-.34864 1.30176-2.8623c.09632-.20159.28109-.31537.49024-.31543z", stroke: "#83898e", strokeWidth: "1.35" })));
 };

package/Rating/StarBack.js.map

@@ -1 +1 @@
-{"version":3,"file":"StarBack.js","sourceRoot":"","sources":["../../src/Rating/StarBack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,QAAQ,GAAG,UAAC,KAAY;IACnC,OAAO,CACL,gDACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,iEAAgC;QAChC,wCACE,CAAC,EAAC,gyBAAgyB,EAClyB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,QAAQ,YAkBnB;AAEF,kBAAe,gBAAQ,CAAC"}
+{"version":3,"file":"StarBack.js","sourceRoot":"","sources":["../../src/Rating/StarBack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,OAAO,CACL,uCACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;QAET,iEAAgC;QAChC,wCACE,CAAC,EAAC,gyBAAgyB,EAClyB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,QAAQ,YAkBnB;AAEF,kBAAe,gBAAQ,CAAC"}

package/Rating/StarFront.js

@@ -1,23 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StarFront = void 0;
-var react_1 = __importDefault(require("react"));
-var StarFront = function (props) {
-    return (react_1.default.createElement("svg", __assign({ fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg" }, props),
+const react_1 = __importDefault(require("react"));
+const StarFront = (props) => {
+    return (react_1.default.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...props },
         react_1.default.createElement("title", null, "rating foreground"),
         react_1.default.createElement("path", { d: "m14.2066 7.65315-2.3267 2.13333.6334 3.09332c.0933.4667-.0867.9334-.4734 1.2134-.2133.1533-.46.2333-.7066.2333-.2 0-.4067-.0533-.5934-.16l-2.73997-1.5667-2.74666 1.56c-.18667.1067-.39334.16-.59334.16-.24666 0-.49333-.08-.70666-.2333-.38667-.28-.56667-.7467-.47334-1.2133l.63334-3.09338-2.32667-2.13334c-.35333-.32-.48-.8-.33333-1.25333s.53333-.76667 1.00667-.82l3.13333-.35333 1.30667-2.87334c.20666-.43333.62666-.7 1.09999-.7.47334 0 .89334.26667 1.09334.70667l1.30663 2.87333 3.1334.35334c.4733.05333.86.36666 1.0066.82.1467.45333.02.93333-.3333 1.25333z" }),
         react_1.default.createElement("path", { d: "m7.99976 2.02148c.32659 0 .61293.18147.75195.48731l1.30659 2.87305.0879.19336.212.02441 3.1328.35254c.3283.03699.5914.25149.6923.56347.1014.3137.0146.63915-.2285.85938l-.0019.00195-2.3262 2.13282-.1572.14355.043.20801.6328 3.09077v.001c.0567.2837-.031.563-.2325.7578l-.0927.0782c-.1518.1088-.3218.162-.4864.1621-.134 0-.2768-.036-.4072-.1104l-2.74022-1.5664-.18555-.1064-.18554.1054-2.74707 1.5606h-.00098c-.13047.0745-.27302.1103-.40723.1103-.12364 0-.25032-.0297-.37012-.0908l-.11718-.0713c-.26583-.1928-.3893-.5105-.3252-.834l.63281-3.09273.04297-.20899-.15625-.14355-2.32715-2.13281-.00097-.00196-.08399-.08691c-.17825-.21424-.23335-.4978-.14453-.77246.10092-.31194.36319-.52644.69141-.56348l3.13379-.35254.21094-.02441.08789-.19336 1.30371-2.86719c.14532-.3047.43511-.48626.76172-.48633z", stroke: "#08121a", strokeOpacity: ".08", strokeWidth: ".75" })));

package/Rating/StarFront.js.map

@@ -1 +1 @@
-{"version":3,"file":"StarFront.js","sourceRoot":"","sources":["../../src/Rating/StarFront.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,SAAS,GAAG,UAAC,KAAY;IACpC,OAAO,CACL,gDACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,iEAAgC;QAChC,wCAAM,CAAC,EAAC,8iBAA8iB,GAAG;QACzjB,wCACE,CAAC,EAAC,0xBAA0xB,EAC5xB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEF,kBAAe,iBAAS,CAAC"}
+{"version":3,"file":"StarFront.js","sourceRoot":"","sources":["../../src/Rating/StarFront.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,OAAO,CACL,uCACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;QAET,iEAAgC;QAChC,wCAAM,CAAC,EAAC,8iBAA8iB,GAAG;QACzjB,wCACE,CAAC,EAAC,0xBAA0xB,EAC5xB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,KAAK,EACnB,WAAW,EAAC,KAAK,GACjB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB;AAEF,kBAAe,iBAAS,CAAC"}

package/SegmentedControl/SegmentedControl.js

@@ -34,53 +34,52 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentedControl = void 0;
-var react_1 = __importStar(require("react"));
-var BLOCK_NAME = 'spui-SegmentedControl';
-var SegmentedControl = function (_a) {
-    var userSelectedId = _a.selectedId, options = _a.options, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'medium' : _b;
-    var _c = (0, react_1.useState)(userSelectedId), selectedId = _c[0], setSelectedId = _c[1];
-    var indicatorRef = (0, react_1.useRef)(null);
-    var buttonsRef = (0, react_1.useRef)([]);
-    var selectedIndex = (0, react_1.useMemo)(function () { return options.findIndex(function (option) { return option.id === selectedId; }); }, [options, selectedId]);
-    options.forEach(function (_, index) {
+const react_1 = __importStar(require("react"));
+const BLOCK_NAME = 'spui-SegmentedControl';
+const SegmentedControl = ({ selectedId: userSelectedId, options, onClick, size = 'medium', }) => {
+    const [selectedId, setSelectedId] = (0, react_1.useState)(userSelectedId);
+    const indicatorRef = (0, react_1.useRef)(null);
+    const buttonsRef = (0, react_1.useRef)([]);
+    const selectedIndex = (0, react_1.useMemo)(() => options.findIndex((option) => option.id === selectedId), [options, selectedId]);
+    options.forEach((_, index) => {
         buttonsRef.current[index] = (0, react_1.createRef)();
     });
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         var _a;
         (_a = indicatorRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('transform', 
         // 4はgapのpx値
-        "translateX(calc(".concat(100 * selectedIndex, "% + ").concat((4 + 4) * selectedIndex + 4, "px))"));
+        `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`);
     }, [selectedIndex]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         // selectedIdがどの項目にも一致しない場合は最初の項目を選択する
-        if (!options.some(function (option) { return option.id === userSelectedId; })) {
+        if (!options.some((option) => option.id === userSelectedId)) {
             setSelectedId(options[0].id);
             return;
         }
         setSelectedId(userSelectedId);
     }, [options, userSelectedId]);
-    var handleClick = (0, react_1.useCallback)(function (e, id) {
+    const handleClick = (0, react_1.useCallback)((e, id) => {
         setSelectedId(id);
         if (typeof onClick === 'function') {
             onClick(e, id);
         }
     }, [onClick]);
-    var handleKeyDown = (0, react_1.useCallback)(function (e, index) {
-        var targetButton = buttonsRef.current[index].current;
+    const handleKeyDown = (0, react_1.useCallback)((e, index) => {
+        const targetButton = buttonsRef.current[index].current;
         switch (e.key) {
             case 'ArrowUp':
             case 'ArrowLeft': {
                 e.preventDefault();
-                var prevButtonRef = buttonsRef.current[(options.length + index - 1) % options.length];
-                var prevButton = prevButtonRef.current;
+                const prevButtonRef = buttonsRef.current[(options.length + index - 1) % options.length];
+                const prevButton = prevButtonRef.current;
                 prevButton === null || prevButton === void 0 ? void 0 : prevButton.focus();
                 break;
             }
             case 'ArrowDown':
             case 'ArrowRight': {
                 e.preventDefault();
-                var nextButtonRef = buttonsRef.current[(index + 1) % options.length];
-                var nextButton = nextButtonRef.current;
+                const nextButtonRef = buttonsRef.current[(index + 1) % options.length];
+                const nextButton = nextButtonRef.current;
                 nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
                 break;
             }
@@ -99,26 +98,24 @@ var SegmentedControl = function (_a) {
         return null;
     }
     return (react_1.default.createElement("div", { className: [
-            "".concat(BLOCK_NAME),
-            "".concat(BLOCK_NAME, "--").concat(size),
-            options.length > 2 && "".concat(BLOCK_NAME, "--divider"),
+            `${BLOCK_NAME}`,
+            `${BLOCK_NAME}--${size}`,
+            options.length > 2 && `${BLOCK_NAME}--divider`,
         ]
             .filter(Boolean)
             .join(' '), style: {
-            gridTemplateColumns: "repeat(".concat(options.length, ", 1fr)"),
+            gridTemplateColumns: `repeat(${options.length}, 1fr)`,
         }, role: "radiogroup" },
-        react_1.default.createElement("div", { className: ["".concat(BLOCK_NAME, "-indicator"), "".concat(BLOCK_NAME, "-button")]
+        react_1.default.createElement("div", { className: [`${BLOCK_NAME}-indicator`, `${BLOCK_NAME}-button`]
                 .filter(Boolean)
                 .join(' '), style: {
                 // 4はgapのpx値
-                width: "calc(".concat(100 / options.length, "% - ").concat(4 + 4, "px)"),
-                transform: "translateX(calc(".concat(100 * selectedIndex, "% + ").concat((4 + 4) * selectedIndex + 4, "px))"),
+                width: `calc(${100 / options.length}% - ${4 + 4}px)`,
+                transform: `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`,
             }, ref: indicatorRef }),
-        options.map(function (option, index) {
-            var isSelected = option.id === selectedId;
-            return (
-            // biome-ignore lint/a11y/useSemanticElements: Custom segmented control uses button + radio roles for accessibility
-            react_1.default.createElement("button", { key: option.id, className: "".concat(BLOCK_NAME, "-button"), onClick: function (e) { return handleClick(e, option.id); }, onKeyDown: function (e) { return handleKeyDown(e, index); }, type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] }, option.label));
+        options.map((option, index) => {
+            const isSelected = option.id === selectedId;
+            return (react_1.default.createElement("button", { key: option.id, className: `${BLOCK_NAME}-button`, onClick: (e) => handleClick(e, option.id), onKeyDown: (e) => handleKeyDown(e, index), type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] }, option.label));
         })));
 };
 exports.SegmentedControl = SegmentedControl;

package/SegmentedControl/SegmentedControl.js.map

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

package/SegmentedControl/SegmentedControl.mjs

@@ -9,7 +9,8 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
         buttonsRef.current[index] = createRef();
     });
     useEffect(() => {
-        indicatorRef.current?.style.setProperty('transform', 
+        var _a;
+        (_a = indicatorRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('transform', 
         // 4はgapのpx値
         `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`);
     }, [selectedIndex]);
@@ -35,7 +36,7 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
                 e.preventDefault();
                 const prevButtonRef = buttonsRef.current[(options.length + index - 1) % options.length];
                 const prevButton = prevButtonRef.current;
-                prevButton?.focus();
+                prevButton === null || prevButton === void 0 ? void 0 : prevButton.focus();
                 break;
             }
             case 'ArrowDown':
@@ -43,7 +44,7 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
                 e.preventDefault();
                 const nextButtonRef = buttonsRef.current[(index + 1) % options.length];
                 const nextButton = nextButtonRef.current;
-                nextButton?.focus();
+                nextButton === null || nextButton === void 0 ? void 0 : nextButton.focus();
                 break;
             }
             case 'Enter':
@@ -68,21 +69,16 @@ export const SegmentedControl = ({ selectedId: userSelectedId, options, onClick,
             .filter(Boolean)
             .join(' '), style: {
             gridTemplateColumns: `repeat(${options.length}, 1fr)`,
-        }, role: "radiogroup" }, React.createElement("div", { className: [`${BLOCK_NAME}-indicator`, `${BLOCK_NAME}-button`]
-            .filter(Boolean)
-            .join(' '), style: {
-            // 4はgapのpx値
-            width: `calc(${100 / options.length}% - ${4 + 4}px)`,
-            transform: `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`,
-        }, ref: indicatorRef }), options.map((option, index) => {
-        const isSelected = option.id === selectedId;
-        return (
-            // biome-ignore lint/a11y/useSemanticElements: Custom segmented control uses button + radio roles for accessibility
-            (React.createElement(
-                "button",
-                { key: option.id, className: `${BLOCK_NAME}-button`, onClick: (e) => handleClick(e, option.id), onKeyDown: (e) => handleKeyDown(e, index), type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] },
-                option.label
-            ))
-        );
-    })));
+        }, role: "radiogroup" },
+        React.createElement("div", { className: [`${BLOCK_NAME}-indicator`, `${BLOCK_NAME}-button`]
+                .filter(Boolean)
+                .join(' '), style: {
+                // 4はgapのpx値
+                width: `calc(${100 / options.length}% - ${4 + 4}px)`,
+                transform: `translateX(calc(${100 * selectedIndex}% + ${(4 + 4) * selectedIndex + 4}px))`,
+            }, ref: indicatorRef }),
+        options.map((option, index) => {
+            const isSelected = option.id === selectedId;
+            return (React.createElement("button", { key: option.id, className: `${BLOCK_NAME}-button`, onClick: (e) => handleClick(e, option.id), onKeyDown: (e) => handleKeyDown(e, index), type: "button", role: "radio", "aria-checked": isSelected, tabIndex: isSelected ? 0 : -1, ref: buttonsRef.current[index] }, option.label));
+        })));
 };

package/SnackBar/SnackBar.css

@@ -1,3 +1,3 @@
 :root{--IconButton-tapHighlightColor:var(--gray-5-alpha);--IconButton-onFocus-outlineColor:var(--color-focus-clarity);--IconButton--contained-backgroundColor:var(--color-surface-accent-primary);--IconButton--contained-color:var(--color-object-high-emphasis-inverse);--IconButton--contained-onActive-backgroundColor:var(--primary-green-100);--IconButton--contained-onHover-backgroundColor:var(--primary-green-100);--IconButton--outlined-borderColor:var(--color-border-accent-primary);--IconButton--outlined-color:var(--color-object-accent-primary);--IconButton--outlined-onActive-backgroundColor:var(--primary-green-5);--IconButton--outlined-onHover-backgroundColor:var(--primary-green-5);--IconButton--lighted-backgroundColor:var(
     --color-surface-accent-primary-light
-  );--IconButton--lighted-color:var(--color-object-accent-primary);--IconButton--lighted-onActive-backgroundColor:var(--primary-green-10);--IconButton--lighted-onHover-backgroundColor:var(--primary-green-10);--IconButton--neutral-backgroundColor:var(--color-surface-tertiary);--IconButton--neutral-color:var(--color-object-medium-emphasis);--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--danger-borderColor:var(--color-border-caution);--IconButton--danger-color:var(--color-object-caution);--IconButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--IconButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-IconButton{align-items:center;border-radius:100%;box-sizing:border-box;display:inline-flex;justify-content:center;margin:0;padding:0;-webkit-tap-highlight-color:var(--IconButton-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-IconButton:disabled{opacity:.3}.spui-IconButton:focus{outline:2px solid var(--IconButton-onFocus-outlineColor);outline-offset:1px}.spui-IconButton:focus:not(:focus-visible){outline:none}.spui-IconButton--large{font-size:1.375em;height:48px;width:48px}.spui-IconButton--medium{font-size:1.25em;height:40px;width:40px}.spui-IconButton--small{font-size:1em;height:32px;width:32px}.spui-IconButton--exSmall{font-size:1em;height:24px;width:24px}.spui-IconButton--contained{background-color:var(--IconButton--contained-backgroundColor);border:none;color:var(--IconButton--contained-color)}.spui-IconButton--contained:active{background-color:var(--IconButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--contained:not([disabled]):hover{background-color:var(--IconButton--contained-onHover-backgroundColor)}}.spui-IconButton--outlined{background-color:transparent;border:2px solid var(--IconButton--outlined-borderColor);color:var(--IconButton--outlined-color)}.spui-IconButton--outlined:active{background-color:var(--IconButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--outlined:not([disabled]):hover{background-color:var(--IconButton--outlined-onHover-backgroundColor)}}.spui-IconButton--lighted{background-color:var(--IconButton--lighted-backgroundColor);border:none;color:var(--IconButton--lighted-color);padding-bottom:8px;padding-top:8px}.spui-IconButton--lighted:active{background-color:var(--IconButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--lighted:not([disabled]):hover{background-color:var(--IconButton--lighted-onHover-backgroundColor)}}.spui-IconButton--neutral{background-color:var(--IconButton--neutral-backgroundColor);border:none;color:var(--IconButton--neutral-color)}.spui-IconButton--neutral:active{background-color:var(--IconButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--neutral:not([disabled]):hover{background-color:var(--IconButton--neutral-onHover-backgroundColor)}}.spui-IconButton--danger{background-color:transparent;border:2px solid var(--IconButton--danger-borderColor);color:var(--IconButton--danger-color)}.spui-IconButton--danger:active{background-color:var(--IconButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--danger:hover{background-color:var(--IconButton--danger-onHover-backgroundColor)}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor);text-decoration:underline}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{color:var(--TextLink-icon-color);line-height:0}.spui-TextLink--subtle .spui-TextLink-icon{color:var(--TextLink--subtle-icon-color)}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor);text-decoration:underline}.spui-TextButton:disabled{opacity:.3;text-decoration:none}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{bottom:0;padding:0 12px;text-align:center;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}
+  );--IconButton--lighted-color:var(--color-object-accent-primary);--IconButton--lighted-onActive-backgroundColor:var(--primary-green-10);--IconButton--lighted-onHover-backgroundColor:var(--primary-green-10);--IconButton--neutral-backgroundColor:var(--color-surface-tertiary);--IconButton--neutral-color:var(--color-object-medium-emphasis);--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--danger-borderColor:var(--color-border-caution);--IconButton--danger-color:var(--color-object-caution);--IconButton--danger-onActive-backgroundColor:var(--caution-red-5-alpha);--IconButton--danger-onHover-backgroundColor:var(--caution-red-5-alpha)}.spui-IconButton{align-items:center;border-radius:100%;box-sizing:border-box;display:inline-flex;justify-content:center;margin:0;padding:0;-webkit-tap-highlight-color:var(--IconButton-tapHighlightColor);text-align:center;transition:background-color .3s}.spui-IconButton:disabled{opacity:.3}.spui-IconButton:focus{outline:2px solid var(--IconButton-onFocus-outlineColor);outline-offset:1px}.spui-IconButton:focus:not(:focus-visible){outline:none}.spui-IconButton--large{font-size:1.375em;height:48px;width:48px}.spui-IconButton--medium{font-size:1.25em;height:40px;width:40px}.spui-IconButton--small{font-size:1em;height:32px;width:32px}.spui-IconButton--exSmall{font-size:1em;height:24px;width:24px}.spui-IconButton--contained{background-color:var(--IconButton--contained-backgroundColor);border:none;color:var(--IconButton--contained-color)}.spui-IconButton--contained:active{background-color:var(--IconButton--contained-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--contained:not([disabled]):hover{background-color:var(--IconButton--contained-onHover-backgroundColor)}}.spui-IconButton--outlined{background-color:transparent;border:2px solid var(--IconButton--outlined-borderColor);color:var(--IconButton--outlined-color)}.spui-IconButton--outlined:active{background-color:var(--IconButton--outlined-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--outlined:not([disabled]):hover{background-color:var(--IconButton--outlined-onHover-backgroundColor)}}.spui-IconButton--lighted{background-color:var(--IconButton--lighted-backgroundColor);border:none;color:var(--IconButton--lighted-color);padding-bottom:8px;padding-top:8px}.spui-IconButton--lighted:active{background-color:var(--IconButton--lighted-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--lighted:not([disabled]):hover{background-color:var(--IconButton--lighted-onHover-backgroundColor)}}.spui-IconButton--neutral{background-color:var(--IconButton--neutral-backgroundColor);border:none;color:var(--IconButton--neutral-color)}.spui-IconButton--neutral:active{background-color:var(--IconButton--neutral-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--neutral:not([disabled]):hover{background-color:var(--IconButton--neutral-onHover-backgroundColor)}}.spui-IconButton--danger{background-color:transparent;border:2px solid var(--IconButton--danger-borderColor);color:var(--IconButton--danger-color)}.spui-IconButton--danger:active{background-color:var(--IconButton--danger-onActive-backgroundColor)}@media (hover:hover){.spui-IconButton--danger:hover{background-color:var(--IconButton--danger-onHover-backgroundColor)}}:root{--TextLink-tapHighlightColor:var(--white-60-alpha);--TextLink-onFocus-outlineColor:var(--color-focus-clarity);--TextLink-color:var(--color-text-accent-primary);--TextLink-icon-color:var(--color-object-accent-primary);--TextLink-fontWeight:bold;--TextLink--subtle-color:var(--color-text-low-emphasis);--TextLink--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextLink{border-radius:4px;color:var(--TextLink-color);font-family:inherit;font-weight:var(--TextLink-fontWeight);line-height:1.3;-webkit-tap-highlight-color:var(--TextLink-tapHighlightColor);text-decoration:underline}.spui-TextLink:focus{outline:2px solid var(--TextLink-onFocus-outlineColor);outline-offset:1px}.spui-TextLink:focus:not(:focus-visible){outline:none}.spui-TextLink--subtle{color:var(--TextLink--subtle-color)}.spui-TextLink--hasIcon{align-items:center;display:inline-flex}.spui-TextLink-icon{color:var(--TextLink-icon-color);line-height:0}.spui-TextLink--subtle .spui-TextLink-icon{color:var(--TextLink--subtle-icon-color)}.spui-TextLink--iconstart .spui-TextLink-icon{margin-right:4px}.spui-TextLink--iconend{flex-direction:row-reverse}.spui-TextLink--iconend .spui-TextLink-icon{margin-left:4px}.spui-TextLink--hasIcon,.spui-TextLink--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextLink:hover{text-decoration:none}:is(.spui-TextLink--hasIcon,.spui-TextLink--underlinehover):hover{text-decoration:underline}}:root{--TextButton-tapHighlightColor:var(--white-60-alpha);--TextButton-onFocus-outlineColor:var(--color-focus-clarity);--TextButton-color:var(--color-text-accent-primary);--TextButton-icon-color:var(--color-object-accent-primary);--TextButton-fontWeight:bold;--TextButton--subtle-color:var(--color-text-low-emphasis);--TextButton--subtle-icon-color:var(--color-object-low-emphasis)}.spui-TextButton{background:none;border:none;border-radius:4px;color:var(--TextButton-color);font-family:inherit;font-size:1em;font-weight:var(--TextButton-fontWeight);line-height:1.3;margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor);text-decoration:underline}.spui-TextButton:disabled{opacity:.3;text-decoration:none}.spui-TextButton:focus{outline:2px solid var(--TextButton-onFocus-outlineColor);outline-offset:1px}.spui-TextButton:focus:not(:focus-visible){outline:none}.spui-TextButton--subtle{color:var(--TextButton--subtle-color)}.spui-TextButton--hasIcon{align-items:center;display:inline-flex}.spui-TextButton-icon{line-height:0}.spui-TextButton--iconstart .spui-TextButton-icon{margin-right:4px}.spui-TextButton--iconend{flex-direction:row-reverse}.spui-TextButton--iconend .spui-TextButton-icon{margin-left:4px}.spui-TextButton--hasIcon,.spui-TextButton--underlinehover{text-decoration:none}@media (hover:hover){.spui-TextButton:hover{text-decoration:none}:is(.spui-TextButton--hasIcon,.spui-TextButton--underlinehover):hover{text-decoration:underline}.spui-TextButton:disabled:hover{text-decoration:none}}:root{--SnackBar-z-index:1;--SnackBar-onFocus-outlineColor:var(--color-focus-clarity)}.spui-SnackBar{box-sizing:border-box;left:0;opacity:0;padding:0 var(--SnackBar--offset-right) 0 var(--SnackBar--offset-left);pointer-events:none;position:fixed;right:0;text-align:var(--SnackBar--text-align);z-index:var(--SnackBar-z-index)}.spui-SnackBar-content{align-items:center;border-radius:16px;box-shadow:0 11px 28px rgba(8,18,26,.24);box-sizing:border-box;display:inline-grid;grid-template:"Icon Text Button IconButton" auto/auto 1fr auto auto;max-width:440px;min-height:52px;min-width:360px;padding:14px 16px 14px 20px;pointer-events:auto}.spui-SnackBar-icon{flex-shrink:0;font-size:1.375rem;grid-area:Icon;line-height:0;margin-right:12px}.spui-SnackBar-text{--SnackBar-max-lines:3;font-family:inherit;font-size:.875rem;font-weight:700;grid-area:Text;line-height:1.6;max-height:calc(1.6em*var(--SnackBar-max-lines));overflow:hidden;text-align:left}.spui-SnackBar-button{font-size:.875rem;grid-area:Button;margin-left:16px;margin-right:13px;position:relative}.spui-SnackBar-button:after{bottom:0;content:"";display:inline-block;position:absolute;right:-12px;top:0;width:1px}.spui-SnackBar--top{top:0;transform:translateY(calc(var(--SnackBar--initial-height-top) - var(--SnackBar--offset-top)))}.spui-SnackBar--bottom{bottom:0;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar--slide{transition:transform .3s ease,opacity .3s ease}.spui-SnackBar--hidden{visibility:hidden}.spui-SnackBar-slide--in{opacity:1;transition:transform .5s ease,opacity .5s ease}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-top))}.spui-SnackBar-slide--in.spui-SnackBar--bottom{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-iconButton{--IconButton--neutral-backgroundColor:transparent;grid-area:IconButton;margin-left:12px}.spui-SnackBar-content--information{background-color:var(--gray-80);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--information{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--information:after{background:var(--white-20-alpha)}.spui-SnackBar-content--confirmation{background-color:var(--color-surface-primary);border:2px solid var(--color-border-low-emphasis);color:var(--color-text-accent-primary)}.spui-SnackBar-iconButton--confirmation{--IconButton--neutral-onActive-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--gray-20-alpha);--IconButton--neutral-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation{--TextLink-color:var(--color-text-low-emphasis);--TextLink-icon-color:var(--color-object-low-emphasis);--TextButton-color:var(--color-text-low-emphasis);--TextButton-icon-color:var(--color-object-low-emphasis)}.spui-SnackBar-button--confirmation:after{background:var(--color-border-low-emphasis)}.spui-SnackBar-content--error{background-color:var(--color-surface-caution);color:var(--color-text-high-emphasis-inverse)}.spui-SnackBar-iconButton--error{--IconButton--neutral-onActive-backgroundColor:var(--white-20-alpha);--IconButton--neutral-onHover-backgroundColor:var(--white-20-alpha);--IconButton--neutral-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error{--TextLink-color:var(--color-text-high-emphasis-inverse);--TextLink-icon-color:var(--color-object-high-emphasis-inverse);--TextButton-color:var(--color-text-high-emphasis-inverse);--TextButton-icon-color:var(--color-object-high-emphasis-inverse)}.spui-SnackBar-button--error:after{background:var(--white-20-alpha)}@media (prefers-reduced-motion:reduce){.spui-SnackBar--slide,.spui-SnackBar-slide--in{transition-duration:.1ms}}@media (max-width:464px){.spui-SnackBar{padding:0 12px;text-align:center;bottom:0;top:unset;transform:translateY(calc((var(--SnackBar--initial-height-bottom) - var(--SnackBar--offset-bottom))*-1))}.spui-SnackBar-slide--in.spui-SnackBar--top{transform:translateY(var(--SnackBar--order-offset-bottom))}.spui-SnackBar-content{border-radius:82px;max-width:400px;min-width:calc(100% - 24px);padding:14px 16px 14px 20px}}@media (max-width:320px){.spui-SnackBar-text{--SnackBar-max-lines:4}}