@xanui/ui 1.1.8 → 1.1.10

package/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Drawer/index.tsx"],"sourcesContent":["\nimport { Renderar, Tag, TagProps, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Layer, { LayerProps } from '../Layer';\nimport ClickOutside, { ClickOutsideProps } from '../ClickOutside';\n\n\nexport type DrawerProps = Omit<LayerProps, \"transition\" | \"slotProps\"> & {\n    placement?: useBreakpointPropsType<\"left\" | \"right\" | \"bottom\" | \"top\">;\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    onClickOutside?: () => void;\n    slotProps?: {\n        layer?: Partial<Omit<LayerProps, \"children\">>\n        root?: TagProps<\"div\">;\n        content?: TagProps<\"div\">;\n        clickOutside?: Omit<ClickOutsideProps, \"children\" | \"onClickOutside\">;\n    }\n}\n\nconst getVariant = (placement?: any) => {\n    switch (placement) {\n        case \"right\":\n            return \"fadeLeft\"\n        case \"top\":\n            return \"fadeDown\"\n        case \"bottom\":\n            return \"fadeUp\"\n        default:\n            return \"fadeRight\"\n    }\n}\n\nconst Drawer = ({ children, placement, size, slotProps, onClickOutside, ...layerProps }: DrawerProps) => {\n    const _p: any = {}\n    if (placement) _p.placement = placement\n    if (size) _p.size = size\n    const p: any = useBreakpointProps(_p)\n\n    placement = p.placement ?? 'left'\n    size = p.size || \"medium\"\n\n    let isSide = placement === 'left' || placement === 'right'\n    let sizes: any = {\n        small: 200,\n        medium: 300,\n        large: 400\n    }\n\n    let _size = sizes[size as any] || size\n\n    return (\n        <Layer\n            {...layerProps}\n            {...slotProps?.layer}\n            transition={getVariant(placement)}\n        >\n            <Tag\n                {...slotProps?.root}\n                baseClass='drawer'\n                sxr={{\n                    width: \"100%\",\n                    height: \"100%\",\n                    display: \"flex\",\n                    direction: isSide ? \"row\" : \"column\" as any,\n                    justifyContent: placement === 'left' || placement === 'top' ? \"flex-start\" : \"flex-end\"\n                }}\n            >\n                <ClickOutside {...slotProps?.clickOutside} onClickOutside={onClickOutside || (() => { })}>\n                    <Tag\n                        sxr={{\n                            width: isSide ? _size : \"100%\",\n                            height: isSide ? \"100%\" : _size,\n                            bgcolor: \"background.primary\",\n                            shadow: 20\n                        }}\n                        baseClass='drawer-content'\n                    >\n                        {children}\n                    </Tag>\n                </ClickOutside>\n            </Tag>\n        </Layer>\n    )\n}\n\n\nDrawer.open = (children: DrawerProps[\"children\"], props?: Omit<DrawerProps, \"children\" | \"open\">) => {\n    const d = Renderar.render(Drawer as any, {\n        open: true,\n        ...props,\n        children,\n        onClosed: () => {\n            d.unrender()\n        },\n        onClickOutside: () => {\n            if (props?.onClickOutside) {\n                props.onClickOutside()\n            } else {\n                d.updateProps({ open: false })\n            }\n        }\n    })\n\n    return {\n        open: () => {\n            d.updateProps({ open: true })\n        },\n        close: () => {\n            d.updateProps({ open: false })\n        },\n    }\n}\n\nDrawer.close = () => {\n    Renderar.unrender(Drawer as any)\n}\n\nexport default Drawer"],"names":["__rest","useBreakpointProps","_jsx","Layer","Tag","ClickOutside","Renderar"],"mappings":"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"}

package/Form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Form/index.tsx"],"sourcesContent":["\nimport React, { useRef } from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type FormProps<T extends TagComponentType = \"form\"> = TagProps<T> & {\n\n}\n\n\nconst Form = React.forwardRef(<T extends TagComponentType = \"form\">({ children, ...rest }: FormProps<T>, ref: React.Ref<any>) => {\n    let formRef: any = ref || useRef(null)\n\n    const cloneAllChildren: any = (childs: any) => {\n        return React.Children.map(childs, (child: any) => {\n            let c: any = child;\n            if (React.isValidElement(child) && c.props.name) {\n                const form = formRef.current\n                const formData = new FormData(form);\n                return React.cloneElement(child, {\n                    onChange: () => {\n                        console.log(formData.get(c.props.name));\n                    },\n                    value: formData.get(c.props.name),\n                    children: cloneAllChildren(c.props.children),\n                } as any);\n            }\n            return child;\n        });\n    };\n\n    return (\n        <Tag\n            component=\"form\"\n            {...rest}\n            onSubmit={(e) => {\n                e.preventDefault()\n                const form = formRef.current\n\n                const formData = new FormData(form);\n\n                formData.forEach((value, key) => {\n                    console.log(key + \": \" + value);\n                });\n            }}\n            sxr={{\n                bgcolor: \"default\",\n                p: 2,\n                maxWidth: 400,\n                radius: 1,\n            }}\n            baseClass='form'\n            ref={formRef}\n        >\n            {cloneAllChildren(children)}\n        </Tag>\n    )\n})\n\nexport default Form\n\n"],"names":["__rest","useRef","_jsx","Tag"],"mappings":"4LASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAsC,EAAmC,EAAE,GAAmB,KAAI;AAA5D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACnF,IAAI,OAAO,GAAQ,GAAG,IAAIC,YAAM,CAAC,IAAI,CAAC;AAEtC,IAAA,MAAM,gBAAgB,GAAQ,CAAC,MAAW,KAAI;QAC1C,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,KAAU,KAAI;YAC7C,IAAI,CAAC,GAAQ,KAAK;AAClB,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE;AAC7C,gBAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,gBAAA,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC;AACnC,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC7B,QAAQ,EAAE,MAAK;AACX,wBAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBAC3C,CAAC;oBACD,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;oBACjC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AACxC,iBAAA,CAAC;YACb;AACA,YAAA,OAAO,KAAK;AAChB,QAAA,CAAC,CAAC;AACN,IAAA,CAAC;AAED,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,MAAM,EAAA,EACZ,IAAI,IACR,QAAQ,EAAE,CAAC,CAAC,KAAI;YACZ,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAE5B,YAAA,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC;YAEnC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,KAAI;gBAC5B,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AACnC,YAAA,CAAC,CAAC;QACN,CAAC,EACD,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,CAAC,EAAE,CAAC;AACJ,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,CAAC;AACZ,SAAA,EACD,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,OAAO,EAAA,QAAA,EAEX,gBAAgB,CAAC,QAAQ,CAAC,EAAA,CAAA,CACzB;AAEd,CAAC"}

package/GridContainer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/GridContainer/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type GridContainerProps<T extends TagComponentType = \"div\"> = TagProps<T>\nconst GridContainer = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: GridContainerProps<T>, ref?: React.Ref<any>) => {\n    return (\n        <Tag\n            {...rest}\n            sxr={{\n                display: \"flex\",\n                flexDirection: 'row',\n                flexWrap: 'wrap',\n                width: '100%',\n            }}\n            baseClass='grid-container'\n            ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default GridContainer"],"names":["__rest","_jsx","Tag"],"mappings":"4LAKA,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA4C,EAAE,GAAoB,KAAI;AAAtE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAkC,EAA7B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;AAC3F,IAAA,QACIC,cAAA,CAACC,QAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,KAAK,EAAE,MAAM;SAChB,EACD,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}

package/GridItem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/GridItem/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type GridItemProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    xs?: number;\n    sm?: number;\n    md?: number;\n    lg?: number;\n    xl?: number;\n}\n\nconst GridItem = React.forwardRef(<T extends TagComponentType = \"div\">({ children, xs, sm, md, lg, xl, ...rest }: GridItemProps<T>, ref?: React.Ref<any>) => {\n\n    let w: any = {}\n\n    xs && (w.xs = (100 / 12 * xs) + \"%\")\n    sm && (w.sm = (100 / 12 * sm) + \"%\")\n    md && (w.md = (100 / 12 * md) + \"%\")\n    lg && (w.lg = (100 / 12 * lg) + \"%\")\n    xl && (w.xl = (100 / 12 * xl) + \"%\")\n\n    return (\n        <Tag\n            ref={ref}\n            {...rest}\n            maxWidth={w}\n            flexBasis={w}\n            flexGrow={0}\n            baseClass=\"grid-item\"\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default GridItem"],"names":["__rest","_jsx","Tag"],"mappings":"4LAYA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA2D,EAAE,GAAoB,KAAI;AAArF,IAAA,IAAA,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAA,GAAA,EAA6B,EAAxB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAvC,0CAAyC,CAAF;IAE1G,IAAI,CAAC,GAAQ,EAAE;AAEf,IAAA,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC;AACpC,IAAA,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC;AACpC,IAAA,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC;AACpC,IAAA,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC;AACpC,IAAA,EAAE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC;AAEpC,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,GAAG,EAAE,GAAG,EAAA,EACJ,IAAI,EAAA,EACR,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,WAAW,EAAA,QAAA,EAEpB,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}

package/IconButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/IconButton/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useInterface, UseColorTemplateColor, UseColorTemplateType, useColorTemplate, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport useCorner from '../useCorner'\n\n\nexport type IconButtonProps<T extends TagComponentType = 'button'> = Omit<TagProps<T>, \"color\" | \"size\"> & {\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    corner?: useBreakpointPropsType<\"square\" | \"rounded\" | \"circle\">;\n}\n\nconst IconButton = React.forwardRef(<T extends TagComponentType = 'button'>({ children, ...rest }: IconButtonProps<T>, ref: React.Ref<any>) => {\n    rest.sx = (rest as any).sx || {};\n    let [{ variant, corner, color, size, ..._props }] = useInterface<any>(\"IconButton\", rest, {})\n\n    const _p: any = {}\n    if (size) _p.size = size\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    if (corner) _p.corner = corner\n    const p: any = useBreakpointProps(_p)\n\n    size = p.size ?? \"medium\"\n    color = p.color\n    variant = p.variant\n    corner = p.corner ?? \"circle\"\n\n    let template = useColorTemplate(color || \"brand\", variant || \"fill\")\n    const cornerCss = useCorner(corner)\n\n    if (size === 'small') {\n        size = 28\n    } else if (size === 'medium') {\n        size = 34\n    } else if (size === 'large') {\n        size = 52\n    }\n\n\n    return (\n        <Tag\n            component='button'\n            ref={ref}\n            {...cornerCss}\n            {..._props}\n            {...template.primary}\n            baseClass='icon-button'\n            sxr={{\n                border: 0,\n                radius: size,\n                height: size,\n                width: size,\n                cursor: \"pointer\",\n                fontFamily: \"inherit\",\n                display: \"inline-flex\",\n                flexDirection: \"row\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                bgcolor: \"transparent\",\n                fontSize: (size / 5) * 2,\n                \"& svg\": {\n                    fontSize: (size / 3) * 2\n                }\n            }}\n            hover={{\n                ...template.secondary,\n                ...((_props as any)?.hover || {})\n            }}\n        >\n            {children}\n        </Tag>\n    )\n})\n// const IconButton = forwardRef(_IconButton) as unknown as typeof _IconButton\nexport default IconButton\n"],"names":["__rest","useInterface","useBreakpointProps","useColorTemplate","useCorner","_jsx","Tag"],"mappings":"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"}

package/Image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Image/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useState } from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type ImageProps<T extends TagComponentType = \"img\"> = TagProps<T> & {\n    errorView?: ReactElement\n}\n\nconst Image = React.forwardRef(<T extends TagComponentType = \"img\">({ children, src, alt, errorView, ...rest }: ImageProps<T>, ref: any) => {\n    const [faild, setFaild] = useState<boolean>()\n\n    if (faild === false) {\n        let t = errorView || alt?.charAt(0).toUpperCase() || children\n        return (\n            <Tag\n                src={src}\n                {...rest as any}\n                sxr={{\n                    display: \"inline-flex\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                }}\n                component=\"div\"\n                baseClass='image'\n                ref={ref}\n            >{t}</Tag>\n        )\n    }\n    return (\n        <Tag\n            objectFit=\"cover\"\n            {...rest as any}\n            component=\"img\"\n            alt={alt}\n            src={src}\n            baseClass='image'\n            onError={(e) => {\n                setFaild(false)\n                rest.onError && rest.onError(e as any)\n            }}\n            ref={ref}\n        />\n    )\n})\n\nexport default Image\n\n\n"],"names":["__rest","useState","_jsx","Tag"],"mappings":"4LAQA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAyD,EAAE,GAAQ,KAAI;AAAvE,IAAA,IAAA,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAxC,CAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,WAAA,CAA0C,CAAF;IACxG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,EAAW;AAE7C,IAAA,IAAI,KAAK,KAAK,KAAK,EAAE;AACjB,QAAA,IAAI,CAAC,GAAG,SAAS,KAAI,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,MAAA,GAAA,MAAA,GAAH,GAAG,CAAE,MAAM,CAAC,CAAC,CAAA,CAAE,WAAW,EAAE,CAAA,IAAI,QAAQ;QAC7D,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,GAAG,EAAE,GAAG,EAAA,EACJ,IAAW,EAAA,EACf,GAAG,EAAE;AACD,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,cAAc,EAAE,QAAQ;AACxB,gBAAA,UAAU,EAAE,QAAQ;AACvB,aAAA,EACD,SAAS,EAAC,KAAK,EACf,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,CAAC,EAAA,CAAA,CAAO;IAElB;AACA,IAAA,QACID,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,OAAO,EAAA,EACb,IAAW,EAAA,EACf,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,KAAI;YACX,QAAQ,CAAC,KAAK,CAAC;YACf,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAQ,CAAC;AAC1C,QAAA,CAAC,EACD,GAAG,EAAE,GAAG,EAAA,CAAA,CACV;AAEV,CAAC"}

package/Input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Input/index.tsx"],"sourcesContent":["\nimport React, { MutableRefObject, ReactElement, useEffect, useMemo, useRef, useState } from 'react';\nimport { Tag, TagProps, TagComponentType, useInterface, UseColorTemplateColor, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Text from '../Text';\n\n\nexport type InputProps<T extends TagComponentType = \"input\"> = Omit<TagProps<T>, \"size\" | \"color\"> & {\n    startIcon?: useBreakpointPropsType<ReactElement>;\n    endIcon?: useBreakpointPropsType<ReactElement>;\n    iconPlacement?: useBreakpointPropsType<\"start\" | \"center\" | \"end\">;\n    focused?: boolean;\n    color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\n    containerRef?: MutableRefObject<HTMLDivElement | undefined>;\n    variant?: useBreakpointPropsType<\"fill\" | \"outline\" | \"text\">;\n    error?: boolean;\n    helperText?: useBreakpointPropsType<string>;\n    multiline?: boolean;\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\">;\n    rows?: useBreakpointPropsType<number>;\n    minRows?: useBreakpointPropsType<number>;\n    maxRows?: useBreakpointPropsType<number>;\n    slotProps?: {\n        container?: Omit<TagProps<\"div\">, \"children\">\n    }\n}\n\nconst Input = React.forwardRef(<T extends TagComponentType = \"input\">({ value, ...props }: InputProps<T>, ref?: React.Ref<any>) => {\n    let [{\n        startIcon,\n        endIcon,\n        iconPlacement,\n        onFocus,\n        color,\n        onBlur,\n        focused,\n        containerRef,\n        disabled,\n        variant,\n        error,\n        helperText,\n        multiline,\n        size,\n        rows,\n        minRows,\n        maxRows,\n        slotProps,\n        ...rest\n    }, theme] = useInterface<any>(\"Input\", props, {})\n    const _p: any = {}\n    if (startIcon) _p.startIcon = startIcon\n    if (endIcon) _p.endIcon = endIcon\n    if (iconPlacement) _p.iconPlacement = iconPlacement\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    if (helperText) _p.helperText = helperText\n    if (size) _p.size = size\n    if (rows) _p.rows = rows\n    if (minRows) _p.minRows = minRows\n    if (maxRows) _p.maxRows = maxRows\n    const p: any = useBreakpointProps(_p)\n    startIcon = p.startIcon\n    endIcon = p.endIcon\n    iconPlacement = p.iconPlacement\n    color = p.color ?? \"brand\"\n    variant = p.variant ?? \"fill\"\n    helperText = p.helperText\n    size = p.size ?? 'medium'\n    rows = p.rows\n    minRows = p.minRows\n    maxRows = p.maxRows\n\n    ref ??= useRef(null);\n    iconPlacement ??= multiline ? \"end\" : \"center\"\n    if (!value) iconPlacement = 'center'\n\n    const [_focused, setFocused] = useState(false)\n    const conRef: any = useRef(null)\n    let _focus = focused || _focused\n\n    useEffect(() => {\n        if (containerRef) {\n            (containerRef as any).current = conRef?.current\n        }\n    }, [containerRef])\n\n    let _rows = useMemo(() => {\n        if (rows) return rows\n        if (value && multiline) {\n            let lines = (value as string).split(`\\n`).length\n            if (minRows && minRows > lines) {\n                return minRows\n            } else if (maxRows && maxRows < lines) {\n                return maxRows\n            } else {\n                return lines\n            }\n        }\n    }, [value]) || 1\n\n    const sizes: any = {\n        small: {\n            height: 40,\n            gap: .5,\n            fontSize: 'button',\n        },\n        medium: {\n            height: 48,\n            gap: 1,\n            fontSize: \"text\"\n        },\n        large: {\n            height: 52,\n            gap: 1,\n            fontSize: 'big'\n        }\n    }\n\n    const _size = sizes[size]\n    let borderColor = _focus ? color : (variant === \"fill\" ? \"transparent\" : \"divider\")\n    borderColor = error ? \"danger.primary\" : borderColor\n    let multiprops: any = {}\n    if (multiline) {\n        multiprops = {\n            rows: _rows,\n            sx: {\n                resize: \"none\"\n            }\n        }\n    }\n\n    useEffect(() => {\n        if ((ref as any).current) {\n            (ref as any).current.style.height = \"auto\";\n            (ref as any).current.style.height = `${(ref as any).current.scrollHeight}px`;\n        }\n    }, [value]);\n\n    return (\n        <Tag\n            baseClass={`input${_focus ? \" input-focused\" : \"\"}`}\n        >\n            <Tag\n                {...slotProps?.container}\n                sxr={{\n                    display: \"flex\",\n                    flexDirection: \"row\",\n                    alignItems: iconPlacement === 'center' ? iconPlacement : `flex-${iconPlacement}`,\n                    flexWrap: \"nowrap\",\n                    minWidth: 150,\n                    transitionProperty: \"border, box-shadow, background\",\n                    bgcolor: error ? \"danger.soft.primary\" : variant === \"fill\" ? \"background.secondary\" : \"background.primary\",\n                    border: variant === \"text\" ? 0 : \"1px solid\",\n                    borderColor: borderColor,\n                    borderRadius: 1,\n                    px: 1,\n                    py: .5,\n                }}\n                baseClass='input-container'\n                disabled={disabled || false}\n                ref={conRef}\n                {..._size}\n                height={multiline ? \"auto\" : _size.height}\n                minHeight={_size.height}\n            >\n                {startIcon && <Tag\n                    sxr={{\n                        height: \"100%\",\n                        alignItems: 'center',\n                        justifyContent: \"center\",\n                        display: \"flex\",\n                        color: error ? \"danger.primary\" : \"text.secondary\",\n                    }}\n                    baseClass=\"input-start-icon\"\n                >{startIcon}</Tag>}\n                <Tag\n                    sxr={{\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        flex: 1,\n                        minHeight: _size.height,\n                        \"& textarea\": {\n                            resize: \"none\"\n                        },\n                        \"& input:-webkit-autofill,& input:-webkit-autofill:hover, & input:-webkit-autofill:focus,& input:-webkit-autofill:active\": {\n                            \"-webkit-text-fill-color\": \"text.primary\",\n                            \"box-shadow\": `0 0 0px 1000px ${variant === \"fill\" ? theme.colors.background.secondary : theme.colors.background.primary} inset`,\n                            transition: \"background-color 5000s ease-in-out 0s\"\n                        } as any\n                    }}\n                >\n                    <Tag\n                        component={multiline ? 'textarea' : 'input'}\n                        {...multiprops}\n                        {...rest}\n                        sxr={{\n                            border: 0,\n                            outline: 0,\n                            bgcolor: \"transparent\",\n                            color: error ? \"danger.primary\" : \"text.primary\",\n                            fontSize: _size.fontSize,\n                            height: multiline ? \"auto\" : _size.height + \"px!important\",\n                            width: \"100%\",\n                            maxHeight: 200,\n                        }}\n                        value={value}\n                        baseClass='input-box'\n                        ref={ref}\n                        onFocus={(e: any) => {\n                            focused ?? setFocused(true)\n                            onFocus && onFocus(e)\n                        }}\n                        onBlur={(e: any) => {\n                            focused ?? setFocused(false)\n                            onBlur && onBlur(e)\n                        }}\n                    />\n                </Tag>\n                {endIcon && <Tag\n                    sxr={{\n                        height: \"100%\",\n                        alignItems: 'center',\n                        justifyContent: \"center\",\n                        display: 'flex',\n                        color: error ? \"danger.primary\" : \"text.secondary\",\n                    }}\n                    baseClass=\"input-end-icon\"\n                >{endIcon}</Tag>}\n            </Tag>\n            {helperText && <Text\n                pl={.5}\n                height={_size.height}\n                className=\"input-helper-text\"\n                fontSize=\"small\"\n                color={error ? \"danger.primary\" : \"text.primary\"}\n            >{helperText}</Text>}\n        </Tag>\n    )\n})\n\nexport default Input\n"],"names":["__rest","useInterface","useBreakpointProps","useRef","useState","useEffect","useMemo","_jsxs","Tag","_jsx","Text"],"mappings":"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"}

package/Label/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Label/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type LabelProps<T extends TagComponentType = \"label\"> = TagProps<T>\n\nconst Label = React.forwardRef(<T extends TagComponentType = \"label\">({ children, ...rest }: LabelProps<T>, ref: React.Ref<any>) => {\n    return <Tag\n        component='label'\n        {...rest}\n        sxr={{\n            display: \"inline-flex\",\n            alignItems: \"center\",\n            verticalAlign: \"middle\",\n            fontSize: \"text\",\n            gap: .4,\n            color: \"text.primary\",\n            userSelect: \"none\",\n            cursor: \"pointer\",\n            fontWeight: \"500\",\n        }}\n        baseClass='label'\n        ref={ref}\n    >{children}</Tag>\n})\n\nexport default Label"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAoC,EAAE,GAAmB,KAAI;AAA7D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA0B,EAArB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACrF,OAAOC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACP,SAAS,EAAC,OAAO,EAAA,EACb,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,UAAU,EAAE,KAAK;SACpB,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AACrB,CAAC"}

package/Layer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Layer/index.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from 'react'\nimport { Tag, TagProps, useBreakpointProps, useBreakpointPropsType, useInterface, TransitionProps, Transition } from \"@xanui/core\"\nimport useBlurCss from '../useBlurCss';\nimport { Renderar } from \"@xanui/core\";\nimport ClickOutside, { ClickOutsideProps } from '../ClickOutside';\n\nexport type LayerProps = {\n    open: boolean;\n    children: ReactNode;\n    transition?: TransitionProps['variant'];\n    zIndex?: number;\n    blur?: useBreakpointPropsType<number>\n    blurMode?: useBreakpointPropsType<\"blur\" | \"transparent\">\n    onClickOutside?: () => void;\n    onOpen?: Function;\n    onOpened?: Function;\n    onClose?: Function;\n    onClosed?: Function;\n    slotProps?: {\n        root?: Omit<TagProps<\"div\">, \"children\">;\n        transition?: Omit<TransitionProps, \"children\" | \"open\" | \"variant\" | \"onClose\" | \"onClosed\" | \"onOpen\" | \"onOpened\">;\n        content?: Omit<TagProps<\"div\">, \"children\">;\n        clickOutside?: Omit<ClickOutsideProps, \"children\">;\n    }\n}\n\nconst Layer = ({ children, open, ...props }: LayerProps) => {\n    let [{\n        onClickOutside,\n        placement,\n        transition,\n        zIndex,\n        blur,\n        blurMode,\n        onOpen,\n        onOpened,\n        onClose,\n        onClosed,\n        slotProps\n    }] = useInterface<any>(\"Layer\", props, {})\n\n    const _p: any = {}\n    if (blur) _p.blur = blur\n    if (blurMode) _p.blurMode = blurMode\n    const p: any = useBreakpointProps(_p)\n\n    blur = p.blur\n    blurMode = p.blurMode\n\n    const [closed, setClosed] = useState(!open)\n    placement = placement || \"bottom-left\"\n    const blurCss = blur ? useBlurCss(blur, blurMode) : {}\n\n    useEffect(() => {\n        if (closed && open) {\n            setClosed(false)\n        }\n    }, [open])\n\n    if (closed) return <></>\n    let duration = slotProps?.transition?.duration || 300\n    let delay = slotProps?.transition?.delay || 0\n\n    return (\n        <Transition\n            duration={duration}\n            delay={delay}\n            easing=\"easeOut\"\n            variant={\"fade\"}\n            open={open}\n        >\n            <Tag\n                baseClass=\"layer\"\n                {...slotProps?.root}\n                sxr={{\n                    ...slotProps?.root?.sx,\n                    position: \"fixed\",\n                    zIndex: 1500 + (zIndex || 0),\n                    top: 0,\n                    left: 0,\n                    bottom: 0,\n                    right: 0,\n                    ...blurCss\n                }}\n            >\n                <ClickOutside\n                    {...slotProps?.clickOutside}\n                    onClickOutside={onClickOutside || (() => { })}\n                >\n                    <Transition\n                        duration={duration}\n                        delay={delay}\n                        easing=\"easeOut\"\n                        variant={transition || \"zoomOver\"}\n                        {...slotProps?.transition}\n                        open={open}\n                        onOpen={onOpen}\n                        onOpened={onOpened}\n                        onClose={onClose}\n                        onClosed={() => {\n                            setClosed(true)\n                            onClosed && onClosed()\n                        }}\n                    >\n                        {children}\n                    </Transition>\n                </ClickOutside>\n            </Tag>\n        </Transition>\n    )\n}\n\n\nLayer.open = (children: LayerProps['children'], props?: Partial<Omit<LayerProps, 'children'>>) => {\n    const l = Renderar.render(Layer as any, {\n        open: true,\n        ...props,\n        children,\n        onClosed: () => {\n            Renderar.unrender(Layer as any)\n            if (props?.onClosed) {\n                props.onClosed()\n            }\n        }\n    })\n    return {\n        open: () => {\n            l.updateProps({ open: true })\n        },\n        close: () => {\n            l.updateProps({ open: false })\n        },\n    }\n}\nLayer.close = () => {\n    Renderar.unrender(Layer as any)\n}\nexport default Layer"],"names":["__rest","useInterface","useBreakpointProps","useState","useBlurCss","useEffect","_jsx","Transition","Tag","ClickOutside","Renderar"],"mappings":"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"}

package/LineProgress/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/LineProgress/index.tsx"],"sourcesContent":["\nimport React, { ReactElement, useId } from \"react\"\nimport { Tag, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\n\nexport type LineProgressProps = {\n    children?: ReactElement;\n    thumbSize?: useBreakpointPropsType<number>;\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    value?: useBreakpointPropsType<number>;\n    hideTrack?: useBreakpointPropsType<boolean>;\n    speed?: useBreakpointPropsType<number>;\n}\n\n\nconst LineProgress = React.forwardRef(({ children, ...props }: LineProgressProps, ref: React.Ref<any>) => {\n    const uid = \"line-progress\" + useId().replace(\":\", \"\")\n    let [{ color, value, thumbSize, hideTrack, speed }] = useInterface<any>(\"LineProgress\", props, {})\n    const _p: any = {}\n    if (thumbSize) _p.thumbSize = thumbSize\n    if (color) _p.color = color\n    if (value) _p.value = value\n    if (hideTrack) _p.hideTrack = hideTrack\n    if (speed) _p.speed = speed\n    const p: any = useBreakpointProps(_p)\n\n    thumbSize = p.thumbSize ?? 4\n    color = p.color ?? \"brand\"\n    value = p.value\n    hideTrack = p.hideTrack\n    speed = p.speed\n\n    let isVal = typeof value === 'number'\n    if (isVal && (value as number) > 100) value = 100\n\n    return (\n        <Tag\n            baseClass='line-progress'\n            sxr={{\n                display: \"flex\",\n                alignItems: \"center\",\n                width: '100%',\n                height: thumbSize,\n                position: \"relative\",\n                overflow: \"hidden\",\n                bgcolor: hideTrack ? \"transparent\" : (color === 'default' ? `text.primary` : `${color}.soft.primary`),\n                radius: 2,\n            }}\n            ref={ref}\n        >\n            <Tag\n                component=\"span\"\n                baseClass=\"line-progress-thumb\"\n                sxr={{\n                    bgcolor: color === 'default' ? `divider` : `${color}`,\n                    width: isVal ? `${value}%` : \"50%\",\n                    height: thumbSize,\n                    position: \"absolute\",\n                    left: 0,\n                    animation: isVal ? \"none\" : `${uid} ${speed ?? 1}s linear infinite`,\n                    [`@keyframes ${uid}`]: {\n                        \"0%\": { left: \"-40%\" },\n                        \"50%\": { left: \"20%\", width: \"80%\" },\n                        \"100%\": { left: \"100%\", width: \"100%\" }\n                    }\n                }}\n            />\n        </Tag >\n    )\n})\n\nexport default LineProgress\n\n"],"names":["__rest","useId","useInterface","useBreakpointProps","_jsx","Tag"],"mappings":"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"}

package/List/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/List/index.tsx"],"sourcesContent":["\nimport React from 'react'\nimport { Tag, TagProps, TagComponentType, useInterface, useColorTemplate, UseColorTemplateType, UseColorTemplateColor, useBreakpointProps, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type ListProps<T extends TagComponentType = \"ul\"> = Omit<TagProps<T>, 'color'> & {\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\n    hoverColor?: useBreakpointPropsType<UseColorTemplateColor>;\n    hoverVariant?: useBreakpointPropsType<UseColorTemplateType>;\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 ?? \"soft\"\n\n    const template = useColorTemplate(color, variant)\n    const hoverTemplate = useColorTemplate(hoverColor, hoverVariant)\n\n    let sxOutline: any = {}\n    if (hoverVariant == 'outline' || variant === 'outline') {\n        sxOutline = {\n            \"& .list-item\": {\n                border: \"1px solid\",\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.primary,\n                    \"& .list-item-icon\": {\n                        color: hoverTemplate.primary.color\n                    },\n                    \"& .list-item-text\": {\n                        color: hoverTemplate.primary.color\n                    },\n                    \"& .list-item-subtitle\": {\n                        color: hoverColor === 'default' ? \"text.secondary\" : hoverTemplate.primary.color\n                    },\n                },\n                \"& .xui-list-item.list-item-selected\": {\n                    ...template.primary,\n                    \"& .list-item-icon\": {\n                        color: template.primary.color\n                    },\n                    \"& .list-item-text\": {\n                        color: template.primary.color\n                    },\n                    \"& .list-item-subtitle\": {\n                        color: template.primary.color\n                    },\n                },\n                ...(sx || {} as any)\n            }}\n            ref={ref}\n        >\n            {children}\n        </Tag>\n    )\n})\n\nexport default List"],"names":["__rest","useInterface","useBreakpointProps","useColorTemplate","_jsx","Tag"],"mappings":"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"}

package/ListItem/index.js.map

@@ -1 +0,0 @@
-{"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":"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"}

package/LoadingBox/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/LoadingBox/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, 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<UseColorTemplateColor>;\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                overflow: \"hidden\",\n                ...((rest as any).sx || {})\n            }}\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                }}\n            >\n                <CircleProgress\n                    color=\"brand\"\n                    hideTrack\n                    {...slotProps?.CircleProgress}\n                />\n            </Tag>}\n            <Tag\n                disabled={loading}\n            >\n                {children}\n            </Tag>\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,gBAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACA,SAAS,EAAC,aAAa,IACnB,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,QAAQ,KACb,IAAY,CAAC,EAAE,IAAI,EAAE,EAAC,EAE/B,GAAG,EAAE,GAAG,aAEP,OAAO,IAAIC,eAACD,QAAG,EAAA,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;AACvB,iBAAA,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,uBAAT,SAAS,CAAE,cAAc,CAAA,CAC/B,EAAA,CACA,EACND,cAAA,CAACD,QAAG,EAAA,EACA,QAAQ,EAAE,OAAO,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACP,CAAA,EAAA,CAAA,CACJ;AAEd,CAAC"}

package/Menu/getOrigin.js

@@ -1,42 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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;IACxB,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;;AAER,IAAA,OAAO,OAAO;AAClB"}

package/Menu/getOrigin.mjs

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;IACxB,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;;AAER,IAAA,OAAO,OAAO;AAClB"}

package/Menu/index.js

@@ -1,47 +0,0 @@
-'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, { onClickOutside: () => {
-                onClickOutside && onClickOutside();
-            }, children: jsxRuntime.jsx(core.Tag, { baseClass: "menu", id: id, sx: {
-                    position: "fixed",
-                    zIndex: 1500 + (zIndex || 0)
-                }, 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: 10, 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

@@ -1 +0,0 @@
-{"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                onClickOutside={() => {\n                    onClickOutside && onClickOutside()\n                }}\n            >\n                <Tag\n                    baseClass=\"menu\"\n                    id={id}\n                    sx={{\n                        position: \"fixed\",\n                        zIndex: 1500 + (zIndex || 0)\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: 10,\n                                radius: 1,\n                                transformOrigin: getOrigin(placed) || \"top\",\n                                ...slotProps?.content?.sx\n                            }}\n                        >\n                            {children}\n                        </Tag>\n                    </Transition>\n                </Tag>\n            </ClickOutside>\n        </Portal>\n    )\n}\n\nexport default Menu"],"names":["__rest","useInterface","useBreakpointProps","useState","useId","useEffect","placedMenu","_jsx","Portal","ClickOutside","Tag","Transition","getOrigin"],"mappings":"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"}

package/Menu/placedMenu.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,95 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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":"sEAEO,MAAM,UAAU,GAAG;IACtB,KAAK;IACL,UAAU;IACV,WAAW;IACX,QAAQ;IACR,aAAa;IACb,cAAc;IACd,OAAO;IACP,WAAW;IACX,cAAc;IACd,MAAM;IACN,UAAU;IACV;;AAMJ,MAAM,WAAW,GAAG,CAAC,IAAiB,KAAI;AACtC,IAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE;IAC5D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW;AAC7F,CAAC;AASD,IAAI,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAS,KAAI;IAE/C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE;AACtD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,qBAAqB,EAAE;IACrD,IAAI,SAAS,GAAG,cAAc,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO;IACnD,IAAI,YAAY,GAAG,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO;IACzD,IAAI,UAAU,GAAG,cAAc,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;IACrD,IAAI,WAAW,GAAG,cAAc,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO;AAEvD,IAAA,MAAM,OAAO,GAAG;QACZ,KAAK,EAAE,MAAK;YACR,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAA,EAAA,CAAI;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,UAAU,IAAI,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;QACpF,CAAC;QACD,UAAU,EAAE,MAAK;YACb,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAA,EAAA,CAAI;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,IAAI;QACvC,CAAC;QACD,WAAW,EAAE,MAAK;YACd,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,SAAS,GAAG,MAAM,CAAA,EAAA,CAAI;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,WAAW,GAAG,KAAK,CAAA,EAAA,CAAI;QAChD,CAAC;QACD,QAAQ,EAAE,MAAK;YACX,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,YAAY,IAAI;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,UAAU,IAAI,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;QACpF,CAAC;QACD,aAAa,EAAE,MAAK;YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,YAAY,IAAI;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,UAAU,IAAI;QACvC,CAAC;QACD,cAAc,EAAE,MAAK;YACjB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,YAAY,IAAI;YACpC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,WAAW,GAAG,KAAK,CAAA,EAAA,CAAI;QAChD,CAAC;QACD,OAAO,EAAE,MAAK;YACV,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;YAChF,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,WAAW,IAAI;QACxC,CAAC;QACD,WAAW,EAAE,MAAK;YACd,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,SAAS,IAAI;YACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,WAAW,IAAI;QACxC,CAAC;QACD,cAAc,EAAE,MAAK;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,IAAI,MAAM,IAAI;YACpE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,WAAW,IAAI;QACxC,CAAC;QACD,MAAM,EAAE,MAAK;YACT,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,GAAG,KAAK,CAAA,EAAA,CAAI;YAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,SAAS,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;QACpF,CAAC;QACD,UAAU,EAAE,MAAK;YACb,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,SAAS,IAAI;YACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,GAAG,KAAK,CAAA,EAAA,CAAI;QAC/C,CAAC;QACD,aAAa,EAAE,MAAK;YAChB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,YAAY,GAAG,MAAM,CAAA,EAAA,CAAI;YAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,GAAG,KAAK,CAAA,EAAA,CAAI;QAC/C;KACH;IACD,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;AACtC,CAAC;AAEM,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAS,KAAI;IACzD,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAClC,IAAA,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE;QACnB,IAAI,eAAe,GAAG,KAAK;AAC3B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,IAAI,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC;YAC1B,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;gBACpB,eAAe,GAAG,IAAI;AACtB,gBAAA,OAAO,MAAM;YACjB;QACJ;QACA,IAAI,CAAC,eAAe,EAAE;YAClB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACtC;IACJ;AACA,IAAA,OAAO,KAAK;AAChB"}

package/Menu/placedMenu.mjs

@@ -1,95 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/Modal/index.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef } from \"react\";\nimport useModal, { UseModalProps } from \"../useModal\";\nimport { Renderar, Tag } from \"@xanui/core\";\n\nexport type ModalProps = UseModalProps & {\n   children: ReactNode;\n   open: boolean;\n}\n\nconst Modal = ({ children, open, ...props }: ModalProps) => {\n   const ref = useRef<HTMLDivElement>(null);\n\n   const modal = useModal(<>{children}</>, {\n      ...props,\n      onClickOutside: () => {\n         if (props?.onClickOutside) {\n            props.onClickOutside()\n         }\n      },\n      slotProps: {\n         layer: {\n            portal: {\n               container: ref?.current || undefined\n            }\n         }\n      }\n   })\n\n   useEffect(() => {\n      if (open) {\n         modal.open()\n      } else {\n         modal.close()\n      }\n   }, [open])\n   return <Tag ref={ref}></Tag>\n}\n\nconst ActionModal = ({ children, ...props }: ModalProps) => {\n   return (\n      <Modal {...props}>\n         {children}\n      </Modal>\n   )\n}\n\nModal.open = (children: ModalProps['children'], props?: Omit<ModalProps, 'children'>) => {\n   const m = Renderar.render(ActionModal as any, {\n      open: true,\n      ...props,\n      children,\n      onClosed: () => {\n         m.unrender()\n         if (props?.onClosed) {\n            props.onClosed()\n         }\n      }\n   })\n\n   return {\n      open: () => {\n         m.updateProps({ open: true })\n      },\n      close: () => {\n         m.updateProps({ open: false })\n      },\n   }\n};\n\nModal.close = () => {\n   Renderar.unrender(ActionModal as any)\n}\n\nexport default Modal;"],"names":["__rest","useRef","useModal","_jsx","_Fragment","useEffect","Tag","Renderar"],"mappings":"kOASA,MAAM,KAAK,GAAG,CAAC,EAAwC,KAAI;QAA5C,EAAE,QAAQ,EAAE,IAAI,EAAA,GAAA,EAAwB,EAAnB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA1B,oBAA4B,CAAF;AACtC,IAAA,MAAM,GAAG,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAExC,IAAA,MAAM,KAAK,GAAGC,aAAQ,CAACC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAChC,KAAK,CAAA,EAAA,EACR,cAAc,EAAE,MAAK;YAClB,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;YACzB;QACH,CAAC,EACD,SAAS,EAAE;AACR,YAAA,KAAK,EAAE;AACJ,gBAAA,MAAM,EAAE;oBACL,SAAS,EAAE,CAAA,GAAG,KAAA,IAAA,IAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI;AAC7B;AACH;AACH,SAAA,EAAA,CAAA,CACF;IAEFC,eAAS,CAAC,MAAK;QACZ,IAAI,IAAI,EAAE;YACP,KAAK,CAAC,IAAI,EAAE;QACf;aAAO;YACJ,KAAK,CAAC,KAAK,EAAE;QAChB;AACH,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACV,IAAA,OAAOF,eAACG,QAAG,EAAA,EAAC,GAAG,EAAE,GAAG,GAAQ;AAC/B;AAEA,MAAM,WAAW,GAAG,CAAC,EAAkC,KAAI;AAAtC,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAwB,EAAnB,KAAK,GAAAN,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACtC,QACGG,eAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAA,QAAA,EACZ,QAAQ,EAAA,CAAA,CACJ;AAEd,CAAC;AAED,KAAK,CAAC,IAAI,GAAG,CAAC,QAAgC,EAAE,KAAoC,KAAI;AACrF,IAAA,MAAM,CAAC,GAAGI,aAAQ,CAAC,MAAM,CAAC,WAAkB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACzC,IAAI,EAAE,IAAI,EAAA,EACP,KAAK,CAAA,EAAA,EACR,QAAQ,EACR,QAAQ,EAAE,MAAK;YACZ,CAAC,CAAC,QAAQ,EAAE;YACZ,IAAI,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,EAAE;YACnB;AACH,QAAA,CAAC,IACF;IAEF,OAAO;QACJ,IAAI,EAAE,MAAK;YACR,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAChC,CAAC;QACD,KAAK,EAAE,MAAK;YACT,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACjC,CAAC;KACH;AACJ,CAAC;AAED,KAAK,CAAC,KAAK,GAAG,MAAK;AAChB,IAAAA,aAAQ,CAAC,QAAQ,CAAC,WAAkB,CAAC;AACxC,CAAC"}