@xanui/ui 1.0.0 → 1.1.0

package/ThemeProvider/RenderRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderRoot.js","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["useState","useEffect","_jsx","_Fragment"],"mappings":"yIAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;AACrB,QAAA;IACJ;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IAChCC,eAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,cAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}
+{"version":3,"file":"RenderRoot.js","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["useState","useEffect","_jsx","_Fragment"],"mappings":"yIAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;QACtB;IACH;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IAChCC,eAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,cAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}

package/ThemeProvider/RenderRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RenderRoot.mjs","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["_jsx","_Fragment"],"mappings":"oFAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;AACrB,QAAA;IACJ;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,GAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}
+{"version":3,"file":"RenderRoot.mjs","sources":["../../src/ThemeProvider/RenderRoot.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from \"react\";\n\n\ntype Callback = () => ReactNode\n\n\nconst Renderar = {\n   components: {} as { [id: string]: Callback },\n   dispatch: () => { },\n   create: (id: string, component: Callback) => {\n      Renderar.components[id] = component\n   },\n   delete: (id: string) => {\n      if (Renderar.components[id]) {\n         delete Renderar.components[id]\n         Renderar.dispatch()\n      }\n   }\n}\n\nexport default Renderar\n\nexport const RenderComponents = () => {\n   const [, dispatch] = useState(0)\n   useEffect(() => {\n      Renderar.dispatch = () => {\n         dispatch(Math.random())\n      }\n   }, [])\n\n   return <>{Object.values(Renderar.components).map((Render: any, idx) => <Render key={\"renderar\" + idx} />)}</>\n}"],"names":["_jsx","_Fragment"],"mappings":"oFAMA,MAAM,QAAQ,GAAG;AACd,IAAA,UAAU,EAAE,EAAgC;AAC5C,IAAA,QAAQ,EAAE,MAAK,EAAG,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC,EAAU,EAAE,SAAmB,KAAI;AACzC,QAAA,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,SAAS;IACtC,CAAC;AACD,IAAA,MAAM,EAAE,CAAC,EAAU,KAAI;AACpB,QAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,QAAQ,EAAE;QACtB;IACH;;AAKI,MAAM,gBAAgB,GAAG,MAAK;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,MAAK;AACZ,QAAA,QAAQ,CAAC,QAAQ,GAAG,MAAK;AACtB,YAAA,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,GAAG,KAAKD,GAAA,CAAC,MAAM,EAAA,EAAA,EAAM,UAAU,GAAG,GAAG,CAAI,CAAC,EAAA,CAAI;AAChH"}

package/ThemeProvider/index.js

@@ -1,4 +1,4 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),core=require('@xanui/core'),RenderRoot=require('./RenderRoot.js');const ThemeProvider = (_a) => {
     var { children } = _a, props = tslib.__rest(_a, ["children"]);
-    return (jsxRuntime.jsx(core.ThemeProvider, Object.assign({}, props, { renderIsRoot: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.renderIsRoot, jsxRuntime.jsx(RenderRoot.RenderComponents, {})] }) }, { children: children })));
+    return (jsxRuntime.jsx(core.ThemeProvider, Object.assign({}, props, { renderIsRoot: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.renderIsRoot, jsxRuntime.jsx(RenderRoot.RenderComponents, {})] }), children: children })));
 };exports.default=ThemeProvider;//# sourceMappingURL=index.js.map

package/ThemeProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["__rest","_jsx","RootThemeProvider","_jsxs","_Fragment","RenderComponents"],"mappings":"2MAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIC,eAACC,kBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,eAACI,2BAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,EAAA,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}
+{"version":3,"file":"index.js","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["__rest","_jsx","RootThemeProvider","_jsxs","_Fragment","RenderComponents"],"mappings":"2MAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIC,eAACC,kBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,eAACI,2BAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}

package/ThemeProvider/index.mjs

@@ -1,4 +1,4 @@
 import {__rest}from'tslib';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ThemeProvider as ThemeProvider$1}from'@xanui/core';import {RenderComponents}from'./RenderRoot.mjs';const ThemeProvider = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return (jsx(ThemeProvider$1, Object.assign({}, props, { renderIsRoot: jsxs(Fragment, { children: [props.renderIsRoot, jsx(RenderComponents, {})] }) }, { children: children })));
+    return (jsx(ThemeProvider$1, Object.assign({}, props, { renderIsRoot: jsxs(Fragment, { children: [props.renderIsRoot, jsx(RenderComponents, {})] }), children: children })));
 };export{ThemeProvider as default};//# sourceMappingURL=index.mjs.map

package/ThemeProvider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["_jsx","RootThemeProvider","_jsxs","_Fragment"],"mappings":"wLAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIA,IAACC,eAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,IAAC,gBAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,EAAA,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}
+{"version":3,"file":"index.mjs","sources":["../../src/ThemeProvider/index.tsx"],"sourcesContent":["import { ThemeProvider as RootThemeProvider, ThemeProviderProps as RootThemeProviderProps } from '@xanui/core'\nimport { RenderComponents } from './RenderRoot'\n\nexport type ThemeProviderProps = RootThemeProviderProps & {\n\n}\n\nconst ThemeProvider = ({ children, ...props }: ThemeProviderProps) => {\n    return (\n        <RootThemeProvider\n            {...props}\n            renderIsRoot={<>\n                {props.renderIsRoot}\n                <RenderComponents />\n            </>}\n        >\n            {children}\n        </RootThemeProvider>\n    )\n}\n\nexport default ThemeProvider"],"names":["_jsx","RootThemeProvider","_jsxs","_Fragment"],"mappings":"wLAOA,MAAM,aAAa,GAAG,CAAC,EAA0C,KAAI;AAA9C,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAgC,EAA3B,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACvC,QACIA,IAACC,eAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,EAAA,EACT,YAAY,EAAEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACT,KAAK,CAAC,YAAY,EACnBH,IAAC,gBAAgB,EAAA,EAAA,CAAG,IACrB,EAAA,QAAA,EAEF,QAAQ,EAAA,CAAA,CACO;AAE5B"}

package/Toast/index.js

@@ -65,12 +65,12 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeUp";
             break;
     }
-    return (jsxRuntime.jsx(core.Tag, Object.assign({ sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr) }, { children: jsxRuntime.jsx(index.default, Object.assign({ style: {
+    return (jsxRuntime.jsx(core.Tag, { sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr), children: jsxRuntime.jsx(index.default, { style: {
                 padding: 8
-            } }, { children: items.map(({ open, id, props }) => {
+            }, children: items.map(({ open, id, props }) => {
                 let { content, closeable } = props, rest = tslib.__rest(props, ["content", "closeable"]);
                 closeable !== null && closeable !== void 0 ? closeable : (closeable = true);
-                return (jsxRuntime.jsx(core.Transition, Object.assign({ open: open, variant: transition, onClosed: () => {
+                return (jsxRuntime.jsx(core.Transition, { open: open, variant: transition, onClosed: () => {
                         const items = State.get(placement);
                         if (items) {
                             for (let i = 0; i < items.length; i++) {
@@ -94,7 +94,7 @@ const ToastContainer = ({ placement }) => {
                             _item.timer = timer;
                             return _item;
                         });
-                    } }, { children: jsxRuntime.jsx(index$1.default, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
+                    }, children: jsxRuntime.jsx(index$1.default, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
                             updateState(placement, id, (_item) => {
                                 clearTimeout(_item.timer);
                                 return _item;
@@ -116,8 +116,8 @@ const ToastContainer = ({ placement }) => {
                                 clearTimeout(_item.timer);
                                 return _item;
                             });
-                        } : undefined }, { children: content })) }), id));
-            }) })) })));
+                        } : undefined, children: content })) }, id));
+            }) }) }));
 };
 const uid = (p) => {
     const id = Math.random().toString(32).substring(2, 5);

package/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\nimport { Tag, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ReactElement } from \"react\";\nimport Renderar from '../ThemeProvider/RenderRoot';\nimport Alert, { AlertProps } from '../Alert';\nimport Scrollbar from '../Scrollbar';\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type ToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\ntype StateValue = { open: boolean, id: string, timer?: NodeJS.Timeout, props: ToastProps }\nconst State = new Map<PlacementType, StateValue[]>()\n\n\nlet updateState = (placement: PlacementType, id: string, callback: (item: StateValue) => StateValue) => {\n    const items = State.get(placement)\n    if (items) {\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i]\n            if (item.id === id) {\n                items[i] = callback(item)\n                State.set(placement, items)\n                Renderar.dispatch()\n                break;\n            }\n        }\n    }\n}\n\nconst ToastContainer = ({ placement }: { placement: PlacementType }) => {\n    const items = State.get(placement)\n    if (!items || !items?.length) return <></>\n\n    let sxr: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sxr = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sxr = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sxr = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sxr = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sxr = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sxr = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return (\n        <Tag\n            sxr={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                gap: 2,\n                flexDirection: \"column\",\n                maxHeight: \"100%\",\n                width: 320,\n                ...sxr\n            }}\n        >\n            <Scrollbar\n                style={{\n                    padding: 8\n                }}\n            >\n                {\n                    items.map(({ open, id, props }) => {\n                        let { content, closeable, ...rest } = props\n                        closeable ??= true\n                        return (\n                            <Transition\n                                key={id}\n                                open={open}\n                                variant={transition}\n                                onClosed={() => {\n                                    const items = State.get(placement)\n                                    if (items) {\n                                        for (let i = 0; i < items.length; i++) {\n                                            let item = items[i]\n                                            if (item.id === id) {\n                                                items.splice(i, 1)\n                                                State.set(placement, items)\n                                                Renderar.dispatch()\n                                                break;\n                                            }\n                                        }\n                                    }\n                                }}\n                                onOpened={() => {\n                                    let timer = setTimeout(() => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            return _item\n                                        })\n                                    }, 6000)\n                                    updateState(placement, id, (_item) => {\n                                        _item.timer = timer\n                                        return _item\n                                    })\n                                }}\n                            >\n                                <Alert\n                                    shadow={2}\n                                    variant=\"fill\"\n                                    color=\"brand\"\n                                    {...rest as any}\n                                    mode=\"item\"\n                                    mb={1.5}\n                                    onMouseEnter={() => {\n                                        updateState(placement, id, (_item) => {\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    }}\n                                    onMouseLeave={() => {\n                                        let timer = setTimeout(() => {\n                                            updateState(placement, id, (_item) => {\n                                                _item.open = false\n                                                return _item\n                                            })\n                                        }, 6000)\n                                        updateState(placement, id, (_item) => {\n                                            _item.timer = timer\n                                            return _item\n                                        })\n                                    }}\n                                    onClose={closeable ? () => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    } : undefined}\n                                >{content}</Alert>\n                            </Transition>\n                        )\n                    })\n                }\n            </Scrollbar>\n        </Tag>\n    )\n}\nconst uid = (p: string) => {\n    const id = Math.random().toString(32).substring(2, 5)\n    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase()\n}\nRenderar.create(uid(\"TOP_LEFT\"), () => <ToastContainer placement='top-left' />)\nRenderar.create(uid(\"TOP_RIGHT\"), () => <ToastContainer placement='top-right' />)\nRenderar.create(uid(\"TOP_CENTER\"), () => <ToastContainer placement='top-center' />)\nRenderar.create(uid(\"BOTTOM_LEFT\"), () => <ToastContainer placement='bottom-left' />)\nRenderar.create(uid(\"BOTTOM_RIGHT\"), () => <ToastContainer placement='bottom-right' />)\nRenderar.create(uid(\"BOTTOM_CENTER\"), () => <ToastContainer placement='bottom-center' />)\n\nconst Toast = {\n    open: (props: ToastProps) => {\n        let { placement } = props || {}\n        placement ??= \"bottom-right\"\n        let prev = State.get(placement) || []\n        prev.push({\n            open: true,\n            id: Math.random().toString(),\n            props\n        })\n        State.set(placement, prev)\n        Renderar.dispatch()\n    }\n}\n\nexport default Toast"],"names":["Renderar","_jsx","Tag","Scrollbar","__rest","Transition","Alert"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\nimport { Tag, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ReactElement } from \"react\";\nimport Renderar from '../ThemeProvider/RenderRoot';\nimport Alert, { AlertProps } from '../Alert';\nimport Scrollbar from '../Scrollbar';\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type ToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\ntype StateValue = { open: boolean, id: string, timer?: NodeJS.Timeout, props: ToastProps }\nconst State = new Map<PlacementType, StateValue[]>()\n\n\nlet updateState = (placement: PlacementType, id: string, callback: (item: StateValue) => StateValue) => {\n    const items = State.get(placement)\n    if (items) {\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i]\n            if (item.id === id) {\n                items[i] = callback(item)\n                State.set(placement, items)\n                Renderar.dispatch()\n                break;\n            }\n        }\n    }\n}\n\nconst ToastContainer = ({ placement }: { placement: PlacementType }) => {\n    const items = State.get(placement)\n    if (!items || !items?.length) return <></>\n\n    let sxr: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sxr = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sxr = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sxr = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sxr = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sxr = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sxr = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return (\n        <Tag\n            sxr={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                gap: 2,\n                flexDirection: \"column\",\n                maxHeight: \"100%\",\n                width: 320,\n                ...sxr\n            }}\n        >\n            <Scrollbar\n                style={{\n                    padding: 8\n                }}\n            >\n                {\n                    items.map(({ open, id, props }) => {\n                        let { content, closeable, ...rest } = props\n                        closeable ??= true\n                        return (\n                            <Transition\n                                key={id}\n                                open={open}\n                                variant={transition}\n                                onClosed={() => {\n                                    const items = State.get(placement)\n                                    if (items) {\n                                        for (let i = 0; i < items.length; i++) {\n                                            let item = items[i]\n                                            if (item.id === id) {\n                                                items.splice(i, 1)\n                                                State.set(placement, items)\n                                                Renderar.dispatch()\n                                                break;\n                                            }\n                                        }\n                                    }\n                                }}\n                                onOpened={() => {\n                                    let timer = setTimeout(() => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            return _item\n                                        })\n                                    }, 6000)\n                                    updateState(placement, id, (_item) => {\n                                        _item.timer = timer\n                                        return _item\n                                    })\n                                }}\n                            >\n                                <Alert\n                                    shadow={2}\n                                    variant=\"fill\"\n                                    color=\"brand\"\n                                    {...rest as any}\n                                    mode=\"item\"\n                                    mb={1.5}\n                                    onMouseEnter={() => {\n                                        updateState(placement, id, (_item) => {\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    }}\n                                    onMouseLeave={() => {\n                                        let timer = setTimeout(() => {\n                                            updateState(placement, id, (_item) => {\n                                                _item.open = false\n                                                return _item\n                                            })\n                                        }, 6000)\n                                        updateState(placement, id, (_item) => {\n                                            _item.timer = timer\n                                            return _item\n                                        })\n                                    }}\n                                    onClose={closeable ? () => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    } : undefined}\n                                >{content}</Alert>\n                            </Transition>\n                        )\n                    })\n                }\n            </Scrollbar>\n        </Tag>\n    )\n}\nconst uid = (p: string) => {\n    const id = Math.random().toString(32).substring(2, 5)\n    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase()\n}\nRenderar.create(uid(\"TOP_LEFT\"), () => <ToastContainer placement='top-left' />)\nRenderar.create(uid(\"TOP_RIGHT\"), () => <ToastContainer placement='top-right' />)\nRenderar.create(uid(\"TOP_CENTER\"), () => <ToastContainer placement='top-center' />)\nRenderar.create(uid(\"BOTTOM_LEFT\"), () => <ToastContainer placement='bottom-left' />)\nRenderar.create(uid(\"BOTTOM_RIGHT\"), () => <ToastContainer placement='bottom-right' />)\nRenderar.create(uid(\"BOTTOM_CENTER\"), () => <ToastContainer placement='bottom-center' />)\n\nconst Toast = {\n    open: (props: ToastProps) => {\n        let { placement } = props || {}\n        placement ??= \"bottom-right\"\n        let prev = State.get(placement) || []\n        prev.push({\n            open: true,\n            id: Math.random().toString(),\n            props\n        })\n        State.set(placement, prev)\n        Renderar.dispatch()\n    }\n}\n\nexport default Toast"],"names":["Renderar","_jsx","Tag","Scrollbar","__rest","Transition","Alert"],"mappings":"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"}

package/Toast/index.mjs

@@ -65,12 +65,12 @@ const ToastContainer = ({ placement }) => {
             transition = "fadeUp";
             break;
     }
-    return (jsx(Tag, Object.assign({ sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr) }, { children: jsx(Scrollbar, Object.assign({ style: {
+    return (jsx(Tag, { sxr: Object.assign({ position: "fixed", zIndex: 99999999, display: "flex", gap: 2, flexDirection: "column", maxHeight: "100%", width: 320 }, sxr), children: jsx(Scrollbar, { style: {
                 padding: 8
-            } }, { children: items.map(({ open, id, props }) => {
+            }, children: items.map(({ open, id, props }) => {
                 let { content, closeable } = props, rest = __rest(props, ["content", "closeable"]);
                 closeable !== null && closeable !== void 0 ? closeable : (closeable = true);
-                return (jsx(Transition, Object.assign({ open: open, variant: transition, onClosed: () => {
+                return (jsx(Transition, { open: open, variant: transition, onClosed: () => {
                         const items = State.get(placement);
                         if (items) {
                             for (let i = 0; i < items.length; i++) {
@@ -94,7 +94,7 @@ const ToastContainer = ({ placement }) => {
                             _item.timer = timer;
                             return _item;
                         });
-                    } }, { children: jsx(Alert, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
+                    }, children: jsx(Alert, Object.assign({ shadow: 2, variant: "fill", color: "brand" }, rest, { mode: "item", mb: 1.5, onMouseEnter: () => {
                             updateState(placement, id, (_item) => {
                                 clearTimeout(_item.timer);
                                 return _item;
@@ -116,8 +116,8 @@ const ToastContainer = ({ placement }) => {
                                 clearTimeout(_item.timer);
                                 return _item;
                             });
-                        } : undefined }, { children: content })) }), id));
-            }) })) })));
+                        } : undefined, children: content })) }, id));
+            }) }) }));
 };
 const uid = (p) => {
     const id = Math.random().toString(32).substring(2, 5);

package/Toast/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\nimport { Tag, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ReactElement } from \"react\";\nimport Renderar from '../ThemeProvider/RenderRoot';\nimport Alert, { AlertProps } from '../Alert';\nimport Scrollbar from '../Scrollbar';\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type ToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\ntype StateValue = { open: boolean, id: string, timer?: NodeJS.Timeout, props: ToastProps }\nconst State = new Map<PlacementType, StateValue[]>()\n\n\nlet updateState = (placement: PlacementType, id: string, callback: (item: StateValue) => StateValue) => {\n    const items = State.get(placement)\n    if (items) {\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i]\n            if (item.id === id) {\n                items[i] = callback(item)\n                State.set(placement, items)\n                Renderar.dispatch()\n                break;\n            }\n        }\n    }\n}\n\nconst ToastContainer = ({ placement }: { placement: PlacementType }) => {\n    const items = State.get(placement)\n    if (!items || !items?.length) return <></>\n\n    let sxr: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sxr = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sxr = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sxr = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sxr = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sxr = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sxr = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return (\n        <Tag\n            sxr={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                gap: 2,\n                flexDirection: \"column\",\n                maxHeight: \"100%\",\n                width: 320,\n                ...sxr\n            }}\n        >\n            <Scrollbar\n                style={{\n                    padding: 8\n                }}\n            >\n                {\n                    items.map(({ open, id, props }) => {\n                        let { content, closeable, ...rest } = props\n                        closeable ??= true\n                        return (\n                            <Transition\n                                key={id}\n                                open={open}\n                                variant={transition}\n                                onClosed={() => {\n                                    const items = State.get(placement)\n                                    if (items) {\n                                        for (let i = 0; i < items.length; i++) {\n                                            let item = items[i]\n                                            if (item.id === id) {\n                                                items.splice(i, 1)\n                                                State.set(placement, items)\n                                                Renderar.dispatch()\n                                                break;\n                                            }\n                                        }\n                                    }\n                                }}\n                                onOpened={() => {\n                                    let timer = setTimeout(() => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            return _item\n                                        })\n                                    }, 6000)\n                                    updateState(placement, id, (_item) => {\n                                        _item.timer = timer\n                                        return _item\n                                    })\n                                }}\n                            >\n                                <Alert\n                                    shadow={2}\n                                    variant=\"fill\"\n                                    color=\"brand\"\n                                    {...rest as any}\n                                    mode=\"item\"\n                                    mb={1.5}\n                                    onMouseEnter={() => {\n                                        updateState(placement, id, (_item) => {\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    }}\n                                    onMouseLeave={() => {\n                                        let timer = setTimeout(() => {\n                                            updateState(placement, id, (_item) => {\n                                                _item.open = false\n                                                return _item\n                                            })\n                                        }, 6000)\n                                        updateState(placement, id, (_item) => {\n                                            _item.timer = timer\n                                            return _item\n                                        })\n                                    }}\n                                    onClose={closeable ? () => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    } : undefined}\n                                >{content}</Alert>\n                            </Transition>\n                        )\n                    })\n                }\n            </Scrollbar>\n        </Tag>\n    )\n}\nconst uid = (p: string) => {\n    const id = Math.random().toString(32).substring(2, 5)\n    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase()\n}\nRenderar.create(uid(\"TOP_LEFT\"), () => <ToastContainer placement='top-left' />)\nRenderar.create(uid(\"TOP_RIGHT\"), () => <ToastContainer placement='top-right' />)\nRenderar.create(uid(\"TOP_CENTER\"), () => <ToastContainer placement='top-center' />)\nRenderar.create(uid(\"BOTTOM_LEFT\"), () => <ToastContainer placement='bottom-left' />)\nRenderar.create(uid(\"BOTTOM_RIGHT\"), () => <ToastContainer placement='bottom-right' />)\nRenderar.create(uid(\"BOTTOM_CENTER\"), () => <ToastContainer placement='bottom-center' />)\n\nconst Toast = {\n    open: (props: ToastProps) => {\n        let { placement } = props || {}\n        placement ??= \"bottom-right\"\n        let prev = State.get(placement) || []\n        prev.push({\n            open: true,\n            id: Math.random().toString(),\n            props\n        })\n        State.set(placement, prev)\n        Renderar.dispatch()\n    }\n}\n\nexport default Toast"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/Toast/index.tsx"],"sourcesContent":["\nimport { Tag, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType, Transition } from '@xanui/core'\nimport { ReactElement } from \"react\";\nimport Renderar from '../ThemeProvider/RenderRoot';\nimport Alert, { AlertProps } from '../Alert';\nimport Scrollbar from '../Scrollbar';\n\n\ntype PlacementType = \"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"\n\nexport type ToastProps = {\n    title?: useBreakpointPropsType<string | ReactElement>;\n    content?: AlertProps['children'];\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    icon?: useBreakpointPropsType<\"info\" | \"warning\" | \"success\" | \"error\" | false | ReactElement>;\n    placement?: PlacementType;\n    closeable?: useBreakpointPropsType<boolean>;\n}\n\ntype StateValue = { open: boolean, id: string, timer?: NodeJS.Timeout, props: ToastProps }\nconst State = new Map<PlacementType, StateValue[]>()\n\n\nlet updateState = (placement: PlacementType, id: string, callback: (item: StateValue) => StateValue) => {\n    const items = State.get(placement)\n    if (items) {\n        for (let i = 0; i < items.length; i++) {\n            let item = items[i]\n            if (item.id === id) {\n                items[i] = callback(item)\n                State.set(placement, items)\n                Renderar.dispatch()\n                break;\n            }\n        }\n    }\n}\n\nconst ToastContainer = ({ placement }: { placement: PlacementType }) => {\n    const items = State.get(placement)\n    if (!items || !items?.length) return <></>\n\n    let sxr: any = {}\n    let transition: any = \"\"\n    switch (placement) {\n        case \"top-left\":\n            sxr = {\n                top: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"top-right\":\n            sxr = {\n                top: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"top-center\":\n            sxr = {\n                top: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeDown\"\n            break;\n        case \"bottom-right\":\n            sxr = {\n                bottom: 0,\n                right: 0\n            }\n            transition = \"fadeLeft\"\n            break;\n        case \"bottom-left\":\n            sxr = {\n                bottom: 0,\n                left: 0\n            }\n            transition = \"fadeRight\"\n            break;\n        case \"bottom-center\":\n            sxr = {\n                bottom: 0,\n                left: \"50%\",\n                transform: \"translateX(-50%)\"\n            }\n            transition = \"fadeUp\"\n            break;\n    }\n    return (\n        <Tag\n            sxr={{\n                position: \"fixed\",\n                zIndex: 99999999,\n                display: \"flex\",\n                gap: 2,\n                flexDirection: \"column\",\n                maxHeight: \"100%\",\n                width: 320,\n                ...sxr\n            }}\n        >\n            <Scrollbar\n                style={{\n                    padding: 8\n                }}\n            >\n                {\n                    items.map(({ open, id, props }) => {\n                        let { content, closeable, ...rest } = props\n                        closeable ??= true\n                        return (\n                            <Transition\n                                key={id}\n                                open={open}\n                                variant={transition}\n                                onClosed={() => {\n                                    const items = State.get(placement)\n                                    if (items) {\n                                        for (let i = 0; i < items.length; i++) {\n                                            let item = items[i]\n                                            if (item.id === id) {\n                                                items.splice(i, 1)\n                                                State.set(placement, items)\n                                                Renderar.dispatch()\n                                                break;\n                                            }\n                                        }\n                                    }\n                                }}\n                                onOpened={() => {\n                                    let timer = setTimeout(() => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            return _item\n                                        })\n                                    }, 6000)\n                                    updateState(placement, id, (_item) => {\n                                        _item.timer = timer\n                                        return _item\n                                    })\n                                }}\n                            >\n                                <Alert\n                                    shadow={2}\n                                    variant=\"fill\"\n                                    color=\"brand\"\n                                    {...rest as any}\n                                    mode=\"item\"\n                                    mb={1.5}\n                                    onMouseEnter={() => {\n                                        updateState(placement, id, (_item) => {\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    }}\n                                    onMouseLeave={() => {\n                                        let timer = setTimeout(() => {\n                                            updateState(placement, id, (_item) => {\n                                                _item.open = false\n                                                return _item\n                                            })\n                                        }, 6000)\n                                        updateState(placement, id, (_item) => {\n                                            _item.timer = timer\n                                            return _item\n                                        })\n                                    }}\n                                    onClose={closeable ? () => {\n                                        updateState(placement, id, (_item) => {\n                                            _item.open = false\n                                            clearTimeout(_item.timer)\n                                            return _item\n                                        })\n                                    } : undefined}\n                                >{content}</Alert>\n                            </Transition>\n                        )\n                    })\n                }\n            </Scrollbar>\n        </Tag>\n    )\n}\nconst uid = (p: string) => {\n    const id = Math.random().toString(32).substring(2, 5)\n    return `TOAST_CONTAINER_${p}_${id}`.toUpperCase()\n}\nRenderar.create(uid(\"TOP_LEFT\"), () => <ToastContainer placement='top-left' />)\nRenderar.create(uid(\"TOP_RIGHT\"), () => <ToastContainer placement='top-right' />)\nRenderar.create(uid(\"TOP_CENTER\"), () => <ToastContainer placement='top-center' />)\nRenderar.create(uid(\"BOTTOM_LEFT\"), () => <ToastContainer placement='bottom-left' />)\nRenderar.create(uid(\"BOTTOM_RIGHT\"), () => <ToastContainer placement='bottom-right' />)\nRenderar.create(uid(\"BOTTOM_CENTER\"), () => <ToastContainer placement='bottom-center' />)\n\nconst Toast = {\n    open: (props: ToastProps) => {\n        let { placement } = props || {}\n        placement ??= \"bottom-right\"\n        let prev = State.get(placement) || []\n        prev.push({\n            open: true,\n            id: Math.random().toString(),\n            props\n        })\n        State.set(placement, prev)\n        Renderar.dispatch()\n    }\n}\n\nexport default Toast"],"names":["_jsx"],"mappings":"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"}

package/Tooltip/index.js

@@ -23,7 +23,7 @@
         },
         onMouseLeave: () => setTarget(null)
     });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [child, jsxRuntime.jsx(index.default, Object.assign({ target: target, placement: placement, slotProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [child, jsxRuntime.jsx(index.default, { target: target, placement: placement, slotProps: {
                     content: Object.assign({ p: .5, shadow: 1 }, template)
-                } }, { children: title }))] }));
+                }, children: title })] }));
 };exports.default=Tooltip;//# sourceMappingURL=index.js.map

package/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const { hover, ...template } = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["useState","useBreakpointProps","useColorTemplate","__rest","Children","cloneElement","_jsxs","_Fragment","_jsx","Menu"],"mappings":"8NAcA,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,EAAO;IAC3C,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAC7B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,QAAQ,CAAA;AAEtB,IAAA,MAAM,KAAyBC,qBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAAC,YAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACtF,MAAM,KAAK,GAAQC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrD,IAAA,MAAM,KAAK,GAAGC,kBAAY,CAAC,KAAK,EAAE;AAC9B,QAAA,YAAY,EAAE,CAAC,CAAC,KAAI;AAChB,YAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,CAAC;AACD,QAAA,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI;AACrC,KAAA,CAAC;AAGF,IAAA,QACIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,EACNC,cAAA,CAACC,aAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,EAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CAAA,CACV,CAAA,EAAA,CACR;AAEX"}
+{"version":3,"file":"index.js","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const { hover, ...template } = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["useState","useBreakpointProps","useColorTemplate","__rest","Children","cloneElement","_jsxs","_Fragment","_jsx","Menu"],"mappings":"8NAcA,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,EAAO;IAC3C,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQC,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAC7B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,QAAQ,CAAA;AAEtB,IAAA,MAAM,KAAyBC,qBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAAC,YAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACtF,MAAM,KAAK,GAAQC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrD,IAAA,MAAM,KAAK,GAAGC,kBAAY,CAAC,KAAK,EAAE;AAC9B,QAAA,YAAY,EAAE,CAAC,CAAC,KAAI;AAChB,YAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,CAAC;AACD,QAAA,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI;AACrC,KAAA,CAAC;AAGF,IAAA,QACIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,EACNC,cAAA,CAACC,aAAI,EAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CACV,CAAA,EAAA,CACR;AAEX"}

package/Tooltip/index.mjs

@@ -23,7 +23,7 @@ import {__rest}from'tslib';import {jsxs,Fragment,jsx}from'react/jsx-runtime';imp
         },
         onMouseLeave: () => setTarget(null)
     });
-    return (jsxs(Fragment, { children: [child, jsx(Menu, Object.assign({ target: target, placement: placement, slotProps: {
+    return (jsxs(Fragment, { children: [child, jsx(Menu, { target: target, placement: placement, slotProps: {
                     content: Object.assign({ p: .5, shadow: 1 }, template)
-                } }, { children: title }))] }));
+                }, children: title })] }));
 };export{Tooltip as default};//# sourceMappingURL=index.mjs.map

package/Tooltip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const { hover, ...template } = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"kOAcA,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO;IAC3C,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAC7B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,QAAQ,CAAA;AAEtB,IAAA,MAAM,KAAyB,gBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAA,MAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACtF,MAAM,KAAK,GAAQ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrD,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE;AAC9B,QAAA,YAAY,EAAE,CAAC,CAAC,KAAI;AAChB,YAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,CAAC;AACD,QAAA,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI;AACrC,KAAA,CAAC;AAGF,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,EACNC,GAAA,CAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,EAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CAAA,CACV,CAAA,EAAA,CACR;AAEX"}
+{"version":3,"file":"index.mjs","sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["\nimport { Children, cloneElement, ReactElement, useState } from 'react'\nimport Menu, { MenuProps } from '../Menu'\nimport { useBreakpointProps, useColorTemplate, ColorTemplateColors, ColorTemplateType, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type TooltipProps = {\n    children: ReactElement;\n    title: useBreakpointPropsType<string>;\n    color?: useBreakpointPropsType<ColorTemplateColors>;\n    variant?: useBreakpointPropsType<ColorTemplateType>;\n    placement?: MenuProps['placement']\n}\n\nconst Tooltip = ({ children, title, variant, color, placement }: TooltipProps) => {\n    const [target, setTarget] = useState<any>()\n    const _p: any = {}\n    if (title) _p.title = title\n    if (color) _p.color = color\n    if (variant) _p.variant = variant\n    const p: any = useBreakpointProps(_p)\n    title = p.title\n    color = p.color ?? \"default\"\n    variant = p.variant ?? \"fill\"\n    placement ??= \"bottom\"\n\n    const { hover, ...template } = useColorTemplate(color as any, variant as any)\n    if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Toast\")\n    const first: any = Children.toArray(children).shift();\n    const child = cloneElement(first, {\n        onMouseEnter: (e) => {\n            setTarget(e.target)\n        },\n        onMouseLeave: () => setTarget(null)\n    })\n\n\n    return (\n        <>\n            {child}\n            <Menu\n                target={target}\n                placement={placement}\n                slotProps={{\n                    content: {\n                        p: .5,\n                        shadow: 1,\n                        ...template\n                    }\n                }}\n            >\n                {title as any}\n            </Menu>\n        </>\n    )\n}\n\nexport default Tooltip"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"kOAcA,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO;IAC3C,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,KAAK,GAAG,CAAC,CAAC,KAAK;AACf,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAC7B,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAT,SAAS,IAAT,SAAS,GAAK,QAAQ,CAAA;AAEtB,IAAA,MAAM,KAAyB,gBAAgB,CAAC,KAAY,EAAE,OAAc,CAAC,EAAvE,EAAE,KAAK,OAAgE,EAA3D,QAAQ,GAAA,MAAA,CAAA,EAAA,EAApB,CAAA,OAAA,CAAsB,CAAiD;IAC7E,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACtF,MAAM,KAAK,GAAQ,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrD,IAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE;AAC9B,QAAA,YAAY,EAAE,CAAC,CAAC,KAAI;AAChB,YAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,CAAC;AACD,QAAA,YAAY,EAAE,MAAM,SAAS,CAAC,IAAI;AACrC,KAAA,CAAC;AAGF,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,EACNC,GAAA,CAAC,IAAI,EAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;oBACP,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,CAAC,EAAE,EAAE,EACL,MAAM,EAAE,CAAC,EAAA,EACN,QAAQ;AAElB,iBAAA,EAAA,QAAA,EAEA,KAAY,EAAA,CACV,CAAA,EAAA,CACR;AAEX"}

package/ViewBox/index.js

@@ -17,5 +17,5 @@
             display: "flex",
             justifyContent: "space-between",
             flexDirection: horizental ? "row" : "column"
-        }, baseClass: 'viewbox', ref: ref }, { children: [startContent && jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column" }, { children: startContent })), jsxRuntime.jsx(index.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})) }, { children: children })), endContent && jsxRuntime.jsx(core.Tag, Object.assign({ baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column" }, { children: endContent }))] })));
+        }, baseClass: 'viewbox', ref: ref, children: [startContent && jsxRuntime.jsx(core.Tag, { baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: startContent }), jsxRuntime.jsx(index.default, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})), children: children })), endContent && jsxRuntime.jsx(core.Tag, { baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: endContent })] })));
 });exports.default=ViewBox;//# sourceMappingURL=index.js.map

package/ViewBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["__rest","useInterface","useBreakpointProps","_jsxs","Tag","_jsx","Scrollbar"],"mappings":"mOAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkEC,iBAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQE,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIC,eAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,YAAY,EAAA,CAAA,CAAO,EAClIC,cAAA,CAACC,aAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,EAAA,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAID,cAAA,CAACD,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,UAAU,EAAA,CAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC"}
+{"version":3,"file":"index.js","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["__rest","useInterface","useBreakpointProps","_jsxs","Tag","_jsx","Scrollbar"],"mappings":"mOAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkEC,iBAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAAD,YAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQE,uBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIC,eAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,cAAA,CAACD,QAAG,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAO,EAClIC,cAAA,CAACC,aAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAID,cAAA,CAACD,QAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,UAAU,EAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC"}

package/ViewBox/index.mjs

@@ -17,5 +17,5 @@ import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React
             display: "flex",
             justifyContent: "space-between",
             flexDirection: horizental ? "row" : "column"
-        }, baseClass: 'viewbox', ref: ref }, { children: [startContent && jsx(Tag, Object.assign({ baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column" }, { children: startContent })), jsx(Scrollbar, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})) }, { children: children })), endContent && jsx(Tag, Object.assign({ baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column" }, { children: endContent }))] })));
+        }, baseClass: 'viewbox', ref: ref, children: [startContent && jsx(Tag, { baseClass: 'viewbox-start-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: startContent }), jsx(Scrollbar, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar, { className: 'viewbox-content', style: Object.assign({ flex: 1, display: "flex", flexDirection: horizental ? "row" : "column" }, (((_b = slotProps === null || slotProps === void 0 ? void 0 : slotProps.scrollbar) === null || _b === void 0 ? void 0 : _b.style) || {})), children: children })), endContent && jsx(Tag, { baseClass: 'viewbox-end-content', flexBox: true, flexDirection: horizental ? "row" : "column", children: endContent })] })));
 });export{ViewBox as default};//# sourceMappingURL=index.mjs.map

package/ViewBox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["_jsxs","_jsx"],"mappings":"yMAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkE,YAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIA,IAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,EAAA,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,YAAY,EAAA,CAAA,CAAO,EAClIA,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,EAAA,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAIA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAG,UAAU,EAAA,CAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC"}
+{"version":3,"file":"index.mjs","sources":["../../src/ViewBox/index.tsx"],"sourcesContent":["\nimport React, { ReactElement } from 'react'\nimport Scrollbar, { ScrollbarProps } from '../Scrollbar'\nimport { Tag, TagProps, TagComponentType, useInterface, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type ViewBoxProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n    startContent?: useBreakpointPropsType<ReactElement>;\n    endContent?: useBreakpointPropsType<ReactElement>;\n    horizental?: useBreakpointPropsType<boolean>;\n    slotProps?: {\n        scrollbar?: Omit<ScrollbarProps, 'children'>;\n    }\n}\n\n\nconst ViewBox = React.forwardRef(({ children, ...rest }: ViewBoxProps, ref?: any) => {\n    let [{ startContent, endContent, slotProps, horizental, ...props }] = useInterface<any>(\"ViewBox\", rest, {})\n    const _p: any = {}\n    if (startContent) _p.startContent = startContent\n    if (endContent) _p.endContent = endContent\n    if (horizental) _p.horizental = horizental\n    const p: any = useBreakpointProps(_p)\n    startContent = p.startContent\n    endContent = p.endContent\n    horizental = p.horizental\n\n    return (\n        <Tag\n            {...props}\n            sxr={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                flexDirection: horizental ? \"row\" : \"column\"\n            }}\n            baseClass='viewbox'\n            ref={ref}\n        >\n            {startContent && <Tag baseClass='viewbox-start-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{startContent}</Tag>}\n            <Scrollbar\n                {...slotProps?.scrollbar}\n                className='viewbox-content'\n                style={{\n                    flex: 1,\n                    display: \"flex\",\n                    flexDirection: horizental ? \"row\" : \"column\",\n                    ...(slotProps?.scrollbar?.style || {})\n                }}\n            >\n                {children}\n            </Scrollbar>\n            {endContent && <Tag baseClass='viewbox-end-content' flexBox flexDirection={horizental ? \"row\" : \"column\"}>{endContent}</Tag>}\n        </Tag>\n    )\n})\n\nexport default ViewBox\n"],"names":["_jsxs","_jsx"],"mappings":"yMAgBA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAmC,EAAE,GAAS,KAAI;;AAAlD,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACjD,IAAI,CAAA,EAAA,CAAA,GAAkE,YAAY,CAAM,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,EAAvG,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3D,CAAA,cAAA,EAAA,YAAA,EAAA,WAAA,EAAA,YAAA,CAA6D,CAA0C;IAC5G,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,YAAY;AAAE,QAAA,EAAE,CAAC,YAAY,GAAG,YAAY;AAChD,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,YAAY,GAAG,CAAC,CAAC,YAAY;AAC7B,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AACzB,IAAA,UAAU,GAAG,CAAC,CAAC,UAAU;AAEzB,IAAA,QACIA,IAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG;SACvC,EACD,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,YAAY,IAAIC,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,YAAY,EAAA,CAAO,EAClIA,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,EAAA,EACxB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,GACxC,CAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE,EAAC,EAAA,QAAA,EAGzC,QAAQ,IACD,EACX,UAAU,IAAIA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAA,IAAA,EAAC,aAAa,EAAE,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAA,QAAA,EAAG,UAAU,EAAA,CAAO,CAAA,EAAA,CAAA,CAC1H;AAEd,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/ui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,7 +9,7 @@
   "module": "./index.mjs",
   "types": "./index.d.ts",
   "dependencies": {
-    "@xanui/core": "^1.1.7",
+    "@xanui/core": "^1.1.11",
     "@xanui/icons": "^1.1.10",
     "oncss": "^1.1.15",
     "pretty-class": "^1.0.5",
@@ -19,10 +19,10 @@
   "devDependencies": {
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "makepack": "^1.7.11",
-    "typescript": "^4.4.2",
+    "makepack": "^1.7.15",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "typescript": "^5.9.3"
   },
   "keywords": [],
   "sideEffects": false,

package/readme.md

@@ -0,0 +1,103 @@
+# XanUI UI Library
+
+XanUI is a React design-system toolkit powered by `@xanui/core`. It combines low-level primitives (e.g., `Box`, `Stack`, `Layer`) with application-ready components (e.g., `Accordion`, `Modal`, `Datatable`, `Toast`) so product teams can build polished surfaces quickly while keeping full control over styling tokens.
+
+## Highlights
+
+- **Unified prop surface** – every component extends the `Tag` API, so spacing, layout, breakpoints, and system tokens behave identically across the library.
+- **Production-ready defaults** – the color palette, typography scale, shadows, and radii mirror modern SaaS expectations yet remain overridable.
+- **Server compatible** – SSR-safe patterns ensure components render on the server and hydrate cleanly on the client.
+- **Documentation first** – each component ships with a dedicated Markdown guide in `docs/`, ready for consumption by the upcoming Next.js documentation site.
+
+## Installation
+
+```bash
+npm install @xanui/ui
+
+```
+
+Required peer packages (`react`, `react-dom`, `@xanui/core`, `@xanui/icons`) should already exist in your project; otherwise, install them alongside XanUI.
+
+## Quick Start
+
+```tsx
+import ThemeProvider from '@xanui/ui/ThemeProvider';
+import Box from '@xanui/ui/Box';
+import Button from '@xanui/ui/Button';
+
+export default function App() {
+  return (
+    <ThemeProvider theme="light">
+      <Box p={3} gap={2} display="flex" flexDirection="column">
+        <h1>Welcome</h1>
+        <Button color="brand" onClick={() => alert('Hello from XanUI!')}>
+          Get Started
+        </Button>
+      </Box>
+    </ThemeProvider>
+  );
+}
+```
+
+### Theming and Tokens
+
+`ThemeProvider` injects the active token set from `@xanui/core`. At the component level you can:
+
+- Provide responsive props (`{ xs: 'column', md: 'row' }`) via `useBreakpointProps`.
+- Override styles with `sx`/`sxr` objects or custom CSS classes via `baseClass`.
+- Extend color templates by registering new palettes in the core theme manager.
+
+## Documentation & Examples
+
+- **Component guides** – `docs/<Component>.md` follows a consistent structure (overview → basic example → props table → scenario examples). These files serve both as standalone references and as the content source for the forthcoming Next.js docs site (`documentation/`).
+- **Playground** – `example/` contains runnable demos that mirror the documentation examples.
+
+Once the Next.js docs site scaffolding is complete, run it with:
+
+```bash
+cd documentation
+npm install
+npm run dev
+```
+
+## Component Index
+
+| Category               | Components                                                                                                                                                      | Docs                                                                                                                                                                                                                                                    |
+| ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Layout & Surfaces      | Box, Stack, Container, GridContainer, GridItem, Paper, Layer, ViewBox, Divider                                                                                  | `docs/Box.md`, `docs/Stack.md`, `docs/Container.md`, `docs/GridContainer.md`, `docs/GridItem.md`, `docs/Paper.md`, `docs/Layer.md`, `docs/ViewBox.md`, `docs/Divider.md`                                                                                |
+| Navigation             | Tabs, Tab, List, ListItem, Menu, Drawer                                                                                                                         | `docs/Tabs.md`, `docs/Tab.md`, `docs/List.md`, `docs/ListItem.md`, `docs/Menu.md`, `docs/Drawer.md`                                                                                                                                                     |
+| Data Display           | Table (and TableBody/TableCell/TableFooter/TableHead/TablePagination/TableRow), Datatable, Chip, Avatar, Image, Badge, CircleProgress, LineProgress, LoadingBox | `docs/Table*.md`, `docs/Datatable.md`, `docs/Chip.md`, `docs/Avatar.md`, `docs/Image.md`, `docs/Badge.md`, `docs/CircleProgress.md`, `docs/LineProgress.md`, `docs/LoadingBox.md`                                                                       |
+| Inputs & Forms         | Button, ButtonGroup, IconButton, Form, Input, Select, Option, Checkbox, Radio, Switch, Calendar, CalendarInput, Label                                           | `docs/Button.md`, `docs/ButtonGroup.md`, `docs/IconButton.md`, `docs/Form.md`, `docs/Input.md`, `docs/Select.md`, `docs/Option.md`, `docs/Checkbox.md`, `docs/Radio.md`, `docs/Switch.md`, `docs/Calendar.md`, `docs/CalendarInput.md`, `docs/Label.md` |
+| Disclosure & Feedback  | Accordion, Collaps, Alert, Toast, Tooltip, Modal, Portal, Scrollbar, Toast, NoSSR                                                                               | `docs/Accordion.md`, `docs/Collaps.md`, `docs/Alert.md`, `docs/Toast.md`, `docs/Tooltip.md`, `docs/Modal.md`, `docs/Portal.md`, `docs/Scrollbar.md`, `docs/NoSSR.md`                                                                                    |
+| Typography & Utilities | Text, ThemeProvider, useCorner, ClickOutside, View helpers                                                                                                      | `docs/Text.md`, `docs/ThemeProvider.md`, `docs/useCorner.md`, `docs/ClickOutside.md`, `docs/ViewBox.md`                                                                                                                                                 |
+
+> The full list is available in `docs/`. Each entry adheres to the shared documentation template for easy navigation and consistency.
+
+## Local Development
+
+```bash
+npm install
+npm run start   # runs makepack dev server plus the example playground
+npm run build   # bundles the library via makepack
+```
+
+The development workflow encourages updating `docs/` alongside the corresponding component so examples stay truthful. The `example/` playground hot-reloads component changes for rapid iteration.
+
+## Contributing
+
+1. Fork this repository and clone your fork.
+2. Install dependencies via `npm install`.
+3. Implement your change (component, hook, docs, or tooling) inside `src/` and update/author `docs/<Component>.md` accordingly.
+4. Run `npm run start` to validate the example playground and lint output.
+5. Open a pull request with a clear description, screenshots when UI changes occur, and reference to relevant documentation updates.
+
+Guidelines:
+
+- Keep new components aligned with the `TagProps` surface (spacing, layout, color tokens, responsive props).
+- Provide at least one example in `example/` when adding new UI patterns.
+- Maintain the established documentation structure (overview, basic example, props table, scenario demos).
+
+## License
+
+Distributed under the MIT License. Refer to `LICENSE` for full text.
+

package/useCorner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\nconst useCorner = (type?: UseCornerTypes): object => {\n    switch (type) {\n        case 'square':\n            return {\n                radius: 0\n            }\n        case 'rounded':\n            return {\n                radius: 1\n            }\n        case 'circle':\n            return {\n                radius: 100\n            }\n    }\n    return {}\n}\n\nexport default useCorner"],"names":[],"mappings":"sEAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;AAChD,IAAA,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACR;AACD,IAAA,OAAO,EAAE;AACb"}
+{"version":3,"file":"index.js","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\nconst useCorner = (type?: UseCornerTypes): object => {\n    switch (type) {\n        case 'square':\n            return {\n                radius: 0\n            }\n        case 'rounded':\n            return {\n                radius: 1\n            }\n        case 'circle':\n            return {\n                radius: 100\n            }\n    }\n    return {}\n}\n\nexport default useCorner"],"names":[],"mappings":"sEAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb"}

package/useCorner/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\nconst useCorner = (type?: UseCornerTypes): object => {\n    switch (type) {\n        case 'square':\n            return {\n                radius: 0\n            }\n        case 'rounded':\n            return {\n                radius: 1\n            }\n        case 'circle':\n            return {\n                radius: 100\n            }\n    }\n    return {}\n}\n\nexport default useCorner"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;AAChD,IAAA,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACR;AACD,IAAA,OAAO,EAAE;AACb"}
+{"version":3,"file":"index.mjs","sources":["../../src/useCorner/index.ts"],"sourcesContent":["\nexport type UseCornerTypes = \"square\" | \"rounded\" | \"circle\"\nconst useCorner = (type?: UseCornerTypes): object => {\n    switch (type) {\n        case 'square':\n            return {\n                radius: 0\n            }\n        case 'rounded':\n            return {\n                radius: 1\n            }\n        case 'circle':\n            return {\n                radius: 100\n            }\n    }\n    return {}\n}\n\nexport default useCorner"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,CAAC,IAAqB,KAAY;IAChD,QAAQ,IAAI;AACR,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,SAAS;YACV,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;AACL,QAAA,KAAK,QAAQ;YACT,OAAO;AACH,gBAAA,MAAM,EAAE;aACX;;AAET,IAAA,OAAO,EAAE;AACb"}