@openameba/spindle-ui 3.2.3 → 3.2.5

package/DropdownMenu/DropdownMenu.js

@@ -34,185 +34,177 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenu = exports.BLOCK_NAME = void 0;
-var react_1 = __importStar(require("react"));
+const react_1 = __importStar(require("react"));
 exports.BLOCK_NAME = 'spui-DropdownMenu';
-var FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
-var CLOSE_KEY_LIST = ['ESCAPE', 'ESC'];
-var MENU_WIDTH = 256;
-var CloseMenuContext = react_1.default.createContext(null);
-var Caption = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement("p", { className: "".concat(exports.BLOCK_NAME, "-caption") }, children);
+const FADE_IN_ANIMATION = 'spui-DropdownMenu-fade-in';
+const CLOSE_KEY_LIST = ['ESCAPE', 'ESC'];
+const MENU_WIDTH = 256;
+const CloseMenuContext = react_1.default.createContext(null);
+const Caption = ({ children }) => {
+    return react_1.default.createElement("p", { className: `${exports.BLOCK_NAME}-caption` }, children);
 };
-var Frame = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME) }, children);
+const Frame = ({ children }) => {
+    return react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}` }, children);
 };
-var List = function (_a) {
-    var children = _a.children, id = _a.id, onClose = _a.onClose, open = _a.open, _b = _a.position, position = _b === void 0 ? 'leftTop' : _b, triggerRef = _a.triggerRef, _c = _a.variant, variant = _c === void 0 ? 'text' : _c;
-    var menuEl = (0, react_1.useRef)(null);
-    var _d = (0, react_1.useState)(false), fadeOut = _d[0], setFadeOut = _d[1];
-    var _e = (0, react_1.useState)(0), triggerHeight = _e[0], setTriggerHeight = _e[1];
-    var _f = (0, react_1.useState)(0), triggerWidth = _f[0], setTriggerWidth = _f[1];
-    var _g = (0, react_1.useState)(0), menuHeight = _g[0], setMenuHeight = _g[1];
-    var onClickBody = (0, react_1.useCallback)(function (e) {
+const List = ({ children, id, onClose, open, position = 'leftTop', triggerRef, variant = 'text', }) => {
+    const menuEl = (0, react_1.useRef)(null);
+    const [fadeOut, setFadeOut] = (0, react_1.useState)(false);
+    const [triggerHeight, setTriggerHeight] = (0, react_1.useState)(0);
+    const [triggerWidth, setTriggerWidth] = (0, react_1.useState)(0);
+    const [menuHeight, setMenuHeight] = (0, react_1.useState)(0);
+    const onClickBody = (0, react_1.useCallback)((e) => {
         if (!open)
             return;
         if (triggerRef.current && e.composedPath().includes(triggerRef.current))
             return;
-        var menuEl = document.querySelector(".".concat(exports.BLOCK_NAME, "-menu"));
+        const menuEl = document.querySelector(`.${exports.BLOCK_NAME}-menu`);
         if (menuEl && e.composedPath().includes(menuEl))
             return;
         setFadeOut(true);
     }, [open, triggerRef]);
-    var onClickCloser = (0, react_1.useCallback)(function () {
+    const onClickCloser = (0, react_1.useCallback)(() => {
         var _a;
         setFadeOut(true);
         (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [triggerRef]);
-    var handleKeyDown = (0, react_1.useCallback)(function (e) {
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
         if (CLOSE_KEY_LIST.includes(e.key.toUpperCase())) {
             onClickCloser();
         }
     }, [onClickCloser]);
-    var handleAnimationEnd = (0, react_1.useCallback)(function (event) {
+    const handleAnimationEnd = (0, react_1.useCallback)((event) => {
         if (event.animationName === FADE_IN_ANIMATION)
             return;
         onClose();
         setFadeOut(false);
     }, [onClose]);
     // Triggerボタンの縦横幅を取得
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!triggerRef.current)
             return;
-        var _a = triggerRef.current.getBoundingClientRect(), height = _a.height, width = _a.width;
+        const { height, width } = triggerRef.current.getBoundingClientRect();
         setTriggerHeight(height);
         setTriggerWidth(width);
     }, [triggerRef]);
     // Menuの縦幅を取得
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!open)
             return;
         if (!menuEl.current)
             return;
-        var height = menuEl.current.getBoundingClientRect().height;
+        const { height } = menuEl.current.getBoundingClientRect();
         setMenuHeight(height);
     }, [open]);
-    (0, react_1.useEffect)(function () {
-        var menu = menuEl.current;
+    (0, react_1.useEffect)(() => {
+        const menu = menuEl.current;
         if (open) {
             menu === null || menu === void 0 ? void 0 : menu.addEventListener('animationend', handleAnimationEnd, false);
         }
-        return function () {
-            return menu === null || menu === void 0 ? void 0 : menu.removeEventListener('animationend', handleAnimationEnd, false);
-        };
+        return () => menu === null || menu === void 0 ? void 0 : menu.removeEventListener('animationend', handleAnimationEnd, false);
     }, [handleAnimationEnd, open]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (open) {
             window.addEventListener('click', onClickBody, false);
         }
-        return function () { return window.removeEventListener('click', onClickBody, false); };
+        return () => window.removeEventListener('click', onClickBody, false);
     }, [onClickBody, open]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (open) {
             window.addEventListener('keydown', handleKeyDown);
         }
-        return function () { return window.removeEventListener('keydown', handleKeyDown); };
+        return () => window.removeEventListener('keydown', handleKeyDown);
     }, [handleKeyDown, open]);
     if (!open) {
         return null;
     }
-    var top;
-    var bottom;
-    var left;
+    let top;
+    let bottom;
+    let left;
     if (['topLeft', 'topCenter', 'topRight'].includes(position)) {
-        bottom = "".concat(triggerHeight, "px");
+        bottom = `${triggerHeight}px`;
     }
     if (['topCenter', 'bottomCenter'].includes(position)) {
-        left = "-".concat((MENU_WIDTH - triggerWidth) / 2, "px");
+        left = `-${(MENU_WIDTH - triggerWidth) / 2}px`;
     }
     if (['rightCenter', 'leftCenter'].includes(position)) {
-        top = "-".concat((menuHeight - triggerHeight) / 2, "px");
+        top = `-${(menuHeight - triggerHeight) / 2}px`;
     }
     if (['bottomLeft', 'bottomCenter', 'bottomRight'].includes(position)) {
-        top = "".concat(triggerHeight, "px");
+        top = `${triggerHeight}px`;
     }
     return (react_1.default.createElement(CloseMenuContext.Provider, { value: onClickCloser },
         react_1.default.createElement("div", { id: id, className: [
-                "".concat(exports.BLOCK_NAME, "-menu"),
-                "".concat(exports.BLOCK_NAME, "-menu--").concat(variant),
-                "".concat(exports.BLOCK_NAME, "-menu--").concat(position),
+                `${exports.BLOCK_NAME}-menu`,
+                `${exports.BLOCK_NAME}-menu--${variant}`,
+                `${exports.BLOCK_NAME}-menu--${position}`,
                 fadeOut && 'is-fade-out',
             ]
                 .filter(Boolean)
-                .join(' '), ref: menuEl, role: "menu", style: { bottom: bottom, left: left, top: top } }, children)));
+                .join(' '), ref: menuEl, role: "menu", style: { bottom, left, top } }, children)));
 };
-var ListItem = function (_a) {
-    var children = _a.children, icon = _a.icon, onClick = _a.onClick;
-    var closeMenu = (0, react_1.useContext)(CloseMenuContext);
-    return (react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-menuItem") },
-        react_1.default.createElement("button", { className: "".concat(exports.BLOCK_NAME, "-menuButton"), type: "button", role: "menuitem", onClick: function (e) {
+const ListItem = ({ children, icon, onClick }) => {
+    const closeMenu = (0, react_1.useContext)(CloseMenuContext);
+    return (react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-menuItem` },
+        react_1.default.createElement("button", { className: `${exports.BLOCK_NAME}-menuButton`, type: "button", role: "menuitem", onClick: (e) => {
                 onClick(e);
                 closeMenu === null || closeMenu === void 0 ? void 0 : closeMenu();
             } },
-            icon && react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-iconContainer") }, icon),
-            react_1.default.createElement("div", { className: "".concat(exports.BLOCK_NAME, "-textContainer") }, children))));
+            icon && react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-iconContainer` }, icon),
+            react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-textContainer` }, children))));
 };
 // Storybookでのpositionプロパティのバリエーション確認用
-var Position = function (_a) {
-    var children = _a.children, _b = _a.position, position = _b === void 0 ? 'leftTop' : _b, triggerRef = _a.triggerRef;
-    var menuEl = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(0), triggerHeight = _c[0], setTriggerHeight = _c[1];
-    var _d = (0, react_1.useState)(0), triggerWidth = _d[0], setTriggerWidth = _d[1];
-    var _e = (0, react_1.useState)(0), menuHeight = _e[0], setMenuHeight = _e[1];
+const Position = ({ children, position = 'leftTop', triggerRef, }) => {
+    const menuEl = (0, react_1.useRef)(null);
+    const [triggerHeight, setTriggerHeight] = (0, react_1.useState)(0);
+    const [triggerWidth, setTriggerWidth] = (0, react_1.useState)(0);
+    const [menuHeight, setMenuHeight] = (0, react_1.useState)(0);
     // Triggerボタンの縦横幅を取得
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!triggerRef.current)
             return;
-        var _a = triggerRef.current.getBoundingClientRect(), height = _a.height, width = _a.width;
+        const { height, width } = triggerRef.current.getBoundingClientRect();
         setTriggerHeight(height);
         setTriggerWidth(width);
     }, [triggerRef]);
     // Menuの縦幅を取得
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (!menuEl.current)
             return;
-        var height = menuEl.current.getBoundingClientRect().height;
+        const { height } = menuEl.current.getBoundingClientRect();
         setMenuHeight(height);
     }, []);
-    var top;
-    var bottom;
-    var left;
+    let top;
+    let bottom;
+    let left;
     if (['topLeft', 'topCenter', 'topRight'].includes(position)) {
-        bottom = "".concat(triggerHeight, "px");
+        bottom = `${triggerHeight}px`;
     }
     if (['topCenter', 'bottomCenter'].includes(position)) {
-        left = "-".concat((MENU_WIDTH - triggerWidth) / 2, "px");
+        left = `-${(MENU_WIDTH - triggerWidth) / 2}px`;
     }
     if (['rightCenter', 'leftCenter'].includes(position)) {
-        top = "-".concat((menuHeight - triggerHeight) / 2, "px");
+        top = `-${(menuHeight - triggerHeight) / 2}px`;
     }
     if (['bottomLeft', 'bottomCenter', 'bottomRight'].includes(position)) {
-        top = "".concat(triggerHeight, "px");
+        top = `${triggerHeight}px`;
     }
     return (react_1.default.createElement("div", { className: [
-            "".concat(exports.BLOCK_NAME, "-menu"),
-            "".concat(exports.BLOCK_NAME, "-menu--text"),
-            "".concat(exports.BLOCK_NAME, "-menu--").concat(position),
+            `${exports.BLOCK_NAME}-menu`,
+            `${exports.BLOCK_NAME}-menu--text`,
+            `${exports.BLOCK_NAME}-menu--${position}`,
         ]
             .filter(Boolean)
-            .join(' '), ref: menuEl, role: "menu", style: { bottom: bottom, left: left, top: top } }, children));
+            .join(' '), ref: menuEl, role: "menu", style: { bottom, left, top } }, children));
 };
-var Title = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement("p", { className: "".concat(exports.BLOCK_NAME, "-title") }, children);
+const Title = ({ children }) => {
+    return react_1.default.createElement("p", { className: `${exports.BLOCK_NAME}-title` }, children);
 };
 exports.DropdownMenu = {
-    Caption: Caption,
-    Frame: Frame,
-    List: List,
-    ListItem: ListItem,
-    Position: Position,
-    Title: Title,
+    Caption,
+    Frame,
+    List,
+    ListItem,
+    Position,
+    Title,
 };
 //# sourceMappingURL=DropdownMenu.js.map

package/DropdownMenu/DropdownMenu.js.map

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

package/DropdownMenu/DropdownMenu.mjs

@@ -27,8 +27,9 @@ const List = ({ children, id, onClose, open, position = 'leftTop', triggerRef, v
         setFadeOut(true);
     }, [open, triggerRef]);
     const onClickCloser = useCallback(() => {
+        var _a;
         setFadeOut(true);
-        triggerRef.current?.focus();
+        (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [triggerRef]);
     const handleKeyDown = useCallback((e) => {
         if (CLOSE_KEY_LIST.includes(e.key.toUpperCase())) {
@@ -61,9 +62,9 @@ const List = ({ children, id, onClose, open, position = 'leftTop', triggerRef, v
     useEffect(() => {
         const menu = menuEl.current;
         if (open) {
-            menu?.addEventListener('animationend', handleAnimationEnd, false);
+            menu === null || menu === void 0 ? void 0 : menu.addEventListener('animationend', handleAnimationEnd, false);
         }
-        return () => menu?.removeEventListener('animationend', handleAnimationEnd, false);
+        return () => menu === null || menu === void 0 ? void 0 : menu.removeEventListener('animationend', handleAnimationEnd, false);
     }, [handleAnimationEnd, open]);
     useEffect(() => {
         if (open) {
@@ -110,7 +111,7 @@ const ListItem = ({ children, icon, onClick }) => {
     return (React.createElement("div", { className: `${BLOCK_NAME}-menuItem` },
         React.createElement("button", { className: `${BLOCK_NAME}-menuButton`, type: "button", role: "menuitem", onClick: (e) => {
                 onClick(e);
-                closeMenu?.();
+                closeMenu === null || closeMenu === void 0 ? void 0 : closeMenu();
             } },
             icon && React.createElement("div", { className: `${BLOCK_NAME}-iconContainer` }, icon),
             React.createElement("div", { className: `${BLOCK_NAME}-textContainer` }, children))));

package/Form/ButtonSwitch/ButtonSwitch.js

@@ -37,19 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonSwitch = void 0;
-var react_1 = __importStar(require("react"));
-var CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
-var BLOCK_NAME = 'spui-ButtonSwitch';
-var ButtonSwitch = function (_a) {
-    var id = _a.id, value = _a.value, options = _a.options, onClick = _a.onClick, ariaLabelledby = _a.ariaLabelledby;
-    var buttonsRef = (0, react_1.useRef)([]);
-    options.forEach(function (_, index) {
+const react_1 = __importStar(require("react"));
+const CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
+const BLOCK_NAME = 'spui-ButtonSwitch';
+const ButtonSwitch = ({ id, value, options, onClick, ariaLabelledby, }) => {
+    const buttonsRef = (0, react_1.useRef)([]);
+    options.forEach((_, index) => {
         buttonsRef.current[index] = (0, react_1.createRef)();
     });
-    var handleKeydown = (0, react_1.useCallback)(function (e, index) {
-        var focusButton = function (offset) {
-            var buttonRef = buttonsRef.current[(options.length + index + offset) % options.length];
-            var button = buttonRef.current;
+    const handleKeydown = (0, react_1.useCallback)((e, index) => {
+        const focusButton = (offset) => {
+            const buttonRef = buttonsRef.current[(options.length + index + offset) % options.length];
+            const button = buttonRef.current;
             button === null || button === void 0 ? void 0 : button.focus();
             if (onClick) {
                 onClick(options[(options.length + index + offset) % options.length].value);
@@ -70,11 +69,9 @@ var ButtonSwitch = function (_a) {
             }
         }
     }, [options, onClick]);
-    return (
-    // biome-ignore lint/a11y/useSemanticElements: intentionally using div + role="group" for grouping and labeling
-    react_1.default.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map(function (option, index) { return (react_1.default.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: function (e) { return handleKeydown(e, index); }, key: option.value, className: "".concat(BLOCK_NAME, "-button"), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(option.value); }, ref: buttonsRef.current[index] },
-        value === option.value && (react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true", className: "".concat(BLOCK_NAME, "-icon"), width: 12, height: 12 })),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-label") }, option.label))); })));
+    return (react_1.default.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map((option, index) => (react_1.default.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(option.value), ref: buttonsRef.current[index] },
+        value === option.value && (react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon`, width: 12, height: 12 })),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-label` }, option.label))))));
 };
 exports.ButtonSwitch = ButtonSwitch;
 //# sourceMappingURL=ButtonSwitch.js.map

package/Form/ButtonSwitch/ButtonSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,qEAA6C;AAa7C,MAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,MAAM,YAAY,GAAoB,CAAC,EAC5C,EAAE,EACF,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAc,GACf,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,cAAM,EAA8C,EAAE,CAAC,CAAC;IAE3E,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QAC3B,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAyC,EAAE,KAAa,EAAE,EAAE;QAC3D,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,EAAE;YACrC,MAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CAEL,uCACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,qBACJ,cAAc,IAE9B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,0CACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,MAAM,CAAC,KAAK,EACpC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EACzC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,GAAG,UAAU,SAAS,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,CAAC,KAAK,CAAC,EACtC,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;QAE7B,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CACzB,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,GAAG,UAAU,OAAO,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;QACD,wCAAM,SAAS,EAAE,GAAG,UAAU,QAAQ,IAAG,MAAM,CAAC,KAAK,CAAQ,CACtD,CACV,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA7EW,QAAA,YAAY,gBA6EvB"}

package/Form/ButtonSwitch/ButtonSwitch.mjs

@@ -10,7 +10,7 @@ export const ButtonSwitch = ({ id, value, options, onClick, ariaLabelledby, }) =
         const focusButton = (offset) => {
             const buttonRef = buttonsRef.current[(options.length + index + offset) % options.length];
             const button = buttonRef.current;
-            button?.focus();
+            button === null || button === void 0 ? void 0 : button.focus();
             if (onClick) {
                 onClick(options[(options.length + index + offset) % options.length].value);
             }
@@ -30,14 +30,7 @@ export const ButtonSwitch = ({ id, value, options, onClick, ariaLabelledby, }) =
             }
         }
     }, [options, onClick]);
-    return (
-        // biome-ignore lint/a11y/useSemanticElements: intentionally using div + role="group" for grouping and labeling
-        (React.createElement(
-            "div",
-            { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby },
-            options.map((option, index) => (React.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick?.(option.value), ref: buttonsRef.current[index] },
-                value === option.value && (React.createElement(CheckBold, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon`, width: 12, height: 12 })),
-                React.createElement("span", { className: `${BLOCK_NAME}-label` }, option.label))))
-        ))
-    );
+    return (React.createElement("div", { role: "group", id: id, className: BLOCK_NAME, "aria-labelledby": ariaLabelledby }, options.map((option, index) => (React.createElement("button", { type: "button", "aria-pressed": value === option.value, onKeyDown: (e) => handleKeydown(e, index), key: option.value, className: `${BLOCK_NAME}-button`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(option.value), ref: buttonsRef.current[index] },
+        value === option.value && (React.createElement(CheckBold, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon`, width: 12, height: 12 })),
+        React.createElement("span", { className: `${BLOCK_NAME}-label` }, option.label))))));
 };

package/Form/Checkbox/Checkbox.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,37 +32,25 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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.Checkbox = void 0;
-var react_1 = __importStar(require("react"));
-var CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
-var BLOCK_NAME = 'spui-Checkbox';
-exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
-    var children = _a.children, _b = _a.inverse, inverse = _b === void 0 ? false : _b, rest = __rest(_a, ["children", "inverse"]);
+const react_1 = __importStar(require("react"));
+const CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
+const BLOCK_NAME = 'spui-Checkbox';
+exports.Checkbox = (0, react_1.forwardRef)(function Checkbox({ children, inverse = false, ...rest }, ref) {
     return (react_1.default.createElement("label", { className: [
-            "".concat(BLOCK_NAME, "-label"),
-            inverse && "".concat(BLOCK_NAME, "-label--inverse"),
+            `${BLOCK_NAME}-label`,
+            inverse && `${BLOCK_NAME}-label--inverse`,
         ]
             .filter(Boolean)
             .join(' ') },
-        react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), ref: ref, type: "checkbox" }, rest)),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
+        react_1.default.createElement("input", { className: `${BLOCK_NAME}-input`, ref: ref, type: "checkbox", ...rest }),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon` },
             react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") }),
-        children && react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text") }, children)));
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-outline` }),
+        children && react_1.default.createElement("span", { className: `${BLOCK_NAME}-text` }, children)));
 });
 //# sourceMappingURL=Checkbox.js.map

package/Form/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,mEAA6C;AAQ7C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA6C,EAC7C,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,IAAI,cAApC,uBAAsC,CAAF;IAGpC,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,OAAO,IAAI,UAAG,UAAU,oBAAiB;SAC1C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,qEAA6C;AAQ7C,MAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,IAAI,EAAS,EAC7C,GAAG;IAEH,OAAO,CACL,yCACE,SAAS,EAAE;YACT,GAAG,UAAU,QAAQ;YACrB,OAAO,IAAI,GAAG,UAAU,iBAAiB;SAC1C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,yCACE,SAAS,EAAE,GAAG,UAAU,QAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,KACX,IAAI,GACR;QACF,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,GAAG,UAAU,UAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/DropDown/DropDown.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -43,41 +32,29 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-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.DropDown = void 0;
-var react_1 = __importStar(require("react"));
-var use_callback_ref_1 = require("use-callback-ref");
-var ChevronDownBold_1 = __importDefault(require("../../Icon/ChevronDownBold"));
-var BLOCK_NAME = 'spui-DropDown';
-exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
-    var children = _a.children, _b = _a.hasError, hasError = _b === void 0 ? false : _b, onChange = _a.onChange, selectDisabled = _a.disabled, rest = __rest(_a, ["children", "hasError", "onChange", "disabled"]);
-    var selectEl = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
-    var _d = (0, react_1.useState)(false), optionDisabled = _d[0], setOptionDisabled = _d[1];
-    var update = function () {
+const react_1 = __importStar(require("react"));
+const use_callback_ref_1 = require("use-callback-ref");
+const ChevronDownBold_1 = __importDefault(require("../../Icon/ChevronDownBold"));
+const BLOCK_NAME = 'spui-DropDown';
+exports.DropDown = (0, react_1.forwardRef)(function DropDown({ children, hasError = false, onChange, disabled: selectDisabled, ...rest }, ref) {
+    const selectEl = (0, react_1.useRef)(null);
+    const [text, setText] = (0, react_1.useState)('');
+    const [optionDisabled, setOptionDisabled] = (0, react_1.useState)(false);
+    const update = () => {
         if (selectEl === null || selectEl === void 0 ? void 0 : selectEl.current) {
-            var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
-            var value = selectedEl.text;
-            var disabled = selectedEl.disabled;
+            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            const value = selectedEl.text;
+            const disabled = selectedEl.disabled;
             setText(value);
             setOptionDisabled(disabled);
         }
     };
-    var handleChange = function (event) {
+    const handleChange = (event) => {
         if (typeof onChange === 'function') {
             onChange(event);
         }
@@ -85,18 +62,18 @@ exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
     };
     // Update text once
     (0, react_1.useEffect)(update, []);
-    var isActive = !selectDisabled && !optionDisabled;
+    const isActive = !selectDisabled && !optionDisabled;
     return (react_1.default.createElement("label", { className: [
-            "".concat(BLOCK_NAME, "-label"),
+            `${BLOCK_NAME}-label`,
             isActive ? 'is-active' : '',
             hasError ? 'is-error' : '',
         ]
             .filter(Boolean)
             .join(' ') },
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") }, text),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-visual` }, text),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon` },
             react_1.default.createElement(ChevronDownBold_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select"), ref: (0, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange, disabled: selectDisabled }, rest), children),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
+        react_1.default.createElement("select", { className: `${BLOCK_NAME}-select`, ref: (0, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange, disabled: selectDisabled, ...rest }, children),
+        react_1.default.createElement("span", { className: `${BLOCK_NAME}-outline` })));
 });
 //# sourceMappingURL=DropDown.js.map

package/Form/DropDown/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/Form/DropDown/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,qDAAgD;AAEhD,+EAAyD;AASzD,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAMQ,EACR,GAAG;IAND,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACE,cAAc,cAAA,EACrB,IAAI,cALT,gDAMC,CADQ;IAIT,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAE5D,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE,CAAC;YACtB,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,IAAM,QAAQ,GAAG,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC;IAEpD,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,cAAc,IACpB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/Form/DropDown/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,uDAAgD;AAEhD,iFAAyD;AASzD,MAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EACE,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EAAE,cAAc,EACxB,GAAG,IAAI,EACD,EACR,GAAG;IAEH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE,CAAC;YACtB,MAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA2C,EAAE,EAAE;QACnE,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,MAAM,QAAQ,GAAG,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC;IAEpD,OAAO,CACL,yCACE,SAAS,EAAE;YACT,GAAG,UAAU,QAAQ;YACrB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,GAAG,UAAU,SAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO;YACnC,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,0CACE,SAAS,EAAE,GAAG,UAAU,SAAS,EACjC,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,cAAc,KACpB,IAAI,IAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,GAAG,UAAU,UAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}