@team_yumi/ramen 0.4.0-next.20240213-c1b7366-5e6e50bf9c327bad04e3c309991bdff0 → 1.0.0-next.20240216-de4168b-6317371824f89146e87da88e2cd383b5

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@team_yumi/ramen",
-  "version": "0.4.0-next.20240213-c1b7366-5e6e50bf9c327bad04e3c309991bdff0",
+  "version": "1.0.0-next.20240216-de4168b-6317371824f89146e87da88e2cd383b5",
   "license": "MIT",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "main": "./index.js",
-  "module": "./index.js",
-  "type": "module",
-  "types": "./index.mobile.d.ts"
+  "main": "index.js",
+  "module": "./index.esm.js",
+  "type": "module"
 }

package/{components → src/components}/core/x-accordion/index.d.ts

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

package/{components → src/components}/core/x-accordion/root.d.ts

@@ -1,38 +1,38 @@
-import React from "react";
-import { Collections } from "@yumi/models";
-export interface IProps {
-    /**
-     * Set open or close accordion
-     */
-    isOpen?: boolean;
-    /**
-     * Set default value to open or close accordion
-     */
-    defaultOpen?: boolean;
-    /**
-     * Set button text for open accordion
-     */
-    openedTitle?: string;
-    /**
-     * Set button text for close accordion
-     */
-    closedTitle?: string;
-    /**
-     * Set state disabled
-     */
-    disabled?: boolean;
-    /**
-     * Child Elements
-     */
-    children?: React.ReactNode;
-    /**
-     * Set size for button 'xxs', 'xs', 's', 'm', 'l', 'xl'
-     */
-    size?: (typeof Collections.ISize)[number];
-    /**
-     * Handle when accordion is open or close action
-     */
-    onToggle?: (open: boolean) => void;
-}
-declare const XAccordion: React.FC<IProps>;
-export default XAccordion;
+import React from "react";
+import { Collections } from "@yumi/models";
+export interface IProps {
+    /**
+     * Set open or close accordion
+     */
+    isOpen?: boolean;
+    /**
+     * Set default value to open or close accordion
+     */
+    defaultOpen?: boolean;
+    /**
+     * Set button text for open accordion
+     */
+    openedTitle?: string;
+    /**
+     * Set button text for close accordion
+     */
+    closedTitle?: string;
+    /**
+     * Set state disabled
+     */
+    disabled?: boolean;
+    /**
+     * Child Elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Set size for button 'xxs', 'xs', 's', 'm', 'l', 'xl'
+     */
+    size?: (typeof Collections.ISize)[number];
+    /**
+     * Handle when accordion is open or close action
+     */
+    onToggle?: (open: boolean) => void;
+}
+declare const XAccordion: React.FC<IProps>;
+export default XAccordion;

package/{components/core/x-input → src/components/core/x-alert}/index.d.ts

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

package/{components → src/components}/core/x-alert/root.d.ts

@@ -1,26 +1,26 @@
-import React from 'react';
-import { Collections } from '../../../models';
-export interface IProps {
-    /**
-     * Child Elements
-     */
-    children?: React.ReactNode;
-    /**
-     * Set title for alert
-     */
-    title?: string;
-    /**
-     * Show or hide icon
-     */
-    showIcon?: boolean;
-    /**
-     * Set style for alert 'success', 'success-neutral', 'info', 'info-neutral', 'warning', 'warning-neutral', 'error' or 'error-neutral'
-     */
-    type?: (typeof Collections.IAlertType)[number];
-    /**
-     * Set icon
-     */
-    icon?: (typeof Collections.IIcon)[number];
-}
-declare const XAlert: React.FC<IProps>;
-export default XAlert;
+import React from 'react';
+import { Collections } from '@yumi/models';
+export interface IProps {
+    /**
+     * Child Elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Set title for alert
+     */
+    title?: string;
+    /**
+     * Show or hide icon
+     */
+    showIcon?: boolean;
+    /**
+     * Set style for alert 'success', 'success-neutral', 'info', 'info-neutral', 'warning', 'warning-neutral', 'error' or 'error-neutral'
+     */
+    type?: (typeof Collections.IAlertType)[number];
+    /**
+     * Set icon
+     */
+    icon?: (typeof Collections.IIcon)[number];
+}
+declare const XAlert: React.FC<IProps>;
+export default XAlert;

package/{components/core/x-checkbox → src/components/core/x-avatar}/index.d.ts

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

package/{components/core/xavatar → src/components/core/x-avatar}/root.d.ts

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

package/{components/core/x-alert → src/components/core/x-badge}/index.d.ts

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

package/{components/core/xbadge → src/components/core/x-badge}/root.d.ts

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

package/{components/core/x-text-field → src/components/core/x-bar}/index.d.ts

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

package/{components/core/xbar → src/components/core/x-bar}/root.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { Collections } from '@yumi/models';
-export interface IProps {
-    /**
-     * The type of the progress bar
-     */
-    type?: (typeof Collections.IProgressBarType)[number];
-    /**
-     * The value of the progress bar for the determinate. Value between 0 and 100.
-     */
-    progress?: number;
-    /**
-     * Size of progress bar and text
-     */
-    size?: (typeof Collections.IProgressBarSize)[number];
-}
-declare const XBar: React.FC<IProps>;
-export default XBar;
+/// <reference types="react" />
+import { Collections } from '@yumi/models';
+export interface IProps {
+    /**
+     * The type of the progress bar
+     */
+    type?: (typeof Collections.IProgressBarType)[number];
+    /**
+     * The value of the progress bar for the determinate. Value between 0 and 100.
+     */
+    progress?: number;
+    /**
+     * Size of progress bar and text
+     */
+    size?: (typeof Collections.IProgressBarSize)[number];
+}
+declare const XBar: React.FC<IProps>;
+export default XBar;

package/{components/core/x-icon → src/components/core/x-box}/index.d.ts

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

package/{components/core/xbox → src/components/core/x-box}/root.d.ts

@@ -1,54 +1,54 @@
-import React, { MouseEventHandler } from 'react';
-import { Collections } from './../../../models';
-export interface IProps {
-    /**
-     * Children of the component
-     */
-    children?: React.ReactNode;
-    /**
-     * Vertical alignment of the component. Can be 'start','end','center','between','around','evenly', 'stretch'
-     */
-    verticalAlign?: (typeof Collections.IVerticalAlign)[number];
-    /**
-     * Horizontal alignment of the component. Can be 'start','end','center','between','around','evenly', 'stretch'
-     */
-    horizontalAlign?: (typeof Collections.IHorizontalAlign)[number];
-    /**
-     * Height of the component. Can be 'auto', 'full', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11 or 12
-     */
-    height?: (typeof Collections.IHeight)[number];
-    /**
-     * Width of the component. Can be 'auto', 'full', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11 or 12
-     */
-    width?: (typeof Collections.IWidth)[number];
-    /**
-     * Padding of the component. Can be 'none', 'xxs', 'xs', 's', 'm', 'l', 'xl'
-     */
-    padding?: (typeof Collections.IPadding)[number];
-    /**
-     * Overflow of the component. Can be 'visible', 'hidden', 'scroll', 'auto', 'scroll_y' and 'scroll_x'
-     */
-    overflow?: (typeof Collections.IOverflow)[number];
-    /**
-     * Orientation of the component. Can be 'horizontal' or 'vertical'
-     */
-    orientation?: (typeof Collections.IOrientation)[number];
-    /**
-     * Gap of the component. Can be 'none', 'xxs', 'xs', 's', 'm', 'l', 'xl'
-     */
-    gap?: (typeof Collections.IGap)[number];
-    /**
-     * Function to execute when the component is clicked
-     * @type MouseEventHandler<HTMLDivElement>
-     */
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    /**
-     * If true, the component will have a touchable effect
-     */
-    touchable?: boolean;
-    flexWrap?: boolean;
-    backgroundThone?: (typeof Collections.IBoxBackgroundThone)[number];
-    borderRadius?: (typeof Collections.IRounded)[number];
-}
-declare const XBox: React.FC<IProps>;
-export default XBox;
+import React, { MouseEventHandler } from 'react';
+import { Collections } from '@yumi/models';
+export interface IProps {
+    /**
+     * Children of the component
+     */
+    children?: React.ReactNode;
+    /**
+     * Vertical alignment of the component. Can be 'start','end','center','between','around','evenly', 'stretch'
+     */
+    verticalAlign?: (typeof Collections.IVerticalAlign)[number];
+    /**
+     * Horizontal alignment of the component. Can be 'start','end','center','between','around','evenly', 'stretch'
+     */
+    horizontalAlign?: (typeof Collections.IHorizontalAlign)[number];
+    /**
+     * Height of the component. Can be 'auto', 'full', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11 or 12
+     */
+    height?: (typeof Collections.IHeight)[number];
+    /**
+     * Width of the component. Can be 'auto', 'full', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11 or 12
+     */
+    width?: (typeof Collections.IWidth)[number];
+    /**
+     * Padding of the component. Can be 'none', 'xxs', 'xs', 's', 'm', 'l', 'xl'
+     */
+    padding?: (typeof Collections.IPadding)[number];
+    /**
+     * Overflow of the component. Can be 'visible', 'hidden', 'scroll', 'auto', 'scroll_y' and 'scroll_x'
+     */
+    overflow?: (typeof Collections.IOverflow)[number];
+    /**
+     * Orientation of the component. Can be 'horizontal' or 'vertical'
+     */
+    orientation?: (typeof Collections.IOrientation)[number];
+    /**
+     * Gap of the component. Can be 'none', 'xxs', 'xs', 's', 'm', 'l', 'xl'
+     */
+    gap?: (typeof Collections.IGap)[number];
+    /**
+     * Function to execute when the component is clicked
+     * @type MouseEventHandler<HTMLDivElement>
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * If true, the component will have a touchable effect
+     */
+    touchable?: boolean;
+    flexWrap?: boolean;
+    backgroundThone?: (typeof Collections.IBoxBackgroundThone)[number];
+    borderRadius?: (typeof Collections.IRounded)[number];
+}
+declare const XBox: React.FC<IProps>;
+export default XBox;

package/{components/core/xbuttonicon → src/components/core/x-button}/index.d.ts

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

package/{components/core/xbutton → src/components/core/x-button}/root.d.ts

@@ -1,15 +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;
+import React, { MouseEventHandler } from 'react';
+import { Collections } from '@yumi/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/xbar → src/components/core/x-button-icon}/index.d.ts

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

package/{components/core/xbuttonicon → src/components/core/x-button-icon}/root.d.ts

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

package/src/components/core/x-card/index.d.ts

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

package/{components/core/xcard → src/components/core/x-card}/root.d.ts

@@ -1,19 +1,19 @@
-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;
-    disabled?: boolean;
-    state?: (typeof Collections.ICardState)[number];
-    borderColor?: (typeof Collections.IBorderColor)[number];
-    borderSize?: (typeof Collections.IBorderSize)[number];
-    borderRadius?: (typeof Collections.IRounded)[number];
-}
-declare const XCard: React.FC<IProps>;
-export default XCard;
+import React from 'react';
+import { Collections } from '@yumi/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;
+    disabled?: boolean;
+    state?: (typeof Collections.ICardState)[number];
+    borderColor?: (typeof Collections.IBorderColor)[number];
+    borderSize?: (typeof Collections.IBorderSize)[number];
+    borderRadius?: (typeof Collections.IRounded)[number];
+}
+declare const XCard: React.FC<IProps>;
+export default XCard;

package/src/components/core/x-card-counter/index.d.ts

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

package/{components/core/xcard-counter → src/components/core/x-card-counter}/root.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Collections } from '../../../models';
-export interface IProps {
-    title?: string;
-    subtitle?: string;
-    borderType?: (typeof Collections.ICardCounterBorderType)[number];
-    onChange?: (value: number) => void;
-    disabled?: boolean;
-    showTrash?: boolean;
-    titleExclusiveLine?: boolean;
-    count?: number;
-    defaultCount?: number;
-    min?: number;
-    max?: number;
-    editable?: boolean;
-}
-declare const XCardCounter: React.FC<IProps>;
-export default XCardCounter;
+import React from 'react';
+import { Collections } from '@yumi/models';
+export interface IProps {
+    title?: string;
+    subtitle?: string;
+    borderType?: (typeof Collections.ICardCounterBorderType)[number];
+    onChange?: (value: number) => void;
+    disabled?: boolean;
+    showTrash?: boolean;
+    titleExclusiveLine?: boolean;
+    count?: number;
+    defaultCount?: number;
+    min?: number;
+    max?: number;
+    editable?: boolean;
+}
+declare const XCardCounter: React.FC<IProps>;
+export default XCardCounter;

package/src/components/core/x-checkbox/index.d.ts

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

package/{components → src/components}/core/x-checkbox/root.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import { Collections } from './../../../models';
-export interface IProps {
-    /**
-     * Checkbox selected or not
-     */
-    selected?: boolean;
-    /**
-     * Set state indeterminate
-     */
-    indeterminate?: boolean;
-    /**
-     * Set state disabled
-     */
-    disabled?: boolean;
-    /**
-     * Set error
-     */
-    hasError?: boolean;
-    /**
-     * Set text for checkbox option
-     */
-    label?: string;
-    /**
-     * Set placement for checkbox, 'left' or 'right'
-     */
-    placement?: (typeof Collections.IPlacement)[number];
-    /**
-     * Event fire when checkbox is selected or not
-     */
-    onChange?: (value: boolean) => void;
-}
-declare const XCheckbox: React.FC<IProps>;
-export default XCheckbox;
+import React from 'react';
+import { Collections } from '@yumi/models';
+export interface IProps {
+    /**
+     * Checkbox selected or not
+     */
+    selected?: boolean;
+    /**
+     * Set state indeterminate
+     */
+    indeterminate?: boolean;
+    /**
+     * Set state disabled
+     */
+    disabled?: boolean;
+    /**
+     * Set error
+     */
+    hasError?: boolean;
+    /**
+     * Set text for checkbox option
+     */
+    label?: string;
+    /**
+     * Set placement for checkbox, 'left' or 'right'
+     */
+    placement?: (typeof Collections.IPlacement)[number];
+    /**
+     * Event fire when checkbox is selected or not
+     */
+    onChange?: (value: boolean) => void;
+}
+declare const XCheckbox: React.FC<IProps>;
+export default XCheckbox;

package/src/components/core/x-collapse-card/index.d.ts

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

package/{components/core/xcollapse-card → src/components/core/x-collapse-card}/root.d.ts

@@ -1,22 +1,22 @@
-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;
-    detail?: {
-        label: string;
-        isError?: boolean;
-    };
-}
-declare const XCollapseCard: React.FC<IProps>;
-export default XCollapseCard;
+import React from 'react';
+import { Collections } from '@yumi/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;
+    detail?: {
+        label: string;
+        isError?: boolean;
+    };
+}
+declare const XCollapseCard: React.FC<IProps>;
+export default XCollapseCard;