@lion-npm/ui 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/components/buttons/AndroidButton.d.ts +16 -0
  2. package/dist/components/buttons/BootstrapButton.d.ts +16 -0
  3. package/dist/components/buttons/IOSButton.d.ts +16 -0
  4. package/dist/components/buttons/LionButton.d.ts +18 -0
  5. package/dist/components/inputs/AndroidInput.d.ts +20 -0
  6. package/dist/components/inputs/BootstrapInput.d.ts +16 -0
  7. package/dist/components/inputs/IOSInput.d.ts +21 -0
  8. package/dist/components/inputs/LionInput.d.ts +27 -0
  9. package/dist/components/loadings/LoadingBar.d.ts +5 -0
  10. package/dist/components/modals/LionModal.d.ts +17 -0
  11. package/dist/context/LionUIComponentsContext.d.ts +5 -0
  12. package/{src/index.ts → dist/index.d.ts} +1 -3
  13. package/dist/index.js +2564 -0
  14. package/{src/interfaces/LionUIComponentsProviderProps.tsx → dist/interfaces/LionUIComponentsProviderProps.d.ts} +1 -2
  15. package/{src/interfaces/LionUIContextProps.tsx → dist/interfaces/LionUIContextProps.d.ts} +1 -2
  16. package/{src/interfaces/LionUIState.tsx → dist/interfaces/LionUIState.d.ts} +2 -3
  17. package/dist/style.css +2 -0
  18. package/dist/types/Android/AndroidInputShapeTypes.d.ts +5 -0
  19. package/dist/types/Android/AndroidInputStyleTypes.d.ts +5 -0
  20. package/dist/types/Android/AndroidShapeTypes.d.ts +5 -0
  21. package/dist/types/Android/AndroidStyleTypes.d.ts +8 -0
  22. package/dist/types/ButtonTypes.d.ts +7 -0
  23. package/dist/types/IOS/IOSInputShapeTypes.d.ts +6 -0
  24. package/dist/types/IOS/IOSInputStyleTypes.d.ts +8 -0
  25. package/dist/types/IOS/IOSShapeTypes.d.ts +5 -0
  26. package/dist/types/IOS/IOSStyleTypes.d.ts +7 -0
  27. package/dist/types/InputTypes.d.ts +11 -0
  28. package/dist/types/PlatformTypes.d.ts +7 -0
  29. package/dist/types/SizeTypes.d.ts +9 -0
  30. package/dist/types/VariantTypes.d.ts +17 -0
  31. package/dist/types/Web/BootstrapInputShapeTypes.d.ts +6 -0
  32. package/dist/types/Web/BootstrapInputStyleTypes.d.ts +5 -0
  33. package/dist/types/Web/BootstrapShapeTypes.d.ts +6 -0
  34. package/dist/types/Web/BootstrapStyleTypes.d.ts +5 -0
  35. package/package.json +19 -2
  36. package/.oxlintrc.json +0 -8
  37. package/AGENTS.md +0 -0
  38. package/Dockerfile +0 -7
  39. package/compose.yml +0 -14
  40. package/index.html +0 -15
  41. package/src/App.tsx +0 -84
  42. package/src/assets/css/buttons/buttons-android.css +0 -251
  43. package/src/assets/css/buttons/buttons-ios.css +0 -213
  44. package/src/assets/css/buttons/buttons-web.css +0 -138
  45. package/src/assets/css/custom.css +0 -8
  46. package/src/assets/css/index.css +0 -60
  47. package/src/assets/css/inputs/inputs-android.css +0 -259
  48. package/src/assets/css/inputs/inputs-bootstrap.css +0 -74
  49. package/src/assets/css/inputs/inputs-ios.css +0 -268
  50. package/src/assets/css/loadings/loading-bar.css +0 -86
  51. package/src/assets/css/modals/modals.css +0 -236
  52. package/src/components/buttons/AndroidButton.tsx +0 -43
  53. package/src/components/buttons/BootstrapButton.tsx +0 -50
  54. package/src/components/buttons/IOSButton.tsx +0 -42
  55. package/src/components/buttons/LionButton.tsx +0 -73
  56. package/src/components/inputs/AndroidInput.tsx +0 -158
  57. package/src/components/inputs/BootstrapInput.tsx +0 -106
  58. package/src/components/inputs/IOSInput.tsx +0 -163
  59. package/src/components/inputs/LionInput.tsx +0 -81
  60. package/src/components/loadings/LoadingBar.tsx +0 -21
  61. package/src/components/modals/LionModal.tsx +0 -155
  62. package/src/context/LionUIComponentsContext.tsx +0 -73
  63. package/src/features/Header.tsx +0 -83
  64. package/src/features/VariantList.tsx +0 -19
  65. package/src/features/buttons/ButtonsSection.tsx +0 -7
  66. package/src/features/buttons/components/ButtonsAndroidSection.tsx +0 -79
  67. package/src/features/buttons/components/ButtonsBootstrapSection.tsx +0 -77
  68. package/src/features/buttons/components/ButtonsCustomSection.tsx +0 -234
  69. package/src/features/buttons/components/ButtonsIOSSection.tsx +0 -78
  70. package/src/features/inputs/InputsSection.tsx +0 -7
  71. package/src/features/inputs/components/InputsAndroidSection.tsx +0 -155
  72. package/src/features/inputs/components/InputsBootstrapSection.tsx +0 -154
  73. package/src/features/inputs/components/InputsCustomSection.tsx +0 -234
  74. package/src/features/inputs/components/InputsIOSSection.tsx +0 -156
  75. package/src/features/loadings/LoadingSection.tsx +0 -5
  76. package/src/features/loadings/components/LoadingBarSection.tsx +0 -74
  77. package/src/features/modals/ModalsSection.tsx +0 -5
  78. package/src/features/modals/components/ModalsAndroidSection.tsx +0 -108
  79. package/src/features/modals/components/ModalsDefaultForm.tsx +0 -31
  80. package/src/features/modals/components/ModalsDefaultInput.tsx +0 -22
  81. package/src/features/modals/components/ModalsIOSSection.tsx +0 -106
  82. package/src/features/modals/components/ModalsWebSection.tsx +0 -104
  83. package/src/main.tsx +0 -9
  84. package/src/types/Android/AndroidInputShapeTypes.tsx +0 -7
  85. package/src/types/Android/AndroidInputStyleTypes.tsx +0 -7
  86. package/src/types/Android/AndroidShapeTypes.tsx +0 -6
  87. package/src/types/Android/AndroidStyleTypes.tsx +0 -9
  88. package/src/types/ButtonTypes.tsx +0 -9
  89. package/src/types/IOS/IOSInputShapeTypes.tsx +0 -9
  90. package/src/types/IOS/IOSInputStyleTypes.tsx +0 -11
  91. package/src/types/IOS/IOSShapeTypes.tsx +0 -7
  92. package/src/types/IOS/IOSStyleTypes.tsx +0 -9
  93. package/src/types/InputTypes.tsx +0 -13
  94. package/src/types/PlatformTypes.tsx +0 -9
  95. package/src/types/SizeTypes.tsx +0 -11
  96. package/src/types/VariantTypes.tsx +0 -19
  97. package/src/types/Web/BootstrapInputShapeTypes.tsx +0 -9
  98. package/src/types/Web/BootstrapInputStyleTypes.tsx +0 -8
  99. package/src/types/Web/BootstrapShapeTypes.tsx +0 -8
  100. package/src/types/Web/BootstrapStyleTypes.tsx +0 -7
  101. package/tsconfig.app.json +0 -26
  102. package/tsconfig.json +0 -7
  103. package/tsconfig.node.json +0 -23
  104. package/vite.config.ts +0 -30
  105. /package/{public → dist}/favicon.svg +0 -0
  106. /package/{public → dist}/icons.svg +0 -0
@@ -0,0 +1,16 @@
1
+ import { type ButtonHTMLAttributes, type ReactNode } from 'react';
2
+ import { VariantTypes } from '../../types/VariantTypes';
3
+ import { SizeTypes } from '../../types/SizeTypes';
4
+ import { ButtonTypes } from '../../types/ButtonTypes';
5
+ import { AndroidStyleTypes } from '../../types/Android/AndroidStyleTypes';
6
+ import { AndroidShapeTypes } from '../../types/Android/AndroidShapeTypes';
7
+ export interface AndroidButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
8
+ children?: ReactNode;
9
+ variant?: VariantTypes;
10
+ styleType?: AndroidStyleTypes;
11
+ shape?: AndroidShapeTypes;
12
+ size?: SizeTypes;
13
+ type?: ButtonTypes;
14
+ className?: string;
15
+ }
16
+ export default function AndroidButton({ children, variant, styleType, shape, size, type, className, ...props }: AndroidButtonProps): import("react").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { type ButtonHTMLAttributes, type ReactNode } from "react";
2
+ import { VariantTypes } from "../../types/VariantTypes.tsx";
3
+ import { SizeTypes } from "../../types/SizeTypes.tsx";
4
+ import { ButtonTypes } from "../../types/ButtonTypes.tsx";
5
+ import { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
6
+ import { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
7
+ export interface BootstrapButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
8
+ children?: ReactNode;
9
+ variant?: VariantTypes;
10
+ styleType?: BootstrapStyleTypes;
11
+ shape?: BootstrapShapeTypes;
12
+ size?: SizeTypes;
13
+ type?: ButtonTypes;
14
+ className?: string;
15
+ }
16
+ export default function BootstrapButton({ children, variant, styleType, shape, size, type, className, ...props }: BootstrapButtonProps): import("react").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { type ButtonHTMLAttributes, type ReactNode } from "react";
2
+ import { VariantTypes } from "../../types/VariantTypes";
3
+ import { SizeTypes } from "../../types/SizeTypes";
4
+ import { ButtonTypes } from "../../types/ButtonTypes";
5
+ import { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes";
6
+ import { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes";
7
+ export interface IOSButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size"> {
8
+ children?: ReactNode;
9
+ variant?: VariantTypes;
10
+ styleType?: IOSStyleTypes;
11
+ shape?: IOSShapeTypes;
12
+ size?: SizeTypes;
13
+ type?: ButtonTypes;
14
+ className?: string;
15
+ }
16
+ export default function IOSButton({ children, variant, styleType, shape, size, type, className, ...props }: IOSButtonProps): import("react").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { type ButtonHTMLAttributes, type ReactNode } from 'react';
2
+ import type { AndroidStyleTypes } from "../../types/Android/AndroidStyleTypes.tsx";
3
+ import type { AndroidShapeTypes } from "../../types/Android/AndroidShapeTypes.tsx";
4
+ import type { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
5
+ import type { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
6
+ import type { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes.tsx";
7
+ import type { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes.tsx";
8
+ type PlatformMapping<T> = {};
9
+ export type LionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
10
+ children: ReactNode;
11
+ variant?: string;
12
+ platform?: string;
13
+ size?: SizeTypes.SM | SizeTypes.MD | SizeTypes.LG;
14
+ shape?: BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string | PlatformMapping<BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string>;
15
+ styleType?: BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string | PlatformMapping<BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string>;
16
+ };
17
+ export default function LionButton({ children, shape, styleType, platform, ...props }: LionButtonProps): import("react").JSX.Element;
18
+ export {};
@@ -0,0 +1,20 @@
1
+ import { InputTypes } from "../../types/InputTypes";
2
+ import { AndroidInputStyleTypes } from "../../types/Android/AndroidInputStyleTypes.tsx";
3
+ import { AndroidInputShapeTypes } from "../../types/Android/AndroidInputShapeTypes.tsx";
4
+ import { type InputHTMLAttributes, type ReactNode } from "react";
5
+ export interface AndroidInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
6
+ type?: InputTypes;
7
+ styleType?: AndroidInputStyleTypes;
8
+ shape?: AndroidInputShapeTypes;
9
+ variant?: string;
10
+ label?: string;
11
+ required?: boolean;
12
+ helperText?: string;
13
+ error?: boolean | string;
14
+ startIcon?: ReactNode;
15
+ endIcon?: ReactNode;
16
+ prefixText?: string;
17
+ suffixText?: string;
18
+ counter?: boolean | number;
19
+ }
20
+ 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;
@@ -0,0 +1,16 @@
1
+ import { type InputHTMLAttributes } from "react";
2
+ import { InputTypes } from "../../types/InputTypes";
3
+ import { BootstrapInputShapeTypes } from "../../types/Web/BootstrapInputShapeTypes.tsx";
4
+ import { BootstrapInputStyleTypes } from "../../types/Web/BootstrapInputStyleTypes.tsx";
5
+ export interface BootstrapInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
6
+ type?: InputTypes;
7
+ styleType?: BootstrapInputStyleTypes;
8
+ shape?: BootstrapInputShapeTypes;
9
+ variant?: string;
10
+ sizeType?: "sm" | "md" | "lg";
11
+ label?: string;
12
+ required?: boolean;
13
+ helperText?: string;
14
+ error?: boolean | string;
15
+ }
16
+ export default function BootstrapInput({ type, styleType, shape, variant, sizeType, label, required, helperText, error, disabled, readOnly, id, className, placeholder, ...rest }: BootstrapInputProps): import("react").JSX.Element;
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ import { InputTypes } from "../../types/InputTypes";
3
+ import { IOSInputStyleTypes } from "../../types/IOS/IOSInputStyleTypes.tsx";
4
+ import { IOSInputShapeTypes } from "../../types/IOS/IOSInputShapeTypes.tsx";
5
+ export interface IOSInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "shape"> {
6
+ type?: InputTypes;
7
+ styleType?: IOSInputStyleTypes;
8
+ shape?: IOSInputShapeTypes;
9
+ variant?: string;
10
+ sizeType?: "sx" | "sm" | "md" | "lg";
11
+ label?: string;
12
+ required?: boolean;
13
+ helperText?: string;
14
+ error?: boolean | string;
15
+ startIcon?: React.ReactNode;
16
+ endIcon?: React.ReactNode;
17
+ prefixText?: string;
18
+ suffixText?: string;
19
+ clearable?: boolean;
20
+ }
21
+ 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;
@@ -0,0 +1,27 @@
1
+ import { type InputHTMLAttributes, type ReactNode } from "react";
2
+ import type { AndroidStyleTypes } from "../../types/Android/AndroidStyleTypes.tsx";
3
+ import type { AndroidShapeTypes } from "../../types/Android/AndroidShapeTypes.tsx";
4
+ import type { BootstrapShapeTypes } from "../../types/Web/BootstrapShapeTypes.tsx";
5
+ import type { BootstrapStyleTypes } from "../../types/Web/BootstrapStyleTypes.tsx";
6
+ import type { IOSShapeTypes } from "../../types/IOS/IOSShapeTypes.tsx";
7
+ import type { IOSStyleTypes } from "../../types/IOS/IOSStyleTypes.tsx";
8
+ type PlatformMapping<T> = {};
9
+ export type LionInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "shape"> & {
10
+ variant?: string;
11
+ platform?: string;
12
+ sizeType?: string;
13
+ shape?: BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string | PlatformMapping<BootstrapShapeTypes | AndroidShapeTypes | IOSShapeTypes | string>;
14
+ styleType?: BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string | PlatformMapping<BootstrapStyleTypes | AndroidStyleTypes | IOSStyleTypes | string>;
15
+ label?: string;
16
+ required?: boolean;
17
+ helperText?: string;
18
+ error?: boolean | string;
19
+ startIcon?: ReactNode;
20
+ endIcon?: ReactNode;
21
+ prefixText?: string;
22
+ suffixText?: string;
23
+ counter?: boolean | number;
24
+ clearable?: boolean;
25
+ };
26
+ export default function LionInput({ shape, styleType, platform, ...props }: LionInputProps): import("react").JSX.Element;
27
+ export {};
@@ -0,0 +1,5 @@
1
+ import { VariantTypes } from "../../types/VariantTypes.tsx";
2
+ export interface LoadingBarProps {
3
+ variant?: VariantTypes | string;
4
+ }
5
+ export default function LoadingBar({ variant }: LoadingBarProps): import("react").JSX.Element | null;
@@ -0,0 +1,17 @@
1
+ import type { ReactNode } from "react";
2
+ import { VariantTypes } from "../../types/VariantTypes.tsx";
3
+ import { PlatformTypes } from "../../types/PlatformTypes.tsx";
4
+ export interface LionModalProps {
5
+ modalId: string;
6
+ title: string;
7
+ body: ReactNode;
8
+ buttons?: ReactNode;
9
+ backdrop?: string;
10
+ fullscreen?: true | "sm" | "md" | "lg" | "xl" | "xxl" | "sm-down" | "md-down" | "lg-down" | "xl-down" | "xxl-down";
11
+ size?: SizeTypes.SM | SizeTypes.LG | SizeTypes.XL;
12
+ variant?: VariantTypes | string;
13
+ platform?: PlatformTypes | string;
14
+ cancelButtonIcon?: ReactNode;
15
+ cancelButtonText?: string;
16
+ }
17
+ export default function LionModal({ modalId, title, body, buttons, backdrop, fullscreen, size, variant, platform, cancelButtonIcon, cancelButtonText, }: LionModalProps): import("react").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { type FC } from 'react';
2
+ import type { LionUIContextProps } from "../interfaces/LionUIContextProps.tsx";
3
+ import type { LionUIComponentsProviderProps } from "../interfaces/LionUIComponentsProviderProps.tsx";
4
+ export declare const LionUIComponentsProvider: FC<LionUIComponentsProviderProps>;
5
+ export declare const useLionUI: () => LionUIContextProps;
@@ -7,7 +7,6 @@ import "./assets/css/inputs/inputs-ios.css";
7
7
  import "./assets/css/inputs/inputs-bootstrap.css";
8
8
  import "./assets/css/modals/modals.css";
9
9
  import "./assets/css/loadings/loading-bar.css";
10
-
11
10
  export { LionUIComponentsProvider } from './context/LionUIComponentsContext';
12
11
  export { default as AndroidButton } from './components/buttons/AndroidButton';
13
12
  export { default as BootstrapButton } from './components/buttons/BootstrapButton';
@@ -19,9 +18,8 @@ export { default as IOSInput } from './components/inputs/IOSInput';
19
18
  export { default as LionInput } from './components/inputs/LionInput';
20
19
  export { default as LoadingBar } from './components/loadings/LoadingBar';
21
20
  export { default as LionModal } from './components/modals/LionModal';
22
-
23
21
  export * from './types/ButtonTypes';
24
22
  export * from './types/InputTypes';
25
23
  export * from './types/PlatformTypes';
26
24
  export * from './types/SizeTypes';
27
- export * from './types/VariantTypes';
25
+ export * from './types/VariantTypes';