@xanui/ui 1.2.7 → 1.2.8

package/AvatarPicker/index.d.ts

@@ -21,7 +21,7 @@ type AvatarPickerProps<T extends TagComponentType = "div"> = TagProps<T> & {
         menu?: Omit<MenuProps, "target" | "onClickOutside">;
     };
 };
-declare const AvatarPicker: React__default.ForwardRefExoticComponent<Omit<AvatarPickerProps<"div">, "ref"> & React__default.RefAttributes<"symbol" | "object" | "cite" | "data" | "form" | "label" | "pattern" | "span" | "summary" | "slot" | "style" | "title" | "div" | "filter" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "big" | "text" | "button" | "p" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "script" | "section" | "select" | "source" | "strong" | "sub" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React__default.ComponentClass<any, any> | React__default.FunctionComponent<any>>>;
+declare const AvatarPicker: React__default.ForwardRefExoticComponent<Omit<AvatarPickerProps<"div">, "ref"> & React__default.RefAttributes<"symbol" | "object" | "label" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React__default.ComponentClass<any, any> | React__default.FunctionComponent<any>>>;
 
 export { AvatarPicker as default };
 export type { AvataPickerValue, AvatarPickerProps };

package/Card/index.cjs

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@xanui/core');
+
+const Card = React.forwardRef((_a, ref) => {
+    var _b;
+    var { children } = _a, rest = tslib.__rest(_a, ["children"]);
+    let [_c] = core.useInterface('Card', rest, {}), { variant } = _c, props = tslib.__rest(_c, ["variant"]);
+    const _p = {};
+    if (variant !== undefined)
+        _p.variant = variant;
+    const p = core.useBreakpointProps(_p);
+    variant = (_b = p.variant) !== null && _b !== void 0 ? _b : "elevated";
+    const variantSx = {
+        elevated: {
+            shadow: 2,
+        },
+        outlined: {
+            border: '1px solid',
+            borderColor: 'surface.divider',
+        },
+        filled: {
+            bgcolor: 'surface.light',
+        },
+    };
+    return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { baseClass: 'card', ref: ref, sxr: Object.assign({ display: 'flex', flexDirection: 'column', gap: 1, radius: 1, overflow: 'hidden', p: 1 }, (variant ? variantSx[variant] : {})), children: children })));
+});
+
+module.exports = Card;
+//# sourceMappingURL=index.cjs.map

package/Card/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/Card/index.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useInterface } from '@xanui/core';\n\nexport type CardProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n   variant?: 'elevated' | 'outlined' | 'filled' | false;\n}\n\nconst Card = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: CardProps<T>, ref: React.Ref<any>) => {\n\n   let [{\n      variant,\n      ...props\n   }] = useInterface<any>('Card', rest, {})\n\n   const _p: any = {}\n   if (variant !== undefined) _p.variant = variant\n   const p: any = useBreakpointProps(_p)\n   variant = p.variant ?? \"elevated\";\n\n   const variantSx: any = {\n      elevated: {\n         shadow: 2,\n      },\n      outlined: {\n         border: '1px solid',\n         borderColor: 'surface.divider',\n      },\n      filled: {\n         bgcolor: 'surface.light',\n      },\n   }\n\n   return (\n      <Tag\n         {...props}\n         baseClass='card'\n         ref={ref}\n         sxr={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 1,\n            radius: 1,\n            overflow: 'hidden',\n            p: 1,\n            ...(variant ? variantSx[variant] : {}),\n         }}\n      >{children}</Tag>\n   )\n})\n\nexport default Card\n\n"],"names":[],"mappings":";;;;;;;;AAQA;;AAAmE;AAEhE;;;AAM2B;AAC3B;AACA;AAEA;AACG;AACG;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACF;;;AAmBP;;"}

package/Card/index.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { TagComponentType, TagProps } from '@xanui/core';
+
+type CardProps<T extends TagComponentType = "div"> = TagProps<T> & {
+    variant?: 'elevated' | 'outlined' | 'filled' | false;
+};
+declare const Card: React__default.ForwardRefExoticComponent<Omit<CardProps<TagComponentType>, "ref"> & React__default.RefAttributes<any>>;
+
+export { Card as default };
+export type { CardProps };

package/Card/index.js

@@ -0,0 +1,32 @@
+"use client";
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useInterface, useBreakpointProps, Tag } from '@xanui/core';
+
+const Card = React.forwardRef((_a, ref) => {
+    var _b;
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    let [_c] = useInterface('Card', rest, {}), { variant } = _c, props = __rest(_c, ["variant"]);
+    const _p = {};
+    if (variant !== undefined)
+        _p.variant = variant;
+    const p = useBreakpointProps(_p);
+    variant = (_b = p.variant) !== null && _b !== void 0 ? _b : "elevated";
+    const variantSx = {
+        elevated: {
+            shadow: 2,
+        },
+        outlined: {
+            border: '1px solid',
+            borderColor: 'surface.divider',
+        },
+        filled: {
+            bgcolor: 'surface.light',
+        },
+    };
+    return (jsx(Tag, Object.assign({}, props, { baseClass: 'card', ref: ref, sxr: Object.assign({ display: 'flex', flexDirection: 'column', gap: 1, radius: 1, overflow: 'hidden', p: 1 }, (variant ? variantSx[variant] : {})), children: children })));
+});
+
+export { Card as default };
+//# sourceMappingURL=index.js.map

package/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Card/index.tsx"],"sourcesContent":["\"use client\"\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, useBreakpointProps, useInterface } from '@xanui/core';\n\nexport type CardProps<T extends TagComponentType = \"div\"> = TagProps<T> & {\n   variant?: 'elevated' | 'outlined' | 'filled' | false;\n}\n\nconst Card = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...rest }: CardProps<T>, ref: React.Ref<any>) => {\n\n   let [{\n      variant,\n      ...props\n   }] = useInterface<any>('Card', rest, {})\n\n   const _p: any = {}\n   if (variant !== undefined) _p.variant = variant\n   const p: any = useBreakpointProps(_p)\n   variant = p.variant ?? \"elevated\";\n\n   const variantSx: any = {\n      elevated: {\n         shadow: 2,\n      },\n      outlined: {\n         border: '1px solid',\n         borderColor: 'surface.divider',\n      },\n      filled: {\n         bgcolor: 'surface.light',\n      },\n   }\n\n   return (\n      <Tag\n         {...props}\n         baseClass='card'\n         ref={ref}\n         sxr={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 1,\n            radius: 1,\n            overflow: 'hidden',\n            p: 1,\n            ...(variant ? variantSx[variant] : {}),\n         }}\n      >{children}</Tag>\n   )\n})\n\nexport default Card\n\n"],"names":[],"mappings":";;;;;;AAQA;;AAAmE;AAEhE;;;AAM2B;AAC3B;AACA;AAEA;AACG;AACG;AACF;AACD;AACG;AACA;AACF;AACD;AACG;AACF;;;AAmBP;;"}

package/FilePicker/index.d.ts

@@ -17,7 +17,7 @@ type FilePickerProps<T extends TagComponentType = "div"> = Omit<TagProps<T>, 'ac
     onDragLeave?: (e: React__default.DragEvent) => void;
     onError?: (error: FilePickerError) => void;
 };
-declare const _default: React__default.ForwardRefExoticComponent<Omit<FilePickerProps<TagComponentType>, "ref"> & React__default.RefAttributes<"symbol" | "object" | "cite" | "data" | "form" | "label" | "pattern" | "span" | "summary" | "slot" | "style" | "title" | "div" | "filter" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "big" | "text" | "button" | "p" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "script" | "section" | "select" | "source" | "strong" | "sub" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React__default.ComponentClass<any, any> | React__default.FunctionComponent<any>>>;
+declare const _default: React__default.ForwardRefExoticComponent<Omit<FilePickerProps<TagComponentType>, "ref"> & React__default.RefAttributes<"symbol" | "object" | "label" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React__default.ComponentClass<any, any> | React__default.FunctionComponent<any>>>;
 
 export { _default as default };
 export type { FilePickerError, FilePickerProps };

package/GalleryPicker/index.d.ts

@@ -20,7 +20,7 @@ type GalleryPickerProps<T extends TagComponentType = "div"> = Omit<TagProps<T>,
         content?: Omit<TagProps, "children">;
     };
 };
-declare const GalleryPicker: React__default.ForwardRefExoticComponent<Omit<GalleryPickerProps<"div">, "ref"> & React__default.RefAttributes<"symbol" | "object" | "cite" | "data" | "form" | "label" | "pattern" | "span" | "summary" | "slot" | "style" | "title" | "div" | "filter" | "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "big" | "text" | "button" | "p" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "caption" | "center" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "script" | "section" | "select" | "source" | "strong" | "sub" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | React__default.ComponentClass<any, any> | React__default.FunctionComponent<any>>>;
+declare const GalleryPicker: React__default.ForwardRefExoticComponent<Omit<GalleryPickerProps<"div">, "ref"> & React__default.RefAttributes<"symbol" | "object" | "label" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React__default.ComponentClass<any, any> | React__default.FunctionComponent<any>>>;
 
 export { GalleryPicker as default };
 export type { GalleryPickerProps };

package/index.cjs

@@ -13,59 +13,60 @@ var index$9 = require('./ButtonGroup/index.cjs');
 var index$a = require('./Calendar/index.cjs');
 var index$b = require('./CalendarInput/index.cjs');
 var index$c = require('./Carousel/index.cjs');
-var index$d = require('./Checkbox/index.cjs');
-var index$e = require('./Chip/index.cjs');
-var index$f = require('./CircleProgress/index.cjs');
-var index$g = require('./ClickOutside/index.cjs');
-var index$h = require('./Collaps/index.cjs');
-var index$i = require('./Container/index.cjs');
-var index$j = require('./Datatable/index.cjs');
-var index$k = require('./DataFilter/index.cjs');
-var index$l = require('./Divider/index.cjs');
-var index$m = require('./Drawer/index.cjs');
-var index$n = require('./FilePicker/index.cjs');
-var index$o = require('./Form/index.cjs');
-var index$p = require('./GalleryPicker/index.cjs');
-var index$q = require('./GridContainer/index.cjs');
-var index$r = require('./GridItem/index.cjs');
-var index$s = require('./IconButton/index.cjs');
-var index$t = require('./Image/index.cjs');
-var index$u = require('./Input/index.cjs');
-var index$v = require('./InputNumber/index.cjs');
-var index$w = require('./Label/index.cjs');
-var index$x = require('./Layer/index.cjs');
-var index$y = require('./LineProgress/index.cjs');
-var index$z = require('./Link/index.cjs');
-var index$A = require('./List/index.cjs');
-var index$B = require('./ListItem/index.cjs');
-var index$C = require('./LoadingBox/index.cjs');
-var index$D = require('./Menu/index.cjs');
-var index$E = require('./Modal/index.cjs');
-var index$F = require('./NoSSR/index.cjs');
-var index$G = require('./Option/index.cjs');
-var index$H = require('./PasswordInput/index.cjs');
-var index$I = require('./Portal/index.cjs');
-var index$J = require('./Radio/index.cjs');
-var index$K = require('./RangeSlider/index.cjs');
-var index$L = require('./Scrollbar/index.cjs');
-var index$M = require('./Select/index.cjs');
-var index$N = require('./Stack/index.cjs');
-var index$O = require('./Switch/index.cjs');
-var index$P = require('./Tab/index.cjs');
-var index$Q = require('./Table/index.cjs');
-var index$R = require('./TableBody/index.cjs');
-var index$S = require('./TableCell/index.cjs');
-var index$T = require('./TableFooter/index.cjs');
-var index$U = require('./TableHead/index.cjs');
-var index$V = require('./TablePagination/index.cjs');
-var index$W = require('./TableRow/index.cjs');
-var index$X = require('./Tabs/index.cjs');
-var index$Y = require('./Text/index.cjs');
-var index$Z = require('./Toast/index.cjs');
-var index$_ = require('./Tooltip/index.cjs');
-var index$$ = require('./useCorner/index.cjs');
-var index$10 = require('./useContextMenu/index.cjs');
-var index$11 = require('./ViewBox/index.cjs');
+var index$d = require('./Card/index.cjs');
+var index$e = require('./Checkbox/index.cjs');
+var index$f = require('./Chip/index.cjs');
+var index$g = require('./CircleProgress/index.cjs');
+var index$h = require('./ClickOutside/index.cjs');
+var index$i = require('./Collaps/index.cjs');
+var index$j = require('./Container/index.cjs');
+var index$k = require('./Datatable/index.cjs');
+var index$l = require('./DataFilter/index.cjs');
+var index$m = require('./Divider/index.cjs');
+var index$n = require('./Drawer/index.cjs');
+var index$o = require('./FilePicker/index.cjs');
+var index$p = require('./Form/index.cjs');
+var index$q = require('./GalleryPicker/index.cjs');
+var index$r = require('./GridContainer/index.cjs');
+var index$s = require('./GridItem/index.cjs');
+var index$t = require('./IconButton/index.cjs');
+var index$u = require('./Image/index.cjs');
+var index$v = require('./Input/index.cjs');
+var index$w = require('./InputNumber/index.cjs');
+var index$x = require('./Label/index.cjs');
+var index$y = require('./Layer/index.cjs');
+var index$z = require('./LineProgress/index.cjs');
+var index$A = require('./Link/index.cjs');
+var index$B = require('./List/index.cjs');
+var index$C = require('./ListItem/index.cjs');
+var index$D = require('./LoadingBox/index.cjs');
+var index$E = require('./Menu/index.cjs');
+var index$F = require('./Modal/index.cjs');
+var index$G = require('./NoSSR/index.cjs');
+var index$H = require('./Option/index.cjs');
+var index$I = require('./PasswordInput/index.cjs');
+var index$J = require('./Portal/index.cjs');
+var index$K = require('./Radio/index.cjs');
+var index$L = require('./RangeSlider/index.cjs');
+var index$M = require('./Scrollbar/index.cjs');
+var index$N = require('./Select/index.cjs');
+var index$O = require('./Stack/index.cjs');
+var index$P = require('./Switch/index.cjs');
+var index$Q = require('./Tab/index.cjs');
+var index$R = require('./Table/index.cjs');
+var index$S = require('./TableBody/index.cjs');
+var index$T = require('./TableCell/index.cjs');
+var index$U = require('./TableFooter/index.cjs');
+var index$V = require('./TableHead/index.cjs');
+var index$W = require('./TablePagination/index.cjs');
+var index$X = require('./TableRow/index.cjs');
+var index$Y = require('./Tabs/index.cjs');
+var index$Z = require('./Text/index.cjs');
+var index$_ = require('./Toast/index.cjs');
+var index$$ = require('./Tooltip/index.cjs');
+var index$10 = require('./useCorner/index.cjs');
+var index$11 = require('./useContextMenu/index.cjs');
+var index$12 = require('./ViewBox/index.cjs');
 var SelectFilter = require('./DataFilter/options/SelectFilter.cjs');
 var MultiSelectFilter = require('./DataFilter/options/MultiSelectFilter.cjs');
 var NumberFilter = require('./DataFilter/options/NumberFilter.cjs');
@@ -89,59 +90,60 @@ exports.ButtonGroup = index$9;
 exports.Calendar = index$a;
 exports.CalendarInput = index$b;
 exports.Carousel = index$c;
-exports.Checkbox = index$d;
-exports.Chip = index$e;
-exports.CircleProgress = index$f;
-exports.ClickOutside = index$g;
-exports.Collaps = index$h;
-exports.Container = index$i;
-exports.Datatable = index$j;
-exports.DataFilter = index$k.default;
-exports.Divider = index$l;
-exports.Drawer = index$m;
-exports.FilePicker = index$n;
-exports.Form = index$o;
-exports.GalleryPicker = index$p;
-exports.GridContainer = index$q;
-exports.GridItem = index$r;
-exports.IconButton = index$s;
-exports.Image = index$t;
-exports.Input = index$u;
-exports.InputNumber = index$v;
-exports.Label = index$w;
-exports.Layer = index$x;
-exports.LineProgress = index$y;
-exports.Link = index$z;
-exports.List = index$A;
-exports.ListItem = index$B;
-exports.LoadingBox = index$C;
-exports.Menu = index$D;
-exports.Modal = index$E;
-exports.NoSSR = index$F;
-exports.Option = index$G;
-exports.PasswordInput = index$H;
-exports.Portal = index$I;
-exports.Radio = index$J;
-exports.RangeSlider = index$K;
-exports.Scrollbar = index$L;
-exports.Select = index$M;
-exports.Stack = index$N;
-exports.Switch = index$O;
-exports.Tab = index$P;
-exports.Table = index$Q;
-exports.TableBody = index$R;
-exports.TableCell = index$S;
-exports.TableFooter = index$T;
-exports.TableHead = index$U;
-exports.TablePagination = index$V;
-exports.TableRow = index$W;
-exports.Tabs = index$X;
-exports.Text = index$Y;
-exports.Toast = index$Z;
-exports.Tooltip = index$_;
-exports.useCorner = index$$;
-exports.useContextMenu = index$10;
-exports.ViewBox = index$11;
+exports.Card = index$d;
+exports.Checkbox = index$e;
+exports.Chip = index$f;
+exports.CircleProgress = index$g;
+exports.ClickOutside = index$h;
+exports.Collaps = index$i;
+exports.Container = index$j;
+exports.Datatable = index$k;
+exports.DataFilter = index$l.default;
+exports.Divider = index$m;
+exports.Drawer = index$n;
+exports.FilePicker = index$o;
+exports.Form = index$p;
+exports.GalleryPicker = index$q;
+exports.GridContainer = index$r;
+exports.GridItem = index$s;
+exports.IconButton = index$t;
+exports.Image = index$u;
+exports.Input = index$v;
+exports.InputNumber = index$w;
+exports.Label = index$x;
+exports.Layer = index$y;
+exports.LineProgress = index$z;
+exports.Link = index$A;
+exports.List = index$B;
+exports.ListItem = index$C;
+exports.LoadingBox = index$D;
+exports.Menu = index$E;
+exports.Modal = index$F;
+exports.NoSSR = index$G;
+exports.Option = index$H;
+exports.PasswordInput = index$I;
+exports.Portal = index$J;
+exports.Radio = index$K;
+exports.RangeSlider = index$L;
+exports.Scrollbar = index$M;
+exports.Select = index$N;
+exports.Stack = index$O;
+exports.Switch = index$P;
+exports.Tab = index$Q;
+exports.Table = index$R;
+exports.TableBody = index$S;
+exports.TableCell = index$T;
+exports.TableFooter = index$U;
+exports.TableHead = index$V;
+exports.TablePagination = index$W;
+exports.TableRow = index$X;
+exports.Tabs = index$Y;
+exports.Text = index$Z;
+exports.Toast = index$_;
+exports.Tooltip = index$$;
+exports.useCorner = index$10;
+exports.useContextMenu = index$11;
+exports.ViewBox = index$12;
 exports.SelectFilter = SelectFilter;
 exports.MultiSelectFilter = MultiSelectFilter;
 exports.NumberFilter = NumberFilter;

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -11,6 +11,7 @@ export { default as ButtonGroup } from './ButtonGroup/index.js';
 export { default as Calendar } from './Calendar/index.js';
 export { default as CalendarInput } from './CalendarInput/index.js';
 export { default as Carousel } from './Carousel/index.js';
+export { default as Card } from './Card/index.js';
 export { default as Checkbox } from './Checkbox/index.js';
 export { default as Chip } from './Chip/index.js';
 export { default as CircleProgress } from './CircleProgress/index.js';

package/index.js

@@ -11,6 +11,7 @@ export { default as ButtonGroup } from './ButtonGroup/index.js';
 export { default as Calendar } from './Calendar/index.js';
 export { default as CalendarInput } from './CalendarInput/index.js';
 export { default as Carousel } from './Carousel/index.js';
+export { default as Card } from './Card/index.js';
 export { default as Checkbox } from './Checkbox/index.js';
 export { default as Chip } from './Chip/index.js';
 export { default as CircleProgress } from './CircleProgress/index.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/ui",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Xanui - A React Component Library",
   "private": false,
   "dependencies": {