@xanui/ui 1.0.0

package/Menu/placedMenu.mjs

@@ -0,0 +1,95 @@
+const placements = [
+    "top",
+    "top-left",
+    "top-right",
+    "bottom",
+    "bottom-left",
+    "bottom-right",
+    "right",
+    "right-top",
+    "right-bottom",
+    "left",
+    "left-top",
+    "left-bottom"
+];
+const isOffScreen = (menu) => {
+    const { x, y, width, height } = menu.getBoundingClientRect();
+    return x < 0 || y < 0 || x + width > window.innerWidth || y + height > window.innerHeight;
+};
+let setStyles = ({ place, menu, target }) => {
+    const { height, width } = menu.getBoundingClientRect();
+    const targetBoundary = target.getBoundingClientRect();
+    let targetTop = targetBoundary.top + window.scrollY;
+    let targetBottom = targetBoundary.bottom + window.scrollY;
+    let targetLeft = targetBoundary.left + window.scrollX;
+    let targetRight = targetBoundary.right + window.scrollX;
+    const _styles = {
+        "top": () => {
+            menu.style.top = `${targetTop - height}px`;
+            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`;
+        },
+        "top-left": () => {
+            menu.style.top = `${targetTop - height}px`;
+            menu.style.left = `${targetLeft}px`;
+        },
+        "top-right": () => {
+            menu.style.top = `${targetTop - height}px`;
+            menu.style.left = `${targetRight - width}px`;
+        },
+        "bottom": () => {
+            menu.style.top = `${targetBottom}px`;
+            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`;
+        },
+        "bottom-left": () => {
+            menu.style.top = `${targetBottom}px`;
+            menu.style.left = `${targetLeft}px`;
+        },
+        "bottom-right": () => {
+            menu.style.top = `${targetBottom}px`;
+            menu.style.left = `${targetRight - width}px`;
+        },
+        "right": () => {
+            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`;
+            menu.style.left = `${targetRight}px`;
+        },
+        "right-top": () => {
+            menu.style.top = `${targetTop}px`;
+            menu.style.left = `${targetRight}px`;
+        },
+        "right-bottom": () => {
+            menu.style.top = `${(targetTop + targetBoundary.height) - height}px`;
+            menu.style.left = `${targetRight}px`;
+        },
+        "left": () => {
+            menu.style.left = `${targetLeft - width}px`;
+            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`;
+        },
+        "left-top": () => {
+            menu.style.top = `${targetTop}px`;
+            menu.style.left = `${targetLeft - width}px`;
+        },
+        "left-bottom": () => {
+            menu.style.top = `${targetBottom - height}px`;
+            menu.style.left = `${targetLeft - width}px`;
+        }
+    };
+    _styles[place] && _styles[place]();
+};
+const placedMenu = ({ place, menu, target }) => {
+    setStyles({ place, menu, target });
+    if (isOffScreen(menu)) {
+        let found_placement = false;
+        for (let i = 0; i < placements.length; i++) {
+            let _place = placements[i];
+            setStyles({ place: _place, menu, target });
+            if (!isOffScreen(menu)) {
+                found_placement = true;
+                return _place;
+            }
+        }
+        if (!found_placement) {
+            setStyles({ place, menu, target });
+        }
+    }
+    return place;
+};export{placedMenu,placements};//# sourceMappingURL=placedMenu.mjs.map

package/Menu/placedMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"placedMenu.mjs","sources":["../../src/Menu/placedMenu.ts"],"sourcesContent":["\n\nexport const placements = [\n    \"top\",\n    \"top-left\",\n    \"top-right\",\n    \"bottom\",\n    \"bottom-left\",\n    \"bottom-right\",\n    \"right\",\n    \"right-top\",\n    \"right-bottom\",\n    \"left\",\n    \"left-top\",\n    \"left-bottom\"\n] as const\n\n\nexport type PlacementTypes = typeof placements[number]\n\nconst isOffScreen = (menu: HTMLElement) => {\n    const { x, y, width, height } = menu.getBoundingClientRect()\n    return x < 0 || y < 0 || x + width > window.innerWidth || y + height > window.innerHeight\n};\n\ntype Props = {\n    place: PlacementTypes,\n    menu: HTMLElement,\n    target: HTMLElement\n}\n\n\nlet setStyles = ({ place, menu, target }: Props) => {\n\n    const { height, width } = menu.getBoundingClientRect()\n    const targetBoundary = target.getBoundingClientRect()\n    let targetTop = targetBoundary.top + window.scrollY\n    let targetBottom = targetBoundary.bottom + window.scrollY\n    let targetLeft = targetBoundary.left + window.scrollX\n    let targetRight = targetBoundary.right + window.scrollX\n\n    const _styles = {\n        \"top\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`\n        },\n        \"top-left\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${targetLeft}px`\n        },\n        \"top-right\": () => {\n            menu.style.top = `${targetTop - height}px`\n            menu.style.left = `${targetRight - width}px`\n        },\n        \"bottom\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${(targetLeft + (targetBoundary.width / 2)) - (width / 2)}px`\n        },\n        \"bottom-left\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${targetLeft}px`\n        },\n        \"bottom-right\": () => {\n            menu.style.top = `${targetBottom}px`\n            menu.style.left = `${targetRight - width}px`\n        },\n        \"right\": () => {\n            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"right-top\": () => {\n            menu.style.top = `${targetTop}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"right-bottom\": () => {\n            menu.style.top = `${(targetTop + targetBoundary.height) - height}px`\n            menu.style.left = `${targetRight}px`\n        },\n        \"left\": () => {\n            menu.style.left = `${targetLeft - width}px`\n            menu.style.top = `${(targetTop + (targetBoundary.height / 2)) - (height / 2)}px`\n        },\n        \"left-top\": () => {\n            menu.style.top = `${targetTop}px`\n            menu.style.left = `${targetLeft - width}px`\n        },\n        \"left-bottom\": () => {\n            menu.style.top = `${targetBottom - height}px`\n            menu.style.left = `${targetLeft - width}px`\n        }\n    }\n    _styles[place] && _styles[place]()\n}\n\nexport const placedMenu = ({ place, menu, target }: Props) => {\n    setStyles({ place, menu, target })\n    if (isOffScreen(menu)) {\n        let found_placement = false\n        for (let i = 0; i < placements.length; i++) {\n            let _place = placements[i]\n            setStyles({ place: _place, menu, target })\n            if (!isOffScreen(menu)) {\n                found_placement = true\n                return _place\n            }\n        }\n        if (!found_placement) {\n            setStyles({ place, menu, target })\n        }\n    }\n    return place\n}\n\n"],"names":[],"mappings":"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"}

package/Modal/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { LayerProps } from '../Layer/index.js';
+import { useBreakpointPropsType, TagProps } from '@xanui/core';
+
+type ModalProps = Omit<LayerProps, "slotProps"> & {
+    size?: useBreakpointPropsType<"xs" | "sm" | "md" | "lg" | "xl" | "fullWidth" | number>;
+    slotProps?: LayerProps['slotProps'] & {
+        modal?: Omit<TagProps<'div'>, "children">;
+    };
+};
+declare const Modal: {
+    ({ children, size, slotProps, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+    open(id: string, content: ReactNode, props?: Omit<ModalProps, "open" | "children">): void;
+    close(id: string): void;
+};
+
+export { Modal as default };
+export type { ModalProps };

package/Modal/index.js

@@ -0,0 +1,38 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),index=require('../Layer/index.js'),core=require('@xanui/core');const Modal = (_a) => {
+    var { children, size, slotProps } = _a, props = tslib.__rest(_a, ["children", "size", "slotProps"]);
+    const _p = {};
+    if (size)
+        _p.size = size;
+    const p = core.useBreakpointProps(_p);
+    size = p.size;
+    size !== null && size !== void 0 ? size : (size = "xs");
+    let sizes = {
+        xs: 420,
+        sm: 760,
+        md: 990,
+        lg: 1120,
+        xl: 1300,
+        fullWidth: "100%"
+    };
+    let _b = slotProps || {}, { modal } = _b, _slotProps = tslib.__rest(_b, ["modal"]);
+    return (jsxRuntime.jsx(index.default, Object.assign({ transition: "zoom" }, props, { slotProps: Object.assign(Object.assign({}, _slotProps), { root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, _slotProps === null || _slotProps === void 0 ? void 0 : _slotProps.root) }) }, { children: jsxRuntime.jsx(core.Tag, Object.assign({}, modal, { sxr: Object.assign({ maxWidth: sizes[size] || size, width: "100%", radius: 2, bgcolor: "background.primary", shadow: 15 }, modal === null || modal === void 0 ? void 0 : modal.sx), baseClass: 'modal' }, { children: children })) })));
+};
+Modal.open = (id, content, props) => {
+    id = "modal-" + id;
+    let { size, slotProps } = props || {};
+    size !== null && size !== void 0 ? size : (size = "xs");
+    let sizes = {
+        xs: 420,
+        sm: 760,
+        md: 990,
+        lg: 1120,
+        xl: 1300,
+        fullWidth: "100%"
+    };
+    let _a = slotProps || {}, { modal } = _a, _slotProps = tslib.__rest(_a, ["modal"]);
+    index.default.open(id, jsxRuntime.jsx(core.Tag, Object.assign({}, modal, { sxr: Object.assign({ maxWidth: sizes[size] || size, width: "100%", radius: 2, bgcolor: "background.primary", shadow: 15 }, modal === null || modal === void 0 ? void 0 : modal.sx), baseClass: 'modal' }, { children: content })), Object.assign(Object.assign({ transition: "zoom" }, props), { slotProps: Object.assign(Object.assign({}, _slotProps), { root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, _slotProps === null || _slotProps === void 0 ? void 0 : _slotProps.root) }) }));
+};
+Modal.close = (id) => {
+    id = "modal-" + id;
+    index.default.close(id);
+};exports.default=Modal;//# sourceMappingURL=index.js.map

package/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Modal/index.tsx"],"sourcesContent":["\nimport { ReactNode } from 'react'\nimport Layer, { LayerProps } from \"../Layer\"\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType } from '@xanui/core'\n\n\n\nexport type ModalProps = Omit<LayerProps, \"slotProps\"> & {\n    size?: useBreakpointPropsType<\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number>;\n    slotProps?: LayerProps['slotProps'] & {\n        modal?: Omit<TagProps<'div'>, \"children\">\n    }\n}\n\n\nconst Modal = ({ children, size, slotProps, ...props }: ModalProps) => {\n    const _p: any = {}\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n    size = p.size\n    size ??= \"xs\"\n    let sizes: any = {\n        xs: 420,\n        sm: 760,\n        md: 990,\n        lg: 1120,\n        xl: 1300,\n        fullWidth: \"100%\"\n    }\n\n    let { modal, ..._slotProps }: any = slotProps || {}\n\n    return (\n        <Layer\n            transition=\"zoom\"\n            {...props}\n            slotProps={{\n                ..._slotProps,\n                root: {\n                    display: \"flex\",\n                    alignItems: 'center',\n                    justifyContent: \"center\",\n                    ..._slotProps?.root,\n                }\n            }}\n        >\n            <Tag\n                {...modal}\n                sxr={{\n                    maxWidth: sizes[size as any] || size,\n                    width: \"100%\",\n                    radius: 2,\n                    bgcolor: \"background.primary\",\n                    shadow: 15,\n                    ...modal?.sx\n                }}\n                baseClass='modal'\n            >\n                {children}\n            </Tag>\n        </Layer>\n    )\n}\n\n\nModal.open = (id: string, content: ReactNode, props?: Omit<ModalProps, \"open\" | \"children\">) => {\n    id = \"modal-\" + id\n    let { size, slotProps } = props || {}\n    size ??= \"xs\"\n    let sizes: any = {\n        xs: 420,\n        sm: 760,\n        md: 990,\n        lg: 1120,\n        xl: 1300,\n        fullWidth: \"100%\"\n    }\n    let { modal, ..._slotProps }: any = slotProps || {}\n\n    Layer.open(id, <Tag\n        {...modal}\n        sxr={{\n            maxWidth: sizes[size as any] || size,\n            width: \"100%\",\n            radius: 2,\n            bgcolor: \"background.primary\",\n            shadow: 15,\n            ...modal?.sx\n        }}\n        baseClass='modal'\n    >\n        {content}\n    </Tag>, {\n        transition: \"zoom\",\n        ...props,\n        slotProps: {\n            ..._slotProps,\n            root: {\n                display: \"flex\",\n                alignItems: 'center',\n                justifyContent: \"center\",\n                ..._slotProps?.root,\n            }\n        }\n    })\n}\n\nModal.close = (id: string) => {\n    id = \"modal-\" + id\n    Layer.close(id)\n}\n\nexport default Modal"],"names":["__rest","useBreakpointProps","_jsx","Layer","Tag"],"mappings":"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"}

package/Modal/index.mjs

@@ -0,0 +1,38 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import Layer from'../Layer/index.mjs';import {useBreakpointProps,Tag}from'@xanui/core';const Modal = (_a) => {
+    var { children, size, slotProps } = _a, props = __rest(_a, ["children", "size", "slotProps"]);
+    const _p = {};
+    if (size)
+        _p.size = size;
+    const p = useBreakpointProps(_p);
+    size = p.size;
+    size !== null && size !== void 0 ? size : (size = "xs");
+    let sizes = {
+        xs: 420,
+        sm: 760,
+        md: 990,
+        lg: 1120,
+        xl: 1300,
+        fullWidth: "100%"
+    };
+    let _b = slotProps || {}, { modal } = _b, _slotProps = __rest(_b, ["modal"]);
+    return (jsx(Layer, Object.assign({ transition: "zoom" }, props, { slotProps: Object.assign(Object.assign({}, _slotProps), { root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, _slotProps === null || _slotProps === void 0 ? void 0 : _slotProps.root) }) }, { children: jsx(Tag, Object.assign({}, modal, { sxr: Object.assign({ maxWidth: sizes[size] || size, width: "100%", radius: 2, bgcolor: "background.primary", shadow: 15 }, modal === null || modal === void 0 ? void 0 : modal.sx), baseClass: 'modal' }, { children: children })) })));
+};
+Modal.open = (id, content, props) => {
+    id = "modal-" + id;
+    let { size, slotProps } = props || {};
+    size !== null && size !== void 0 ? size : (size = "xs");
+    let sizes = {
+        xs: 420,
+        sm: 760,
+        md: 990,
+        lg: 1120,
+        xl: 1300,
+        fullWidth: "100%"
+    };
+    let _a = slotProps || {}, { modal } = _a, _slotProps = __rest(_a, ["modal"]);
+    Layer.open(id, jsx(Tag, Object.assign({}, modal, { sxr: Object.assign({ maxWidth: sizes[size] || size, width: "100%", radius: 2, bgcolor: "background.primary", shadow: 15 }, modal === null || modal === void 0 ? void 0 : modal.sx), baseClass: 'modal' }, { children: content })), Object.assign(Object.assign({ transition: "zoom" }, props), { slotProps: Object.assign(Object.assign({}, _slotProps), { root: Object.assign({ display: "flex", alignItems: 'center', justifyContent: "center" }, _slotProps === null || _slotProps === void 0 ? void 0 : _slotProps.root) }) }));
+};
+Modal.close = (id) => {
+    id = "modal-" + id;
+    Layer.close(id);
+};export{Modal as default};//# sourceMappingURL=index.mjs.map

package/Modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Modal/index.tsx"],"sourcesContent":["\nimport { ReactNode } from 'react'\nimport Layer, { LayerProps } from \"../Layer\"\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType } from '@xanui/core'\n\n\n\nexport type ModalProps = Omit<LayerProps, \"slotProps\"> & {\n    size?: useBreakpointPropsType<\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"fullWidth\" | number>;\n    slotProps?: LayerProps['slotProps'] & {\n        modal?: Omit<TagProps<'div'>, \"children\">\n    }\n}\n\n\nconst Modal = ({ children, size, slotProps, ...props }: ModalProps) => {\n    const _p: any = {}\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n    size = p.size\n    size ??= \"xs\"\n    let sizes: any = {\n        xs: 420,\n        sm: 760,\n        md: 990,\n        lg: 1120,\n        xl: 1300,\n        fullWidth: \"100%\"\n    }\n\n    let { modal, ..._slotProps }: any = slotProps || {}\n\n    return (\n        <Layer\n            transition=\"zoom\"\n            {...props}\n            slotProps={{\n                ..._slotProps,\n                root: {\n                    display: \"flex\",\n                    alignItems: 'center',\n                    justifyContent: \"center\",\n                    ..._slotProps?.root,\n                }\n            }}\n        >\n            <Tag\n                {...modal}\n                sxr={{\n                    maxWidth: sizes[size as any] || size,\n                    width: \"100%\",\n                    radius: 2,\n                    bgcolor: \"background.primary\",\n                    shadow: 15,\n                    ...modal?.sx\n                }}\n                baseClass='modal'\n            >\n                {children}\n            </Tag>\n        </Layer>\n    )\n}\n\n\nModal.open = (id: string, content: ReactNode, props?: Omit<ModalProps, \"open\" | \"children\">) => {\n    id = \"modal-\" + id\n    let { size, slotProps } = props || {}\n    size ??= \"xs\"\n    let sizes: any = {\n        xs: 420,\n        sm: 760,\n        md: 990,\n        lg: 1120,\n        xl: 1300,\n        fullWidth: \"100%\"\n    }\n    let { modal, ..._slotProps }: any = slotProps || {}\n\n    Layer.open(id, <Tag\n        {...modal}\n        sxr={{\n            maxWidth: sizes[size as any] || size,\n            width: \"100%\",\n            radius: 2,\n            bgcolor: \"background.primary\",\n            shadow: 15,\n            ...modal?.sx\n        }}\n        baseClass='modal'\n    >\n        {content}\n    </Tag>, {\n        transition: \"zoom\",\n        ...props,\n        slotProps: {\n            ..._slotProps,\n            root: {\n                display: \"flex\",\n                alignItems: 'center',\n                justifyContent: \"center\",\n                ..._slotProps?.root,\n            }\n        }\n    })\n}\n\nModal.close = (id: string) => {\n    id = \"modal-\" + id\n    Layer.close(id)\n}\n\nexport default Modal"],"names":["_jsx"],"mappings":"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"}

package/NoSSR/index.d.ts

@@ -0,0 +1,3 @@
+declare const NoSSR: ({ children }: any) => any;
+
+export { NoSSR as default };

package/NoSSR/index.js

@@ -0,0 +1,7 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react');const NoSSR = ({ children }) => {
+    const [isClient, setIsClient] = React.useState(false);
+    React.useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return isClient ? children : null;
+};exports.default=NoSSR;//# sourceMappingURL=index.js.map

package/NoSSR/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/NoSSR/index.tsx"],"sourcesContent":["\nimport { useEffect, useState } from \"react\";\n\nconst NoSSR = ({ children }: any) => {\n    const [isClient, setIsClient] = useState(false);\n    useEffect(() => {\n        setIsClient(true);\n    }, [])\n    return isClient ? children : null\n}\n\nexport default NoSSR"],"names":["useState","useEffect"],"mappings":"iGAGA,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAI;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAC/CC,eAAS,CAAC,MAAK;QACX,WAAW,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC;IACN,OAAO,QAAQ,GAAG,QAAQ,GAAG,IAAI;AACrC"}

package/NoSSR/index.mjs

@@ -0,0 +1,7 @@
+import {useState,useEffect}from'react';const NoSSR = ({ children }) => {
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return isClient ? children : null;
+};export{NoSSR as default};//# sourceMappingURL=index.mjs.map

package/NoSSR/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/NoSSR/index.tsx"],"sourcesContent":["\nimport { useEffect, useState } from \"react\";\n\nconst NoSSR = ({ children }: any) => {\n    const [isClient, setIsClient] = useState(false);\n    useEffect(() => {\n        setIsClient(true);\n    }, [])\n    return isClient ? children : null\n}\n\nexport default NoSSR"],"names":[],"mappings":"uCAGA,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAI;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC/C,SAAS,CAAC,MAAK;QACX,WAAW,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC;IACN,OAAO,QAAQ,GAAG,QAAQ,GAAG,IAAI;AACrC"}

package/Option/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ListItemProps } from '../ListItem/index.js';
+
+type OptionProps = ListItemProps & {
+    value: string | number;
+};
+declare const Option: React.ForwardRefExoticComponent<Omit<OptionProps, "ref"> & React.RefAttributes<any>>;
+
+export { Option as default };
+export type { OptionProps };

package/Option/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),index=require('../ListItem/index.js');const Option = React.forwardRef((_a, ref) => {
+    var { value, children } = _a, props = tslib.__rest(_a, ["value", "children"]);
+    return (jsxRuntime.jsx(index.default, Object.assign({}, props, { ref: ref }, { children: children })));
+});exports.default=Option;//# sourceMappingURL=index.js.map

package/Option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Option/index.tsx"],"sourcesContent":["\nimport React from 'react'\nimport ListItem, { ListItemProps } from '../ListItem'\n\nexport type OptionProps = ListItemProps & {\n    value: string | number;\n}\n\nconst Option = React.forwardRef(({ value, children, ...props }: OptionProps, ref: React.Ref<any>) => {\n    return (\n        <ListItem {...props} ref={ref}>{children}</ListItem>\n    )\n})\n\nexport default Option"],"names":["__rest","_jsx","ListItem"],"mappings":"sMAQA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAmB,KAAI;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;AACxD,IAAA,QACIC,cAAA,CAACC,aAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAY;AAE5D,CAAC"}

package/Option/index.mjs

@@ -0,0 +1,4 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import ListItem from'../ListItem/index.mjs';const Option = React.forwardRef((_a, ref) => {
+    var { value, children } = _a, props = __rest(_a, ["value", "children"]);
+    return (jsx(ListItem, Object.assign({}, props, { ref: ref }, { children: children })));
+});export{Option as default};//# sourceMappingURL=index.mjs.map

package/Option/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Option/index.tsx"],"sourcesContent":["\nimport React from 'react'\nimport ListItem, { ListItemProps } from '../ListItem'\n\nexport type OptionProps = ListItemProps & {\n    value: string | number;\n}\n\nconst Option = React.forwardRef(({ value, children, ...props }: OptionProps, ref: React.Ref<any>) => {\n    return (\n        <ListItem {...props} ref={ref}>{children}</ListItem>\n    )\n})\n\nexport default Option"],"names":["_jsx"],"mappings":"oIAQA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAA0C,EAAE,GAAmB,KAAI;QAAnE,EAAE,KAAK,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;AACxD,IAAA,QACIA,GAAA,CAAC,QAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAY;AAE5D,CAAC"}

package/Paper/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type PaperProps<T extends TagComponentType = "div"> = TagProps<T>;
+declare const Paper: React.ForwardRefExoticComponent<Omit<PaperProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { Paper as default };
+export type { PaperProps };

package/Paper/index.js

@@ -0,0 +1,5 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const Paper = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    let [props] = core.useInterface("default", rest, {});
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: Object.assign({ radius: 1, p: 1.5, bgcolor: "background.secondary", color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'default', ref: ref }, { children: children })));
+});exports.default=Paper;//# sourceMappingURL=index.js.map

package/Paper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Paper/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useInterface } from '@xanui/core';\n\nexport type PaperProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Paper = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: PaperProps<T>, ref?: React.Ref<any>) => {\n    let [props] = useInterface<any>(\"default\", rest, {})\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                radius: 1,\n                p: 1.5,\n                bgcolor: \"background.secondary\",\n                color: \"text.primary\",\n                ...props?.sx\n            }}\n            baseClass='default'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Paper\n"],"names":["__rest","useInterface","_jsx","Tag"],"mappings":"4LAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAoC,EAAE,GAAoB,KAAI;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;AACnF,IAAA,IAAI,CAAC,KAAK,CAAC,GAAGC,iBAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC;AACpD,IAAA,QACIC,cAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,GAAG,EACN,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAE,cAAc,EAAA,EAClB,KAAK,KAAA,IAAA,IAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAA,EAEhB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,gBACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/Paper/index.mjs

@@ -0,0 +1,5 @@
+import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface,Tag}from'@xanui/core';const Paper = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    let [props] = useInterface("default", rest, {});
+    return (jsx(Tag, Object.assign({}, props, { sxr: Object.assign({ radius: 1, p: 1.5, bgcolor: "background.secondary", color: "text.primary" }, props === null || props === void 0 ? void 0 : props.sx), baseClass: 'default', ref: ref }, { children: children })));
+});export{Paper as default};//# sourceMappingURL=index.mjs.map

package/Paper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Paper/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useInterface } from '@xanui/core';\n\nexport type PaperProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Paper = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: PaperProps<T>, ref?: React.Ref<any>) => {\n    let [props] = useInterface<any>(\"default\", rest, {})\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                radius: 1,\n                p: 1.5,\n                bgcolor: \"background.secondary\",\n                color: \"text.primary\",\n                ...props?.sx\n            }}\n            baseClass='default'\n            ref={ref}\n        >{children}</Tag>\n    )\n})\n\nexport default Paper\n"],"names":["_jsx"],"mappings":"mIAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAoC,EAAE,GAAoB,KAAI;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;AACnF,IAAA,IAAI,CAAC,KAAK,CAAC,GAAG,YAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC;AACpD,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,GAAG,EACN,OAAO,EAAE,sBAAsB,EAC/B,KAAK,EAAE,cAAc,EAAA,EAClB,KAAK,KAAA,IAAA,IAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAA,EAEhB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,gBACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}

package/Portal/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type PortalProps<T extends TagComponentType = "div"> = TagProps<T> & {
+    appendTo?: HTMLElement;
+    container?: HTMLElement;
+};
+declare const Portal: React.ForwardRefExoticComponent<Omit<PortalProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { Portal as default };
+export type { PortalProps };

package/Portal/index.js

@@ -0,0 +1,26 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),ReactDOM=require('react-dom'),core=require('@xanui/core');const Portal = React.forwardRef((_a, ref) => {
+    var { children, component, appendTo, container } = _a, rest = tslib.__rest(_a, ["children", "component", "appendTo", "container"]);
+    const [_container, setContainer] = React.useState(container);
+    let props = core.useTagProps(rest);
+    const theme = core.useTheme();
+    React.useEffect(() => {
+        appendTo = appendTo || document.body;
+        let _con = _container || document.createElement(component || "div");
+        appendTo.appendChild(_con);
+        for (let prop in props) {
+            _con.setAttribute(prop, props[prop]);
+        }
+        if (!_container) {
+            setContainer(_con);
+        }
+        if (ref) {
+            ref.current = _con;
+        }
+        return () => {
+            appendTo.removeChild(_con);
+        };
+    }, []);
+    if (!_container)
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    return ReactDOM.createPortal(jsxRuntime.jsx(core.ThemeProvider, Object.assign({ theme: theme.name }, { children: children })), _container);
+});exports.default=Portal;//# sourceMappingURL=index.js.map

package/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\nimport React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom';\nimport { useTagProps, TagProps, TagComponentType, useTheme, ThemeProvider } from '@xanui/core';\nexport type PortalProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    appendTo?: HTMLElement;\n    container?: HTMLElement;\n}\n\nconst Portal = React.forwardRef(<T extends TagComponentType = \"div\">({ children, component, appendTo, container, ...rest }: PortalProps<T>, ref?: React.Ref<any>) => {\n    const [_container, setContainer] = useState<HTMLElement | undefined>(container)\n    let props = useTagProps(rest)\n    const theme = useTheme()\n\n    useEffect(() => {\n        appendTo = appendTo || document.body\n        let _con: HTMLElement = _container || document.createElement(component as any || \"div\");\n        appendTo.appendChild(_con);\n        for (let prop in props) {\n            _con.setAttribute(prop, (props as any)[prop])\n        }\n        if (!_container) {\n            setContainer(_con)\n        }\n        if (ref) {\n            (ref as any).current = _con\n        }\n        return () => {\n            (appendTo as any).removeChild(_con);\n        }\n    }, [])\n\n    if (!_container) return <></>\n\n    return ReactDOM.createPortal(\n        <ThemeProvider theme={theme.name}>\n            {children}\n        </ThemeProvider>,\n        _container,\n    );\n})\n\nexport default Portal"],"names":["__rest","useState","useTagProps","useTheme","useEffect","_jsx","ThemeProvider"],"mappings":"0NASA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqE,EAAE,GAAoB,KAAI;AAA/F,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAA,GAAA,EAA2B,EAAtB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnD,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,CAAqD,CAAF;IACpH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAGC,cAAQ,CAA0B,SAAS,CAAC;AAC/E,IAAA,IAAI,KAAK,GAAGC,gBAAW,CAAC,IAAI,CAAC;AAC7B,IAAA,MAAM,KAAK,GAAGC,aAAQ,EAAE;IAExBC,eAAS,CAAC,MAAK;AACX,QAAA,QAAQ,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI;AACpC,QAAA,IAAI,IAAI,GAAgB,UAAU,IAAI,QAAQ,CAAC,aAAa,CAAC,SAAgB,IAAI,KAAK,CAAC;AACvF,QAAA,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC;AAC1B,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAG,KAAa,CAAC,IAAI,CAAC,CAAC;AAChD,QAAA;QACD,IAAI,CAAC,UAAU,EAAE;YACb,YAAY,CAAC,IAAI,CAAC;AACrB,QAAA;AACD,QAAA,IAAI,GAAG,EAAE;AACJ,YAAA,GAAW,CAAC,OAAO,GAAG,IAAI;AAC9B,QAAA;AACD,QAAA,OAAO,MAAK;AACP,YAAA,QAAgB,CAAC,WAAW,CAAC,IAAI,CAAC;AACvC,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAOC,uCAAK;AAE7B,IAAA,OAAO,QAAQ,CAAC,YAAY,CACxBA,cAAA,CAACC,kBAAa,kBAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAC3B,QAAQ,IACG,EAChB,UAAU,CACb;AACL,CAAC"}

package/Portal/index.mjs

@@ -0,0 +1,26 @@
+import {__rest}from'tslib';import {jsx,Fragment}from'react/jsx-runtime';import React,{useState,useEffect}from'react';import ReactDOM from'react-dom';import {useTagProps,useTheme,ThemeProvider}from'@xanui/core';const Portal = React.forwardRef((_a, ref) => {
+    var { children, component, appendTo, container } = _a, rest = __rest(_a, ["children", "component", "appendTo", "container"]);
+    const [_container, setContainer] = useState(container);
+    let props = useTagProps(rest);
+    const theme = useTheme();
+    useEffect(() => {
+        appendTo = appendTo || document.body;
+        let _con = _container || document.createElement(component || "div");
+        appendTo.appendChild(_con);
+        for (let prop in props) {
+            _con.setAttribute(prop, props[prop]);
+        }
+        if (!_container) {
+            setContainer(_con);
+        }
+        if (ref) {
+            ref.current = _con;
+        }
+        return () => {
+            appendTo.removeChild(_con);
+        };
+    }, []);
+    if (!_container)
+        return jsx(Fragment, {});
+    return ReactDOM.createPortal(jsx(ThemeProvider, Object.assign({ theme: theme.name }, { children: children })), _container);
+});export{Portal as default};//# sourceMappingURL=index.mjs.map

package/Portal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\nimport React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom';\nimport { useTagProps, TagProps, TagComponentType, useTheme, ThemeProvider } from '@xanui/core';\nexport type PortalProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    appendTo?: HTMLElement;\n    container?: HTMLElement;\n}\n\nconst Portal = React.forwardRef(<T extends TagComponentType = \"div\">({ children, component, appendTo, container, ...rest }: PortalProps<T>, ref?: React.Ref<any>) => {\n    const [_container, setContainer] = useState<HTMLElement | undefined>(container)\n    let props = useTagProps(rest)\n    const theme = useTheme()\n\n    useEffect(() => {\n        appendTo = appendTo || document.body\n        let _con: HTMLElement = _container || document.createElement(component as any || \"div\");\n        appendTo.appendChild(_con);\n        for (let prop in props) {\n            _con.setAttribute(prop, (props as any)[prop])\n        }\n        if (!_container) {\n            setContainer(_con)\n        }\n        if (ref) {\n            (ref as any).current = _con\n        }\n        return () => {\n            (appendTo as any).removeChild(_con);\n        }\n    }, [])\n\n    if (!_container) return <></>\n\n    return ReactDOM.createPortal(\n        <ThemeProvider theme={theme.name}>\n            {children}\n        </ThemeProvider>,\n        _container,\n    );\n})\n\nexport default Portal"],"names":["_jsx"],"mappings":"kNASA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqE,EAAE,GAAoB,KAAI;AAA/F,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAA,GAAA,EAA2B,EAAtB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnD,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,CAAqD,CAAF;IACpH,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,SAAS,CAAC;AAC/E,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;AAC7B,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IAExB,SAAS,CAAC,MAAK;AACX,QAAA,QAAQ,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI;AACpC,QAAA,IAAI,IAAI,GAAgB,UAAU,IAAI,QAAQ,CAAC,aAAa,CAAC,SAAgB,IAAI,KAAK,CAAC;AACvF,QAAA,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC;AAC1B,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAG,KAAa,CAAC,IAAI,CAAC,CAAC;AAChD,QAAA;QACD,IAAI,CAAC,UAAU,EAAE;YACb,YAAY,CAAC,IAAI,CAAC;AACrB,QAAA;AACD,QAAA,IAAI,GAAG,EAAE;AACJ,YAAA,GAAW,CAAC,OAAO,GAAG,IAAI;AAC9B,QAAA;AACD,QAAA,OAAO,MAAK;AACP,YAAA,QAAgB,CAAC,WAAW,CAAC,IAAI,CAAC;AACvC,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAOA,iBAAK;AAE7B,IAAA,OAAO,QAAQ,CAAC,YAAY,CACxBA,GAAA,CAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAC3B,QAAQ,IACG,EAChB,UAAU,CACb;AACL,CAAC"}

package/Radio/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxProps } from '../Checkbox/index.js';
+
+declare const Radio: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<any>>;
+
+export { Radio as default };

package/Radio/index.js

@@ -0,0 +1,4 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),CheckIcon=require('@xanui/icons/RadioButtonChecked'),UnCheckIcon=require('@xanui/icons/RadioButtonUnchecked'),index=require('../Checkbox/index.js');const Radio = React.forwardRef((props, ref) => {
+    let [rest] = core.useInterface("Radio", props, {});
+    return jsxRuntime.jsx(index.default, Object.assign({ checkIcon: jsxRuntime.jsx(CheckIcon, {}), uncheckIcon: jsxRuntime.jsx(UnCheckIcon, {}) }, rest, { type: "radio", ref: ref, classNames: ['radio', ...((rest === null || rest === void 0 ? void 0 : rest.classNames) || [])] }));
+});exports.default=Radio;//# sourceMappingURL=index.js.map

package/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Radio/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { useInterface } from '@xanui/core';\nimport CheckIcon from '@xanui/icons/RadioButtonChecked'\nimport UnCheckIcon from '@xanui/icons/RadioButtonUnchecked'\nimport Checkbox, { CheckboxProps } from '../Checkbox';\n\nexport type RadioProps = CheckboxProps\nconst Radio = React.forwardRef((props: RadioProps, ref?: React.Ref<any>) => {\n    let [rest] = useInterface<any>(\"Radio\", props, {})\n    return <Checkbox\n        checkIcon={<CheckIcon />}\n        uncheckIcon={<UnCheckIcon />}\n        {...rest}\n        type=\"radio\"\n        ref={ref}\n        classNames={['radio', ...(rest?.classNames || [])]}\n    />\n})\n\nexport default Radio\n"],"names":["useInterface","_jsx","Checkbox"],"mappings":"yTAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAoB,KAAI;AACvE,IAAA,IAAI,CAAC,IAAI,CAAC,GAAGA,iBAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IAClD,OAAOC,cAAA,CAACC,aAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAED,cAAA,CAAC,SAAS,KAAG,EACxB,WAAW,EAAEA,cAAA,CAAC,WAAW,KAAG,EAAA,EACxB,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAAA,CAAA,CACpD;AACN,CAAC"}

package/Radio/index.mjs

@@ -0,0 +1,4 @@
+import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface}from'@xanui/core';import CheckIcon from'@xanui/icons/RadioButtonChecked';import UnCheckIcon from'@xanui/icons/RadioButtonUnchecked';import Checkbox from'../Checkbox/index.mjs';const Radio = React.forwardRef((props, ref) => {
+    let [rest] = useInterface("Radio", props, {});
+    return jsx(Checkbox, Object.assign({ checkIcon: jsx(CheckIcon, {}), uncheckIcon: jsx(UnCheckIcon, {}) }, rest, { type: "radio", ref: ref, classNames: ['radio', ...((rest === null || rest === void 0 ? void 0 : rest.classNames) || [])] }));
+});export{Radio as default};//# sourceMappingURL=index.mjs.map

package/Radio/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Radio/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { useInterface } from '@xanui/core';\nimport CheckIcon from '@xanui/icons/RadioButtonChecked'\nimport UnCheckIcon from '@xanui/icons/RadioButtonUnchecked'\nimport Checkbox, { CheckboxProps } from '../Checkbox';\n\nexport type RadioProps = CheckboxProps\nconst Radio = React.forwardRef((props: RadioProps, ref?: React.Ref<any>) => {\n    let [rest] = useInterface<any>(\"Radio\", props, {})\n    return <Checkbox\n        checkIcon={<CheckIcon />}\n        uncheckIcon={<UnCheckIcon />}\n        {...rest}\n        type=\"radio\"\n        ref={ref}\n        classNames={['radio', ...(rest?.classNames || [])]}\n    />\n})\n\nexport default Radio\n"],"names":["_jsx"],"mappings":"kQAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAiB,EAAE,GAAoB,KAAI;AACvE,IAAA,IAAI,CAAC,IAAI,CAAC,GAAG,YAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IAClD,OAAOA,GAAA,CAAC,QAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAEA,GAAA,CAAC,SAAS,KAAG,EACxB,WAAW,EAAEA,GAAA,CAAC,WAAW,KAAG,EAAA,EACxB,IAAI,IACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAAA,CAAA,CACpD;AACN,CAAC"}

package/Scrollbar/index.d.ts

@@ -0,0 +1,14 @@
+import { TagComponentType, TagProps, useBreakpointPropsType } from '@xanui/core';
+import React, { ReactNode, UIEvent } from 'react';
+
+type ScrollbarProps<T extends TagComponentType = "div"> = TagProps<T> & {
+    children: ReactNode;
+    thumbSize?: useBreakpointPropsType<number>;
+    thumbColor?: useBreakpointPropsType<string>;
+    trackColor?: useBreakpointPropsType<string>;
+    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;
+};
+declare const Scrollbar: React.ForwardRefExoticComponent<Omit<ScrollbarProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { Scrollbar as default };
+export type { ScrollbarProps };

package/Scrollbar/index.js

@@ -0,0 +1,65 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),core=require('@xanui/core'),React=require('react');const Scrollbar = React.forwardRef((_a, ref) => {
+    var _b, _c, _d;
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    let [_e] = core.useInterface("Scrollbar", rest, {}), { thumbSize, thumbColor, trackColor, onScroll, onScrollEnd } = _e, props = tslib.__rest(_e, ["thumbSize", "thumbColor", "trackColor", "onScroll", "onScrollEnd"]);
+    const _p = {};
+    if (thumbSize)
+        _p.thumbSize = thumbSize;
+    if (thumbColor)
+        _p.thumbColor = thumbColor;
+    if (trackColor)
+        _p.trackColor = trackColor;
+    const p = core.useBreakpointProps(_p);
+    thumbSize = (_b = p.thumbSize) !== null && _b !== void 0 ? _b : 10;
+    thumbColor = (_c = p.thumbColor) !== null && _c !== void 0 ? _c : "var(--color-divider)";
+    trackColor = (_d = p.trackColor) !== null && _d !== void 0 ? _d : "var(--color-background-secondary)";
+    ref = ref || React.useRef(null);
+    React.useMemo(() => {
+        ref.scrollTo = (pos) => {
+            ref.current.scrollTo({ top: pos, behavior: 'smooth' });
+        };
+        ref.scrollToBottom = () => {
+            ref.scrollTo(ref.current.scrollHeight);
+        };
+        ref.scrollToTop = () => {
+            ref.scrollTo(0);
+        };
+    }, []);
+    if (onScroll || onScrollEnd) {
+        props.onScroll = (e) => {
+            if (onScrollEnd) {
+                const ele = e.target;
+                const scrollTop = ele.scrollTop;
+                const scrollHeight = ele.scrollHeight;
+                const clientHeight = ele.clientHeight;
+                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1;
+                isScrollDown && onScrollEnd(e);
+            }
+            onScroll && onScroll(e);
+        };
+    }
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { ref: ref, baseClass: 'scrollbar', sxr: {
+            height: "100%",
+            width: "100%",
+            overflow: "auto",
+            // scrollbarWidth: "thin", // Firefox specific
+            // scrollbarColor: `${thumbColor} ${trackColor}`, //"#888 #f4f4f4", // Thumb and track colors for Firefox
+            // msOverflowStyle: "scrollbar", // Internet Explorer
+            "&::-webkit-scrollbar": {
+                width: thumbSize,
+                height: thumbSize, // Height of the horizontal scrollbar
+            },
+            "&::-webkit-scrollbar-thumb": {
+                backgroundColor: thumbColor,
+                borderRadius: "5px",
+                border: "2px solid #f4f4f4", // Space around the thumb
+            },
+            "&::-webkit-scrollbar-thumb:hover": {
+                backgroundColor: thumbColor, // Thumb color on hover
+            },
+            "&::-webkit-scrollbar-track": {
+                backgroundColor: trackColor,
+                borderRadius: "5px", // Rounded corners
+            },
+        } }, { children: children })));
+});exports.default=Scrollbar;//# sourceMappingURL=index.js.map

package/Scrollbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Scrollbar/index.tsx"],"sourcesContent":["\nimport { Tag, TagComponentType, TagProps, useBreakpointProps, useInterface, useBreakpointPropsType } from '@xanui/core';\n\nimport React, { ReactNode, UIEvent, useMemo, useRef } from 'react'\n\nexport type ScrollbarProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    children: ReactNode;\n    thumbSize?: useBreakpointPropsType<number>;\n    thumbColor?: useBreakpointPropsType<string>;\n    trackColor?: useBreakpointPropsType<string>;\n    onScrollEnd?: (e: UIEvent<HTMLDivElement>) => void;\n}\n\nconst Scrollbar = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: ScrollbarProps<T>, ref: React.Ref<any>) => {\n    let [{ thumbSize, thumbColor, trackColor, onScroll, onScrollEnd, ...props }] = useInterface<any>(\"Scrollbar\", rest, {})\n    const _p: any = {}\n    if (thumbSize) _p.thumbSize = thumbSize\n    if (thumbColor) _p.thumbColor = thumbColor\n    if (trackColor) _p.trackColor = trackColor\n    const p: any = useBreakpointProps(_p)\n\n    thumbSize = p.thumbSize ?? 10\n    thumbColor = p.thumbColor ?? \"var(--color-divider)\"\n    trackColor = p.trackColor ?? \"var(--color-background-secondary)\"\n\n    ref = ref || useRef(null)\n\n    useMemo(() => {\n        ((ref as any)).scrollTo = (pos: number) => {\n            (ref as any).current.scrollTo({ top: pos, behavior: 'smooth' })\n        }\n        (ref as any).scrollToBottom = () => {\n            (ref as any).scrollTo((ref as any).current.scrollHeight)\n        }\n        (ref as any).scrollToTop = () => {\n            (ref as any).scrollTo(0)\n        }\n    }, [])\n\n    if (onScroll || onScrollEnd) {\n        props.onScroll = (e: UIEvent<HTMLDivElement>) => {\n            if (onScrollEnd) {\n                const ele: any = e.target\n                const scrollTop = ele.scrollTop\n                const scrollHeight = ele.scrollHeight\n                const clientHeight = ele.clientHeight\n                const isScrollDown = scrollHeight - scrollTop <= clientHeight + 1\n                isScrollDown && onScrollEnd(e)\n            }\n            onScroll && onScroll(e)\n        }\n    }\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            baseClass='scrollbar'\n            sxr={{\n                height: \"100%\",\n                width: \"100%\",\n                overflow: \"auto\",\n                // scrollbarWidth: \"thin\", // Firefox specific\n                // scrollbarColor: `${thumbColor} ${trackColor}`, //\"#888 #f4f4f4\", // Thumb and track colors for Firefox\n                // msOverflowStyle: \"scrollbar\", // Internet Explorer\n                \"&::-webkit-scrollbar\": {\n                    width: thumbSize, // Width of the vertical scrollbar\n                    height: thumbSize, // Height of the horizontal scrollbar\n                },\n                \"&::-webkit-scrollbar-thumb\": {\n                    backgroundColor: thumbColor, // Color of the scroll thumb\n                    borderRadius: \"5px\", // Rounded corners\n                    border: \"2px solid #f4f4f4\", // Space around the thumb\n                },\n                \"&::-webkit-scrollbar-thumb:hover\": {\n                    backgroundColor: thumbColor, // Thumb color on hover\n                },\n                \"&::-webkit-scrollbar-track\": {\n                    backgroundColor: trackColor, // Background color of the scrollbar track\n                    borderRadius: \"5px\", // Rounded corners\n                },\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default Scrollbar "],"names":["__rest","useInterface","useBreakpointProps","useRef","useMemo","_jsx","Tag"],"mappings":"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"}