@xanui/ui 1.1.35 → 1.1.37

package/Checkbox/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Checkbox/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useState, ReactElement } from 'react';\r\nimport { Tag, useInterface, UseColorTemplateColor, TagProps, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\nimport CheckIcon from '@xanui/icons/CheckBox'\r\nimport UnCheckIcon from '@xanui/icons/CheckBoxOutlineBlank'\r\nimport IndeterminateCheckBoxIcon from '@xanui/icons/IndeterminateCheckBox';\r\n\r\n\r\nexport type CheckboxProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\r\n    checkIcon?: useBreakpointPropsType<ReactElement>;\r\n    uncheckIcon?: useBreakpointPropsType<ReactElement>;\r\n    indeterminate?: useBreakpointPropsType<boolean>;\r\n    checked?: boolean;\r\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n}\r\n\r\nconst Checkbox = React.forwardRef((props: CheckboxProps, ref?: React.Ref<any>) => {\r\n    let [{ color, size, checkIcon, uncheckIcon, checked, indeterminate, disabled, onChange, ...rest }] = useInterface<any>(\"Checkbox\", props, {})\r\n    const _p: any = {}\r\n    if (checkIcon) _p.checkIcon = checkIcon\r\n    if (uncheckIcon) _p.uncheckIcon = uncheckIcon\r\n    if (indeterminate) _p.indeterminate = indeterminate\r\n    if (size) _p.size = size\r\n    if (color) _p.color = color\r\n    const p: any = useBreakpointProps(_p)\r\n\r\n    checkIcon = p.checkIcon\r\n    uncheckIcon = p.uncheckIcon\r\n    indeterminate = p.indeterminate\r\n    size = p.size\r\n    color = p.color\r\n\r\n    const [c, set] = useState(false)\r\n    checked ??= c\r\n    size ??= \"medium\"\r\n    color ??= \"brand\"\r\n\r\n    onChange = onChange || (() => set(!c));\r\n    if (indeterminate) {\r\n        checked = true\r\n        checkIcon = <IndeterminateCheckBoxIcon />\r\n    }\r\n\r\n    let sizes: any = {\r\n        small: 22,\r\n        medium: 24,\r\n        large: 32\r\n    }\r\n\r\n    if (typeof size === 'string' && sizes[size]) {\r\n        size = sizes[size]\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Tag\r\n                baseClass='checkbox'\r\n                onClick={() => {\r\n                    onChange && onChange()\r\n                }}\r\n                sxr={{\r\n                    height: size,\r\n                    width: size,\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    color: checked ? color : \"text.secondary\",\r\n                    cursor: \"pointer\",\r\n                    disabled: disabled,\r\n                    \"& svg\": {\r\n                        fontSize: size\r\n                    },\r\n                    ...rest?.sx\r\n                }}\r\n            >\r\n                {checked ? (checkIcon || <CheckIcon />) : (uncheckIcon || <UnCheckIcon />)}\r\n            </Tag>\r\n            <Tag\r\n                {...rest}\r\n                component='input'\r\n                ref={ref}\r\n                readOnly\r\n                type=\"checkbox\"\r\n                checked={checked}\r\n                sxr={{\r\n                    display: \"none!important\"\r\n                }}\r\n            />\r\n        </>\r\n    )\r\n})\r\n\r\nexport default Checkbox\r\n"],"names":[],"mappings":";;;;;;;;;AAiBA;AACI;;AAEA;AAAe;AACf;AAAiB;AACjB;AAAmB;AACnB;AAAU;AACV;AAAW;AACX;AAEA;AACA;AACA;AACA;AACA;;;;;AAOA;;;AAGI;;AAGJ;AACI;AACA;AACA;;;AAIA;;AAGJ;;;AAiBoB;;AAeJ;;AAKpB;;"}

package/Chip/index.mjs

@@ -1,74 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { useInterface, useBreakpointProps, useColorTemplate, Tag } from '@xanui/core';
-import useCorner from '../useCorner/index.mjs';
-
-const Chip = React.forwardRef((props, ref) => {
-    let [_a] = useInterface("Chip", props, {}), { label, variant, startIcon, endIcon, color, corner, size } = _a, rest = __rest(_a, ["label", "variant", "startIcon", "endIcon", "color", "corner", "size"]);
-    const _p = {};
-    if (label)
-        _p.label = label;
-    if (startIcon)
-        _p.startIcon = startIcon;
-    if (endIcon)
-        _p.endIcon = endIcon;
-    if (color)
-        _p.color = color;
-    if (variant)
-        _p.variant = variant;
-    if (corner)
-        _p.corner = corner;
-    if (size)
-        _p.size = size;
-    const p = useBreakpointProps(_p);
-    label = p.label;
-    startIcon = p.startIcon;
-    endIcon = p.endIcon;
-    color = p.color || "brand";
-    variant = p.variant || "fill";
-    corner = p.corner || "circle";
-    size = p.size || "medium";
-    rest.sx = rest.sx || {};
-    const cornerCss = useCorner(corner);
-    const template = useColorTemplate(color, variant);
-    const sizes = {
-        small: {
-            height: 24,
-            gap: .5,
-            px: startIcon || endIcon ? .8 : 1,
-            fontSize: "small"
-        },
-        medium: {
-            height: 32,
-            gap: 1,
-            px: startIcon || endIcon ? .8 : 1.5,
-            fontSize: 'button',
-        },
-        large: {
-            height: 40,
-            fontSize: 'text',
-            gap: 1,
-            px: startIcon || endIcon ? .8 : 1.5,
-        }
-    };
-    return (jsxs(Tag, Object.assign({}, cornerCss, template.primary, (sizes[size] || {}), rest, { sxr: {
-            display: "inline-flex",
-            flexDirection: "row",
-            alignItems: "center",
-            transition: "background .3s",
-            overflow: "hidden",
-            "&  > *": {
-                flex: "0 0 auto",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                overflow: "hidden",
-            },
-        }, baseClass: 'chip', ref: ref, children: [startIcon, jsx(Tag, { sxr: {
-                    alignItems: "center",
-                    flexBox: true
-                }, children: label }), endIcon] })));
-});
-
-export { Chip as default };
-//# sourceMappingURL=index.mjs.map

package/Chip/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Chip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface, useColorTemplate, UseColorTemplateColor, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\nimport useCorner, { UseCornerTypes } from '../useCorner'\r\n\r\n\r\n\r\nexport type ChipProps<T extends TagComponentType = 'div'> = Omit<TagProps<T>, \"color\" | \"children\" | \"size\"> & {\r\n    label: useBreakpointPropsType<string | ReactElement>;\r\n    startIcon?: useBreakpointPropsType<ReactElement>;\r\n    endIcon?: useBreakpointPropsType<ReactElement>;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    variant?: useBreakpointPropsType<UseColorTemplateType>;\r\n    corner?: useBreakpointPropsType<UseCornerTypes>;\r\n    size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\">;\r\n}\r\n\r\n\r\nconst Chip = React.forwardRef(<T extends TagComponentType = 'div'>(props: ChipProps<T>, ref: React.Ref<any>) => {\r\n    let [{ label, variant, startIcon, endIcon, color, corner, size, ...rest }] = useInterface<any>(\"Chip\", props, {})\r\n    const _p: any = {}\r\n    if (label) _p.label = label\r\n    if (startIcon) _p.startIcon = startIcon\r\n    if (endIcon) _p.endIcon = endIcon\r\n    if (color) _p.color = color\r\n    if (variant) _p.variant = variant\r\n    if (corner) _p.corner = corner\r\n    if (size) _p.size = size\r\n    const p: any = useBreakpointProps(_p)\r\n\r\n    label = p.label\r\n    startIcon = p.startIcon\r\n    endIcon = p.endIcon\r\n    color = p.color || \"brand\"\r\n    variant = p.variant || \"fill\"\r\n    corner = p.corner || \"circle\"\r\n    size = p.size || \"medium\"\r\n    rest.sx = (rest as any).sx || {};\r\n\r\n    const cornerCss = useCorner(corner)\r\n    const template = useColorTemplate(color, variant)\r\n\r\n    const sizes: any = {\r\n        small: {\r\n            height: 24,\r\n            gap: .5,\r\n            px: startIcon || endIcon ? .8 : 1,\r\n            fontSize: \"small\"\r\n        },\r\n        medium: {\r\n            height: 32,\r\n            gap: 1,\r\n            px: startIcon || endIcon ? .8 : 1.5,\r\n            fontSize: 'button',\r\n        },\r\n        large: {\r\n            height: 40,\r\n            fontSize: 'text',\r\n            gap: 1,\r\n            px: startIcon || endIcon ? .8 : 1.5,\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            {...cornerCss}\r\n            {...template.primary}\r\n            {...(sizes[size as any] || {})}\r\n            {...rest}\r\n            sxr={{\r\n                display: \"inline-flex\",\r\n                flexDirection: \"row\",\r\n                alignItems: \"center\",\r\n                transition: \"background .3s\",\r\n                overflow: \"hidden\",\r\n\r\n                \"&  > *\": {\r\n                    flex: \"0 0 auto\",\r\n                    textOverflow: \"ellipsis\",\r\n                    whiteSpace: \"nowrap\",\r\n                    overflow: \"hidden\",\r\n                },\r\n            }}\r\n            baseClass='chip'\r\n            ref={ref}\r\n        >\r\n            {startIcon}\r\n            <Tag\r\n                sxr={{\r\n                    alignItems: \"center\",\r\n                    flexBox: true\r\n                }}\r\n            >{label}</Tag>\r\n            {endIcon}\r\n        </Tag>\r\n    )\r\n})\r\n\r\nexport default Chip\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAiBA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,KAAmB,EAAE,GAAmB,KAAI;AAC3G,IAAA,IAAI,CAAA,EAAA,CAAA,GAAyE,YAAY,CAAM,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,EAA5G,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAA,GAAA,EAAW,EAAN,IAAI,GAAA,MAAA,CAAA,EAAA,EAAlE,CAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,CAAoE,CAAwC;IACjH,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,IAAI,MAAM;AAAE,QAAA,EAAE,CAAC,MAAM,GAAG,MAAM;AAC9B,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AAErC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,SAAS,GAAG,CAAC,CAAC,SAAS;AACvB,IAAA,OAAO,GAAG,CAAC,CAAC,OAAO;AACnB,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK,IAAI,OAAO;AAC1B,IAAA,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,MAAM;AAC7B,IAAA,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,QAAQ;AAC7B,IAAA,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,QAAQ;IACzB,IAAI,CAAC,EAAE,GAAI,IAAY,CAAC,EAAE,IAAI,EAAE;AAEhC,IAAA,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC;IACnC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC;AAEjD,IAAA,MAAM,KAAK,GAAQ;AACf,QAAA,KAAK,EAAE;AACH,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,GAAG,EAAE,EAAE;YACP,EAAE,EAAE,SAAS,IAAI,OAAO,GAAG,EAAE,GAAG,CAAC;AACjC,YAAA,QAAQ,EAAE;AACb,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,GAAG,EAAE,CAAC;YACN,EAAE,EAAE,SAAS,IAAI,OAAO,GAAG,EAAE,GAAG,GAAG;AACnC,YAAA,QAAQ,EAAE,QAAQ;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACH,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,GAAG,EAAE,CAAC;YACN,EAAE,EAAE,SAAS,IAAI,OAAO,GAAG,EAAE,GAAG,GAAG;AACtC;KACJ;IAED,QACIA,KAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,SAAS,EACT,QAAQ,CAAC,OAAO,GACf,KAAK,CAAC,IAAW,CAAC,IAAI,EAAE,GACzB,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,gBAAgB;AAC5B,YAAA,QAAQ,EAAE,QAAQ;AAElB,YAAA,QAAQ,EAAE;AACN,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,YAAY,EAAE,UAAU;AACxB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,QAAQ,EAAE,QAAQ;AACrB,aAAA;AACJ,SAAA,EACD,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,SAAS,EACVC,GAAA,CAAC,GAAG,EAAA,EACA,GAAG,EAAE;AACD,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,OAAO,EAAE;AACZ,iBAAA,EAAA,QAAA,EACH,KAAK,EAAA,CAAO,EACb,OAAO,CAAA,EAAA,CAAA,CACN;AAEd,CAAC;;;;"}

package/CircleProgress/index.mjs

@@ -1,127 +0,0 @@
-"use client";
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId } from 'react';
-import { useInterface, useBreakpointProps, Tag } from '@xanui/core';
-
-const CircleProgress = React.forwardRef((_a, ref) => {
-    var _b, _c, _d, _e;
-    var { children } = _a, props = __rest(_a, ["children"]);
-    let [{ color, trackColor, thumbColor, size, value, thumbSize, hideTrack, trackSize, showPercentage, speed }] = useInterface("CircleProgress", props, {});
-    const _p = {};
-    if (color)
-        _p.color = color;
-    if (trackColor)
-        _p.trackColor = trackColor;
-    if (thumbColor)
-        _p.thumbColor = thumbColor;
-    if (size)
-        _p.size = size;
-    if (thumbSize)
-        _p.thumbSize = thumbSize;
-    if (trackSize)
-        _p.trackSize = trackSize;
-    if (value)
-        _p.value = value;
-    if (hideTrack)
-        _p.hideTrack = hideTrack;
-    if (showPercentage)
-        _p.showPercentage = showPercentage;
-    if (speed)
-        _p.speed = speed;
-    const p = useBreakpointProps(_p);
-    color = (_b = p.color) !== null && _b !== void 0 ? _b : "brand";
-    trackColor = p.trackColor;
-    thumbColor = p.thumbColor;
-    size = (_c = p.size) !== null && _c !== void 0 ? _c : "medium";
-    thumbSize = (_d = p.thumbSize) !== null && _d !== void 0 ? _d : 4;
-    trackSize = p.trackSize;
-    value = p.value;
-    hideTrack = p.hideTrack;
-    showPercentage = p.showPercentage;
-    speed = (_e = p.speed) !== null && _e !== void 0 ? _e : 1.3;
-    if (trackColor === 'default') {
-        trackColor = "divider";
-    }
-    if (thumbColor === 'default') {
-        thumbColor = "divider.secondary";
-    }
-    let sizes = {
-        small: 24,
-        medium: 32,
-        large: 44
-    };
-    if (typeof size === 'string' && sizes[size]) {
-        size = sizes[size];
-    }
-    let isVal = typeof value === 'number';
-    const animrotate = "anim" + useId().replace(":", "");
-    const animdash = "anim" + useId().replace(":", "");
-    if (isVal && value > 100)
-        value = 100;
-    const circumference = 125.66370614359172; //radius * 2 * Math.PI
-    const percent = circumference - ((value || 0) / 100) * circumference;
-    if (showPercentage && !children) {
-        children = jsxs(Tag, { sxr: {
-                color: color === 'default' ? "text.primary" : `${color}.primary`,
-                fontSize: size / 4
-            }, children: [value, "%"] });
-    }
-    return (jsxs(Tag, { baseClass: 'circle-progress', sxr: {
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: "center",
-            "& svg[class='circle-progress-svg']": {
-                zIndex: 1,
-                position: "absolute",
-                top: 0,
-                left: 0,
-                width: "100%",
-                height: "100%",
-                transform: isVal ? "rotate(-90deg)" : "none",
-                transformOrigin: isVal ? "center" : "initial",
-                animation: isVal ? "none" : `${animrotate} ${speed}s linear infinite`,
-                [`@keyframes ${animrotate}`]: {
-                    "100%": {
-                        transform: "rotate(360deg)"
-                    }
-                },
-                "& circle.circle-progress-thumb": {
-                    strokeDasharray: circumference,
-                    strokeDashoffset: percent,
-                    stroke: thumbColor || (color === 'default' ? `divider` : `${color}.primary`),
-                    fill: "none",
-                    strokeWidth: thumbSize,
-                    strokeLinecap: "round",
-                    animation: isVal ? "none" : `${animdash} ${speed}s ease-in-out infinite`,
-                    [`@keyframes ${animdash}`]: {
-                        "0%": { strokeDasharray: "1, 150", strokeDashoffset: 0 },
-                        "50%": { strokeDasharray: "90, 150", strokeDashoffset: -35 },
-                        "100%": { strokeDasharray: "90, 150", strokeDashoffset: -124 }
-                    }
-                },
-                "& circle.circle-progress-track": {
-                    fill: "none",
-                    stroke: trackColor || (color === 'default' ? `text.primary` : `${color}.soft.secondary`),
-                    strokeWidth: trackSize !== null && trackSize !== void 0 ? trackSize : thumbSize,
-                }
-            },
-            width: size,
-            height: size,
-            position: "relative"
-        }, ref: ref, children: [jsxs("svg", { viewBox: "0 0 50 50", className: "circle-progress-svg", children: [!hideTrack && jsx("circle", { className: "circle-progress-track", cx: "25", cy: "25", r: 20 }), jsx("circle", { className: "circle-progress-thumb", cx: "25", cy: "25", r: 20 })] }), !!children && jsx(Tag, { baseClass: "circle-progress-content", sxr: {
-                    zIndex: 2,
-                    width: size - thumbSize,
-                    height: size - thumbSize,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    '& *': {
-                        maxWidth: size - (thumbSize + 8),
-                        maxHeight: size - (thumbSize + 8),
-                    }
-                }, children: children })] }));
-});
-
-export { CircleProgress as default };
-//# sourceMappingURL=index.mjs.map

package/CircleProgress/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/CircleProgress/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { ReactElement, useId } from \"react\"\r\nimport { Tag, UseColorTemplateColor, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\nexport type CircleProgressProps = {\r\n    children?: ReactElement;\r\n    color?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    trackColor?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    thumbColor?: useBreakpointPropsType<UseColorTemplateColor>;\r\n    size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\r\n    thumbSize?: useBreakpointPropsType<number>;\r\n    trackSize?: useBreakpointPropsType<number>;\r\n    value?: useBreakpointPropsType<number>;\r\n    hideTrack?: useBreakpointPropsType<boolean>;\r\n    showPercentage?: useBreakpointPropsType<boolean>;\r\n    speed?: useBreakpointPropsType<number>;\r\n}\r\n\r\nconst CircleProgress = React.forwardRef(({ children, ...props }: CircleProgressProps, ref: React.Ref<any>) => {\r\n    let [{ color, trackColor, thumbColor, size, value, thumbSize, hideTrack, trackSize, showPercentage, speed }] = useInterface<any>(\"CircleProgress\", props, {})\r\n    const _p: any = {}\r\n    if (color) _p.color = color\r\n    if (trackColor) _p.trackColor = trackColor\r\n    if (thumbColor) _p.thumbColor = thumbColor\r\n    if (size) _p.size = size\r\n    if (thumbSize) _p.thumbSize = thumbSize\r\n    if (trackSize) _p.trackSize = trackSize\r\n    if (value) _p.value = value\r\n    if (hideTrack) _p.hideTrack = hideTrack\r\n    if (showPercentage) _p.showPercentage = showPercentage\r\n    if (speed) _p.speed = speed\r\n    const p: any = useBreakpointProps(_p)\r\n\r\n    color = p.color ?? \"brand\"\r\n    trackColor = p.trackColor\r\n    thumbColor = p.thumbColor\r\n    size = p.size ?? \"medium\"\r\n    thumbSize = p.thumbSize ?? 4\r\n    trackSize = p.trackSize\r\n    value = p.value\r\n    hideTrack = p.hideTrack\r\n    showPercentage = p.showPercentage\r\n    speed = p.speed ?? 1.3\r\n\r\n    if (trackColor === 'default') {\r\n        trackColor = \"divider\"\r\n    }\r\n\r\n    if (thumbColor === 'default') {\r\n        thumbColor = \"divider.secondary\"\r\n    }\r\n\r\n\r\n    let sizes: any = {\r\n        small: 24,\r\n        medium: 32,\r\n        large: 44\r\n    }\r\n    if (typeof size === 'string' && sizes[size]) {\r\n        size = sizes[size]\r\n    }\r\n\r\n    let isVal = typeof value === 'number'\r\n    const animrotate = \"anim\" + useId().replace(\":\", \"\")\r\n    const animdash = \"anim\" + useId().replace(\":\", \"\")\r\n    if (isVal && (value as number) > 100) value = 100\r\n    const circumference = 125.66370614359172 //radius * 2 * Math.PI\r\n    const percent = circumference - ((value || 0) / 100) * circumference\r\n\r\n    if (showPercentage && !children) {\r\n        children = <Tag\r\n            sxr={{\r\n                color: color === 'default' ? \"text.primary\" : `${color}.primary`,\r\n                fontSize: size / 4\r\n            }}\r\n        >{value}%</Tag>\r\n    }\r\n\r\n    return (\r\n        <Tag\r\n            baseClass='circle-progress'\r\n            sxr={{\r\n                display: \"inline-flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n                \"& svg[class='circle-progress-svg']\": {\r\n                    zIndex: 1,\r\n                    position: \"absolute\",\r\n                    top: 0,\r\n                    left: 0,\r\n                    width: \"100%\",\r\n                    height: \"100%\",\r\n                    transform: isVal ? \"rotate(-90deg)\" : \"none\",\r\n                    transformOrigin: isVal ? \"center\" : \"initial\",\r\n                    animation: isVal ? \"none\" : `${animrotate} ${speed}s linear infinite`,\r\n                    [`@keyframes ${animrotate}`]: {\r\n                        \"100%\": {\r\n                            transform: \"rotate(360deg)\"\r\n                        }\r\n                    },\r\n                    \"& circle.circle-progress-thumb\": {\r\n\r\n                        strokeDasharray: circumference,\r\n                        strokeDashoffset: percent,\r\n                        stroke: thumbColor || (color === 'default' ? `divider` : `${color}.primary`),\r\n                        fill: \"none\",\r\n                        strokeWidth: thumbSize,\r\n                        strokeLinecap: \"round\",\r\n                        animation: isVal ? \"none\" : `${animdash} ${speed}s ease-in-out infinite`,\r\n                        [`@keyframes ${animdash}`]: {\r\n                            \"0%\": { strokeDasharray: \"1, 150\", strokeDashoffset: 0 },\r\n                            \"50%\": { strokeDasharray: \"90, 150\", strokeDashoffset: -35 },\r\n                            \"100%\": { strokeDasharray: \"90, 150\", strokeDashoffset: -124 }\r\n                        }\r\n                    },\r\n                    \"& circle.circle-progress-track\": {\r\n                        fill: \"none\",\r\n                        stroke: trackColor || (color === 'default' ? `text.primary` : `${color}.soft.secondary`),\r\n                        strokeWidth: trackSize ?? thumbSize,\r\n                    }\r\n                },\r\n                width: size,\r\n                height: size,\r\n                position: \"relative\"\r\n            }}\r\n            ref={ref}\r\n        >\r\n            <svg viewBox=\"0 0 50 50\" className=\"circle-progress-svg\">\r\n                {!hideTrack && <circle className=\"circle-progress-track\" cx=\"25\" cy=\"25\" r={20} />}\r\n                <circle className=\"circle-progress-thumb\" cx=\"25\" cy=\"25\" r={20} />\r\n            </svg>\r\n            {!!children && <Tag\r\n                baseClass=\"circle-progress-content\"\r\n                sxr={{\r\n                    zIndex: 2,\r\n                    width: size - thumbSize,\r\n                    height: size - thumbSize,\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    '& *': {\r\n                        maxWidth: size - (thumbSize + 8),\r\n                        maxHeight: size - (thumbSize + 8),\r\n                    }\r\n                }}\r\n            >\r\n                {children}\r\n            </Tag>}\r\n        </Tag >\r\n    )\r\n})\r\n\r\nexport default CircleProgress\r\n\r\n"],"names":[],"mappings":";;;;;;AAkBA;;AAAyC;AACrC;;AAEA;AAAW;AACX;AAAgB;AAChB;AAAgB;AAChB;AAAU;AACV;AAAe;AACf;AAAe;AACf;AAAW;AACX;AAAe;AACf;AAAoB;AACpB;AAAW;AACX;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;AAIA;;;AAKA;AACI;AACA;AACA;;;AAGA;;AAGJ;AACA;AACA;AACA;;AACA;AACA;AAEA;AACI;AAEQ;;;;;AAUA;AACA;AACA;AACA;AACI;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACI;AACI;AACH;AACJ;AACD;AAEI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIC;AACJ;AACD;AACI;AACA;AACA;AACH;AACJ;AACD;AACA;AACA;AACH;AAUO;;;AAGA;AACA;AACA;AACA;AACI;AACA;AACH;AACJ;AAMjB;;"}

package/ClickOutside/index.mjs

@@ -1,35 +0,0 @@
-"use client";
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { Tag } from '@xanui/core';
-import React, { useRef, useEffect } from 'react';
-
-const ClickOutside = React.forwardRef((_a, forwardedRef) => {
-    var { children, onClickOutside } = _a, props = __rest(_a, ["children", "onClickOutside"]);
-    const innerRef = useRef(null);
-    // merge refs
-    const setRefs = (el) => {
-        innerRef.current = el;
-        if (typeof forwardedRef === "function") {
-            forwardedRef(el);
-        }
-        else if (forwardedRef) {
-            forwardedRef.current = el;
-        }
-    };
-    useEffect(() => {
-        const handler = (e) => {
-            if (!innerRef.current)
-                return;
-            if (!innerRef.current.contains(e.target)) {
-                onClickOutside(e);
-            }
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, [onClickOutside]);
-    return (jsx(Tag, Object.assign({ component: "div", display: "inline-block" }, props, { baseClass: 'click-outside', ref: setRefs, children: children })));
-});
-
-export { ClickOutside as default };
-//# sourceMappingURL=index.mjs.map

package/ClickOutside/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ClickOutside/index.tsx"],"sourcesContent":["\"use client\";\r\nimport { Tag, TagComponentType, TagProps } from '@xanui/core';\r\nimport React, { useEffect, useRef } from 'react';\r\n\r\nexport type ClickOutsideProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    onClickOutside: (e: MouseEvent) => void;\r\n    children: React.ReactElement\r\n};\r\n\r\nconst ClickOutside = React.forwardRef(<T extends TagComponentType = \"div\">({ children, onClickOutside, ...props }: ClickOutsideProps<T>, forwardedRef: any) => {\r\n\r\n    const innerRef = useRef<HTMLElement | null>(null);\r\n\r\n    // merge refs\r\n    const setRefs = (el: HTMLElement) => {\r\n        innerRef.current = el;\r\n        if (typeof forwardedRef === \"function\") {\r\n            forwardedRef(el);\r\n        } else if (forwardedRef) {\r\n            forwardedRef.current = el;\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const handler = (e: MouseEvent) => {\r\n            if (!innerRef.current) return;\r\n            if (!innerRef.current.contains(e.target as Node)) {\r\n                onClickOutside(e);\r\n            }\r\n        };\r\n\r\n        document.addEventListener(\"mousedown\", handler);\r\n        return () => document.removeEventListener(\"mousedown\", handler);\r\n    }, [onClickOutside]);\r\n\r\n    return (\r\n        <Tag\r\n            component=\"div\"\r\n            display=\"inline-block\"\r\n            {...props}\r\n            baseClass='click-outside'\r\n            ref={setRefs}\r\n        >\r\n            {children}\r\n        </Tag>\r\n    )\r\n});\r\n\r\nexport default ClickOutside;\r\n"],"names":[],"mappings":";;;;;;AASA;;AAEI;;AAGA;AACI;AACA;;;;AAGI;;AAER;;AAGI;;;AAEI;;;AAGJ;AAEA;;AAEJ;;AAaJ;;"}

package/Collaps/index.mjs

@@ -1,24 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { useInterface, Transition, Tag } from '@xanui/core';
-
-const Collaps = React.forwardRef((_a, ref) => {
-    var { children, open } = _a, props = __rest(_a, ["children", "open"]);
-    let [_b] = useInterface("Collaps", props, {}), { ease, easing, duration, delay, onStart, onFinish, onOpen, onOpened, onClose, onClosed } = _b, rest = __rest(_b, ["ease", "easing", "duration", "delay", "onStart", "onFinish", "onOpen", "onOpened", "onClose", "onClosed"]);
-    open !== null && open !== void 0 ? open : (open = false);
-    easing !== null && easing !== void 0 ? easing : (easing = "standard");
-    return (jsx(Transition, { ease,
-        easing,
-        duration,
-        delay,
-        onStart,
-        onFinish,
-        onOpen,
-        onOpened,
-        onClose,
-        onClosed, disableInitialTransition: true, variant: "collapseVertical", open: open, children: jsx(Tag, Object.assign({}, rest, { baseClass: 'collaps', ref: ref, children: children })) }));
-});
-
-export { Collaps as default };
-//# sourceMappingURL=index.mjs.map

package/Collaps/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Collaps/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useInterface, TransitionProps, Transition } from '@xanui/core';\r\n\r\nexport type CollapsProps<T extends TagComponentType = \"div\"> = TagProps<T> & Omit<TransitionProps, \"variant\" | \"children\"> & {\r\n\r\n}\r\n\r\nconst Collaps = React.forwardRef(<T extends TagComponentType = \"div\">({ children, open, ...props }: CollapsProps<T>, ref: any) => {\r\n    let [{\r\n        ease,\r\n        easing,\r\n        duration,\r\n        delay,\r\n        onStart,\r\n        onFinish,\r\n        onOpen,\r\n        onOpened,\r\n        onClose,\r\n        onClosed,\r\n        ...rest\r\n    }] = useInterface<any>(\"Collaps\", props, {})\r\n\r\n    open ??= false\r\n    easing ??= \"standard\"\r\n\r\n    return (\r\n        <Transition\r\n            {...{\r\n                ease,\r\n                easing,\r\n                duration,\r\n                delay,\r\n                onStart,\r\n                onFinish,\r\n                onOpen,\r\n                onOpened,\r\n                onClose,\r\n                onClosed\r\n            }}\r\n            disableInitialTransition\r\n            variant=\"collapseVertical\"\r\n            open={open}\r\n        >\r\n            <Tag\r\n                {...rest}\r\n                baseClass='collaps'\r\n                ref={ref}\r\n            >{children}</Tag>\r\n        </Transition>\r\n    )\r\n})\r\n\r\nexport default Collaps\r\n\r\n\r\n"],"names":["_jsx"],"mappings":";;;;;AAOA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA6C,EAAE,GAAQ,KAAI;QAA3D,EAAE,QAAQ,EAAE,IAAI,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA1B,oBAA4B,CAAF;AAC5F,IAAA,IAAI,OAYC,YAAY,CAAM,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,EAZvC,EACD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,OAEX,EADM,IAAI,GAAA,MAAA,CAAA,EAAA,EAXN,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,CAYJ,CAA2C;IAE5C,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAJ,IAAI,IAAJ,IAAI,GAAK,KAAK,CAAA;IACd,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAN,MAAM,IAAN,MAAM,GAAK,UAAU,CAAA;AAErB,IAAA,QACIA,GAAA,CAAC,UAAU,EAAA,EAEH,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,KAAK;QACL,OAAO;QACP,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,OAAO;AACP,QAAA,QAAQ,EAEZ,wBAAwB,EAAA,IAAA,EACxB,OAAO,EAAC,kBAAkB,EAC1B,IAAI,EAAE,IAAI,EAAA,QAAA,EAEVA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO,EAAA,CACR;AAErB,CAAC;;;;"}

package/Container/index.mjs

@@ -1,27 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { useBreakpointProps, useTheme, Tag } from '@xanui/core';
-
-const Container = React.forwardRef((_a, ref) => {
-    var { children, maxWidth } = _a, rest = __rest(_a, ["children", "maxWidth"]);
-    const _p = {};
-    if (maxWidth)
-        _p.maxWidth = maxWidth;
-    const p = useBreakpointProps(_p);
-    maxWidth = p.maxWidth;
-    const { breakpoints } = useTheme();
-    maxWidth = maxWidth || "lg";
-    return (jsx(Tag, Object.assign({}, rest, { sxr: {
-            width: "100%",
-            maxWidth: {
-                xs: "100%",
-                [maxWidth]: breakpoints[maxWidth]
-            },
-            mx: "auto",
-            px: 2,
-        }, baseClass: "container", ref: ref, children: children })));
-});
-
-export { Container as default };
-//# sourceMappingURL=index.mjs.map

package/Container/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Container/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Tag, TagProps, TagComponentType, useTheme, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\r\n\r\n\r\nexport type ContainerProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\r\n    maxWidth?: useBreakpointPropsType<'lg' | 'md' | \"sm\" | 'xs'>\r\n}\r\n\r\nconst Container = React.forwardRef(<T extends TagComponentType = \"div\">({ children, maxWidth, ...rest }: ContainerProps<T>, ref?: React.Ref<any>) => {\r\n    const _p: any = {}\r\n    if (maxWidth) _p.maxWidth = maxWidth\r\n    const p: any = useBreakpointProps(_p)\r\n    maxWidth = p.maxWidth\r\n\r\n    const { breakpoints } = useTheme()\r\n    maxWidth = maxWidth || \"lg\"\r\n    return (\r\n        <Tag\r\n            {...rest}\r\n            sxr={{\r\n                width: \"100%\",\r\n                maxWidth: {\r\n                    xs: \"100%\",\r\n                    [maxWidth as any]: (breakpoints as any)[maxWidth as any]\r\n                },\r\n                mx: \"auto\",\r\n                px: 2,\r\n            }}\r\n            baseClass=\"container\"\r\n            ref={ref}\r\n        >{children}</Tag>\r\n    )\r\n})\r\n\r\nexport default Container\r\n\r\n\r\n"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAkD,EAAE,GAAoB,KAAI;QAA5E,EAAE,QAAQ,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7B,wBAA+B,CAAF;IACjG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,QAAQ;AAAE,QAAA,EAAE,CAAC,QAAQ,GAAG,QAAQ;AACpC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,QAAQ,GAAG,CAAC,CAAC,QAAQ;AAErB,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE;AAClC,IAAA,QAAQ,GAAG,QAAQ,IAAI,IAAI;AAC3B,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,IAAI,EAAA,EACR,GAAG,EAAE;AACD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE;AACN,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,CAAC,QAAe,GAAI,WAAmB,CAAC,QAAe;AAC1D,aAAA;AACD,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,CAAC;SACR,EACD,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC;;;;"}

package/DataFilter/index.mjs

@@ -1,67 +0,0 @@
-"use client";
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import Stack from '../Stack/index.mjs';
-import SelectFilter from './options/SelectFilter.mjs';
-import MultiSelectFilter from './options/MultiSelectFilter.mjs';
-import NumberFilter from './options/NumberFilter.mjs';
-import TextFilter from './options/TextFilter.mjs';
-import NumberRangeFilter from './options/NumberRangeFilter.mjs';
-import DateFilter from './options/DateFilter.mjs';
-import DateRangeFilter from './options/DateRangeFilter.mjs';
-import React from 'react';
-import { Tag } from '@xanui/core';
-
-const DataFilter = (_a, ref) => {
-    var { inline, options, onChange, value } = _a, props = __rest(_a, ["inline", "options", "onChange", "value"]);
-    inline !== null && inline !== void 0 ? inline : (inline = false);
-    value !== null && value !== void 0 ? value : (value = {});
-    onChange !== null && onChange !== void 0 ? onChange : (onChange = () => { });
-    return (jsx(Tag, Object.assign({}, props, { sxr: {
-            flexBox: true,
-            flexDirection: inline ? 'row' : 'column',
-            alignItems: inline ? 'center' : 'stretch',
-            flexWrap: inline ? 'wrap' : 'nowrap',
-            gap: 1,
-            p: 2,
-            radius: 1,
-        }, baseClass: 'data-filter', ref: ref, children: options.map((option, index) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            switch (option.type) {
-                case "text":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(TextFilter, { option: option, value: (_a = value[option.key]) !== null && _a !== void 0 ? _a : null, onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                case "number":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(NumberFilter, { option: option, value: (_b = value[option.key]) !== null && _b !== void 0 ? _b : null, onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                case "number-range":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(NumberRangeFilter, { option: option, value: (_c = value[option.key]) !== null && _c !== void 0 ? _c : null, onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                case "select":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(SelectFilter, { option: option, value: (_d = value[option.key]) !== null && _d !== void 0 ? _d : null, onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                case "multi-select":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(MultiSelectFilter, { option: option, value: (_e = value[option.key]) !== null && _e !== void 0 ? _e : [], onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                case "date":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(DateFilter, { option: option, value: (_f = value[option.key]) !== null && _f !== void 0 ? _f : null, onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                case "date-range":
-                    return (jsx(Stack, { width: inline ? 300 : "100%", children: jsx(DateRangeFilter, { option: option, value: (_g = value[option.key]) !== null && _g !== void 0 ? _g : null, onChange: (v) => {
-                                onChange(Object.assign(Object.assign({}, value), { [option.key]: v }));
-                            } }) }, index));
-                default:
-                    return null;
-            }
-        }) })));
-};
-var DataFilter$1 = React.forwardRef(DataFilter);
-
-export { DateFilter, DateRangeFilter, MultiSelectFilter, NumberFilter, NumberRangeFilter, SelectFilter, TextFilter, DataFilter$1 as default };
-//# sourceMappingURL=index.mjs.map

package/DataFilter/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/DataFilter/index.tsx"],"sourcesContent":["\"use client\"\r\nimport Stack from '../Stack'\r\nimport { DataFilterProps } from './types'\r\nimport SelectFilter from './options/SelectFilter'\r\nimport MultiSelectFilter from './options/MultiSelectFilter'\r\nimport NumberFilter from './options/NumberFilter'\r\nimport TextFilter from './options/TextFilter'\r\nimport NumberRangeFilter from './options/NumberRangeFilter'\r\nimport DateFilter from './options/DateFilter'\r\nimport DateRangeFilter from './options/DateRangeFilter'\r\nimport React from 'react'\r\nimport { Tag } from '@xanui/core'\r\n\r\nexport {\r\n   SelectFilter,\r\n   MultiSelectFilter,\r\n   NumberFilter,\r\n   TextFilter,\r\n   NumberRangeFilter,\r\n   DateFilter,\r\n   DateRangeFilter,\r\n}\r\n\r\nexport * from './types'\r\n\r\nconst DataFilter = ({ inline, options, onChange, value, ...props }: DataFilterProps, ref: React.Ref<HTMLDivElement>) => {\r\n   inline ??= false\r\n   value ??= {}\r\n   onChange ??= () => { }\r\n\r\n   return (\r\n      <Tag\r\n         {...props}\r\n         sxr={{\r\n            flexBox: true,\r\n            flexDirection: inline ? 'row' : 'column',\r\n            alignItems: inline ? 'center' : 'stretch',\r\n            flexWrap: inline ? 'wrap' : 'nowrap',\r\n            gap: 1,\r\n            p: 2,\r\n            radius: 1,\r\n         }}\r\n         baseClass='data-filter'\r\n         ref={ref}\r\n      >\r\n         {\r\n            options.map((option, index) => {\r\n               switch (option.type) {\r\n                  case \"text\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <TextFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"number-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <NumberRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <SelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"multi-select\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <MultiSelectFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? []}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  case \"date-range\":\r\n                     return (<Stack\r\n                        width={inline ? 300 : \"100%\"}\r\n                        key={index}\r\n                     >\r\n                        <DateRangeFilter\r\n                           option={option as any}\r\n                           value={value[option.key] ?? null}\r\n                           onChange={(v) => {\r\n                              onChange({\r\n                                 ...value,\r\n                                 [option.key]: v\r\n                              })\r\n                           }}\r\n                        />\r\n                     </Stack>\r\n                     )\r\n                  default:\r\n                     return null\r\n\r\n               }\r\n            })\r\n         }\r\n      </Tag>\r\n   )\r\n}\r\n\r\nexport default React.forwardRef(DataFilter);\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAyBA;AAAoB;;;;AAKjB;AAIS;;;;AAIA;AACA;AACA;AACF;;AAMK;AACG;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;AAYM;AAIT;AACG;;;AAOrB;AAEA;;"}

package/DataFilter/options/DateFilter.mjs

@@ -1,30 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import Menu from '../../Menu/index.mjs';
-import IconButton from '../../IconButton/index.mjs';
-import Stack from '../../Stack/index.mjs';
-import Text from '../../Text/index.mjs';
-import Close from '@xanui/icons/Close';
-import Add from '@xanui/icons/Add';
-import ClearAll from '@xanui/icons/ClearAll';
-import Chip from '../../Chip/index.mjs';
-import Calendar from '../../Calendar/index.mjs';
-
-const DateFilter = ({ option, onChange, value }) => {
-    const [target, setTarget] = React.useState();
-    const isValue = value !== null && value !== undefined && value !== "";
-    return (jsxs(Stack, { width: "100%", bgcolor: "background.secondary", p: 1, radius: 1, children: [jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, mb: isValue ? .5 : 0, children: [jsx(Text, { children: option.label }), jsxs(Stack, { direction: "row", gap: 0.5, children: [jsx(IconButton, { size: "small", variant: "soft", color: "default", onClick: (e) => {
-                                    setTarget(e.currentTarget);
-                                }, children: jsx(Add, {}) }), isValue && jsx(IconButton, { size: "small", variant: "soft", color: "danger", onClick: () => {
-                                    onChange(null);
-                                }, children: jsx(ClearAll, {}) })] })] }), jsx(Stack, { direction: "row", gap: 0.5, flexWrap: "wrap", children: isValue && jsx(Chip, { size: "small", color: "default", label: new Date(value).toLocaleDateString("en-US"), endIcon: jsx(IconButton, { size: 16, variant: "text", color: "default", onClick: () => {
-                            onChange(null);
-                        }, children: jsx(Close, {}) }) }) }), jsx(Menu, { target: target, onClickOutside: () => setTarget(undefined), placement: "bottom-right", children: jsx(Calendar, { value: value ? new Date(value) : null, onChange: (date) => {
-                        onChange((date === null || date === void 0 ? void 0 : date.toISOString()) || null);
-                        setTarget(undefined);
-                    } }) })] }));
-};
-
-export { DateFilter as default };
-//# sourceMappingURL=DateFilter.mjs.map

package/DataFilter/options/DateFilter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateFilter.mjs","sources":["../../../src/DataFilter/options/DateFilter.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport React from \"react\";\r\nimport { DataFilterDate } from \"../types\";\r\nimport Menu from \"../../Menu\";\r\nimport IconButton from \"../../IconButton\";\r\nimport Stack from \"../../Stack\";\r\nimport Text from \"../../Text\";\r\nimport Close from \"@xanui/icons/Close\";\r\nimport Add from \"@xanui/icons/Add\";\r\nimport ClearAll from \"@xanui/icons/ClearAll\";\r\nimport Chip from \"../../Chip\";\r\nimport Calendar from \"../../Calendar\";\r\n\r\n\r\ntype Props = {\r\n   option: DataFilterDate;\r\n   value: string | null;\r\n   onChange: (value: string | null) => void;\r\n}\r\n\r\nconst DateFilter = ({ option, onChange, value }: Props) => {\r\n   const [target, setTarget] = React.useState<HTMLElement | undefined>()\r\n   const isValue = value !== null && value !== undefined && value !== \"\"\r\n\r\n   return (\r\n      <Stack\r\n         width={\"100%\"}\r\n         bgcolor=\"background.secondary\"\r\n         p={1}\r\n         radius={1}\r\n      >\r\n         <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent={\"space-between\"}\r\n            gap={0.5}\r\n            mb={isValue ? .5 : 0}\r\n         >\r\n            <Text>{option.label}</Text>\r\n            <Stack\r\n               direction=\"row\"\r\n               gap={0.5}\r\n            >\r\n               <IconButton\r\n                  size=\"small\"\r\n                  variant=\"soft\"\r\n                  color={\"default\"}\r\n                  onClick={(e: any) => {\r\n                     setTarget(e.currentTarget)\r\n                  }}\r\n               >\r\n                  <Add />\r\n               </IconButton>\r\n               {\r\n                  isValue && <IconButton\r\n                     size=\"small\"\r\n                     variant=\"soft\"\r\n                     color={\"danger\"}\r\n                     onClick={() => {\r\n                        onChange(null);\r\n                     }}\r\n                  >\r\n                     <ClearAll />\r\n                  </IconButton>\r\n               }\r\n            </Stack>\r\n         </Stack>\r\n         <Stack\r\n            direction=\"row\"\r\n            gap={0.5}\r\n            flexWrap=\"wrap\"\r\n         >\r\n            {\r\n               isValue && <Chip\r\n                  size=\"small\"\r\n                  color=\"default\"\r\n                  label={new Date(value).toLocaleDateString(\"en-US\")}\r\n                  endIcon={<IconButton\r\n                     size={16}\r\n                     variant={\"text\"}\r\n                     color=\"default\"\r\n                     onClick={() => {\r\n                        onChange(null);\r\n                     }}\r\n                  >\r\n                     <Close />\r\n                  </IconButton>}\r\n               />\r\n            }\r\n         </Stack>\r\n         <Menu\r\n            target={target}\r\n            onClickOutside={() => setTarget(undefined)}\r\n            placement={\"bottom-right\"}\r\n         >\r\n            <Calendar\r\n               value={value ? new Date(value) : null}\r\n               onChange={(date) => {\r\n                  onChange(date?.toISOString() || null);\r\n                  setTarget(undefined);\r\n               }}\r\n            />\r\n         </Menu>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default DateFilter"],"names":[],"mappings":";;;;;;;;;;;;;AAqBA;;AAEG;AAEA;AAwBkB;;;AAYA;;;AAsCH;;AAEH;AAKf;;"}

package/DataFilter/options/DateRangeFilter.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import IconButton from '../../IconButton/index.mjs';
-import Stack from '../../Stack/index.mjs';
-import Text from '../../Text/index.mjs';
-import Add from '@xanui/icons/Add';
-import ClearAll from '@xanui/icons/ClearAll';
-import CalenderInput from '../../CalendarInput/index.mjs';
-
-const DateRangeFilter = ({ option, onChange, value }) => {
-    const isValue = value !== null && value !== undefined && value.length === 2;
-    return (jsxs(Stack, { width: "100%", bgcolor: "background.secondary", p: 1, radius: 1, children: [jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, mb: isValue ? .5 : 0, children: [jsx(Text, { children: option.label }), jsxs(Stack, { direction: "row", gap: 0.5, children: [jsx(IconButton, { size: "small", variant: "soft", color: "default", onClick: () => {
-                                    const d = new Date();
-                                    onChange([d.toISOString(), d.toISOString()]);
-                                }, children: jsx(Add, {}) }), isValue && jsx(IconButton, { size: "small", variant: "soft", color: "danger", onClick: () => {
-                                    onChange(null);
-                                }, children: jsx(ClearAll, {}) })] })] }), jsx(Stack, { direction: "row", gap: 0.5, flexWrap: "wrap", children: isValue && jsx(Fragment, { children: jsxs(Stack, { p: 1, gap: 1, width: "100%", children: [jsx(CalenderInput, { fullWidth: true, variant: "outline", value: value[0] ? new Date(value[0]) : null, onChange: (date) => {
-                                    onChange([date ? date.toISOString() : "", value ? value[1] : ""]);
-                                } }), jsx(CalenderInput, { fullWidth: true, variant: "outline", value: value[1] ? new Date(value[1]) : null, onChange: (date) => {
-                                    onChange([value ? value[0] : "", date ? date.toISOString() : ""]);
-                                } })] }) }) })] }));
-};
-
-export { DateRangeFilter as default };
-//# sourceMappingURL=DateRangeFilter.mjs.map

package/DataFilter/options/DateRangeFilter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeFilter.mjs","sources":["../../../src/DataFilter/options/DateRangeFilter.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { DataFilterDate } from \"../types\";\r\nimport IconButton from \"../../IconButton\";\r\nimport Stack from \"../../Stack\";\r\nimport Text from \"../../Text\";\r\nimport Add from \"@xanui/icons/Add\";\r\nimport ClearAll from \"@xanui/icons/ClearAll\";\r\nimport CalenderInput from \"../../CalendarInput\";\r\n\r\n\r\ntype Props = {\r\n   option: DataFilterDate;\r\n   value: [string, string] | null;\r\n   onChange: (value: [string, string] | null) => void;\r\n}\r\n\r\nconst DateRangeFilter = ({ option, onChange, value }: Props) => {\r\n   const isValue = value !== null && value !== undefined && value.length === 2\r\n\r\n   return (\r\n      <Stack\r\n         width={\"100%\"}\r\n         bgcolor=\"background.secondary\"\r\n         p={1}\r\n         radius={1}\r\n      >\r\n         <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent={\"space-between\"}\r\n            gap={0.5}\r\n            mb={isValue ? .5 : 0}\r\n         >\r\n            <Text>{option.label}</Text>\r\n            <Stack\r\n               direction=\"row\"\r\n               gap={0.5}\r\n            >\r\n               <IconButton\r\n                  size=\"small\"\r\n                  variant=\"soft\"\r\n                  color={\"default\"}\r\n                  onClick={() => {\r\n                     const d = new Date();\r\n                     onChange([d.toISOString(), d.toISOString()]);\r\n                  }}\r\n               >\r\n                  <Add />\r\n               </IconButton>\r\n               {\r\n                  isValue && <IconButton\r\n                     size=\"small\"\r\n                     variant=\"soft\"\r\n                     color={\"danger\"}\r\n                     onClick={() => {\r\n                        onChange(null);\r\n                     }}\r\n                  >\r\n                     <ClearAll />\r\n                  </IconButton>\r\n               }\r\n            </Stack>\r\n         </Stack>\r\n         <Stack\r\n            direction=\"row\"\r\n            gap={0.5}\r\n            flexWrap=\"wrap\"\r\n         >\r\n            {\r\n               isValue && <>\r\n                  <Stack\r\n                     p={1}\r\n                     gap={1}\r\n                     width={\"100%\"}\r\n                  >\r\n                     <CalenderInput\r\n                        fullWidth\r\n                        variant={\"outline\"}\r\n                        value={value![0] ? new Date(value[0]) : null}\r\n                        onChange={(date) => {\r\n                           onChange([date ? date.toISOString() : \"\", value ? value[1] : \"\"])\r\n                        }}\r\n                     />\r\n\r\n                     <CalenderInput\r\n                        fullWidth\r\n                        variant={\"outline\"}\r\n                        value={value![1] ? new Date(value[1]) : null}\r\n                        onChange={(date) => {\r\n                           onChange([value ? value[0] : \"\", date ? date.toISOString() : \"\"])\r\n                        }}\r\n                     />\r\n                  </Stack>\r\n               </>\r\n            }\r\n         </Stack>\r\n\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default DateRangeFilter"],"names":[],"mappings":";;;;;;;;;AAiBA;AACG;AAEA;AAwBkB;AACA;;;AAYA;AAwBM;AACH;AAQG;AACH;AASxB;;"}

package/DataFilter/options/MultiSelectFilter.mjs

@@ -1,36 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import Menu from '../../Menu/index.mjs';
-import List from '../../List/index.mjs';
-import ListItem from '../../ListItem/index.mjs';
-import Checkbox from '../../Checkbox/index.mjs';
-import IconButton from '../../IconButton/index.mjs';
-import Stack from '../../Stack/index.mjs';
-import Text from '../../Text/index.mjs';
-import Add from '@xanui/icons/Add';
-import ClearAll from '@xanui/icons/ClearAll';
-import Chip from '../../Chip/index.mjs';
-import Close from '@xanui/icons/Close';
-
-const MultiSelectFilter = ({ option, onChange, value }) => {
-    var _a;
-    const ref = React.useRef(null);
-    const [target, setTarget] = React.useState();
-    const isValue = value && value.length > 0;
-    return (jsxs(Stack, { width: "100%", bgcolor: "background.secondary", p: 1, radius: 1, children: [jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, mb: isValue ? .5 : 0, children: [jsx(Text, { children: option.label }), jsxs(Stack, { direction: "row", gap: 0.5, children: [jsx(IconButton, { size: "small", variant: "soft", color: "default", onClick: (e) => {
-                                    setTarget(e.currentTarget);
-                                }, children: jsx(Add, {}) }), isValue && jsx(IconButton, { size: "small", variant: "soft", color: "danger", onClick: () => {
-                                    onChange([]);
-                                }, children: jsx(ClearAll, {}) })] })] }), jsx(Stack, { direction: "row", gap: 0.5, flexWrap: "wrap", children: isValue && value.map((val, index) => {
-                    return (jsx(Chip, { size: "small", color: "default", label: val, endIcon: jsx(IconButton, { size: 16, variant: "text", color: "default", onClick: () => {
-                                onChange(value.filter(v => v !== val));
-                            }, children: jsx(Close, {}) }) }, index));
-                }) }), jsx(Menu, { target: target, onClickOutside: () => setTarget(undefined), placement: "bottom-right", children: jsx(List, { width: ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 200, size: "small", children: option.options.map((opt, index) => (jsx(ListItem, { startIcon: jsx(Checkbox, { checked: value === null || value === void 0 ? void 0 : value.includes(opt.value) }), onClick: () => {
-                            const has = value === null || value === void 0 ? void 0 : value.includes(opt.value);
-                            onChange(has ? value === null || value === void 0 ? void 0 : value.filter(v => v !== opt.value) : [...value || [], opt.value]);
-                        }, children: opt.label }, index))) }) })] }));
-};
-
-export { MultiSelectFilter as default };
-//# sourceMappingURL=MultiSelectFilter.mjs.map

package/DataFilter/options/MultiSelectFilter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectFilter.mjs","sources":["../../../src/DataFilter/options/MultiSelectFilter.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport React from \"react\";\r\nimport { DataFilterSelect } from \"../types\";\r\nimport Menu from \"../../Menu\";\r\nimport List from \"../../List\";\r\nimport ListItem from \"../../ListItem\";\r\nimport Checkbox from \"../../Checkbox\";\r\nimport IconButton from \"../../IconButton\";\r\nimport Stack from \"../../Stack\";\r\nimport Text from \"../../Text\";\r\nimport Add from \"@xanui/icons/Add\";\r\nimport ClearAll from \"@xanui/icons/ClearAll\";\r\nimport Chip from \"../../Chip\";\r\nimport Close from \"@xanui/icons/Close\";\r\n\r\n\r\ntype Props = {\r\n   option: DataFilterSelect;\r\n   value: string[];\r\n   onChange: (value: string[]) => void;\r\n}\r\n\r\nconst MultiSelectFilter = ({ option, onChange, value }: Props) => {\r\n   const ref: any = React.useRef(null)\r\n   const [target, setTarget] = React.useState<HTMLElement | undefined>()\r\n   const isValue = value && value.length > 0;\r\n   return (\r\n      <Stack\r\n         width={\"100%\"}\r\n         bgcolor=\"background.secondary\"\r\n         p={1}\r\n         radius={1}\r\n      >\r\n         <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent={\"space-between\"}\r\n            gap={0.5}\r\n            mb={isValue ? .5 : 0}\r\n         >\r\n            <Text>{option.label}</Text>\r\n            <Stack\r\n               direction=\"row\"\r\n               gap={0.5}\r\n            >\r\n               <IconButton\r\n                  size=\"small\"\r\n                  variant=\"soft\"\r\n                  color={\"default\"}\r\n                  onClick={(e: any) => {\r\n                     setTarget(e.currentTarget)\r\n                  }}\r\n               >\r\n                  <Add />\r\n               </IconButton>\r\n               {\r\n                  isValue && <IconButton\r\n                     size=\"small\"\r\n                     variant=\"soft\"\r\n                     color={\"danger\"}\r\n                     onClick={() => {\r\n                        onChange([]);\r\n                     }}\r\n                  >\r\n                     <ClearAll />\r\n                  </IconButton>\r\n               }\r\n            </Stack>\r\n         </Stack>\r\n         <Stack\r\n            direction=\"row\"\r\n            gap={0.5}\r\n            flexWrap=\"wrap\"\r\n         >\r\n            {\r\n               isValue && value.map((val, index) => {\r\n                  return (\r\n                     <Chip\r\n                        key={index}\r\n                        size=\"small\"\r\n                        color=\"default\"\r\n                        label={val}\r\n                        endIcon={<IconButton\r\n                           size={16}\r\n                           variant={\"text\"}\r\n                           color=\"default\"\r\n                           onClick={() => {\r\n                              onChange(value.filter(v => v !== val));\r\n                           }}\r\n                        >\r\n                           <Close />\r\n                        </IconButton>}\r\n                     />\r\n                  )\r\n               })\r\n            }\r\n         </Stack>\r\n         <Menu\r\n            target={target}\r\n            onClickOutside={() => setTarget(undefined)}\r\n            placement={\"bottom-right\"}\r\n         >\r\n            <List width={ref?.current?.offsetWidth || 200} size=\"small\">\r\n               {\r\n                  option.options.map((opt, index) => (\r\n                     <ListItem\r\n                        key={index}\r\n                        startIcon={<Checkbox checked={value?.includes(opt.value)} />}\r\n                        onClick={() => {\r\n                           const has = value?.includes(opt.value)\r\n                           onChange(has ? value?.filter(v => v !== opt.value) : [...value || [], opt.value]);\r\n                        }}\r\n                     >\r\n                        {opt.label}\r\n                     </ListItem>\r\n                  ))\r\n               }\r\n            </List>\r\n         </Menu>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default MultiSelectFilter"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBA;;;;;AAIG;AAwBkB;;;AAYA;AAcH;AAWY;;AAOf;AAeY;AACA;AACH;AAUxB;;"}

package/DataFilter/options/NumberFilter.mjs

@@ -1,22 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import IconButton from '../../IconButton/index.mjs';
-import Stack from '../../Stack/index.mjs';
-import Text from '../../Text/index.mjs';
-import Add from '@xanui/icons/Add';
-import ClearAll from '@xanui/icons/ClearAll';
-import InputNumber from '../../InputNumber/index.mjs';
-
-const NumberFilter = ({ option, onChange, value }) => {
-    const isValue = value !== null && value !== undefined;
-    return (jsxs(Stack, { width: "100%", bgcolor: "background.secondary", p: 1, radius: 1, children: [jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 0.5, mb: isValue ? .5 : 0, children: [jsx(Text, { children: option.label }), jsxs(Stack, { direction: "row", gap: 0.5, children: [jsx(IconButton, { size: "small", variant: "soft", color: "default", onClick: () => {
-                                    onChange(0);
-                                }, children: jsx(Add, {}) }), isValue && jsx(IconButton, { size: "small", variant: "soft", color: "danger", onClick: () => {
-                                    onChange(null);
-                                }, children: jsx(ClearAll, {}) })] })] }), jsx(Stack, { direction: "row", gap: 0.5, flexWrap: "wrap", children: isValue && jsx(InputNumber, { variant: "outline", value: value.toString(), onChange: (e) => {
-                        onChange(e.target.value);
-                    }, fullWidth: true }) })] }));
-};
-
-export { NumberFilter as default };
-//# sourceMappingURL=NumberFilter.mjs.map

package/DataFilter/options/NumberFilter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberFilter.mjs","sources":["../../../src/DataFilter/options/NumberFilter.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport { DataFilterSelect } from \"../types\";\r\nimport IconButton from \"../../IconButton\";\r\nimport Stack from \"../../Stack\";\r\nimport Text from \"../../Text\";\r\nimport Add from \"@xanui/icons/Add\";\r\nimport ClearAll from \"@xanui/icons/ClearAll\";\r\nimport InputNumber from \"../../InputNumber\";\r\n\r\ntype Props = {\r\n   option: DataFilterSelect;\r\n   value: number | null;\r\n   onChange: (value: number | null) => void;\r\n}\r\n\r\nconst NumberFilter = ({ option, onChange, value }: Props) => {\r\n\r\n   const isValue = value !== null && value !== undefined;\r\n\r\n   return (\r\n      <Stack\r\n         width={\"100%\"}\r\n         bgcolor=\"background.secondary\"\r\n         p={1}\r\n         radius={1}\r\n      >\r\n         <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent={\"space-between\"}\r\n            gap={0.5}\r\n            mb={isValue ? .5 : 0}\r\n         >\r\n            <Text>{option.label}</Text>\r\n            <Stack\r\n               direction=\"row\"\r\n               gap={0.5}\r\n            >\r\n               <IconButton\r\n                  size=\"small\"\r\n                  variant=\"soft\"\r\n                  color={\"default\"}\r\n                  onClick={() => {\r\n                     onChange(0);\r\n                  }}\r\n               >\r\n                  <Add />\r\n               </IconButton>\r\n               {\r\n                  isValue && <IconButton\r\n                     size=\"small\"\r\n                     variant=\"soft\"\r\n                     color={\"danger\"}\r\n                     onClick={() => {\r\n                        onChange(null);\r\n                     }}\r\n                  >\r\n                     <ClearAll />\r\n                  </IconButton>\r\n               }\r\n            </Stack>\r\n         </Stack>\r\n         <Stack\r\n            direction=\"row\"\r\n            gap={0.5}\r\n            flexWrap=\"wrap\"\r\n         >\r\n            {\r\n               isValue && <InputNumber\r\n                  variant={\"outline\"}\r\n                  value={value.toString()}\r\n                  onChange={(e: any) => {\r\n                     onChange(e.target.value);\r\n                  }}\r\n                  fullWidth\r\n               />\r\n            }\r\n         </Stack>\r\n      </Stack>\r\n   )\r\n}\r\n\r\nexport default NumberFilter"],"names":[],"mappings":";;;;;;;;;AAgBA;;AAIG;;;;;AAqDkB;AACH;AAOlB;;"}