@team_yumi/ramen 0.0.3-next.1688753932673

package/README.md

@@ -0,0 +1,7 @@
+# ramen
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test ramen` to execute the unit tests via [Jest](https://jestjs.io).

package/components/core/xalert/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xalert/root.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Collections } from '../../../models';
+export interface IProps {
+    children?: React.ReactNode;
+    title?: string;
+    showIcon?: boolean;
+    type?: (typeof Collections.IAlertType)[number];
+}
+declare const XAlert: React.FC<IProps>;
+export default XAlert;

package/components/core/xavatar/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xavatar/root.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Collections } from '../../../models';
+export interface IProps {
+    src: string;
+    size?: (typeof Collections.ISize)[number];
+}
+declare const XAvatar: React.FC<IProps>;
+export default XAvatar;

package/components/core/xbadge/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xbadge/root.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Collections } from '../../../models';
+export interface IProps {
+    value?: number;
+    size?: (typeof Collections.ISize)[number];
+}
+declare const XBadge: React.FC<IProps>;
+export default XBadge;

package/components/core/xbox/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xbox/root.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    children?: React.ReactNode;
+    verticalAlign?: (typeof Collections.IVerticalAlign)[number];
+    horizontalAlign?: (typeof Collections.IHorizontalAlign)[number];
+    height?: (typeof Collections.IHeight)[number];
+    width?: (typeof Collections.IWidth)[number];
+    padding?: (typeof Collections.IPadding)[number];
+    overflow?: (typeof Collections.IOverflow)[number];
+    orientation?: (typeof Collections.IOrientation)[number];
+    gap?: (typeof Collections.IGap)[number];
+    touchable?: boolean;
+}
+declare const XBox: React.FC<IProps>;
+export default XBox;

package/components/core/xbutton/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xbutton/root.d.ts

@@ -0,0 +1,15 @@
+import React, { MouseEventHandler } from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    text?: string;
+    type?: (typeof Collections.IType)[number];
+    size?: (typeof Collections.ISize)[number];
+    icon?: (typeof Collections.IIcon)[number];
+    iconPosition?: (typeof Collections.IIconPosition)[number];
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    skeleton?: boolean;
+}
+declare const XButton: React.FC<IProps>;
+export default XButton;

package/components/core/xbuttonicon/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './root';
+export default Root;

package/components/core/xbuttonicon/root.d.ts

@@ -0,0 +1,12 @@
+import React, { MouseEventHandler } from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    type?: (typeof Collections.IType)[number];
+    size?: (typeof Collections.ISize)[number];
+    icon?: (typeof Collections.IIcon)[number];
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+declare const XButtonIcon: React.FC<IProps>;
+export default XButtonIcon;

package/components/core/xcard/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xcard/root.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Collections } from '../../../models';
+export interface IProps {
+    symbol?: (typeof Collections.ISymbol)[number];
+    title?: string;
+    description?: string;
+    count?: number;
+    size?: (typeof Collections.ICardSize)[number];
+    borderType?: (typeof Collections.IBorderType)[number];
+    onClick?: () => void;
+    children?: React.ReactNode;
+}
+declare const XCard: React.FC<IProps>;
+export default XCard;

package/components/core/xcheckbox/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xcheckbox/root.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    selected?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    label?: string;
+    placement?: (typeof Collections.IPlacement)[number];
+    onChange?: (value: boolean) => void;
+}
+declare const XCheckbox: React.FC<IProps>;
+export default XCheckbox;

package/components/core/xcollapse-card/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xcollapse-card/root.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Collections } from '../../../models';
+export interface IProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    title?: string;
+    description?: string;
+    count?: number;
+    selected?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    size?: (typeof Collections.ICollapseCardSize)[number];
+    onToggle?: (open: boolean) => void;
+    onSelect?: (selected: boolean) => void;
+}
+declare const XCollapseCard: React.FC<IProps>;
+export default XCollapseCard;

package/components/core/xconfig-provider/context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Collections } from '../../../models';
+export interface IConfig {
+    country: (typeof Collections.ICountry)[number];
+    theme: (typeof Collections.ITheme)[number];
+}
+export declare type IConfigContext = [IConfig, (config: Partial<IConfig>) => void];
+export declare const DEFAULT_CONFIG: IConfig;
+export declare const DEFAULT_CONTEXT: IConfigContext;
+declare const ConfigContext: import("react").Context<IConfigContext>;
+export default ConfigContext;

package/components/core/xconfig-provider/index.d.ts

@@ -0,0 +1,4 @@
+import Root from './root';
+import useConfig from './useConfig';
+export default Root;
+export { useConfig };

package/components/core/xconfig-provider/root.d.ts

@@ -0,0 +1,9 @@
+import { Collections } from '../../../models';
+import React from 'react';
+export interface IProps {
+    country?: (typeof Collections.ICountry)[number];
+    theme?: (typeof Collections.ITheme)[number];
+    children?: React.ReactNode;
+}
+declare const XConfigProvider: React.FC<IProps>;
+export default XConfigProvider;

package/components/core/xconfig-provider/useConfig.d.ts

@@ -0,0 +1,2 @@
+declare const useConfig: () => import("./context").IConfigContext;
+export default useConfig;

package/components/core/xcounter/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xcounter/root.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface IProps {
+    count?: number;
+    defaultCount?: number;
+    min?: number;
+    max?: number;
+    showDelete?: boolean;
+    onDelete?: (count: number) => void;
+    onChange?: (count: number) => void;
+}
+declare const XCounter: React.FC<IProps>;
+export default XCounter;

package/components/core/xdivider/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './root';
+export default Root;

package/components/core/xdivider/root.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const XDivider: React.FC;
+export default XDivider;

package/components/core/xemail-input/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xemail-input/root.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Collections } from './../../../models';
+import { IProps as IInputProps } from './../xinput/root';
+export interface IProps extends Omit<IInputProps, 'type' | 'icon'> {
+    size?: (typeof Collections.IEmailInputSize)[number];
+}
+declare const XEmailInput: React.FC<IProps>;
+export default XEmailInput;

package/components/core/xform-item/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xform-item/root.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface IProps {
+    label?: string;
+    caption?: string;
+    error?: string;
+    children: React.ReactNode;
+}
+declare const XFormItem: React.FC<IProps>;
+export default XFormItem;

package/components/core/xicon/icons/bold/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactComponent as Alert } from './alert.svg';
+import { ReactComponent as Check } from './check.svg';
+import { ReactComponent as Info } from './info.svg';
+import { ReactComponent as X } from './x.svg';
+export { Alert, Check, Info, X };

package/components/core/xicon/icons/extrabold/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactComponent as ArrowLeft } from './arrow-left.svg';
+import { ReactComponent as ChevronLeft } from './chevron-left.svg';
+import { ReactComponent as Less } from './less.svg';
+import { ReactComponent as Slash } from './slash.svg';
+import { ReactComponent as ArrowRight } from './arrow-right.svg';
+import { ReactComponent as ChevronRight } from './chevron-right.svg';
+import { ReactComponent as None } from './none.svg';
+import { ReactComponent as X } from './x.svg';
+import { ReactComponent as Check } from './check.svg';
+import { ReactComponent as ChevronUp } from './chevron-up.svg';
+import { ReactComponent as Plus } from './plus.svg';
+import { ReactComponent as ChevronDown } from './chevron-down.svg';
+import { ReactComponent as Refuse } from './refuse.svg';
+export { ArrowLeft, ChevronLeft, Less, Slash, ArrowRight, ChevronRight, None, X, Check, ChevronUp, Plus, ChevronDown, Refuse, };

package/components/core/xicon/icons/filled/index.d.ts

@@ -0,0 +1,53 @@
+import { ReactComponent as ArrowDownCircle } from './navigation/arrow-down-circle.svg';
+import { ReactComponent as ArrowUpRight } from './navigation/arrow-up-right.svg';
+import { ReactComponent as ChevronLeft } from './navigation/chevron-left.svg';
+import { ReactComponent as ArrowDownLeft } from './navigation/arrow-down-left.svg';
+import { ReactComponent as Car } from './navigation/car.svg';
+import { ReactComponent as ChevronRight } from './navigation/chevron-right.svg';
+import { ReactComponent as ArrowDownRight } from './navigation/arrow-down-right.svg';
+import { ReactComponent as CarretDown } from './navigation/carret-down.svg';
+import { ReactComponent as ChevronUp } from './navigation/chevron-up.svg';
+import { ReactComponent as ArrowLeftCircle } from './navigation/arrow-left-circle.svg';
+import { ReactComponent as CarretLeft } from './navigation/carret-left.svg';
+import { ReactComponent as Map } from './navigation/map.svg';
+import { ReactComponent as ArrowRightCircle } from './navigation/arrow-right-circle.svg';
+import { ReactComponent as CarretRight } from './navigation/carret-right.svg';
+import { ReactComponent as None } from './navigation/none.svg';
+import { ReactComponent as ArrowUpCircle } from './navigation/arrow-up-circle.svg';
+import { ReactComponent as CarretUp } from './navigation/carret-up.svg';
+import { ReactComponent as Walking } from './navigation/walking.svg';
+import { ReactComponent as ArrowUpLeft } from './navigation/arrow-up-left.svg';
+import { ReactComponent as ChevronDown } from './navigation/chevron-down.svg';
+import { ReactComponent as Apple } from './social/apple.svg';
+import { ReactComponent as Cencosud } from './social/cencosud.svg';
+import { ReactComponent as Facebook } from './social/facebook.svg';
+import { ReactComponent as Google } from './social/google.svg';
+import { ReactComponent as AlertBold } from './system/alert-bold.svg';
+import { ReactComponent as Check } from './system/check.svg';
+import { ReactComponent as InfoBold } from './system/info-bold.svg';
+import { ReactComponent as Support } from './system/support.svg';
+import { ReactComponent as BalanceCart } from './system/balance-cart.svg';
+import { ReactComponent as Denied } from './system/denied.svg';
+import { ReactComponent as List } from './system/list.svg';
+import { ReactComponent as Task } from './system/task.svg';
+import { ReactComponent as Balance } from './system/balance.svg';
+import { ReactComponent as Fast } from './system/fast.svg';
+import { ReactComponent as Mail } from './system/mail.svg';
+import { ReactComponent as Tools } from './system/tools.svg';
+import { ReactComponent as Block } from './system/block.svg';
+import { ReactComponent as Fill } from './system/fill.svg';
+import { ReactComponent as Notifications } from './system/notifications.svg';
+import { ReactComponent as Tunnel } from './system/tunnel.svg';
+import { ReactComponent as Calculator } from './system/calculator.svg';
+import { ReactComponent as FolderPlus } from './system/folder-plus.svg';
+import { ReactComponent as Profile } from './system/profile.svg';
+import { ReactComponent as WarningBold } from './system/warning-bold.svg';
+import { ReactComponent as Camera } from './system/camera.svg';
+import { ReactComponent as Help } from './system/help.svg';
+import { ReactComponent as Refuse } from './system/refuse.svg';
+import { ReactComponent as XCircleBold } from './system/x-circle-bold.svg';
+import { ReactComponent as CheckBold } from './system/check-bold.svg';
+import { ReactComponent as Inbox } from './system/inbox.svg';
+import { ReactComponent as Stats } from './system/stats.svg';
+import { ReactComponent as XCircle } from './system/x-circle.svg';
+export { ArrowDownCircle, ArrowUpRight, ChevronLeft, ArrowDownLeft, Car, ChevronRight, ArrowDownRight, CarretDown, ChevronUp, ArrowLeftCircle, CarretLeft, Map, ArrowRightCircle, CarretRight, None, ArrowUpCircle, CarretUp, Walking, ArrowUpLeft, ChevronDown, Apple, Cencosud, Facebook, Google, AlertBold, Check, InfoBold, Support, BalanceCart, Denied, List, Task, Balance, Fast, Mail, Tools, Block, Fill, Notifications, Tunnel, Calculator, FolderPlus, Profile, WarningBold, Camera, Help, Refuse, XCircleBold, CheckBold, Inbox, Stats, XCircle, };

package/components/core/xicon/icons/index.d.ts

@@ -0,0 +1,5 @@
+import * as Bold from './bold';
+import * as Extrabold from './extrabold';
+import * as Filled from './filled';
+import * as Outline from './outline';
+export { Bold, Extrabold, Filled, Outline };

package/components/core/xicon/icons/outline/index.d.ts

@@ -0,0 +1,194 @@
+import { ReactComponent as Announcement } from './comunication/announcement.svg';
+import { ReactComponent as PhoneCall } from './comunication/phone-call.svg';
+import { ReactComponent as PhoneIncoming } from './comunication/phone-incoming.svg';
+import { ReactComponent as PhoneOutgoing } from './comunication/phone-outgoing.svg';
+import { ReactComponent as MessageCircle } from './comunication/message-circle.svg';
+import { ReactComponent as PhoneChat } from './comunication/phone-chat.svg';
+import { ReactComponent as PhoneMissed } from './comunication/phone-missed.svg';
+import { ReactComponent as Phone } from './comunication/phone.svg';
+import { ReactComponent as MessageSquare } from './comunication/message-square.svg';
+import { ReactComponent as PhoneForwarded } from './comunication/phone-forwarded.svg';
+import { ReactComponent as PhoneOff } from './comunication/phone-off.svg';
+import { ReactComponent as Support } from './comunication/support.svg';
+import { ReactComponent as Briefcase } from './ecommerce/briefcase.svg';
+import { ReactComponent as Clock } from './ecommerce/clock.svg';
+import { ReactComponent as Package } from './ecommerce/package.svg';
+import { ReactComponent as Tag } from './ecommerce/tag.svg';
+import { ReactComponent as Calendar } from './ecommerce/calendar.svg';
+import { ReactComponent as CreditCard } from './ecommerce/credit-card.svg';
+import { ReactComponent as Printer } from './ecommerce/printer.svg';
+import { ReactComponent as Truck } from './ecommerce/truck.svg';
+import { ReactComponent as CameraOff } from './ecommerce/camera-off.svg';
+import { ReactComponent as Gift } from './ecommerce/gift.svg';
+import { ReactComponent as ShoppingBag } from './ecommerce/shopping-bag.svg';
+import { ReactComponent as Tv } from './ecommerce/tv.svg';
+import { ReactComponent as Camera } from './ecommerce/camera.svg';
+import { ReactComponent as Home } from './ecommerce/home.svg';
+import { ReactComponent as ShoppingCart } from './ecommerce/shopping-cart.svg';
+import { ReactComponent as Clipboard } from './ecommerce/clipboard.svg';
+import { ReactComponent as Monitor } from './ecommerce/monitor.svg';
+import { ReactComponent as Star } from './ecommerce/star.svg';
+import { ReactComponent as Basket } from './ecommerce/basket.svg';
+import { ReactComponent as AlignCenter } from './format/align-center.svg';
+import { ReactComponent as AlignRight } from './format/align-right.svg';
+import { ReactComponent as Grid } from './format/grid.svg';
+import { ReactComponent as List } from './format/list.svg';
+import { ReactComponent as AlignLeft } from './format/align-left.svg';
+import { ReactComponent as Bold } from './format/bold.svg';
+import { ReactComponent as ListNumber } from './format/list-number.svg';
+import { ReactComponent as Airplay } from './media/airplay.svg';
+import { ReactComponent as Mic } from './media/mic.svg';
+import { ReactComponent as Rewind } from './media/rewind.svg';
+import { ReactComponent as Volume1 } from './media/volume-1.svg';
+import { ReactComponent as BookOpen } from './media/book-open.svg';
+import { ReactComponent as PauseCircle } from './media/pause-circle.svg';
+import { ReactComponent as SkipBack } from './media/skip-back.svg';
+import { ReactComponent as Volume2 } from './media/volume-2.svg';
+import { ReactComponent as Book } from './media/book.svg';
+import { ReactComponent as Pause } from './media/pause.svg';
+import { ReactComponent as SkipForward } from './media/skip-forward.svg';
+import { ReactComponent as VolumeX } from './media/volume-x.svg';
+import { ReactComponent as FastForward } from './media/fast-forward.svg';
+import { ReactComponent as PlayCircle } from './media/play-circle.svg';
+import { ReactComponent as Sliders } from './media/sliders.svg';
+import { ReactComponent as Volume } from './media/volume.svg';
+import { ReactComponent as IdeaLightBulb } from './media/idea-light-bulb.svg';
+import { ReactComponent as Play } from './media/play.svg';
+import { ReactComponent as StopCircle } from './media/stop-circle.svg';
+import { ReactComponent as Image } from './media/image.svg';
+import { ReactComponent as Radio } from './media/radio.svg';
+import { ReactComponent as VideoOff } from './media/video-off.svg';
+import { ReactComponent as MicOff } from './media/mic-off.svg';
+import { ReactComponent as Repeat } from './media/repeat.svg';
+import { ReactComponent as Video } from './media/video.svg';
+import { ReactComponent as Bento } from './menu/bento.svg';
+import { ReactComponent as Doner } from './menu/doner.svg';
+import { ReactComponent as Hamburguer } from './menu/hamburguer.svg';
+import { ReactComponent as Kebab } from './menu/kebab.svg';
+import { ReactComponent as Meatballs } from './menu/meatballs.svg';
+import { ReactComponent as ArrowDownLeft } from './navigation/arrow-down-left.svg';
+import { ReactComponent as CarretDown } from './navigation/carret-down.svg';
+import { ReactComponent as CornerDownLeft } from './navigation/corner-down-left.svg';
+import { ReactComponent as ExternalLink } from './navigation/external-link.svg';
+import { ReactComponent as ArrowDownRight } from './navigation/arrow-down-right.svg';
+import { ReactComponent as CarretLeft } from './navigation/carret-left.svg';
+import { ReactComponent as CornerDownRight } from './navigation/corner-down-right.svg';
+import { ReactComponent as Maximize } from './navigation/maximize.svg';
+import { ReactComponent as ArrowDown } from './navigation/arrow-down.svg';
+import { ReactComponent as CarretRight } from './navigation/carret-right.svg';
+import { ReactComponent as CornerLeftDown } from './navigation/corner-left-down.svg';
+import { ReactComponent as Minimize } from './navigation/minimize.svg';
+import { ReactComponent as ArrowLeft } from './navigation/arrow-left.svg';
+import { ReactComponent as CarretUp } from './navigation/carret-up.svg';
+import { ReactComponent as CornerLeftUp } from './navigation/corner-left-up.svg';
+import { ReactComponent as None } from './navigation/none.svg';
+import { ReactComponent as ArrowRight } from './navigation/arrow-right.svg';
+import { ReactComponent as ChevronDown } from './navigation/chevron-down.svg';
+import { ReactComponent as CornerRightDown } from './navigation/corner-right-down.svg';
+import { ReactComponent as RefreshCcw } from './navigation/refresh-ccw.svg';
+import { ReactComponent as ArrowUpLeft } from './navigation/arrow-up-left.svg';
+import { ReactComponent as ChevronLeft } from './navigation/chevron-left.svg';
+import { ReactComponent as CornerRightUp } from './navigation/corner-right-up.svg';
+import { ReactComponent as RefreshCw } from './navigation/refresh-cw.svg';
+import { ReactComponent as ArrowUpRight } from './navigation/arrow-up-right.svg';
+import { ReactComponent as ChevronRight } from './navigation/chevron-right.svg';
+import { ReactComponent as CornerUpLeft } from './navigation/corner-up-left.svg';
+import { ReactComponent as RotateCcw } from './navigation/rotate-ccw.svg';
+import { ReactComponent as ArrowUp } from './navigation/arrow-up.svg';
+import { ReactComponent as ChevronUp } from './navigation/chevron-up.svg';
+import { ReactComponent as CornerUpRight } from './navigation/corner-up-right.svg';
+import { ReactComponent as RotateCw } from './navigation/rotate-cw.svg';
+import { ReactComponent as Close } from './navigation/close.svg';
+import { ReactComponent as Chrome } from './social-media/chrome.svg';
+import { ReactComponent as Figma } from './social-media/figma.svg';
+import { ReactComponent as Linkedin } from './social-media/linkedin.svg';
+import { ReactComponent as ThumbsDown } from './social-media/thumbs-down.svg';
+import { ReactComponent as Twitter } from './social-media/twitter.svg';
+import { ReactComponent as Facebook } from './social-media/facebook.svg';
+import { ReactComponent as Instagram } from './social-media/instagram.svg';
+import { ReactComponent as Safari } from './social-media/safari.svg';
+import { ReactComponent as ThumbsUp } from './social-media/thumbs-up.svg';
+import { ReactComponent as Youtube } from './social-media/youtube.svg';
+import { ReactComponent as AlertCircle } from './system/alert-circle.svg';
+import { ReactComponent as Exit } from './system/exit.svg';
+import { ReactComponent as Mail } from './system/mail.svg';
+import { ReactComponent as SortUp } from './system/sort-up.svg';
+import { ReactComponent as Alert } from './system/alert.svg';
+import { ReactComponent as EyeOff } from './system/eye-off.svg';
+import { ReactComponent as Paperclip } from './system/paperclip.svg';
+import { ReactComponent as Store } from './system/store.svg';
+import { ReactComponent as Archive } from './system/archive.svg';
+import { ReactComponent as Eye } from './system/eye.svg';
+import { ReactComponent as PieChart } from './system/pie-chart.svg';
+import { ReactComponent as Trash2 } from './system/trash-2.svg';
+import { ReactComponent as AtSign } from './system/at-sign.svg';
+import { ReactComponent as Filter1 } from './system/filter-1.svg';
+import { ReactComponent as PlusRounded } from './system/plus-rounded.svg';
+import { ReactComponent as Trash } from './system/trash.svg';
+import { ReactComponent as BatteryCharging } from './system/battery-charging.svg';
+import { ReactComponent as Filter } from './system/filter.svg';
+import { ReactComponent as Plus } from './system/plus.svg';
+import { ReactComponent as TrendingDown } from './system/trending-down.svg';
+import { ReactComponent as Battery } from './system/battery.svg';
+import { ReactComponent as Flag } from './system/flag.svg';
+import { ReactComponent as Power } from './system/power.svg';
+import { ReactComponent as TrendingUp } from './system/trending-up.svg';
+import { ReactComponent as Bluetooth } from './system/bluetooth.svg';
+import { ReactComponent as FolderMinus } from './system/folder-minus.svg';
+import { ReactComponent as Rss } from './system/rss.svg';
+import { ReactComponent as Unlock } from './system/unlock.svg';
+import { ReactComponent as Bookmark } from './system/bookmark.svg';
+import { ReactComponent as FolderPlus } from './system/folder-plus.svg';
+import { ReactComponent as Save } from './system/save.svg';
+import { ReactComponent as UploadCloud } from './system/upload-cloud.svg';
+import { ReactComponent as Calculator } from './system/calculator.svg';
+import { ReactComponent as Folder } from './system/folder.svg';
+import { ReactComponent as Scan2 } from './system/scan-2.svg';
+import { ReactComponent as Upload } from './system/upload.svg';
+import { ReactComponent as Cast } from './system/cast.svg';
+import { ReactComponent as Globe } from './system/globe.svg';
+import { ReactComponent as Scan } from './system/scan.svg';
+import { ReactComponent as UserCheck } from './system/user-check.svg';
+import { ReactComponent as Chart2 } from './system/chart-2.svg';
+import { ReactComponent as HardDrive } from './system/hard-drive.svg';
+import { ReactComponent as Search } from './system/search.svg';
+import { ReactComponent as UserMinus } from './system/user-minus.svg';
+import { ReactComponent as Chart } from './system/chart.svg';
+import { ReactComponent as Send } from './system/send.svg';
+import { ReactComponent as UserPlus } from './system/user-plus.svg';
+import { ReactComponent as CheckCircle } from './system/check-circle.svg';
+import { ReactComponent as Info } from './system/info.svg';
+import { ReactComponent as Server } from './system/server.svg';
+import { ReactComponent as UserX } from './system/user-x.svg';
+import { ReactComponent as CheckSquare } from './system/check-square.svg';
+import { ReactComponent as Kg } from './system/kg.svg';
+import { ReactComponent as Settings } from './system/settings.svg';
+import { ReactComponent as User } from './system/user.svg';
+import { ReactComponent as Check } from './system/check.svg';
+import { ReactComponent as Layout } from './system/layout.svg';
+import { ReactComponent as Share2 } from './system/share-2.svg';
+import { ReactComponent as Users } from './system/users.svg';
+import { ReactComponent as Delete } from './system/delete.svg';
+import { ReactComponent as Less } from './system/less.svg';
+import { ReactComponent as Share } from './system/share.svg';
+import { ReactComponent as WifiOff } from './system/wifi-off.svg';
+import { ReactComponent as DownloadCloud } from './system/download-cloud.svg';
+import { ReactComponent as Link1 } from './system/link-1.svg';
+import { ReactComponent as ShieldOff } from './system/shield-off.svg';
+import { ReactComponent as Wifi } from './system/wifi.svg';
+import { ReactComponent as Download } from './system/download.svg';
+import { ReactComponent as Link } from './system/link.svg';
+import { ReactComponent as Shield } from './system/shield.svg';
+import { ReactComponent as XCircle } from './system/x-circle.svg';
+import { ReactComponent as Edit2 } from './system/edit-2.svg';
+import { ReactComponent as Location } from './system/location.svg';
+import { ReactComponent as Sidebar } from './system/sidebar.svg';
+import { ReactComponent as X } from './system/x.svg';
+import { ReactComponent as Edit3 } from './system/edit-3.svg';
+import { ReactComponent as Lock } from './system/lock.svg';
+import { ReactComponent as Slash } from './system/slash.svg';
+import { ReactComponent as Entry } from './system/entry.svg';
+import { ReactComponent as LogOut } from './system/log-out.svg';
+import { ReactComponent as SortDown } from './system/sort-down.svg';
+import { ReactComponent as Loading } from './system/loading.svg';
+export { Announcement, PhoneCall, PhoneIncoming, PhoneOutgoing, MessageCircle, PhoneChat, PhoneMissed, Phone, MessageSquare, PhoneForwarded, PhoneOff, Support, Briefcase, Clock, Package, Tag, Calendar, CreditCard, Printer, Truck, CameraOff, Gift, ShoppingBag, Tv, Camera, Home, ShoppingCart, Clipboard, Monitor, Star, Basket, AlignCenter, AlignRight, Grid, List, AlignLeft, Bold, ListNumber, Airplay, Mic, Rewind, Volume1, BookOpen, PauseCircle, SkipBack, Volume2, Book, Pause, SkipForward, VolumeX, FastForward, PlayCircle, Sliders, Volume, IdeaLightBulb, Play, StopCircle, Image, Radio, VideoOff, MicOff, Repeat, Video, Bento, Doner, Hamburguer, Kebab, Meatballs, ArrowDownLeft, CarretDown, CornerDownLeft, ExternalLink, ArrowDownRight, CarretLeft, CornerDownRight, Maximize, ArrowDown, CarretRight, CornerLeftDown, Minimize, ArrowLeft, CarretUp, CornerLeftUp, None, ArrowRight, ChevronDown, CornerRightDown, RefreshCcw, ArrowUpLeft, ChevronLeft, CornerRightUp, RefreshCw, ArrowUpRight, ChevronRight, CornerUpLeft, RotateCcw, Close, ArrowUp, ChevronUp, CornerUpRight, RotateCw, Chrome, Figma, Linkedin, ThumbsDown, Twitter, Facebook, Instagram, Safari, ThumbsUp, Youtube, AlertCircle, Exit, Mail, SortUp, Alert, EyeOff, Paperclip, Store, Archive, Eye, PieChart, Trash2, AtSign, Filter1, PlusRounded, Trash, BatteryCharging, Filter, Plus, TrendingDown, Battery, Flag, Power, TrendingUp, Bluetooth, FolderMinus, Rss, Unlock, Bookmark, FolderPlus, Save, UploadCloud, Calculator, Folder, Scan2, Upload, Cast, Globe, Scan, UserCheck, Chart2, HardDrive, Search, UserMinus, Chart, Send, UserPlus, CheckCircle, Info, Server, UserX, CheckSquare, Kg, Settings, User, Check, Layout, Share2, Users, Delete, Less, Share, WifiOff, DownloadCloud, Link1, ShieldOff, Wifi, Download, Link, Shield, XCircle, Edit2, Location, Sidebar, X, Edit3, Lock, Slash, Entry, LogOut, SortDown, Loading, };

package/components/core/xicon/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xicon/root.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    icon?: (typeof Collections.IIcon)[number];
+    size?: (typeof Collections.ISize)[number];
+}
+declare const XIcon: React.FC<IProps>;
+export default XIcon;

package/components/core/ximage/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/ximage/root.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    src: string;
+    height?: (typeof Collections.IHeight)[number];
+    width?: (typeof Collections.IWidth)[number];
+    padding?: (typeof Collections.IPadding)[number];
+    border?: (typeof Collections.IBorder)[number];
+    rounded?: (typeof Collections.IRounded)[number];
+}
+declare const XImage: React.FC<IProps>;
+export default XImage;

package/components/core/xinput/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xinput/root.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Collections } from './../../../models';
+export interface IProps {
+    type?: (typeof Collections.IInputType)[number];
+    placeholder?: string;
+    value?: string | number;
+    size?: (typeof Collections.IInputSize)[number];
+    icon?: (typeof Collections.IIcon)[number];
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+declare const XInput: React.FC<IProps>;
+export default XInput;

package/components/core/xlist/index.d.ts

@@ -0,0 +1,2 @@
+import Root from "./root";
+export default Root;

package/components/core/xlist/root.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface IProps<T> {
+    rowKey?: keyof T;
+    dataSource: T[];
+    skeleton?: boolean;
+    renderItem: (item: T, index: number, array: T[]) => React.ReactNode;
+}
+declare function XList<T extends object>(props: IProps<T>): JSX.Element;
+declare namespace XList {
+    var defaultProps: {};
+}
+export default XList;