@lion-npm/ui 1.0.3 → 1.0.4

package/dist/components/buttons/AndroidButton.d.ts

@@ -0,0 +1,16 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { VariantTypes } from '../../types/VariantTypes';
+import { SizeTypes } from '../../types/SizeTypes';
+import { ButtonTypes } from '../../types/ButtonTypes';
+import { AndroidStyleTypes } from '../../types/Android/AndroidStyleTypes';
+import { AndroidShapeTypes } from '../../types/Android/AndroidShapeTypes';
+export interface AndroidButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
+    children?: ReactNode;
+    variant?: VariantTypes;
+    styleType?: AndroidStyleTypes;
+    shape?: AndroidShapeTypes;
+    size?: SizeTypes;
+    type?: ButtonTypes;
+    className?: string;
+}
+export default function AndroidButton({ children, variant, styleType, shape, size, type, className, ...props }: AndroidButtonProps): import("react").JSX.Element;

package/dist/components/buttons/BootstrapButton.d.ts

@@ -0,0 +1,16 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+import { VariantTypes } from "../../types/VariantTypes.tsx";
+import { SizeTypes } from "../../types/SizeTypes.tsx";
+import { ButtonTypes } from "../../types/ButtonTypes.tsx";
+import { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
+import { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
+export interface BootstrapButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
+    children?: ReactNode;
+    variant?: VariantTypes;
+    styleType?: BootstrapStyleTypes;
+    shape?: BootstrapShapeTypes;
+    size?: SizeTypes;
+    type?: ButtonTypes;
+    className?: string;
+}
+export default function BootstrapButton({ children, variant, styleType, shape, size, type, className, ...props }: BootstrapButtonProps): import("react").JSX.Element;

package/dist/components/buttons/IOSButton.d.ts

@@ -0,0 +1,16 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+import { VariantTypes } from "../../types/VariantTypes";
+import { SizeTypes } from "../../types/SizeTypes";
+import { ButtonTypes } from "../../types/ButtonTypes";
+import { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes";
+import { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes";
+export interface IOSButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
+    children?: ReactNode;
+    variant?: VariantTypes;
+    styleType?: IOSStyleTypes;
+    shape?: IOSShapeTypes;
+    size?: SizeTypes;
+    type?: ButtonTypes;
+    className?: string;
+}
+export default function IOSButton({ children, variant, styleType, shape, size, type, className, ...props }: IOSButtonProps): import("react").JSX.Element;

package/dist/components/buttons/LionButton.d.ts

@@ -0,0 +1,18 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { AndroidStyleTypes } from "../../types/Android/AndroidStyleTypes.tsx";
+import type { AndroidShapeTypes } from "../../types/Android/AndroidShapeTypes.tsx";
+import type { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
+import type { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
+import type { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes.tsx";
+import type { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes.tsx";
+type PlatformMapping<T> = {};
+export type LionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    children: ReactNode;
+    variant?: string;
+    platform?: string;
+    size?: SizeTypes.SM | SizeTypes.MD | SizeTypes.LG;
+    shape?: BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string | PlatformMapping<BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string>;
+    styleType?: BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string | PlatformMapping<BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string>;
+};
+export default function LionButton({ children, shape, styleType, platform, ...props }: LionButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/inputs/AndroidInput.d.ts

@@ -0,0 +1,20 @@
+import { InputTypes } from "../../types/InputTypes";
+import { AndroidInputStyleTypes } from "../../types/Android/AndroidInputStyleTypes.tsx";
+import { AndroidInputShapeTypes } from "../../types/Android/AndroidInputShapeTypes.tsx";
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export interface AndroidInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
+    type?: InputTypes;
+    styleType?: AndroidInputStyleTypes;
+    shape?: AndroidInputShapeTypes;
+    variant?: string;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean | string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    prefixText?: string;
+    suffixText?: string;
+    counter?: boolean | number;
+}
+export default function AndroidInput({ type, styleType, shape, variant, label, required, helperText, error, startIcon, endIcon, prefixText, suffixText, counter, disabled, readOnly, value, defaultValue, onChange, onFocus, onBlur, id, className, maxLength, placeholder, ...rest }: AndroidInputProps): import("react").JSX.Element;

package/dist/components/inputs/BootstrapInput.d.ts

@@ -0,0 +1,16 @@
+import { type InputHTMLAttributes } from "react";
+import { InputTypes } from "../../types/InputTypes";
+import { BootstrapInputShapeTypes } from "../../types/Web/BootstrapInputShapeTypes.tsx";
+import { BootstrapInputStyleTypes } from "../../types/Web/BootstrapInputStyleTypes.tsx";
+export interface BootstrapInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
+    type?: InputTypes;
+    styleType?: BootstrapInputStyleTypes;
+    shape?: BootstrapInputShapeTypes;
+    variant?: string;
+    sizeType?: "sm" | "md" | "lg";
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean | string;
+}
+export default function BootstrapInput({ type, styleType, shape, variant, sizeType, label, required, helperText, error, disabled, readOnly, id, className, placeholder, ...rest }: BootstrapInputProps): import("react").JSX.Element;

package/dist/components/inputs/IOSInput.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { InputTypes } from "../../types/InputTypes";
+import { IOSInputStyleTypes } from "../../types/IOS/IOSInputStyleTypes.tsx";
+import { IOSInputShapeTypes } from "../../types/IOS/IOSInputShapeTypes.tsx";
+export interface IOSInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
+    type?: InputTypes;
+    styleType?: IOSInputStyleTypes;
+    shape?: IOSInputShapeTypes;
+    variant?: string;
+    sizeType?: "sx" | "sm" | "md" | "lg";
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean | string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    prefixText?: string;
+    suffixText?: string;
+    clearable?: boolean;
+}
+export default function IOSInput({ type, styleType, shape, variant, sizeType, label, required, helperText, error, startIcon, endIcon, prefixText, suffixText, clearable, disabled, readOnly, value, defaultValue, onChange, onFocus, onBlur, id, className, maxLength, placeholder, ...rest }: IOSInputProps): React.JSX.Element;

package/dist/components/inputs/LionInput.d.ts

@@ -0,0 +1,27 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+import type { AndroidStyleTypes } from "../../types/Android/AndroidStyleTypes.tsx";
+import type { AndroidShapeTypes } from "../../types/Android/AndroidShapeTypes.tsx";
+import type { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
+import type { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
+import type { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes.tsx";
+import type { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes.tsx";
+type PlatformMapping<T> = {};
+export type LionInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "shape"> & {
+    variant?: string;
+    platform?: string;
+    sizeType?: string;
+    shape?: BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string | PlatformMapping<BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string>;
+    styleType?: BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string | PlatformMapping<BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string>;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean | string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    prefixText?: string;
+    suffixText?: string;
+    counter?: boolean | number;
+    clearable?: boolean;
+};
+export default function LionInput({ shape, styleType, platform, ...props }: LionInputProps): import("react").JSX.Element;
+export {};

package/dist/components/loadings/LoadingBar.d.ts

@@ -0,0 +1,5 @@
+import { VariantTypes } from "../../types/VariantTypes.tsx";
+export interface LoadingBarProps {
+    variant?: VariantTypes | string;
+}
+export default function LoadingBar({ variant }: LoadingBarProps): import("react").JSX.Element | null;

package/dist/components/modals/LionModal.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import { VariantTypes } from "../../types/VariantTypes.tsx";
+import { PlatformTypes } from "../../types/PlatformTypes.tsx";
+export interface LionModalProps {
+    modalId: string;
+    title: string;
+    body: ReactNode;
+    buttons?: ReactNode;
+    backdrop?: string;
+    fullscreen?: true | "sm" | "md" | "lg" | "xl" | "xxl" | "sm-down" | "md-down" | "lg-down" | "xl-down" | "xxl-down";
+    size?: SizeTypes.SM | SizeTypes.LG | SizeTypes.XL;
+    variant?: VariantTypes | string;
+    platform?: PlatformTypes | string;
+    cancelButtonIcon?: ReactNode;
+    cancelButtonText?: string;
+}
+export default function LionModal({ modalId, title, body, buttons, backdrop, fullscreen, size, variant, platform, cancelButtonIcon, cancelButtonText, }: LionModalProps): import("react").JSX.Element;

package/dist/context/LionUIComponentsContext.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import type { LionUIContextProps } from "../interfaces/LionUIContextProps.tsx";
+import type { LionUIComponentsProviderProps } from "../interfaces/LionUIComponentsProviderProps.tsx";
+export declare const LionUIComponentsProvider: FC<LionUIComponentsProviderProps>;
+export declare const useLionUI: () => LionUIContextProps;

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+import "./assets/css/index.css";
+import "./assets/css/buttons/buttons-android.css";
+import "./assets/css/buttons/buttons-ios.css";
+import "./assets/css/buttons/buttons-web.css";
+import "./assets/css/inputs/inputs-android.css";
+import "./assets/css/inputs/inputs-ios.css";
+import "./assets/css/inputs/inputs-bootstrap.css";
+import "./assets/css/modals/modals.css";
+import "./assets/css/loadings/loading-bar.css";
+export { LionUIComponentsProvider } from './context/LionUIComponentsContext';
+export { default as AndroidButton } from './components/buttons/AndroidButton';
+export { default as BootstrapButton } from './components/buttons/BootstrapButton';
+export { default as IOSButton } from './components/buttons/IOSButton';
+export { default as LionButton } from './components/buttons/LionButton';
+export { default as AndroidInput } from './components/inputs/AndroidInput';
+export { default as BootstrapInput } from './components/inputs/BootstrapInput';
+export { default as IOSInput } from './components/inputs/IOSInput';
+export { default as LionInput } from './components/inputs/LionInput';
+export { default as LoadingBar } from './components/loadings/LoadingBar';
+export { default as LionModal } from './components/modals/LionModal';
+export * from './types/ButtonTypes';
+export * from './types/InputTypes';
+export * from './types/PlatformTypes';
+export * from './types/SizeTypes';
+export * from './types/VariantTypes';

package/dist/interfaces/LionUIComponentsProviderProps.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { PlatformTypes } from "../types/PlatformTypes.tsx";
+export interface LionUIComponentsProviderProps {
+    children: React.ReactNode;
+    defaultPlatform?: PlatformTypes;
+}

package/dist/interfaces/LionUIContextProps.d.ts

@@ -0,0 +1,5 @@
+import type { LionUIState } from "./LionUIState.tsx";
+export interface LionUIContextProps {
+    state: LionUIState;
+    updateState: (partial: Partial<LionUIState>) => void;
+}

package/dist/interfaces/LionUIState.d.ts

@@ -0,0 +1,12 @@
+import type { PlatformTypes } from "../types/PlatformTypes.tsx";
+export interface LionUIState {
+    platform: PlatformTypes;
+    loading: boolean;
+    reload: boolean;
+    booting: boolean;
+    sidebar: boolean;
+    version: string | null;
+    modal?: string | null;
+    logo: File | string | null;
+    background: File | string | null;
+}

package/dist/types/Android/AndroidInputShapeTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const AndroidInputShapeTypes: {
+    readonly SMALL: "small";
+    readonly NORMAL: "normal";
+};
+export type AndroidInputShapeTypes = (typeof AndroidInputShapeTypes)[keyof typeof AndroidInputShapeTypes];

package/dist/types/Android/AndroidInputStyleTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const AndroidInputStyleTypes: {
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+};
+export type AndroidInputStyleTypes = (typeof AndroidInputStyleTypes)[keyof typeof AndroidInputStyleTypes];

package/dist/types/Android/AndroidShapeTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const AndroidShapeTypes: {
+    readonly PILL: "pill";
+    readonly ROUNDED: "rounded";
+};
+export type AndroidShapeTypes = (typeof AndroidShapeTypes)[keyof typeof AndroidShapeTypes];

package/dist/types/Android/AndroidStyleTypes.d.ts

@@ -0,0 +1,8 @@
+export declare const AndroidStyleTypes: {
+    readonly FILLED: "filled";
+    readonly ELEVATED: "elevated";
+    readonly TONAL: "tonal";
+    readonly OUTLINED: "outlined";
+    readonly TEXT: "text";
+};
+export type AndroidStyleTypes = (typeof AndroidStyleTypes)[keyof typeof AndroidStyleTypes];

package/dist/types/ButtonTypes.d.ts

@@ -0,0 +1,7 @@
+export declare const ButtonTypes: {
+    readonly SUBMIT: "submit";
+    readonly BUTTON: "button";
+    readonly RESET: "reset";
+    readonly UNDEFINED: undefined;
+};
+export type ButtonTypes = (typeof ButtonTypes)[keyof typeof ButtonTypes];

package/dist/types/IOS/IOSInputShapeTypes.d.ts

@@ -0,0 +1,6 @@
+export declare const IOSInputShapeTypes: {
+    readonly ROUNDED: "rounded";
+    readonly PILL: "pill";
+    readonly SQUARE: "square";
+};
+export type IOSInputShapeTypes = (typeof IOSInputShapeTypes)[keyof typeof IOSInputShapeTypes];

package/dist/types/IOS/IOSInputStyleTypes.d.ts

@@ -0,0 +1,8 @@
+export declare const IOSInputStyleTypes: {
+    readonly FORM: "form";
+    readonly ROUNDED_BORDER: "rounded-border";
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+    readonly PLAIN: "plain";
+};
+export type IOSInputStyleTypes = (typeof IOSInputStyleTypes)[keyof typeof IOSInputStyleTypes];

package/dist/types/IOS/IOSShapeTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const IOSShapeTypes: {
+    readonly ROUNDED: "rounded";
+    readonly CAPSULE: "capsule";
+};
+export type IOSShapeTypes = (typeof IOSShapeTypes)[keyof typeof IOSShapeTypes];

package/dist/types/IOS/IOSStyleTypes.d.ts

@@ -0,0 +1,7 @@
+export declare const IOSStyleTypes: {
+    readonly FILLED: "filled";
+    readonly TINTED: "tinted";
+    readonly GRAY: "gray";
+    readonly PLAIN: "plain";
+};
+export type IOSStyleTypes = (typeof IOSStyleTypes)[keyof typeof IOSStyleTypes];

package/dist/types/InputTypes.d.ts

@@ -0,0 +1,11 @@
+export declare const InputTypes: {
+    readonly TEXT: "text";
+    readonly PASSWORD: "password";
+    readonly EMAIL: "email";
+    readonly NUMBER: "number";
+    readonly TEL: "tel";
+    readonly URL: "url";
+    readonly DATE: "date";
+    readonly DATETIME: "datetime";
+};
+export type InputTypes = (typeof InputTypes)[keyof typeof InputTypes];

package/dist/types/PlatformTypes.d.ts

@@ -0,0 +1,7 @@
+export declare const PlatformTypes: {
+    WEB: string;
+    ANDROID: string;
+    IOS: string;
+    DESKTOP: string;
+};
+export type PlatformTypes = (typeof PlatformTypes)[keyof typeof PlatformTypes];

package/dist/types/SizeTypes.d.ts

@@ -0,0 +1,9 @@
+export declare const SizeTypes: {
+    readonly SX: "sx";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "lg";
+    readonly XXL: "lg";
+};
+export type SizeTypes = (typeof SizeTypes)[keyof typeof SizeTypes];

package/dist/types/VariantTypes.d.ts

@@ -0,0 +1,17 @@
+export declare const VariantTypes: {
+    readonly SECONDARY: "secondary";
+    readonly PRIMARY: "primary";
+    readonly SUCCESS: "success";
+    readonly DANGER: "danger";
+    readonly WARNING: "warning";
+    readonly INFO: "info";
+    readonly LIGHT: "light";
+    readonly LINK: "link";
+    readonly DARK: "dark";
+    readonly MODAL: "modal";
+    readonly LION_PACKAGES: "lion-packages";
+    readonly LION_PARKING: "lion-parking";
+    readonly LION_TECH: "lion-tech";
+    readonly LION_GLAM: "lion-glam";
+};
+export type VariantTypes = (typeof VariantTypes)[keyof typeof VariantTypes];

package/dist/types/Web/BootstrapInputShapeTypes.d.ts

@@ -0,0 +1,6 @@
+export declare const BootstrapInputShapeTypes: {
+    readonly ROUNDED: "rounded";
+    readonly PILL: "rounded-pill";
+    readonly SQUARE: "rounded-0";
+};
+export type BootstrapInputShapeTypes = (typeof BootstrapInputShapeTypes)[keyof typeof BootstrapInputShapeTypes];

package/dist/types/Web/BootstrapInputStyleTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const BootstrapInputStyleTypes: {
+    readonly FLOATING: "floating";
+    readonly STANDARD: "standard";
+};
+export type BootstrapInputStyleTypes = (typeof BootstrapInputStyleTypes)[keyof typeof BootstrapInputStyleTypes];

package/dist/types/Web/BootstrapShapeTypes.d.ts

@@ -0,0 +1,6 @@
+export declare const BootstrapShapeTypes: {
+    readonly STANDARD: "standard";
+    readonly PILL: "pill";
+    readonly SQUARE: "square";
+};
+export type BootstrapShapeTypes = (typeof BootstrapShapeTypes)[keyof typeof BootstrapShapeTypes];

package/dist/types/Web/BootstrapStyleTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const BootstrapStyleTypes: {
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+};
+export type BootstrapStyleTypes = (typeof BootstrapStyleTypes)[keyof typeof BootstrapStyleTypes];

package/package.json

@@ -1,8 +1,7 @@
-
 {
   "name": "@lion-npm/ui",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",