@telefonica/mistica 16.0.0 → 16.1.0

package/dist/sheet-common.js

@@ -0,0 +1,429 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    SheetBody: function() {
+        return xe;
+    },
+    default: function() {
+        return Ae;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _sheetcommoncssmistica = require("./sheet-common.css-mistica.js");
+const _focustrap = /*#__PURE__*/ _interop_require_default(require("./focus-trap.js"));
+const _hooks = require("./hooks.js");
+const _modalcontextprovider = require("./modal-context-provider.js");
+const _portal = require("./portal.js");
+const _text = require("./text.js");
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"));
+const _dom = require("./utils/dom.js");
+const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
+const _iconbutton = require("./icon-button.js");
+const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
+const _css = require("./utils/css.js");
+const _responsivelayoutcssmistica = require("./responsive-layout.css-mistica.js");
+const _texttokens = require("./text-tokens.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const ce = process.env.NODE_ENV === "test" ? 0 : _sheetcommoncssmistica.transitionDuration, N = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, ae = (param)=>{
+    let { closeModal: n } = param;
+    const [o, i] = _react.useState(0), l = _react.useRef(!1), m = _react.useRef(0), v = _react.useRef(0), r = _react.useRef(0), c = _react.useRef(0), { isDesktopOrBigger: d } = (0, _hooks.useScreenSize)(), a = _react.useCallback((s)=>{
+        l.current = !0, m.current = 0, v.current = Date.now(), r.current = N(s);
+    }, []), f = _react.useCallback(()=>{
+        l.current = !1, i(0);
+    }, []);
+    return _react.useEffect(()=>{
+        if (d) return;
+        const s = (p)=>{
+            if (l.current) {
+                if (m.current < 3) {
+                    m.current++;
+                    return;
+                }
+                c.current = N(p), i(c.current - r.current);
+            }
+        }, h = ()=>{
+            if (!l.current) return;
+            const p = Date.now() - v.current, S = c.current - r.current, u = S / p;
+            l.current = !1, i(0), S > 50 && (c.current > window.innerHeight * 0.75 || u > 0.5) && n();
+        };
+        return document.addEventListener("touchmove", s), document.addEventListener("touchend", h), document.addEventListener("mousemove", s), document.addEventListener("mouseup", h), ()=>{
+            document.removeEventListener("touchmove", s), document.removeEventListener("touchend", h), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", h);
+        };
+    }, [
+        n,
+        d
+    ]), d ? {} : {
+        onTouchStart: a,
+        onMouseDown: a,
+        style: o ? {
+            transform: `translateY(${o}px)`,
+            transition: "none"
+        } : void 0,
+        onScroll: f,
+        overlayStyle: o ? {
+            // decrease opacity when dragging down the sheet
+            opacity: 0.25 + 1 - o / (window.innerHeight - r.current),
+            transition: "none"
+        } : void 0
+    };
+}, le = {
+    closed: {
+        open: "opening"
+    },
+    opening: {
+        close: "closed",
+        transitionEnd: "open"
+    },
+    open: {
+        close: "closing"
+    },
+    closing: {
+        transitionEnd: "closed"
+    }
+}, de = (n, o)=>le[n][o] || n, ue = /*#__PURE__*/ _react.forwardRef((param, l)=>{
+    let { onClose: n, children: o, dataAttributes: i } = param;
+    const { texts: m, t: v } = (0, _hooks.useTheme)(), [r, c] = _react.useReducer(de, "closed"), d = _react.useRef(!1), a = _react.useId(), f = _react.useCallback((u)=>{
+        u.target === u.currentTarget && c("transitionEnd");
+    }, []), s = ()=>{
+        r === "open" && c("close");
+    };
+    _react.useEffect(()=>{
+        if (r === "opening" || r === "closing") {
+            const u = setTimeout(()=>{
+                c("transitionEnd");
+            }, ce);
+            return ()=>clearTimeout(u);
+        }
+    }, [
+        r
+    ]), _react.useEffect(()=>{
+        r === "closed" ? d.current ? n == null || n() : c("open") : d.current = !0;
+    }, [
+        r,
+        n
+    ]);
+    const _ae = ae({
+        closeModal: s
+    }), { onScroll: h, overlayStyle: p } = _ae, S = _object_without_properties(_ae, [
+        "onScroll",
+        "overlayStyle"
+    ]);
+    return (0, _modalcontextprovider.useSetModalStateEffect)(), (0, _hooks.useDisableBodyScroll)(r !== "closed"), r === "closed" ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_focustrap.default, {
+            children: [
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    className: (0, _classnames.default)(_sheetcommoncssmistica.overlay, {
+                        [_sheetcommoncssmistica.closingOverlay]: r === "closing"
+                    }),
+                    style: p,
+                    onClick: s
+                }),
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+                    className: (0, _classnames.default)(_sheetcommoncssmistica.SheetContainer, {
+                        [_sheetcommoncssmistica.closingSheet]: r === "closing"
+                    }),
+                    onTransitionEnd: f,
+                    onAnimationEnd: f
+                }, S, (0, _dom.getPrefixedDataAttributes)(i, "Sheet")), {
+                    ref: l,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: _sheetcommoncssmistica.Sheet,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                            className: _sheetcommoncssmistica.SheetContent,
+                            children: [
+                                /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                    className: _sheetcommoncssmistica.handleContainer,
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                        className: _sheetcommoncssmistica.handle
+                                    })
+                                }),
+                                /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", {
+                                    role: "dialog",
+                                    "aria-modal": "true",
+                                    "aria-labelledby": a,
+                                    onScroll: h,
+                                    className: _sheetcommoncssmistica.children,
+                                    style: {
+                                        paddingBottom: _css.safeAreaInsetBottom
+                                    },
+                                    children: [
+                                        typeof o == "function" ? o({
+                                            closeModal: s,
+                                            modalTitleId: a
+                                        }) : o,
+                                        /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                            className: _sheetcommoncssmistica.modalCloseButton,
+                                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.InternalIconButton, {
+                                                onPress: s,
+                                                "aria-label": m.modalClose || v(_texttokens.modalClose),
+                                                Icon: _iconcloseregular.default,
+                                                bleedLeft: !0,
+                                                bleedRight: !0,
+                                                bleedY: !0
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                }))
+            ]
+        })
+    });
+}), R = {
+    mobile: _responsivelayoutcssmistica.MOBILE_SIDE_MARGIN,
+    tablet: _responsivelayoutcssmistica.TABLET_SIDE_MARGIN,
+    desktop: _responsivelayoutcssmistica.SMALL_DESKTOP_SIDE_MARGIN
+}, xe = (param)=>{
+    let { title: n, subtitle: o, description: i, modalTitleId: l, button: m, secondaryButton: v, link: r, children: c } = param;
+    const d = _react.useRef(null), a = _react.useRef(null), f = _react.useRef(null);
+    _react.useEffect(()=>{
+        a.current && (f.current = (0, _dom.getScrollableParentElement)(a.current));
+    }, []);
+    const s = !(0, _hooks.useIsInViewport)(d, !0, {
+        root: f.current
+    }), h = !(0, _hooks.useIsInViewport)(a, !0, {
+        rootMargin: "1px",
+        // bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
+        root: f.current
+    }), p = !!m || !!v || !!r;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                ref: d
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                className: _sheetcommoncssmistica.stickyTitle,
+                children: [
+                    n ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingBottom: 8,
+                        paddingTop: {
+                            mobile: 0,
+                            desktop: 40
+                        },
+                        paddingX: R,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
+                            as: "h2",
+                            id: l,
+                            truncate: !0,
+                            children: n
+                        })
+                    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingTop: {
+                            mobile: 0,
+                            desktop: 40
+                        }
+                    }),
+                    s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
+                ]
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _sheetcommoncssmistica.bodyContent,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    paddingBottom: p ? 0 : {
+                        desktop: 40,
+                        mobile: 0
+                    },
+                    paddingX: R,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                        space: 8,
+                        children: [
+                            o || i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                space: {
+                                    mobile: 8,
+                                    desktop: 16
+                                },
+                                children: [
+                                    o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                        as: "p",
+                                        regular: !0,
+                                        children: o
+                                    }),
+                                    i && (Array.isArray(i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                        as: "div",
+                                        regular: !0,
+                                        color: _skincontractcssmistica.vars.colors.textSecondary,
+                                        children: i.map((S, u)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
+                                                style: {
+                                                    margin: 0,
+                                                    marginBottom: u < i.length - 1 ? "1em" : void 0
+                                                },
+                                                children: S
+                                            }, u))
+                                    }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                        as: "p",
+                                        regular: !0,
+                                        color: _skincontractcssmistica.vars.colors.textSecondary,
+                                        children: i
+                                    }))
+                                ]
+                            }) : null,
+                            c
+                        ]
+                    })
+                })
+            }),
+            p && /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                className: _sheetcommoncssmistica.stickyButtons,
+                children: [
+                    h && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                        paddingY: {
+                            mobile: 16,
+                            desktop: 40
+                        },
+                        paddingX: R,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
+                            align: "full-width",
+                            link: r,
+                            primaryButton: m,
+                            secondaryButton: v
+                        })
+                    })
+                ]
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                ref: a
+            })
+        ]
+    });
+}, Ae = ue;

package/dist/sheet-info.css-mistica.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "infoItemIcon", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+var f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfiw";

package/dist/sheet-info.css.d.ts

@@ -0,0 +1 @@
+export declare const infoItemIcon: string;

package/dist/sheet-info.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes, IconProps } from './utils/types';
+type InfoSheetProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string | ReadonlyArray<string>;
+    items: ReadonlyArray<{
+        id?: string;
+        title: string;
+        description?: string;
+        icon: ExclusifyUnion<{
+            type: 'regular' | 'small';
+            /** @deprecated use url instead */
+            Icon: React.ComponentType<IconProps>;
+        } | {
+            type: 'regular' | 'small';
+            url: string;
+            urlDark?: string;
+        } | {
+            type: 'bullet';
+        }>;
+    }>;
+    onClose?: () => void;
+    dataAttributes?: DataAttributes;
+};
+declare const InfoSheet: React.ForwardRefExoticComponent<InfoSheetProps & React.RefAttributes<HTMLDivElement>>;
+export default InfoSheet;

package/dist/sheet-info.js

@@ -0,0 +1,156 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return E;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
+const _circle = /*#__PURE__*/ _interop_require_default(require("./circle.js"));
+const _sheetcommon = /*#__PURE__*/ _interop_require_wildcard(require("./sheet-common.js"));
+const _hooks = require("./hooks.js");
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
+const _text = require("./text.js");
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+const _sheetinfocssmistica = require("./sheet-info.css-mistica.js");
+const _image = /*#__PURE__*/ _interop_require_default(require("./image.js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const j = /*#__PURE__*/ _react.forwardRef((param, m)=>{
+    let { title: n, subtitle: i, description: l, items: a, onClose: s, dataAttributes: p } = param;
+    const { isDarkMode: d } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.default, {
+        onClose: s,
+        ref: m,
+        dataAttributes: _object_spread({
+            "component-name": "InfoSheet"
+        }, p),
+        children: (param)=>{
+            let { modalTitleId: f } = param;
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheetcommon.SheetBody, {
+                title: n,
+                subtitle: i,
+                description: l,
+                modalTitleId: f,
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
+                    paddingBottom: 16,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
+                        space: 16,
+                        role: "list",
+                        children: a.map((o, h)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+                                space: 8,
+                                children: [
+                                    /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                                        className: _sheetinfocssmistica.infoItemIcon,
+                                        children: o.icon.type === "bullet" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_circle.default, {
+                                            size: 8,
+                                            backgroundColor: _skincontractcssmistica.vars.colors.textPrimary
+                                        }) : o.icon.Icon ? /* @__PURE__ */ (0, _jsxruntime.jsx)(o.icon.Icon, {
+                                            size: o.icon.type === "small" ? 16 : 24
+                                        }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
+                                            src: d && o.icon.urlDark ? o.icon.urlDark : o.icon.url,
+                                            width: o.icon.type === "small" ? 16 : 24,
+                                            height: o.icon.type === "small" ? 16 : 24
+                                        })
+                                    }),
+                                    /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                        space: 2,
+                                        children: [
+                                            /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
+                                                regular: !0,
+                                                children: o.title
+                                            }),
+                                            o.description && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                                regular: !0,
+                                                color: _skincontractcssmistica.vars.colors.textSecondary,
+                                                children: o.description
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, o.id || h))
+                    })
+                })
+            });
+        }
+    });
+}), E = j;

package/dist/sheet-native.d.ts

@@ -0,0 +1,2 @@
+import type { NativeSheetImplementation, SheetPropsByType, SheetResultByType, SheetTypeWithProps } from './sheet-types';
+export declare const showNativeSheet: <T extends keyof SheetPropsByType>(nativeSheetImplementation: NativeSheetImplementation, sheetProps: SheetTypeWithProps<T>) => Promise<SheetResultByType[T]>;