@lion-npm/ui 1.0.3 → 1.0.5

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 { AndroidButtonStyleTypes } from '../../types/Android/AndroidButtonStyleTypes.tsx';
+import { AndroidButtonShapeTypes } from '../../types/Android/AndroidButtonShapeTypes.tsx';
+export interface AndroidButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
+    children?: ReactNode;
+    variant?: VariantTypes;
+    styleType?: AndroidButtonStyleTypes;
+    shape?: AndroidButtonShapeTypes;
+    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 { BootstrapButtonStyleTypes } from "../../types/Web/BootstrapButtonStyleTypes.tsx";
+import { BootstrapButtonShapeTypes } from "../../types/Web/BootstrapButtonShapeTypes.tsx";
+export interface BootstrapButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
+    children?: ReactNode;
+    variant?: VariantTypes;
+    styleType?: BootstrapButtonStyleTypes;
+    shape?: BootstrapButtonShapeTypes;
+    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 { IOSButtonStyleTypes } from "../../types/IOS/IOSButtonStyleTypes.tsx";
+import { IOSButtonShapeTypes } from "../../types/IOS/IOSButtonShapeTypes.tsx";
+export interface IOSButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
+    children?: ReactNode;
+    variant?: VariantTypes;
+    styleType?: IOSButtonStyleTypes;
+    shape?: IOSButtonShapeTypes;
+    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 { AndroidButtonStyleTypes } from "../../types/Android/AndroidButtonStyleTypes.tsx";
+import type { AndroidButtonShapeTypes } from "../../types/Android/AndroidButtonShapeTypes.tsx";
+import type { BootstrapButtonShapeTypes } from "../../types/Web/BootstrapButtonShapeTypes.tsx";
+import type { BootstrapButtonStyleTypes } from "../../types/Web/BootstrapButtonStyleTypes.tsx";
+import type { IOSButtonShapeTypes } from "../../types/IOS/IOSButtonShapeTypes.tsx";
+import type { IOSButtonStyleTypes } from "../../types/IOS/IOSButtonStyleTypes.tsx";
+type PlatformMapping<T> = {};
+export type LionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    children: ReactNode;
+    variant?: string;
+    platform?: string;
+    size?: SizeTypes.SM | SizeTypes.MD | SizeTypes.LG;
+    shape?: BootstrapButtonShapeTypes | AndroidButtonShapeTypes | IOSButtonShapeTypes | string | PlatformMapping<BootstrapButtonShapeTypes | AndroidButtonShapeTypes | IOSButtonShapeTypes | string>;
+    styleType?: BootstrapButtonStyleTypes | AndroidButtonStyleTypes | IOSButtonStyleTypes | string | PlatformMapping<BootstrapButtonStyleTypes | AndroidButtonStyleTypes | IOSButtonStyleTypes | 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 { AndroidButtonStyleTypes } from "../../types/Android/AndroidButtonStyleTypes.tsx";
+import type { AndroidButtonShapeTypes } from "../../types/Android/AndroidButtonShapeTypes.tsx";
+import type { BootstrapButtonShapeTypes } from "../../types/Web/BootstrapButtonShapeTypes.tsx";
+import type { BootstrapButtonStyleTypes } from "../../types/Web/BootstrapButtonStyleTypes.tsx";
+import type { IOSButtonShapeTypes } from "../../types/IOS/IOSButtonShapeTypes.tsx";
+import type { IOSButtonStyleTypes } from "../../types/IOS/IOSButtonStyleTypes.tsx";
+type PlatformMapping<T> = {};
+export type LionInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "shape"> & {
+    variant?: string;
+    platform?: string;
+    sizeType?: string;
+    shape?: BootstrapButtonShapeTypes | AndroidButtonShapeTypes | IOSButtonShapeTypes | string | PlatformMapping<BootstrapButtonShapeTypes | AndroidButtonShapeTypes | IOSButtonShapeTypes | string>;
+    styleType?: BootstrapButtonStyleTypes | AndroidButtonStyleTypes | IOSButtonStyleTypes | string | PlatformMapping<BootstrapButtonStyleTypes | AndroidButtonStyleTypes | IOSButtonStyleTypes | 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,37 @@
+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 * from './types/Android/AndroidButtonShapeTypes.tsx';
+export * from './types/Android/AndroidButtonStyleTypes.tsx';
+export * from './types/Android/AndroidInputShapeTypes';
+export * from './types/Android/AndroidInputStyleTypes';
+export * from './types/IOS/IOSButtonShapeTypes.tsx';
+export * from './types/IOS/IOSButtonStyleTypes.tsx';
+export * from './types/IOS/IOSInputShapeTypes.tsx';
+export * from './types/IOS/IOSInputStyleTypes.tsx';
+export * from './types/Web/BootstrapButtonShapeTypes.tsx';
+export * from './types/Web/BootstrapButtonStyleTypes.tsx';
+export * from './types/Web/BootstrapInputShapeTypes.tsx';
+export * from './types/Web/BootstrapInputStyleTypes.tsx';
+export * from './types/ButtonTypes';
+export * from './types/InputTypes';
+export * from './types/PlatformTypes';
+export * from './types/SizeTypes';
+export * from './types/VariantTypes';
+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';