@xanui/ui 1.0.0

package/List/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/List/index.tsx"],"sourcesContent":["\nimport React from 'react'\nimport { Tag, TagProps, TagComponentType, useInterface, useColorTemplate, ColorTemplateType, ColorTemplateColors, useBreakpointProps, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type ListProps<T extends TagComponentType = \"ul\"> = Omit<TagProps<T>, 'color'> & {\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    hoverColor?: useBreakpointPropsType<ColorTemplateColors>;\n    hoverVariant?: useBreakpointPropsType<ColorTemplateType>;\n}\n\nconst List = React.forwardRef(<T extends TagComponentType = \"ul\">({ children, ...rest }: ListProps<T>, ref: React.Ref<any>) => {\n    let [{ sx, color, variant, hoverColor, hoverVariant, ...props }] = useInterface<any>(\"List\", rest, {})\n    const _p: any = {}\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    if (hoverColor) _p.hoverColor = hoverColor\n    if (hoverVariant) _p.hoverVariant = hoverVariant\n    const p: any = useBreakpointProps(_p)\n\n    color = p.color ?? \"brand\"\n    variant = p.variant ?? \"fill\"\n    hoverColor = p.hoverColor ?? \"default\"\n    hoverVariant = p.hoverVariant ?? \"alpha\"\n\n    const template = { ...useColorTemplate(color, variant) }\n    const hoverTemplate = { ...useColorTemplate(hoverColor, hoverVariant) }\n    delete template.hover\n    delete hoverTemplate.hover\n\n    let sxOutline: any = {}\n    if (hoverVariant == 'outline' || variant === 'outline') {\n        sxOutline = {\n            \"& .list-item\": {\n                border: 1,\n                borderColor: \"transparent\"\n            }\n        }\n    }\n\n    return (\n        <Tag\n            component='ul'\n            {...props}\n            baseClass='list'\n            sxr={{\n                listStyle: \"none\",\n                p: 0,\n                m: 0,\n                ...sxOutline,\n                \"& .list-item-icon\": {\n                    color: \"text.secondary\"\n                },\n                \"& .list-item-text\": {\n                    color: \"text.primary\"\n                },\n                \"& .list-item-subtitle\": {\n                    color: \"text.secondary\"\n                },\n                \"& .xui-list-item:not(.list-item-selected):hover\": {\n                    ...hoverTemplate,\n                    \"& .list-item-icon\": {\n                        color: hoverTemplate.color\n                    },\n                    \"& .list-item-text\": {\n                        color: hoverTemplate.color\n                    },\n                    \"& .list-item-subtitle\": {\n                        color: hoverColor === 'default' ? \"text.secondary\" : hoverTemplate.color\n                    },\n                },\n                \"& .xui-list-item.list-item-selected\": {\n                    ...template,\n                    \"& .list-item-icon\": {\n                        color: template.color\n                    },\n                    \"& .list-item-text\": {\n                        color: template.color\n                    },\n                    \"& .list-item-subtitle\": {\n                        color: template.color\n                    },\n                },\n                ...(sx || {} as any)\n            }}\n            ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default List"],"names":["_jsx"],"mappings":"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"}

package/ListItem/index.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { TagComponentType, TagProps, useBreakpointPropsType } from '@xanui/core';
+
+type ListItemProps<T extends TagComponentType = "li"> = TagProps<T> & {
+    selected?: boolean;
+    subtitle?: useBreakpointPropsType<string | ReactElement>;
+    startIcon?: useBreakpointPropsType<ReactElement>;
+    endIcon?: useBreakpointPropsType<ReactElement>;
+};
+declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { ListItem as default };
+export type { ListItemProps };

package/ListItem/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'),core=require('@xanui/core'),index=require('../Text/index.js');const ListItem = React.forwardRef((_a, ref) => {
+    var { children, startIcon, endIcon, subtitle } = _a, rest = tslib.__rest(_a, ["children", "startIcon", "endIcon", "subtitle"]);
+    let [_b] = core.useInterface("ListItem", rest, {}), { selected } = _b, props = tslib.__rest(_b, ["selected"]);
+    const _p = {};
+    if (subtitle)
+        _p.subtitle = subtitle;
+    if (startIcon)
+        _p.startIcon = startIcon;
+    if (endIcon)
+        _p.endIcon = endIcon;
+    const p = core.useBreakpointProps(_p);
+    subtitle = p.subtitle;
+    startIcon = p.startIcon;
+    endIcon = p.endIcon;
+    return (jsxRuntime.jsxs(core.Tag, Object.assign({ component: 'li' }, props, { sxr: {
+            alignItems: "center",
+            display: "flex",
+            flexDirection: "row",
+            userSelect: "none",
+            cursor: "pointer",
+            lineHeight: 1.4,
+            p: 1,
+            whiteSpace: "nowrap",
+            flexShrink: "0",
+        }, baseClass: 'list-item', classNames: [{ "list-item-selected": selected }, ...(props.classNames || [])], ref: ref }, { children: [startIcon && jsxRuntime.jsx(core.Tag, Object.assign({ mr: 1, component: "span", display: "inline-block", className: 'list-item-icon' }, { children: startIcon })), jsxRuntime.jsxs(core.Tag, Object.assign({ flex: 1 }, { children: [jsxRuntime.jsx(index.default, Object.assign({ variant: "text", className: 'list-item-text', component: typeof children === "string" || typeof children === "number" ? "p" : "div" }, { children: children })), subtitle && jsxRuntime.jsx(index.default, Object.assign({ variant: "text", fontSize: "button", className: 'list-item-subtitle', component: typeof subtitle === "string" || typeof subtitle === "number" ? "p" : "div" }, { children: subtitle }))] })), endIcon && jsxRuntime.jsx(core.Tag, Object.assign({ ml: 1, component: "span", display: "inline-block", className: 'list-item-icon' }, { children: endIcon }))] })));
+});exports.default=ListItem;//# sourceMappingURL=index.js.map

package/ListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/ListItem/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core'\nimport Text from '../Text';\n\n\nexport type ListItemProps<T extends TagComponentType = \"li\"> = TagProps<T> & {\n    selected?: boolean;\n    subtitle?: useBreakpointPropsType<string | ReactElement>;\n    startIcon?: useBreakpointPropsType<ReactElement>;\n    endIcon?: useBreakpointPropsType<ReactElement>;\n}\n\nconst ListItem = React.forwardRef(<T extends TagComponentType = \"li\">({ children, startIcon, endIcon, subtitle, ...rest }: ListItemProps<T>, ref: React.Ref<any>) => {\n    let [{ selected, ...props }] = useInterface<any>(\"ListItem\", rest, {})\n    const _p: any = {}\n    if (subtitle) _p.subtitle = subtitle\n    if (startIcon) _p.startIcon = startIcon\n    if (endIcon) _p.endIcon = endIcon\n    const p: any = useBreakpointProps(_p)\n\n    subtitle = p.subtitle\n    startIcon = p.startIcon\n    endIcon = p.endIcon\n\n    return (\n        <Tag\n            component='li'\n            {...props}\n            sxr={{\n                alignItems: \"center\",\n                display: \"flex\",\n                flexDirection: \"row\",\n                userSelect: \"none\",\n                cursor: \"pointer\",\n                lineHeight: 1.4,\n                p: 1,\n                whiteSpace: \"nowrap\",\n                flexShrink: \"0\",\n            }}\n            baseClass='list-item'\n            classNames={[{ \"list-item-selected\": selected as boolean }, ...(props.classNames || [])]}\n            ref={ref}\n        >\n            {startIcon && <Tag mr={1} component=\"span\" display=\"inline-block\" className='list-item-icon'>{startIcon as any}</Tag>}\n            <Tag flex={1}>\n                <Text\n                    variant=\"text\"\n                    className='list-item-text'\n                    component={typeof children === \"string\" || typeof children === \"number\" ? \"p\" : \"div\"}\n                >\n                    {children}\n                </Text>\n                {\n                    subtitle && <Text\n                        variant=\"text\"\n                        fontSize=\"button\"\n                        className='list-item-subtitle'\n                        component={typeof subtitle === \"string\" || typeof subtitle === \"number\" ? \"p\" : \"div\"}\n                    >{subtitle as any}</Text>\n                }\n            </Tag>\n            {endIcon && <Tag ml={1} component=\"span\" display=\"inline-block\" className='list-item-icon'>{endIcon as any}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ListItem"],"names":["__rest","useInterface","useBreakpointProps","_jsxs","Tag","_jsx","Text"],"mappings":"8NAaA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAAqE,EAAE,GAAmB,KAAI;AAA9F,IAAA,IAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAjD,CAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,CAAmD,CAAF;AACnH,IAAA,IAAI,OAA2BC,iBAAY,CAAM,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC,EAAjE,EAAE,QAAQ,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAApB,CAAA,UAAA,CAAsB,CAA2C;IACtE,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQE,uBAAkB,CAAC,EAAE,CAAC;AAErC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AACrB,IAAA,SAAS,GAAG,CAAC,CAAC,SAAS;AACvB,IAAA,OAAO,GAAG,CAAC,CAAC,OAAO;IAEnB,QACIC,eAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,IAAI,EAAA,EACV,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,CAAC,EAAE,CAAC;AACJ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,GAAG;AAClB,SAAA,EACD,SAAS,EAAC,WAAW,EACrB,UAAU,EAAE,CAAC,EAAE,oBAAoB,EAAE,QAAmB,EAAE,EAAE,IAAI,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,EACxF,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAEP,SAAS,IAAIC,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAAE,SAAgB,EAAA,CAAA,CAAO,EACrHD,eAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,IAAI,EAAE,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CACRC,cAAA,CAACC,aAAI,kBACD,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,gBAAgB,EAC1B,SAAS,EAAE,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,GAAG,GAAG,GAAG,KAAK,EAAA,EAAA,EAAA,QAAA,EAEpF,QAAQ,EAAA,CAAA,CACN,EAEH,QAAQ,IAAID,cAAA,CAACC,aAAI,kBACb,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAC,oBAAoB,EAC9B,SAAS,EAAE,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,GAAG,GAAG,GAAG,KAAK,EAAA,EAAA,EAAA,QAAA,EACvF,QAAe,EAAA,CAAA,CAAQ,KAE3B,EACL,OAAO,IAAID,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAAE,OAAc,EAAA,CAAA,CAAO,CAAA,EAAA,CAAA,CAC/G;AAEd,CAAC"}

package/ListItem/index.mjs

@@ -0,0 +1,26 @@
+import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React from'react';import {useInterface,useBreakpointProps,Tag}from'@xanui/core';import Text from'../Text/index.mjs';const ListItem = React.forwardRef((_a, ref) => {
+    var { children, startIcon, endIcon, subtitle } = _a, rest = __rest(_a, ["children", "startIcon", "endIcon", "subtitle"]);
+    let [_b] = useInterface("ListItem", rest, {}), { selected } = _b, props = __rest(_b, ["selected"]);
+    const _p = {};
+    if (subtitle)
+        _p.subtitle = subtitle;
+    if (startIcon)
+        _p.startIcon = startIcon;
+    if (endIcon)
+        _p.endIcon = endIcon;
+    const p = useBreakpointProps(_p);
+    subtitle = p.subtitle;
+    startIcon = p.startIcon;
+    endIcon = p.endIcon;
+    return (jsxs(Tag, Object.assign({ component: 'li' }, props, { sxr: {
+            alignItems: "center",
+            display: "flex",
+            flexDirection: "row",
+            userSelect: "none",
+            cursor: "pointer",
+            lineHeight: 1.4,
+            p: 1,
+            whiteSpace: "nowrap",
+            flexShrink: "0",
+        }, baseClass: 'list-item', classNames: [{ "list-item-selected": selected }, ...(props.classNames || [])], ref: ref }, { children: [startIcon && jsx(Tag, Object.assign({ mr: 1, component: "span", display: "inline-block", className: 'list-item-icon' }, { children: startIcon })), jsxs(Tag, Object.assign({ flex: 1 }, { children: [jsx(Text, Object.assign({ variant: "text", className: 'list-item-text', component: typeof children === "string" || typeof children === "number" ? "p" : "div" }, { children: children })), subtitle && jsx(Text, Object.assign({ variant: "text", fontSize: "button", className: 'list-item-subtitle', component: typeof subtitle === "string" || typeof subtitle === "number" ? "p" : "div" }, { children: subtitle }))] })), endIcon && jsx(Tag, Object.assign({ ml: 1, component: "span", display: "inline-block", className: 'list-item-icon' }, { children: endIcon }))] })));
+});export{ListItem as default};//# sourceMappingURL=index.mjs.map

package/ListItem/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/ListItem/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core'\nimport Text from '../Text';\n\n\nexport type ListItemProps<T extends TagComponentType = \"li\"> = TagProps<T> & {\n    selected?: boolean;\n    subtitle?: useBreakpointPropsType<string | ReactElement>;\n    startIcon?: useBreakpointPropsType<ReactElement>;\n    endIcon?: useBreakpointPropsType<ReactElement>;\n}\n\nconst ListItem = React.forwardRef(<T extends TagComponentType = \"li\">({ children, startIcon, endIcon, subtitle, ...rest }: ListItemProps<T>, ref: React.Ref<any>) => {\n    let [{ selected, ...props }] = useInterface<any>(\"ListItem\", rest, {})\n    const _p: any = {}\n    if (subtitle) _p.subtitle = subtitle\n    if (startIcon) _p.startIcon = startIcon\n    if (endIcon) _p.endIcon = endIcon\n    const p: any = useBreakpointProps(_p)\n\n    subtitle = p.subtitle\n    startIcon = p.startIcon\n    endIcon = p.endIcon\n\n    return (\n        <Tag\n            component='li'\n            {...props}\n            sxr={{\n                alignItems: \"center\",\n                display: \"flex\",\n                flexDirection: \"row\",\n                userSelect: \"none\",\n                cursor: \"pointer\",\n                lineHeight: 1.4,\n                p: 1,\n                whiteSpace: \"nowrap\",\n                flexShrink: \"0\",\n            }}\n            baseClass='list-item'\n            classNames={[{ \"list-item-selected\": selected as boolean }, ...(props.classNames || [])]}\n            ref={ref}\n        >\n            {startIcon && <Tag mr={1} component=\"span\" display=\"inline-block\" className='list-item-icon'>{startIcon as any}</Tag>}\n            <Tag flex={1}>\n                <Text\n                    variant=\"text\"\n                    className='list-item-text'\n                    component={typeof children === \"string\" || typeof children === \"number\" ? \"p\" : \"div\"}\n                >\n                    {children}\n                </Text>\n                {\n                    subtitle && <Text\n                        variant=\"text\"\n                        fontSize=\"button\"\n                        className='list-item-subtitle'\n                        component={typeof subtitle === \"string\" || typeof subtitle === \"number\" ? \"p\" : \"div\"}\n                    >{subtitle as any}</Text>\n                }\n            </Tag>\n            {endIcon && <Tag ml={1} component=\"span\" display=\"inline-block\" className='list-item-icon'>{endIcon as any}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ListItem"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/LoadingBox/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TagComponentType, TagProps, useBreakpointPropsType, ColorTemplateColors } from '@xanui/core';
+import { CircleProgressProps } from '../CircleProgress/index.js';
+
+type LoadingBoxProps<T extends TagComponentType = "div"> = Omit<TagProps<T>, "color"> & {
+    loading?: boolean;
+    color?: useBreakpointPropsType<ColorTemplateColors>;
+    slotProps?: {
+        CircleProgress?: Omit<CircleProgressProps, "value">;
+    };
+};
+declare const LoadingBox: React.ForwardRefExoticComponent<Omit<LoadingBoxProps<TagComponentType>, "ref"> & React.RefAttributes<any>>;
+
+export { LoadingBox as default };
+export type { LoadingBoxProps };

package/LoadingBox/index.js

@@ -0,0 +1,22 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),index=require('../CircleProgress/index.js');const LoadingBox = React.forwardRef((_a, ref) => {
+    var _b, _c;
+    var { children } = _a, props = tslib.__rest(_a, ["children"]);
+    let [_d] = core.useInterface("LoadingBox", props, {}), { loading, color, slotProps } = _d, rest = tslib.__rest(_d, ["loading", "color", "slotProps"]);
+    const _p = {};
+    if (color)
+        _p.color = color;
+    const p = core.useBreakpointProps(_p);
+    color = (_b = p.color) !== null && _b !== void 0 ? _b : "brand";
+    return (jsxRuntime.jsxs(core.Tag, Object.assign({ baseClass: 'loading-box' }, rest, { sxr: Object.assign({ position: "relative", display: "inline-block" }, (rest.sx || {})), disabled: (_c = loading !== null && loading !== void 0 ? loading : rest.disabled) !== null && _c !== void 0 ? _c : false, ref: ref }, { children: [loading && jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: "loading-box-container", sxr: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    zIndex: 1,
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    bgcolor: "background.alpha"
+                } }, { children: jsxRuntime.jsx(index.default, Object.assign({ color: "brand", hideTrack: true }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.CircleProgress)) })), children] })));
+});exports.default=LoadingBox;//# sourceMappingURL=index.js.map

package/LoadingBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/LoadingBox/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport CircleProgress, { CircleProgressProps } from '../CircleProgress';\n\n\nexport type LoadingBoxProps<T extends TagComponentType = \"div\"> = Omit<TagProps<T>, \"color\"> & {\n    loading?: boolean;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    slotProps?: {\n        CircleProgress?: Omit<CircleProgressProps, \"value\">\n    }\n\n}\n\nconst LoadingBox = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: LoadingBoxProps<T>, ref: React.Ref<any>) => {\n    let [{ loading, color, slotProps, ...rest }] = useInterface<any>(\"LoadingBox\", props, {})\n    const _p: any = {}\n    if (color) _p.color = color\n    const p: any = useBreakpointProps(_p)\n    color = p.color ?? \"brand\"\n\n    return (\n        <Tag\n            baseClass='loading-box'\n            {...rest}\n            sxr={{\n                position: \"relative\",\n                display: \"inline-block\",\n                ...((rest as any).sx || {})\n            }}\n            disabled={loading ?? rest.disabled ?? false}\n            ref={ref}\n        >\n            {loading && <Tag\n                baseClass=\"loading-box-container\"\n                sxr={{\n                    position: \"absolute\",\n                    top: 0,\n                    left: 0,\n                    right: 0,\n                    bottom: 0,\n                    zIndex: 1,\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    bgcolor: \"background.alpha\"\n                }}\n            >\n                <CircleProgress\n                    color=\"brand\"\n                    hideTrack\n                    {...slotProps?.CircleProgress}\n                />\n            </Tag>}\n            {children}\n        </Tag>\n    )\n})\n\nexport default LoadingBox\n\n"],"names":["__rest","useInterface","useBreakpointProps","_jsxs","Tag","_jsx","CircleProgress"],"mappings":"wOAeA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA0C,EAAE,GAAmB,KAAI;;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACzF,IAAI,CAAA,EAAA,CAAA,GAA2CC,iBAAY,CAAM,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,EAApF,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAA,GAAA,EAAW,EAAN,IAAI,GAAAD,YAAA,CAAA,EAAA,EAApC,CAAA,SAAA,EAAA,OAAA,EAAA,WAAA,CAAsC,CAA8C;IACzF,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,MAAM,CAAC,GAAQE,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,OAAO;IAE1B,QACIC,eAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,aAAa,EAAA,EACnB,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EAAA,GAClB,IAAY,CAAC,EAAE,IAAI,EAAE,EAAC,EAE/B,QAAQ,EAAE,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,EAC3C,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAEP,OAAO,IAAIC,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE;AACD,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,OAAO,EAAE;iBACZ,EAAA,EAAA,EAAA,QAAA,EAEDC,cAAA,CAACC,aAAc,EAAA,MAAA,CAAA,MAAA,CAAA,EACX,KAAK,EAAC,OAAO,EACb,SAAS,EAAA,IAAA,EAAA,EACL,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,cAAc,CAAA,CAC/B,IACA,EACL,QAAQ,CAAA,EAAA,CAAA,CACP;AAEd,CAAC"}

package/LoadingBox/index.mjs

@@ -0,0 +1,22 @@
+import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React from'react';import {useInterface,useBreakpointProps,Tag}from'@xanui/core';import CircleProgress from'../CircleProgress/index.mjs';const LoadingBox = React.forwardRef((_a, ref) => {
+    var _b, _c;
+    var { children } = _a, props = __rest(_a, ["children"]);
+    let [_d] = useInterface("LoadingBox", props, {}), { loading, color, slotProps } = _d, rest = __rest(_d, ["loading", "color", "slotProps"]);
+    const _p = {};
+    if (color)
+        _p.color = color;
+    const p = useBreakpointProps(_p);
+    color = (_b = p.color) !== null && _b !== void 0 ? _b : "brand";
+    return (jsxs(Tag, Object.assign({ baseClass: 'loading-box' }, rest, { sxr: Object.assign({ position: "relative", display: "inline-block" }, (rest.sx || {})), disabled: (_c = loading !== null && loading !== void 0 ? loading : rest.disabled) !== null && _c !== void 0 ? _c : false, ref: ref }, { children: [loading && jsx(Tag, Object.assign({ baseClass: "loading-box-container", sxr: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    zIndex: 1,
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    bgcolor: "background.alpha"
+                } }, { children: jsx(CircleProgress, Object.assign({ color: "brand", hideTrack: true }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.CircleProgress)) })), children] })));
+});export{LoadingBox as default};//# sourceMappingURL=index.mjs.map

package/LoadingBox/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/LoadingBox/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, ColorTemplateColors, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport CircleProgress, { CircleProgressProps } from '../CircleProgress';\n\n\nexport type LoadingBoxProps<T extends TagComponentType = \"div\"> = Omit<TagProps<T>, \"color\"> & {\n    loading?: boolean;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    slotProps?: {\n        CircleProgress?: Omit<CircleProgressProps, \"value\">\n    }\n\n}\n\nconst LoadingBox = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: LoadingBoxProps<T>, ref: React.Ref<any>) => {\n    let [{ loading, color, slotProps, ...rest }] = useInterface<any>(\"LoadingBox\", props, {})\n    const _p: any = {}\n    if (color) _p.color = color\n    const p: any = useBreakpointProps(_p)\n    color = p.color ?? \"brand\"\n\n    return (\n        <Tag\n            baseClass='loading-box'\n            {...rest}\n            sxr={{\n                position: \"relative\",\n                display: \"inline-block\",\n                ...((rest as any).sx || {})\n            }}\n            disabled={loading ?? rest.disabled ?? false}\n            ref={ref}\n        >\n            {loading && <Tag\n                baseClass=\"loading-box-container\"\n                sxr={{\n                    position: \"absolute\",\n                    top: 0,\n                    left: 0,\n                    right: 0,\n                    bottom: 0,\n                    zIndex: 1,\n                    display: \"flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    bgcolor: \"background.alpha\"\n                }}\n            >\n                <CircleProgress\n                    color=\"brand\"\n                    hideTrack\n                    {...slotProps?.CircleProgress}\n                />\n            </Tag>}\n            {children}\n        </Tag>\n    )\n})\n\nexport default LoadingBox\n\n"],"names":["_jsxs","_jsx"],"mappings":"mNAeA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA0C,EAAE,GAAmB,KAAI;;AAAnE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACzF,IAAI,CAAA,EAAA,CAAA,GAA2C,YAAY,CAAM,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,EAApF,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAA,GAAA,EAAW,EAAN,IAAI,GAAA,MAAA,CAAA,EAAA,EAApC,CAAA,SAAA,EAAA,OAAA,EAAA,WAAA,CAAsC,CAA8C;IACzF,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,OAAO;IAE1B,QACIA,IAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,aAAa,EAAA,EACnB,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EAAA,GAClB,IAAY,CAAC,EAAE,IAAI,EAAE,EAAC,EAE/B,QAAQ,EAAE,CAAA,EAAA,GAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,GAAI,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,EAC3C,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAEP,OAAO,IAAIC,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE;AACD,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,OAAO,EAAE;iBACZ,EAAA,EAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,cAAc,EAAA,MAAA,CAAA,MAAA,CAAA,EACX,KAAK,EAAC,OAAO,EACb,SAAS,EAAA,IAAA,EAAA,EACL,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,cAAc,CAAA,CAC/B,IACA,EACL,QAAQ,CAAA,EAAA,CAAA,CACP;AAEd,CAAC"}

package/Menu/getOrigin.js

@@ -0,0 +1,42 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const getOrigin = (placed) => {
+    let _origin = "top";
+    switch (placed) {
+        case "bottom":
+            _origin = "top";
+            break;
+        case "bottom-left":
+            _origin = "top left";
+            break;
+        case "bottom-right":
+            _origin = "top right";
+            break;
+        case "top":
+            _origin = "bottom";
+            break;
+        case "top-left":
+            _origin = "bottom left";
+            break;
+        case "top-right":
+            _origin = "bottom right";
+            break;
+        case "right":
+            _origin = "left";
+            break;
+        case "right-bottom":
+            _origin = "bottom left";
+            break;
+        case "right-top":
+            _origin = "top left";
+            break;
+        case "left":
+            _origin = "right";
+            break;
+        case "left-bottom":
+            _origin = "bottom right";
+            break;
+        case "left-top":
+            _origin = "top right";
+            break;
+    }
+    return _origin;
+};exports.getOrigin=getOrigin;//# sourceMappingURL=getOrigin.js.map

package/Menu/getOrigin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrigin.js","sources":["../../src/Menu/getOrigin.ts"],"sourcesContent":["\nexport const getOrigin = (placed: string) => {\n    let _origin: any = \"top\"\n    switch (placed) {\n        case \"bottom\":\n            _origin = \"top\"\n            break;\n        case \"bottom-left\":\n            _origin = \"top left\"\n            break;\n        case \"bottom-right\":\n            _origin = \"top right\"\n            break;\n        case \"top\":\n            _origin = \"bottom\"\n            break;\n        case \"top-left\":\n            _origin = \"bottom left\"\n            break;\n        case \"top-right\":\n            _origin = \"bottom right\"\n            break;\n        case \"right\":\n            _origin = \"left\"\n            break;\n        case \"right-bottom\":\n            _origin = \"bottom left\"\n            break;\n        case \"right-top\":\n            _origin = \"top left\"\n            break;\n        case \"left\":\n            _origin = \"right\"\n            break;\n        case \"left-bottom\":\n            _origin = \"bottom right\"\n            break;\n        case \"left-top\":\n            _origin = \"top right\"\n            break;\n    }\n    return _origin\n}"],"names":[],"mappings":"sEACO,MAAM,SAAS,GAAG,CAAC,MAAc,KAAI;IACxC,IAAI,OAAO,GAAQ,KAAK;AACxB,IAAA,QAAQ,MAAM;AACV,QAAA,KAAK,QAAQ;YACT,OAAO,GAAG,KAAK;YACf;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,WAAW;YACrB;AACJ,QAAA,KAAK,KAAK;YACN,OAAO,GAAG,QAAQ;YAClB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,OAAO;YACR,OAAO,GAAG,MAAM;YAChB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,MAAM;YACP,OAAO,GAAG,OAAO;YACjB;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,WAAW;YACrB;AACP;AACD,IAAA,OAAO,OAAO;AAClB"}

package/Menu/getOrigin.mjs

@@ -0,0 +1,42 @@
+const getOrigin = (placed) => {
+    let _origin = "top";
+    switch (placed) {
+        case "bottom":
+            _origin = "top";
+            break;
+        case "bottom-left":
+            _origin = "top left";
+            break;
+        case "bottom-right":
+            _origin = "top right";
+            break;
+        case "top":
+            _origin = "bottom";
+            break;
+        case "top-left":
+            _origin = "bottom left";
+            break;
+        case "top-right":
+            _origin = "bottom right";
+            break;
+        case "right":
+            _origin = "left";
+            break;
+        case "right-bottom":
+            _origin = "bottom left";
+            break;
+        case "right-top":
+            _origin = "top left";
+            break;
+        case "left":
+            _origin = "right";
+            break;
+        case "left-bottom":
+            _origin = "bottom right";
+            break;
+        case "left-top":
+            _origin = "top right";
+            break;
+    }
+    return _origin;
+};export{getOrigin};//# sourceMappingURL=getOrigin.mjs.map

package/Menu/getOrigin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrigin.mjs","sources":["../../src/Menu/getOrigin.ts"],"sourcesContent":["\nexport const getOrigin = (placed: string) => {\n    let _origin: any = \"top\"\n    switch (placed) {\n        case \"bottom\":\n            _origin = \"top\"\n            break;\n        case \"bottom-left\":\n            _origin = \"top left\"\n            break;\n        case \"bottom-right\":\n            _origin = \"top right\"\n            break;\n        case \"top\":\n            _origin = \"bottom\"\n            break;\n        case \"top-left\":\n            _origin = \"bottom left\"\n            break;\n        case \"top-right\":\n            _origin = \"bottom right\"\n            break;\n        case \"right\":\n            _origin = \"left\"\n            break;\n        case \"right-bottom\":\n            _origin = \"bottom left\"\n            break;\n        case \"right-top\":\n            _origin = \"top left\"\n            break;\n        case \"left\":\n            _origin = \"right\"\n            break;\n        case \"left-bottom\":\n            _origin = \"bottom right\"\n            break;\n        case \"left-top\":\n            _origin = \"top right\"\n            break;\n    }\n    return _origin\n}"],"names":[],"mappings":"AACO,MAAM,SAAS,GAAG,CAAC,MAAc,KAAI;IACxC,IAAI,OAAO,GAAQ,KAAK;AACxB,IAAA,QAAQ,MAAM;AACV,QAAA,KAAK,QAAQ;YACT,OAAO,GAAG,KAAK;YACf;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,WAAW;YACrB;AACJ,QAAA,KAAK,KAAK;YACN,OAAO,GAAG,QAAQ;YAClB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,OAAO;YACR,OAAO,GAAG,MAAM;YAChB;AACJ,QAAA,KAAK,cAAc;YACf,OAAO,GAAG,aAAa;YACvB;AACJ,QAAA,KAAK,WAAW;YACZ,OAAO,GAAG,UAAU;YACpB;AACJ,QAAA,KAAK,MAAM;YACP,OAAO,GAAG,OAAO;YACjB;AACJ,QAAA,KAAK,aAAa;YACd,OAAO,GAAG,cAAc;YACxB;AACJ,QAAA,KAAK,UAAU;YACX,OAAO,GAAG,WAAW;YACrB;AACP;AACD,IAAA,OAAO,OAAO;AAClB"}

package/Menu/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { useBreakpointPropsType, TransitionProps, TagProps } from '@xanui/core';
+import { PlacementTypes } from './placedMenu.js';
+import { PortalProps } from '../Portal/index.js';
+
+type MenuProps = {
+    children?: ReactNode;
+    target?: HTMLElement;
+    placement?: useBreakpointPropsType<PlacementTypes>;
+    zIndex?: number;
+    onClickOutside?: () => void;
+    slotProps?: {
+        transition?: Omit<TransitionProps, "open">;
+        portal?: Omit<PortalProps, "children">;
+        content?: Omit<TagProps<"div">, "children">;
+    };
+};
+declare const Menu: ({ children, target, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
+
+export { Menu as default };
+export type { MenuProps };

package/Menu/index.js

@@ -0,0 +1,47 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),placedMenu=require('./placedMenu.js'),index=require('../Portal/index.js'),getOrigin=require('./getOrigin.js'),index$1=require('../ClickOutside/index.js');const Menu = (_a) => {
+    var _b;
+    var { children, target } = _a, props = tslib.__rest(_a, ["children", "target"]);
+    let [{ onClickOutside, placement, zIndex, slotProps }] = core.useInterface("Menu", props, {});
+    const _p = {};
+    if (placement)
+        _p.placement = placement;
+    const p = core.useBreakpointProps(_p);
+    placement = p.placement;
+    const isOpen = Boolean(target);
+    const [closed, setClosed] = React.useState(!isOpen);
+    let id = "menu-" + React.useId().replace(":", "");
+    const [placed, setPlaced] = React.useState(placement);
+    placement = placement || "bottom-left";
+    React.useEffect(() => {
+        if (closed && isOpen) {
+            setClosed(false);
+        }
+    }, [isOpen]);
+    React.useEffect(() => {
+        if (!closed) {
+            setTimeout(() => {
+                const ele = document.getElementById(id);
+                if (target && ele) {
+                    let p = placedMenu.placedMenu({
+                        place: placement,
+                        menu: ele,
+                        target
+                    });
+                    setPlaced(p);
+                }
+            }, 1);
+        }
+    }, [closed]);
+    if (closed)
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    return (jsxRuntime.jsx(index.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.portal, { children: jsxRuntime.jsx(index$1.default, Object.assign({ baseClass: "menu", id: id, sx: {
+                position: "fixed",
+                zIndex: 1500 + (zIndex || 0)
+            }, onClickOutside: () => {
+                onClickOutside && onClickOutside();
+            } }, { children: jsxRuntime.jsx(core.Transition, Object.assign({ duration: 200, easing: "easeInOut", variant: "grow" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.transition, { open: isOpen, onClosed: () => {
+                    var _a, _b;
+                    setClosed(true);
+                    ((_a = slotProps === null || slotProps === void 0 ? void 0 : slotProps.transition) === null || _a === void 0 ? void 0 : _a.onClosed) && ((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.transition) === null || _b === void 0 ? void 0 : _b.onClosed());
+                } }, { children: jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: 'menu-content' }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content, { sxr: Object.assign({ overflow: "hidden", bgcolor: "background.primary", shadow: 5, radius: 1, transformOrigin: getOrigin.getOrigin(placed) || "top" }, (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.content) === null || _b === void 0 ? void 0 : _b.sx) }, { children: children })) })) })) })));
+};exports.default=Menu;//# sourceMappingURL=index.js.map

package/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Menu/index.tsx"],"sourcesContent":["import { ReactNode, useEffect, useId, useState } from 'react'\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType, useInterface, TransitionProps, Transition } from \"@xanui/core\"\nimport { placedMenu, PlacementTypes } from \"./placedMenu\";\nimport Portal, { PortalProps } from \"../Portal\";\nimport { getOrigin } from './getOrigin';\nimport ClickOutside from '../ClickOutside';\n\n\nexport type MenuProps = {\n    children?: ReactNode;\n    target?: HTMLElement;\n    placement?: useBreakpointPropsType<PlacementTypes>;\n    zIndex?: number;\n    onClickOutside?: () => void;\n    slotProps?: {\n        transition?: Omit<TransitionProps, \"open\">;\n        portal?: Omit<PortalProps, \"children\">;\n        content?: Omit<TagProps<\"div\">, \"children\">;\n    }\n}\n\nconst Menu = ({ children, target, ...props }: MenuProps) => {\n    let [{ onClickOutside, placement, zIndex, slotProps }] = useInterface<any>(\"Menu\", props, {})\n    const _p: any = {}\n    if (placement) _p.placement = placement\n    const p: any = useBreakpointProps(_p)\n    placement = p.placement\n\n    const isOpen = Boolean(target)\n    const [closed, setClosed] = useState(!isOpen)\n    let id = \"menu-\" + useId().replace(\":\", \"\")\n    const [placed, setPlaced] = useState<any>(placement)\n    placement = placement || \"bottom-left\"\n\n    useEffect(() => {\n        if (closed && isOpen) {\n            setClosed(false)\n        }\n    }, [isOpen])\n\n    useEffect(() => {\n        if (!closed) {\n            setTimeout(() => {\n                const ele = document.getElementById(id)\n                if (target && ele) {\n                    let p = placedMenu({\n                        place: placement as any,\n                        menu: ele,\n                        target\n                    })\n                    setPlaced(p)\n                }\n            }, 1);\n        }\n    }, [closed])\n\n    if (closed) return <></>\n\n    return (\n        <Portal {...slotProps?.portal}>\n            <ClickOutside\n                baseClass=\"menu\"\n                id={id}\n                sx={{\n                    position: \"fixed\",\n                    zIndex: 1500 + (zIndex || 0)\n                }}\n                onClickOutside={() => {\n                    onClickOutside && onClickOutside()\n                }}\n            >\n                <Transition\n                    duration={200}\n                    easing=\"easeInOut\"\n                    variant=\"grow\"\n                    {...slotProps?.transition}\n                    open={isOpen}\n                    onClosed={() => {\n                        setClosed(true)\n                        slotProps?.transition?.onClosed && slotProps?.transition?.onClosed()\n                    }}\n                >\n                    <Tag\n                        baseClass='menu-content'\n                        {...slotProps?.content}\n                        sxr={{\n                            overflow: \"hidden\",\n                            bgcolor: \"background.primary\",\n                            shadow: 5,\n                            radius: 1,\n                            transformOrigin: getOrigin(placed) || \"top\",\n                            ...slotProps?.content?.sx\n                        }}\n                    >\n                        {children}\n                    </Tag>\n                </Transition>\n            </ClickOutside>\n        </Portal>\n    )\n}\n\nexport default Menu"],"names":["__rest","useInterface","useBreakpointProps","useState","useId","useEffect","placedMenu","_jsx","Portal","ClickOutside","Transition","Tag","getOrigin"],"mappings":"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"}

package/Menu/index.mjs

@@ -0,0 +1,47 @@
+import {__rest}from'tslib';import {jsx,Fragment}from'react/jsx-runtime';import {useState,useId,useEffect}from'react';import {useInterface,useBreakpointProps,Transition,Tag}from'@xanui/core';import {placedMenu}from'./placedMenu.mjs';import Portal from'../Portal/index.mjs';import {getOrigin}from'./getOrigin.mjs';import ClickOutside from'../ClickOutside/index.mjs';const Menu = (_a) => {
+    var _b;
+    var { children, target } = _a, props = __rest(_a, ["children", "target"]);
+    let [{ onClickOutside, placement, zIndex, slotProps }] = useInterface("Menu", props, {});
+    const _p = {};
+    if (placement)
+        _p.placement = placement;
+    const p = useBreakpointProps(_p);
+    placement = p.placement;
+    const isOpen = Boolean(target);
+    const [closed, setClosed] = useState(!isOpen);
+    let id = "menu-" + useId().replace(":", "");
+    const [placed, setPlaced] = useState(placement);
+    placement = placement || "bottom-left";
+    useEffect(() => {
+        if (closed && isOpen) {
+            setClosed(false);
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        if (!closed) {
+            setTimeout(() => {
+                const ele = document.getElementById(id);
+                if (target && ele) {
+                    let p = placedMenu({
+                        place: placement,
+                        menu: ele,
+                        target
+                    });
+                    setPlaced(p);
+                }
+            }, 1);
+        }
+    }, [closed]);
+    if (closed)
+        return jsx(Fragment, {});
+    return (jsx(Portal, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.portal, { children: jsx(ClickOutside, Object.assign({ baseClass: "menu", id: id, sx: {
+                position: "fixed",
+                zIndex: 1500 + (zIndex || 0)
+            }, onClickOutside: () => {
+                onClickOutside && onClickOutside();
+            } }, { children: jsx(Transition, Object.assign({ duration: 200, easing: "easeInOut", variant: "grow" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.transition, { open: isOpen, onClosed: () => {
+                    var _a, _b;
+                    setClosed(true);
+                    ((_a = slotProps === null || slotProps === void 0 ? void 0 : slotProps.transition) === null || _a === void 0 ? void 0 : _a.onClosed) && ((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.transition) === null || _b === void 0 ? void 0 : _b.onClosed());
+                } }, { children: jsx(Tag, Object.assign({ baseClass: 'menu-content' }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content, { sxr: Object.assign({ overflow: "hidden", bgcolor: "background.primary", shadow: 5, radius: 1, transformOrigin: getOrigin(placed) || "top" }, (_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.content) === null || _b === void 0 ? void 0 : _b.sx) }, { children: children })) })) })) })));
+};export{Menu as default};//# sourceMappingURL=index.mjs.map

package/Menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/Menu/index.tsx"],"sourcesContent":["import { ReactNode, useEffect, useId, useState } from 'react'\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType, useInterface, TransitionProps, Transition } from \"@xanui/core\"\nimport { placedMenu, PlacementTypes } from \"./placedMenu\";\nimport Portal, { PortalProps } from \"../Portal\";\nimport { getOrigin } from './getOrigin';\nimport ClickOutside from '../ClickOutside';\n\n\nexport type MenuProps = {\n    children?: ReactNode;\n    target?: HTMLElement;\n    placement?: useBreakpointPropsType<PlacementTypes>;\n    zIndex?: number;\n    onClickOutside?: () => void;\n    slotProps?: {\n        transition?: Omit<TransitionProps, \"open\">;\n        portal?: Omit<PortalProps, \"children\">;\n        content?: Omit<TagProps<\"div\">, \"children\">;\n    }\n}\n\nconst Menu = ({ children, target, ...props }: MenuProps) => {\n    let [{ onClickOutside, placement, zIndex, slotProps }] = useInterface<any>(\"Menu\", props, {})\n    const _p: any = {}\n    if (placement) _p.placement = placement\n    const p: any = useBreakpointProps(_p)\n    placement = p.placement\n\n    const isOpen = Boolean(target)\n    const [closed, setClosed] = useState(!isOpen)\n    let id = \"menu-\" + useId().replace(\":\", \"\")\n    const [placed, setPlaced] = useState<any>(placement)\n    placement = placement || \"bottom-left\"\n\n    useEffect(() => {\n        if (closed && isOpen) {\n            setClosed(false)\n        }\n    }, [isOpen])\n\n    useEffect(() => {\n        if (!closed) {\n            setTimeout(() => {\n                const ele = document.getElementById(id)\n                if (target && ele) {\n                    let p = placedMenu({\n                        place: placement as any,\n                        menu: ele,\n                        target\n                    })\n                    setPlaced(p)\n                }\n            }, 1);\n        }\n    }, [closed])\n\n    if (closed) return <></>\n\n    return (\n        <Portal {...slotProps?.portal}>\n            <ClickOutside\n                baseClass=\"menu\"\n                id={id}\n                sx={{\n                    position: \"fixed\",\n                    zIndex: 1500 + (zIndex || 0)\n                }}\n                onClickOutside={() => {\n                    onClickOutside && onClickOutside()\n                }}\n            >\n                <Transition\n                    duration={200}\n                    easing=\"easeInOut\"\n                    variant=\"grow\"\n                    {...slotProps?.transition}\n                    open={isOpen}\n                    onClosed={() => {\n                        setClosed(true)\n                        slotProps?.transition?.onClosed && slotProps?.transition?.onClosed()\n                    }}\n                >\n                    <Tag\n                        baseClass='menu-content'\n                        {...slotProps?.content}\n                        sxr={{\n                            overflow: \"hidden\",\n                            bgcolor: \"background.primary\",\n                            shadow: 5,\n                            radius: 1,\n                            transformOrigin: getOrigin(placed) || \"top\",\n                            ...slotProps?.content?.sx\n                        }}\n                    >\n                        {children}\n                    </Tag>\n                </Transition>\n            </ClickOutside>\n        </Portal>\n    )\n}\n\nexport default Menu"],"names":["_jsx"],"mappings":"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"}

package/Menu/placedMenu.d.ts

@@ -0,0 +1,5 @@
+declare const placements: readonly ["top", "top-left", "top-right", "bottom", "bottom-left", "bottom-right", "right", "right-top", "right-bottom", "left", "left-top", "left-bottom"];
+type PlacementTypes = typeof placements[number];
+
+export { placements };
+export type { PlacementTypes };

package/Menu/placedMenu.js

@@ -0,0 +1,95 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});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;
+};exports.placedMenu=placedMenu;exports.placements=placements;//# sourceMappingURL=placedMenu.js.map

package/Menu/placedMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placedMenu.js","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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"}