@coinloger/dev-ui 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinloger/dev-ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -8,6 +8,9 @@
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
       "import": "./dist/index.js",

package/dist/components/Badge/Badge.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-
-export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'neutral';
-    size?: 'sm' | 'md' | 'lg';
-    shape?: 'rounded' | 'pill';
-}
-export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Badge/Badge.demo.d.ts

@@ -1 +0,0 @@
-export default function BadgeDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'outline' | 'danger' | 'success' | 'warning' | 'ghost' | 'outline-danger' | 'outline-success' | 'outline-warning';
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.demo.d.ts

@@ -1 +0,0 @@
-export default function ButtonDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Card.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-
-interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
-    title?: React.ReactNode;
-    footer?: React.ReactNode;
-}
-export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/Card/Card.demo.d.ts

@@ -1 +0,0 @@
-export default function CardDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: React.ReactNode;
-    error?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    variant?: 'primary' | 'success' | 'warning' | 'danger';
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox/Checkbox.demo.d.ts

@@ -1 +0,0 @@
-export default function CheckboxDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-    fullWidth?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/Input/Input.demo.d.ts

@@ -1 +0,0 @@
-export default function InputDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.d.ts

@@ -1,38 +0,0 @@
-import { default as React } from 'react';
-
-export declare const ModalHeader: ({ children, className }: {
-    children: React.ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ModalBody: ({ children, className }: {
-    children: React.ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const ModalFooter: ({ children, className }: {
-    children: React.ReactNode;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title?: React.ReactNode;
-    children: React.ReactNode;
-    footer?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    className?: string;
-    closeOnBackdropClick?: boolean;
-}
-export declare const Modal: (({ isOpen, onClose, title, children, footer, size, className, closeOnBackdropClick, }: ModalProps) => React.ReactPortal | null) & {
-    Header: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Body: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-};

package/dist/components/Modal/Modal.demo.d.ts

@@ -1 +0,0 @@
-export default function ModalDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Radio/Radio.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: React.ReactNode;
-    error?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    variant?: 'primary' | 'success' | 'warning' | 'danger';
-}
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Radio/Radio.demo.d.ts

@@ -1 +0,0 @@
-export default function RadioDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.d.ts

@@ -1,19 +0,0 @@
-
-export interface SelectOption {
-    value: string | number;
-    label: string;
-}
-export interface SelectProps {
-    options: SelectOption[];
-    value?: string | number;
-    onChange?: (value: string | number) => void;
-    placeholder?: string;
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    className?: string;
-}
-export declare const Select: ({ options, value, onChange, placeholder, label, error, helperText, disabled, fullWidth, size, className, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.demo.d.ts

@@ -1 +0,0 @@
-export default function SelectDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/Switch.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-
-export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: React.ReactNode;
-    error?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    variant?: 'primary' | 'success' | 'warning' | 'danger';
-}
-export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Switch/Switch.demo.d.ts

@@ -1 +0,0 @@
-export default function SwitchDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-
-interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
-    bordered?: boolean;
-    striped?: boolean;
-    hover?: boolean;
-    size?: 'sm' | 'md';
-}
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
-export {};

package/dist/components/Table/Table.demo.d.ts

@@ -1 +0,0 @@
-export default function TableDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,26 +0,0 @@
-import { default as React } from 'react';
-
-export interface TabsProps {
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    children: React.ReactNode;
-    className?: string;
-}
-export interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    variant?: 'line' | 'pills';
-}
-export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
-    children: React.ReactNode;
-}
-export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    value: string;
-    children: React.ReactNode;
-}
-export declare const Tabs: (({ defaultValue, value, onValueChange, children, className }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
-    List: ({ className, children, variant, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ value, className, children, onClick, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ value, className, children, ...props }: TabsContentProps) => import("react/jsx-runtime").JSX.Element | null;
-};

package/dist/components/Tabs/Tabs.demo.d.ts

@@ -1 +0,0 @@
-export default function TabsDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Heading.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-
-export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    truncate?: boolean;
-    lines?: number;
-}
-export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/Typography/Text.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-
-export interface TextProps extends React.HTMLAttributes<HTMLElement> {
-    variant?: 'body' | 'small' | 'caption' | 'lead';
-    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
-    muted?: boolean;
-    truncate?: boolean;
-    lines?: number;
-    as?: React.ElementType;
-}
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;

package/dist/components/Typography/Typography.demo.d.ts

@@ -1 +0,0 @@
-export default function TypographyDemo(): import("react/jsx-runtime").JSX.Element;

package/dist/default-theme.d.ts

@@ -1,4 +0,0 @@
-import { ThemeConfig } from './types';
-
-declare const defaultTheme: ThemeConfig;
-export default defaultTheme;

package/dist/theme.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { ThemeConfig } from './types';
-
-export declare const ThemeProvider: ({ theme, children }: {
-    theme: ThemeConfig;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/types.d.ts

@@ -1,221 +0,0 @@
-export interface ThemeConfig {
-    prefix?: string;
-    colors?: {
-        primary?: string;
-        secondary?: string;
-        background?: string;
-        text?: string;
-        [key: string]: string | undefined;
-    };
-    typography?: {
-        'font-family'?: string;
-        'font-size-sm'?: string;
-        'font-size-md'?: string;
-        'font-size-lg'?: string;
-        'font-size-xl'?: string;
-        [key: string]: string | undefined;
-    };
-    spacing?: {
-        [key: string]: string;
-    };
-    radius?: {
-        [key: string]: string;
-    };
-    shadows?: {
-        [key: string]: string;
-    };
-    components?: {
-        btn?: {
-            [key: string]: string | object | undefined;
-        };
-        input?: {
-            radius?: string;
-            bg?: string;
-            border?: string;
-            color?: string;
-            placeholder?: string;
-            "focus-border"?: string;
-            "focus-ring"?: string;
-            "error-border"?: string;
-            "error-ring"?: string;
-            [key: string]: string | object | undefined;
-        };
-        select?: {
-            radius?: string;
-            bg?: string;
-            border?: string;
-            color?: string;
-            placeholder?: string;
-            "focus-border"?: string;
-            "focus-ring"?: string;
-            "error-border"?: string;
-            "error-ring"?: string;
-            "menu-bg"?: string;
-            "menu-border"?: string;
-            "menu-shadow"?: string;
-            "option-hover-bg"?: string;
-            "option-selected-bg"?: string;
-            "option-selected-color"?: string;
-            [key: string]: string | object | undefined;
-        };
-        card?: {
-            radius?: string;
-            shadow?: string;
-            bg?: string;
-            border?: string;
-            padding?: string;
-            "header-bg"?: string;
-            "header-padding"?: string;
-            "header-border"?: string;
-            "footer-bg"?: string;
-            "footer-padding"?: string;
-            "footer-border"?: string;
-            [key: string]: string | object | undefined;
-        };
-        modal?: {
-            "radius"?: string;
-            "bg"?: string;
-            "shadow"?: string;
-            "backdrop-bg"?: string;
-            "backdrop-blur"?: string;
-            "border"?: string;
-            "z-index"?: string;
-            "header-padding"?: string;
-            "body-padding"?: string;
-            "footer-padding"?: string;
-            "size-sm-width"?: string;
-            "size-md-width"?: string;
-            "size-lg-width"?: string;
-            "size-xl-width"?: string;
-            [key: string]: string | object | undefined;
-        };
-        checkbox?: {
-            size?: string;
-            radius?: string;
-            bg?: string;
-            border?: string;
-            "checked-bg"?: string;
-            "checked-border"?: string;
-            "checked-color"?: string;
-            "disabled-opacity"?: string;
-            "size-sm-size"?: string;
-            "size-sm-font-size"?: string;
-            "size-md-size"?: string;
-            "size-md-font-size"?: string;
-            "size-lg-size"?: string;
-            "size-lg-font-size"?: string;
-            "size-xl-size"?: string;
-            "size-xl-font-size"?: string;
-            [key: string]: string | object | undefined;
-        };
-        radio?: {
-            size?: string;
-            bg?: string;
-            border?: string;
-            "checked-bg"?: string;
-            "checked-border"?: string;
-            "checked-color"?: string;
-            "disabled-opacity"?: string;
-            "size-sm-size"?: string;
-            "size-sm-font-size"?: string;
-            "size-md-size"?: string;
-            "size-md-font-size"?: string;
-            "size-lg-size"?: string;
-            "size-lg-font-size"?: string;
-            "size-xl-size"?: string;
-            "size-xl-font-size"?: string;
-            [key: string]: string | object | undefined;
-        };
-        switch?: {
-            width?: string;
-            height?: string;
-            bg?: string;
-            "checked-bg"?: string;
-            "thumb-size"?: string;
-            "thumb-bg"?: string;
-            "thumb-shadow"?: string;
-            "focus-ring"?: string;
-            "disabled-opacity"?: string;
-            "size-sm-width"?: string;
-            "size-sm-height"?: string;
-            "size-sm-thumb-size"?: string;
-            "size-md-width"?: string;
-            "size-md-height"?: string;
-            "size-md-thumb-size"?: string;
-            "size-lg-width"?: string;
-            "size-lg-height"?: string;
-            "size-lg-thumb-size"?: string;
-            "size-xl-width"?: string;
-            "size-xl-height"?: string;
-            "size-xl-thumb-size"?: string;
-            [key: string]: string | object | undefined;
-        };
-        badge?: {
-            radius?: string;
-            "font-weight"?: string;
-            "size-sm-padding"?: string;
-            "size-sm-font-size"?: string;
-            "size-md-padding"?: string;
-            "size-md-font-size"?: string;
-            "size-lg-padding"?: string;
-            "size-lg-font-size"?: string;
-            "primary-bg"?: string;
-            "primary-text"?: string;
-            "success-bg"?: string;
-            "success-text"?: string;
-            "warning-bg"?: string;
-            "warning-text"?: string;
-            "danger-bg"?: string;
-            "danger-text"?: string;
-            "neutral-bg"?: string;
-            "neutral-text"?: string;
-            [key: string]: string | object | undefined;
-        };
-        heading?: {
-            "h1-size"?: string;
-            "h1-line-height"?: string;
-            "h1-weight"?: string;
-            "h2-size"?: string;
-            "h2-line-height"?: string;
-            "h2-weight"?: string;
-            "h3-size"?: string;
-            "h3-line-height"?: string;
-            "h3-weight"?: string;
-            "h4-size"?: string;
-            "h4-line-height"?: string;
-            "h4-weight"?: string;
-            "h5-size"?: string;
-            "h5-line-height"?: string;
-            "h5-weight"?: string;
-            "h6-size"?: string;
-            "h6-line-height"?: string;
-            "h6-weight"?: string;
-            [key: string]: string | object | undefined;
-        };
-        text?: {
-            "body-size"?: string;
-            "body-line-height"?: string;
-            "small-size"?: string;
-            "small-line-height"?: string;
-            "caption-size"?: string;
-            "caption-line-height"?: string;
-            "lead-size"?: string;
-            "lead-line-height"?: string;
-            [key: string]: string | object | undefined;
-        };
-        tabs?: {
-            "border-color"?: string;
-            "active-color"?: string;
-            "inactive-color"?: string;
-            "hover-bg"?: string;
-            "trigger-padding"?: string;
-            "trigger-weight"?: string;
-            "trigger-font-size"?: string;
-            "content-padding"?: string;
-            [key: string]: string | object | undefined;
-        };
-        [key: string]: {
-            [key: string]: string | object | undefined;
-        } | undefined;
-    };
-}