@openameba/spindle-ui 0.43.1 → 0.46.0

package/StackNotificationManager/hooks.js

@@ -0,0 +1,247 @@
+"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 __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.useRepeatedStackItem = exports.useStackNotificationManager = exports.useStackInteraction = void 0;
+var react_1 = require("react");
+var StackNotificationManager_1 = require("./StackNotificationManager");
+var MAX_STACK_SIZE_DESKTOP = 4;
+var MAX_STACK_SIZE_MOBILE = 3;
+/**
+ * Fallback for `MediaQueryList.onchange`
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/matches
+ */
+function addMQListener(mq, callback) {
+    if (mq.addEventListener) {
+        mq.addEventListener('change', callback);
+    }
+    else {
+        mq.addListener(callback);
+    }
+}
+/**
+ * Fallback for `MediaQueryList.onchange`
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/matches
+ */
+function removeMQListener(mq, callback) {
+    if (mq.removeEventListener) {
+        mq.removeEventListener('change', callback);
+    }
+    else {
+        mq.removeListener(callback);
+    }
+}
+var useBreakpoint = function (breakpoint) {
+    var mql = (0, react_1.useRef)(typeof window !== 'undefined' && window.matchMedia
+        ? window.matchMedia(breakpoint)
+        : undefined);
+    var _a = (0, react_1.useState)(function () {
+        return mql.current ? mql.current.matches : false;
+    }), matches = _a[0], setMatches = _a[1];
+    var handleSetMatches = (0, react_1.useCallback)(function (e) { return setMatches(e.matches); }, []);
+    (0, react_1.useEffect)(function () {
+        var current = mql.current;
+        if (current) {
+            addMQListener(current, handleSetMatches);
+        }
+        return function () {
+            if (current) {
+                removeMQListener(current, handleSetMatches);
+            }
+        };
+    }, []);
+    return matches;
+};
+var useMaxStackSize = function () {
+    var isMobile = useBreakpoint('(max-width: 464px)');
+    return isMobile ? MAX_STACK_SIZE_MOBILE : MAX_STACK_SIZE_DESKTOP;
+};
+var useStackInteraction = function () {
+    var _a = (0, StackNotificationManager_1.useStackNotificationManagerContext)(), setStack = _a.setStack, _setOffset = _a.setOffset;
+    var maxStackSize = useMaxStackSize();
+    var setActive = (0, react_1.useCallback)(function (_a) {
+        var id = _a.id, active = _a.active, position = _a.position;
+        setStack(function (prev) {
+            var _a;
+            var _stack = prev[position] || [];
+            var stack = __spreadArray([], _stack, true);
+            var specifiedItem = stack.find(function (item) { return item.id === id; });
+            if (!specifiedItem) {
+                specifiedItem = {
+                    id: id,
+                    active: false,
+                    order: 0,
+                    isPreservingInternalActive: false,
+                    contentHeight: 0,
+                };
+                stack.push(specifiedItem);
+            }
+            var shouldUpdate = (specifiedItem === null || specifiedItem === void 0 ? void 0 : specifiedItem.active) !== active ||
+                (specifiedItem === null || specifiedItem === void 0 ? void 0 : specifiedItem.isPreservingInternalActive);
+            if (!shouldUpdate) {
+                return prev;
+            }
+            var totalActiveItems = stack.reduce(function (res, v) {
+                return v.active || v.isPreservingInternalActive ? res + 1 : res;
+            }, 0);
+            var isOverMaxStackSize = totalActiveItems >= maxStackSize;
+            if (active && isOverMaxStackSize) {
+                stack
+                    .sort(function (a, b) { return (a.order > b.order ? 1 : -1); })
+                    .find(function (item) {
+                    if (item.active && !item.isPreservingInternalActive) {
+                        item.active = false;
+                        item.isPreservingInternalActive = true;
+                        return true;
+                    }
+                    return false;
+                });
+            }
+            return __assign(__assign({}, prev), (_a = {}, _a[position] = stack.map(function (s) {
+                var next = __assign({}, s);
+                if (next.id === id) {
+                    next.active = active;
+                    next.isPreservingInternalActive = false;
+                }
+                if (next.id !== id &&
+                    !active &&
+                    ((specifiedItem === null || specifiedItem === void 0 ? void 0 : specifiedItem.order) || 0) <= next.order) {
+                    next.order = Math.max(next.order - 1, 0);
+                }
+                if (next.id === id && active) {
+                    next.order = totalActiveItems;
+                }
+                return next;
+            }), _a));
+        });
+    }, []);
+    var setOffset = function (_a) {
+        var offset = _a.offset, position = _a.position;
+        _setOffset(function (prev) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[position] = offset, _a)));
+        });
+    };
+    var setContentHeight = function (_a) {
+        var id = _a.id, height = _a.height, position = _a.position;
+        setStack(function (prev) {
+            var _a;
+            var _stack = prev[position] || [];
+            var stack = __spreadArray([], _stack, true);
+            var specifiedItem = stack.find(function (item) { return item.id === id; });
+            if (!specifiedItem) {
+                return prev;
+            }
+            var next = __assign({}, specifiedItem);
+            next.contentHeight = height;
+            return __assign(__assign({}, prev), (_a = {}, _a[position] = stack.map(function (s) { return (s.id === id ? next : s); }), _a));
+        });
+    };
+    return {
+        setActive: setActive,
+        setOffset: setOffset,
+        setContentHeight: setContentHeight,
+    };
+};
+exports.useStackInteraction = useStackInteraction;
+var useStackNotificationManager = function (_a) {
+    var id = _a.id, position = _a.position;
+    var _b = (0, StackNotificationManager_1.useStackNotificationManagerContext)(), stackRef = _b.stackRef, setStack = _b.setStack, offset = _b.offset;
+    var stack = stackRef.current;
+    var _c = (0, exports.useStackInteraction)(), _setActive = _c.setActive, _setOffset = _c.setOffset, _setContentHeight = _c.setContentHeight;
+    var setActive = (0, react_1.useCallback)(function (active) {
+        _setActive({ id: id, active: active, position: position });
+    }, [id, position]);
+    var setOffset = (0, react_1.useCallback)(function (offset) {
+        _setOffset({ position: position, offset: offset });
+    }, [position]);
+    var setContentHeight = (0, react_1.useCallback)(function (height) {
+        _setContentHeight({ id: id, position: position, height: height });
+    }, [position]);
+    (0, react_1.useEffect)(function () {
+        setStack(function (prev) {
+            var _a;
+            var stack = prev[position] || [];
+            var item = stack === null || stack === void 0 ? void 0 : stack.find(function (s) { return s.id === id; });
+            if (item) {
+                return prev;
+            }
+            // If stack item does not find, create stack item.
+            return __assign(__assign({}, prev), (_a = {}, _a[position] = __spreadArray(__spreadArray([], stack, true), [
+                {
+                    id: id,
+                    active: false,
+                    order: 0,
+                    contentHeight: 0,
+                },
+            ], false), _a));
+        });
+        return function () {
+            setStack(function (prev) {
+                var _a;
+                var _b;
+                return __assign(__assign({}, prev), (_a = {}, _a[position] = __spreadArray([], (((_b = prev[position]) === null || _b === void 0 ? void 0 : _b.filter(function (s) { return s.id !== id; })) || []), true), _a));
+            });
+        };
+    }, []);
+    var item = (0, react_1.useMemo)(function () { var _a; return (_a = stack[position]) === null || _a === void 0 ? void 0 : _a.find(function (s) { return s.id === id; }); }, [stack, id, position]);
+    var stackPosition = (0, react_1.useMemo)(function () {
+        var _stackItem = stack[position] || [];
+        var stackItem = __spreadArray([], _stackItem, true);
+        return stackItem
+            .sort(function (a, b) { return (a.order > b.order ? 1 : -1); })
+            .reduce(function (res, v) {
+            return (v.active || v.isPreservingInternalActive) &&
+                v.order < ((item === null || item === void 0 ? void 0 : item.order) || 0)
+                ? res + v.contentHeight
+                : res;
+        }, 0);
+    }, [stack]);
+    return {
+        stackProps: __assign(__assign({}, (item || {})), { position: position, offset: offset[position], stackPosition: stackPosition, setContentHeight: setContentHeight }),
+        setActive: setActive,
+        setOffset: setOffset,
+    };
+};
+exports.useStackNotificationManager = useStackNotificationManager;
+var useRepeatedStackItem = function (_a) {
+    var id = _a.id, position = _a.position;
+    var _b = (0, react_1.useState)([]), idList = _b[0], setIdList = _b[1];
+    var lastIndex = (0, react_1.useRef)(0);
+    var setActive = (0, exports.useStackInteraction)().setActive;
+    var append = (0, react_1.useCallback)(function () {
+        var nextId = "".concat(id, "-").concat(lastIndex.current);
+        lastIndex.current += 1;
+        setActive({ id: nextId, position: position, active: true });
+        setIdList(function (prev) { return __spreadArray(__spreadArray([], prev, true), [nextId], false); });
+    }, [id, position, idList]);
+    var onHide = (0, react_1.useCallback)(function (id) {
+        setActive({ id: id, position: position, active: false });
+        setIdList(function (prev) { return prev.filter(function (item) { return item !== id; }); });
+    }, [position]);
+    return {
+        idList: idList,
+        append: append,
+        onHide: onHide,
+    };
+};
+exports.useRepeatedStackItem = useRepeatedStackItem;
+//# sourceMappingURL=hooks.js.map

package/StackNotificationManager/hooks.js.map

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

package/StackNotificationManager/hooks.mjs

@@ -0,0 +1,220 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useStackNotificationManagerContext, } from './StackNotificationManager';
+const MAX_STACK_SIZE_DESKTOP = 4;
+const MAX_STACK_SIZE_MOBILE = 3;
+/**
+ * Fallback for `MediaQueryList.onchange`
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/matches
+ */
+function addMQListener(mq, callback) {
+    if (mq.addEventListener) {
+        mq.addEventListener('change', callback);
+    }
+    else {
+        mq.addListener(callback);
+    }
+}
+/**
+ * Fallback for `MediaQueryList.onchange`
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/matches
+ */
+function removeMQListener(mq, callback) {
+    if (mq.removeEventListener) {
+        mq.removeEventListener('change', callback);
+    }
+    else {
+        mq.removeListener(callback);
+    }
+}
+const useBreakpoint = (breakpoint) => {
+    const mql = useRef(typeof window !== 'undefined' && window.matchMedia
+        ? window.matchMedia(breakpoint)
+        : undefined);
+    const [matches, setMatches] = useState(() => mql.current ? mql.current.matches : false);
+    const handleSetMatches = useCallback((e) => setMatches(e.matches), []);
+    useEffect(() => {
+        const current = mql.current;
+        if (current) {
+            addMQListener(current, handleSetMatches);
+        }
+        return () => {
+            if (current) {
+                removeMQListener(current, handleSetMatches);
+            }
+        };
+    }, []);
+    return matches;
+};
+const useMaxStackSize = () => {
+    const isMobile = useBreakpoint('(max-width: 464px)');
+    return isMobile ? MAX_STACK_SIZE_MOBILE : MAX_STACK_SIZE_DESKTOP;
+};
+export const useStackInteraction = () => {
+    const { setStack, setOffset: _setOffset } = useStackNotificationManagerContext();
+    const maxStackSize = useMaxStackSize();
+    const setActive = useCallback(({ id, active, position, }) => {
+        setStack((prev) => {
+            const _stack = prev[position] || [];
+            const stack = [..._stack];
+            let specifiedItem = stack.find((item) => item.id === id);
+            if (!specifiedItem) {
+                specifiedItem = {
+                    id,
+                    active: false,
+                    order: 0,
+                    isPreservingInternalActive: false,
+                    contentHeight: 0,
+                };
+                stack.push(specifiedItem);
+            }
+            const shouldUpdate = specifiedItem?.active !== active ||
+                specifiedItem?.isPreservingInternalActive;
+            if (!shouldUpdate) {
+                return prev;
+            }
+            const totalActiveItems = stack.reduce((res, v) => v.active || v.isPreservingInternalActive ? res + 1 : res, 0);
+            const isOverMaxStackSize = totalActiveItems >= maxStackSize;
+            if (active && isOverMaxStackSize) {
+                stack
+                    .sort((a, b) => (a.order > b.order ? 1 : -1))
+                    .find((item) => {
+                    if (item.active && !item.isPreservingInternalActive) {
+                        item.active = false;
+                        item.isPreservingInternalActive = true;
+                        return true;
+                    }
+                    return false;
+                });
+            }
+            return {
+                ...prev,
+                [position]: stack.map((s) => {
+                    const next = { ...s };
+                    if (next.id === id) {
+                        next.active = active;
+                        next.isPreservingInternalActive = false;
+                    }
+                    if (next.id !== id &&
+                        !active &&
+                        (specifiedItem?.order || 0) <= next.order) {
+                        next.order = Math.max(next.order - 1, 0);
+                    }
+                    if (next.id === id && active) {
+                        next.order = totalActiveItems;
+                    }
+                    return next;
+                }),
+            };
+        });
+    }, []);
+    const setOffset = ({ offset, position, }) => {
+        _setOffset((prev) => ({ ...prev, [position]: offset }));
+    };
+    const setContentHeight = ({ id, height, position, }) => {
+        setStack((prev) => {
+            const _stack = prev[position] || [];
+            const stack = [..._stack];
+            const specifiedItem = stack.find((item) => item.id === id);
+            if (!specifiedItem) {
+                return prev;
+            }
+            const next = { ...specifiedItem };
+            next.contentHeight = height;
+            return {
+                ...prev,
+                [position]: stack.map((s) => (s.id === id ? next : s)),
+            };
+        });
+    };
+    return {
+        setActive,
+        setOffset,
+        setContentHeight,
+    };
+};
+export const useStackNotificationManager = ({ id, position, }) => {
+    const { stackRef, setStack, offset } = useStackNotificationManagerContext();
+    const stack = stackRef.current;
+    const { setActive: _setActive, setOffset: _setOffset, setContentHeight: _setContentHeight, } = useStackInteraction();
+    const setActive = useCallback((active) => {
+        _setActive({ id, active, position });
+    }, [id, position]);
+    const setOffset = useCallback((offset) => {
+        _setOffset({ position, offset });
+    }, [position]);
+    const setContentHeight = useCallback((height) => {
+        _setContentHeight({ id, position, height });
+    }, [position]);
+    useEffect(() => {
+        setStack((prev) => {
+            const stack = prev[position] || [];
+            const item = stack?.find((s) => s.id === id);
+            if (item) {
+                return prev;
+            }
+            // If stack item does not find, create stack item.
+            return {
+                ...prev,
+                [position]: [
+                    ...stack,
+                    {
+                        id,
+                        active: false,
+                        order: 0,
+                        contentHeight: 0,
+                    },
+                ],
+            };
+        });
+        return () => {
+            setStack((prev) => {
+                return {
+                    ...prev,
+                    [position]: [...(prev[position]?.filter((s) => s.id !== id) || [])],
+                };
+            });
+        };
+    }, []);
+    const item = useMemo(() => stack[position]?.find((s) => s.id === id), [stack, id, position]);
+    const stackPosition = useMemo(() => {
+        const _stackItem = stack[position] || [];
+        const stackItem = [..._stackItem];
+        return stackItem
+            .sort((a, b) => (a.order > b.order ? 1 : -1))
+            .reduce((res, v) => (v.active || v.isPreservingInternalActive) &&
+            v.order < (item?.order || 0)
+            ? res + v.contentHeight
+            : res, 0);
+    }, [stack]);
+    return {
+        stackProps: {
+            ...(item || {}),
+            position,
+            offset: offset[position],
+            stackPosition,
+            setContentHeight,
+        },
+        setActive,
+        setOffset,
+    };
+};
+export const useRepeatedStackItem = ({ id, position, }) => {
+    const [idList, setIdList] = useState([]);
+    const lastIndex = useRef(0);
+    const { setActive } = useStackInteraction();
+    const append = useCallback(() => {
+        const nextId = `${id}-${lastIndex.current}`;
+        lastIndex.current += 1;
+        setActive({ id: nextId, position, active: true });
+        setIdList((prev) => [...prev, nextId]);
+    }, [id, position, idList]);
+    const onHide = useCallback((id) => {
+        setActive({ id, position, active: false });
+        setIdList((prev) => prev.filter((item) => item !== id));
+    }, [position]);
+    return {
+        idList,
+        append,
+        onHide,
+    };
+};

package/StackNotificationManager/index.d.ts

@@ -0,0 +1,3 @@
+export { StackNotificationManagerProvider, StackPosition, StackOffset, StackPositionOffset, ManagedStack, } from './StackNotificationManager';
+export { useStackNotificationManager, useStackInteraction, useRepeatedStackItem, } from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/StackNotificationManager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/StackNotificationManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/StackNotificationManager/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRepeatedStackItem = exports.useStackInteraction = exports.useStackNotificationManager = exports.StackNotificationManagerProvider = void 0;
+var StackNotificationManager_1 = require("./StackNotificationManager");
+Object.defineProperty(exports, "StackNotificationManagerProvider", { enumerable: true, get: function () { return StackNotificationManager_1.StackNotificationManagerProvider; } });
+var hooks_1 = require("./hooks");
+Object.defineProperty(exports, "useStackNotificationManager", { enumerable: true, get: function () { return hooks_1.useStackNotificationManager; } });
+Object.defineProperty(exports, "useStackInteraction", { enumerable: true, get: function () { return hooks_1.useStackInteraction; } });
+Object.defineProperty(exports, "useRepeatedStackItem", { enumerable: true, get: function () { return hooks_1.useRepeatedStackItem; } });
+//# sourceMappingURL=index.js.map

package/StackNotificationManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/StackNotificationManager/index.ts"],"names":[],"mappings":";;;AAAA,uEAMoC;AALlC,4IAAA,gCAAgC,OAAA;AAMlC,iCAIiB;AAHf,oHAAA,2BAA2B,OAAA;AAC3B,4GAAA,mBAAmB,OAAA;AACnB,6GAAA,oBAAoB,OAAA"}

package/StackNotificationManager/index.mjs

@@ -0,0 +1,2 @@
+export { StackNotificationManagerProvider, } from './StackNotificationManager';
+export { useStackNotificationManager, useStackInteraction, useRepeatedStackItem, } from './hooks';

package/SubtleButton/SubtleButton.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,8 +48,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubtleButton = void 0;
 var react_1 = __importStar(require("react"));
 var BLOCK_NAME = 'spui-SubtleButton';
-exports.SubtleButton = react_1.forwardRef(function SubtleButton(_a, ref) {
+exports.SubtleButton = (0, react_1.forwardRef)(function SubtleButton(_a, ref) {
     var children = _a.children, _b = _a.size, size = _b === void 0 ? 'large' : _b, rest = __rest(_a, ["children", "size"]);
-    return (react_1.default.createElement("button", __assign({ className: BLOCK_NAME + " " + BLOCK_NAME + "--" + size, ref: ref }, rest), children));
+    return (react_1.default.createElement("button", __assign({ className: "".concat(BLOCK_NAME, " ").concat(BLOCK_NAME, "--").concat(size), ref: ref }, rest), children));
 });
 //# sourceMappingURL=SubtleButton.js.map

package/SubtleButton/SubtleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubtleButton.js","sourceRoot":"","sources":["../../src/SubtleButton/SubtleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAU1C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAE1B,QAAA,YAAY,GAAG,kBAAU,CACpC,SAAS,YAAY,CAAC,EAA4C,EAAE,GAAG;IAA/C,IAAA,QAAQ,cAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,IAAI,cAAnC,oBAAqC,CAAF;IACvD,OAAO,CACL,mDACE,SAAS,EAAK,UAAU,SAAI,UAAU,UAAK,IAAM,EACjD,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SubtleButton.js","sourceRoot":"","sources":["../../src/SubtleButton/SubtleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAU1C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAE1B,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,SAAS,YAAY,CAAC,EAA4C,EAAE,GAAG;IAA/C,IAAA,QAAQ,cAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,IAAI,cAAnC,oBAAqC,CAAF;IACvD,OAAO,CACL,mDACE,SAAS,EAAE,UAAG,UAAU,cAAI,UAAU,eAAK,IAAI,CAAE,EACjD,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/SubtleButton/SubtleButton.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
 const BLOCK_NAME = 'spui-SubtleButton';
 export const SubtleButton = forwardRef(function SubtleButton({ children, size = 'large', ...rest }, ref) {
-    return (React.createElement("button", Object.assign({ className: `${BLOCK_NAME} ${BLOCK_NAME}--${size}`, ref: ref }, rest), children));
+    return (React.createElement("button", { className: `${BLOCK_NAME} ${BLOCK_NAME}--${size}`, ref: ref, ...rest }, children));
 });

package/TextButton/TextButton.css

@@ -0,0 +1 @@
+: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);margin:0;padding:0;-webkit-tap-highlight-color:var(--TextButton-tapHighlightColor)}.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{text-decoration:underline}.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}}

package/TextButton/TextButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Variant = 'subtle';
+interface Props extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
+    children?: React.ReactNode;
+    variant?: Variant;
+    icon?: React.ReactNode;
+    iconPosition?: 'start' | 'end';
+    underline?: 'hover';
+}
+export declare const TextButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=TextButton.d.ts.map

package/TextButton/TextButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../src/TextButton/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,aAAK,OAAO,GAAG,QAAQ,CAAC;AAExB,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID,eAAO,MAAM,UAAU,iFA8BtB,CAAC"}

package/TextButton/TextButton.js

@@ -0,0 +1,65 @@
+"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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+var react_1 = __importStar(require("react"));
+var BLOCK_NAME = 'spui-TextButton';
+exports.TextButton = (0, react_1.forwardRef)(function TextButton(_a, ref) {
+    var children = _a.children, variant = _a.variant, icon = _a.icon, iconPosition = _a.iconPosition, underline = _a.underline, rest = __rest(_a, ["children", "variant", "icon", "iconPosition", "underline"]);
+    return (react_1.default.createElement("button", __assign({ className: [
+            BLOCK_NAME,
+            variant && "".concat(BLOCK_NAME, "--").concat(variant),
+            icon && "".concat(BLOCK_NAME, "--hasIcon"),
+            icon && iconPosition && "".concat(BLOCK_NAME, "--icon").concat(iconPosition),
+            underline && "".concat(BLOCK_NAME, "--underline").concat(underline),
+        ]
+            .filter(Boolean)
+            .join(' '), ref: ref }, rest), icon ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") }, icon),
+        children)) : (children)));
+});
+//# sourceMappingURL=TextButton.js.map

package/TextButton/TextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAa1C,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAExB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,SAAS,UAAU,CACjB,EAAoE,EACpE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA3D,4DAA6D,CAAF;IAG3D,OAAO,CACL,mDACE,SAAS,EAAE;YACT,UAAU;YACV,OAAO,IAAI,UAAG,UAAU,eAAK,OAAO,CAAE;YACtC,IAAI,IAAI,UAAG,UAAU,cAAW;YAChC,IAAI,IAAI,YAAY,IAAI,UAAG,UAAU,mBAAS,YAAY,CAAE;YAC5D,SAAS,IAAI,UAAG,UAAU,wBAAc,SAAS,CAAE;SACpD;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,IAAI,CAAQ;QACnD,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/TextButton/TextButton.mjs

@@ -0,0 +1,15 @@
+import React, { forwardRef } from 'react';
+const BLOCK_NAME = 'spui-TextButton';
+export const TextButton = forwardRef(function TextButton({ children, variant, icon, iconPosition, underline, ...rest }, ref) {
+    return (React.createElement("button", { className: [
+            BLOCK_NAME,
+            variant && `${BLOCK_NAME}--${variant}`,
+            icon && `${BLOCK_NAME}--hasIcon`,
+            icon && iconPosition && `${BLOCK_NAME}--icon${iconPosition}`,
+            underline && `${BLOCK_NAME}--underline${underline}`,
+        ]
+            .filter(Boolean)
+            .join(' '), ref: ref, ...rest }, icon ? (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: `${BLOCK_NAME}-icon` }, icon),
+        children)) : (children)));
+});