uplord-ui 0.0.5 → 0.0.6

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 (86) hide show
  1. package/dist/app/layout.d.ts +11 -0
  2. package/dist/app/page.d.ts +1 -0
  3. package/dist/app/page.stories.d.ts +6 -0
  4. package/dist/components/blocks/Banner/Banner.d.ts +6 -0
  5. package/dist/components/blocks/Banner/Banner.stories.d.ts +7 -0
  6. package/dist/components/blocks/Banner/index.d.ts +2 -0
  7. package/dist/components/blocks/Projects/Projects.d.ts +5 -0
  8. package/dist/components/blocks/Projects/Projects.stories.d.ts +6 -0
  9. package/dist/components/blocks/Projects/index.d.ts +2 -0
  10. package/dist/components/blocks/Section/Section.d.ts +5 -0
  11. package/dist/components/blocks/Section/Section.stories.d.ts +6 -0
  12. package/dist/components/blocks/Section/index.d.ts +2 -0
  13. package/dist/components/blocks/Stack/Stack.d.ts +5 -0
  14. package/dist/components/blocks/Stack/Stack.stories.d.ts +6 -0
  15. package/dist/components/blocks/Stack/index.d.ts +2 -0
  16. package/dist/components/blocks/Timeline/Timeline.d.ts +5 -0
  17. package/dist/components/blocks/Timeline/Timeline.stories.d.ts +6 -0
  18. package/dist/components/blocks/Timeline/index.d.ts +2 -0
  19. package/dist/components/main/Footer/Footer.d.ts +1 -0
  20. package/dist/components/main/Footer/Footer.stories.d.ts +6 -0
  21. package/dist/components/main/Footer/index.d.ts +1 -0
  22. package/dist/components/main/Header/Header.d.ts +7 -0
  23. package/dist/components/main/Header/Header.stories.d.ts +6 -0
  24. package/dist/components/main/Header/Logo/Logo.d.ts +1 -0
  25. package/dist/components/main/Header/Logo/Logo.stories.d.ts +6 -0
  26. package/dist/components/main/Header/Logo/index.d.ts +1 -0
  27. package/dist/components/main/Header/Navigation/Navigation.d.ts +5 -0
  28. package/dist/components/main/Header/Navigation/Navigation.stories.d.ts +6 -0
  29. package/dist/components/main/Header/Navigation/index.d.ts +1 -0
  30. package/dist/components/main/Header/Toggle/Toggle.d.ts +4 -0
  31. package/dist/components/main/Header/Toggle/Toggle.stories.d.ts +6 -0
  32. package/dist/components/main/Header/Toggle/index.d.ts +2 -0
  33. package/dist/components/main/Header/index.d.ts +2 -0
  34. package/dist/components/main/Social/Social.d.ts +5 -0
  35. package/dist/components/main/Social/Social.stories.d.ts +6 -0
  36. package/dist/components/main/Social/index.d.ts +2 -0
  37. package/dist/components/navigation/Pagination/Pagination.d.ts +7 -0
  38. package/dist/components/navigation/Pagination/Pagination.stories.d.ts +6 -0
  39. package/dist/components/navigation/Pagination/index.d.ts +2 -0
  40. package/dist/components/ui/Button/Button.d.ts +27 -0
  41. package/dist/components/ui/Button/Button.stories.d.ts +14 -0
  42. package/dist/components/ui/Button/index.d.ts +2 -0
  43. package/dist/components/ui/Checkbox/Checkbox.d.ts +17 -0
  44. package/dist/components/ui/Checkbox/Checkbox.stories.d.ts +9 -0
  45. package/dist/components/ui/Checkbox/index.d.ts +2 -0
  46. package/dist/components/ui/FormikInput/FormikInput.d.ts +14 -0
  47. package/dist/components/ui/FormikInput/index.d.ts +1 -0
  48. package/dist/components/ui/Input/Input.d.ts +28 -0
  49. package/dist/components/ui/Input/Input.stories.d.ts +9 -0
  50. package/dist/components/ui/Input/index.d.ts +2 -0
  51. package/dist/components/ui/Radio/Radio.d.ts +17 -0
  52. package/dist/components/ui/Radio/Radio.stories.d.ts +9 -0
  53. package/dist/components/ui/Radio/index.d.ts +2 -0
  54. package/dist/components/ui/Select/Select.d.ts +21 -0
  55. package/dist/components/ui/Select/Select.stories.d.ts +8 -0
  56. package/dist/components/ui/Select/index.d.ts +2 -0
  57. package/dist/components/ui/Textarea/Textarea.d.ts +15 -0
  58. package/dist/components/ui/Textarea/Textarea.stories.d.ts +8 -0
  59. package/dist/components/ui/Textarea/index.d.ts +2 -0
  60. package/dist/components/utils/Colors/Colors.d.ts +7 -0
  61. package/dist/components/utils/Colors/Colors.stories.d.ts +7 -0
  62. package/dist/components/utils/Colors/index.d.ts +2 -0
  63. package/dist/components/utils/Example/Example.d.ts +1 -0
  64. package/dist/components/utils/Example/Example.stories.d.ts +6 -0
  65. package/dist/components/utils/Example/index.d.ts +1 -0
  66. package/dist/components/utils/Icon/Icon.d.ts +12 -0
  67. package/dist/components/utils/Icon/Icon.stories.d.ts +6 -0
  68. package/dist/components/utils/Icon/index.d.ts +2 -0
  69. package/dist/components/utils/Modal/Modal.d.ts +14 -0
  70. package/dist/components/utils/Modal/Modal.stories.d.ts +11 -0
  71. package/dist/components/utils/Modal/_components/ModalFooter.d.ts +11 -0
  72. package/dist/components/utils/Modal/_components/ModalHeader.d.ts +8 -0
  73. package/dist/components/utils/Modal/_components/index.d.ts +4 -0
  74. package/dist/components/utils/Modal/index.d.ts +4 -0
  75. package/dist/components/utils/Typography/Typography.d.ts +7 -0
  76. package/dist/components/utils/Typography/Typography.stories.d.ts +7 -0
  77. package/dist/components/utils/Typography/index.d.ts +2 -0
  78. package/dist/context/NiceModalProvider.d.ts +4 -0
  79. package/dist/context/ThemeProvider.d.ts +7 -0
  80. package/dist/data/data.d.ts +17 -0
  81. package/dist/lib/icons.d.ts +4 -0
  82. package/dist/lib/scrollUtils.d.ts +1 -0
  83. package/dist/lib/useModalData.d.ts +1 -0
  84. package/dist/lib/useMounted.d.ts +1 -0
  85. package/dist/types/system.d.ts +24 -0
  86. package/package.json +1 -1
@@ -0,0 +1,11 @@
1
+ export declare const metadata: {
2
+ title: string;
3
+ description: string;
4
+ icons: {
5
+ icon: string;
6
+ apple: string;
7
+ };
8
+ };
9
+ export default function RootLayout({ children, }: Readonly<{
10
+ children: React.ReactNode;
11
+ }>): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function Home(): import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Banner } from '../../src';
3
+ declare const meta: Meta<typeof Banner>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Default: Story;
@@ -0,0 +1,6 @@
1
+ import { default as React } from 'react';
2
+ export type BannerProps = {
3
+ id?: string;
4
+ hasHeader?: boolean;
5
+ };
6
+ export declare const Banner: ({ id, hasHeader }: BannerProps) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Banner, BannerProps } from '.';
3
+ declare const meta: Meta<typeof Banner>;
4
+ export default meta;
5
+ type Story = StoryObj<BannerProps>;
6
+ export declare const Default: Story;
7
+ export declare const WithHeader: Story;
@@ -0,0 +1,2 @@
1
+ export { Banner } from './Banner';
2
+ export type { BannerProps } from './Banner';
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export type ProjectsProps = {
3
+ id?: string;
4
+ };
5
+ export declare const Projects: ({ id }: ProjectsProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Projects, ProjectsProps } from '.';
3
+ declare const meta: Meta<typeof Projects>;
4
+ export default meta;
5
+ type Story = StoryObj<ProjectsProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Projects, Projects as default } from './Projects';
2
+ export type { ProjectsProps } from './Projects';
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export type SectionProps = {
3
+ id?: string;
4
+ };
5
+ export declare const Section: ({ id }: SectionProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Section, SectionProps } from '.';
3
+ declare const meta: Meta<typeof Section>;
4
+ export default meta;
5
+ type Story = StoryObj<SectionProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Section } from './Section';
2
+ export type { SectionProps } from './Section';
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export type StackProps = {
3
+ id?: string;
4
+ };
5
+ export declare const Stack: ({ id }: StackProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Stack, StackProps } from '.';
3
+ declare const meta: Meta<typeof Stack>;
4
+ export default meta;
5
+ type Story = StoryObj<StackProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Stack } from './Stack';
2
+ export type { StackProps } from './Stack';
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export type TimelineProps = {
3
+ id?: string;
4
+ };
5
+ export declare const Timeline: ({ id }: TimelineProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Timeline, TimelineProps } from '.';
3
+ declare const meta: Meta<typeof Timeline>;
4
+ export default meta;
5
+ type Story = StoryObj<TimelineProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Timeline } from './Timeline';
2
+ export type { TimelineProps } from './Timeline';
@@ -0,0 +1 @@
1
+ export declare const Footer: () => import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Footer } from './Footer';
3
+ declare const meta: Meta<typeof Footer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
@@ -0,0 +1 @@
1
+ export { Footer } from './Footer';
@@ -0,0 +1,7 @@
1
+ export type HeaderProps = {
2
+ id?: string;
3
+ isHome?: boolean;
4
+ theme?: 'dark' | 'light';
5
+ onToggleTheme?: (newTheme: 'dark' | 'light') => void;
6
+ };
7
+ export declare const Header: ({ id, isHome, theme, onToggleTheme }: HeaderProps) => import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Header, HeaderProps } from './Header';
3
+ declare const meta: Meta<typeof Header>;
4
+ export default meta;
5
+ type Story = StoryObj<HeaderProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1 @@
1
+ export declare const Logo: () => import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Logo as LogoComponent } from './Logo';
3
+ declare const meta: Meta<typeof LogoComponent>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Logo: Story;
@@ -0,0 +1 @@
1
+ export { Logo } from './Logo';
@@ -0,0 +1,5 @@
1
+ type NavigationProps = {
2
+ className?: string;
3
+ };
4
+ export declare const Navigation: ({ className }: NavigationProps) => import("react").JSX.Element;
5
+ export {};
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Navigation as NavigationComponent } from './Navigation';
3
+ declare const meta: Meta<typeof NavigationComponent>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Navigation: Story;
@@ -0,0 +1 @@
1
+ export { Navigation } from './Navigation';
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { CheckboxProps } from '../../../ui/Checkbox';
3
+ export type ToggleProps = {} & CheckboxProps;
4
+ export declare const Toggle: ({ ...props }: ToggleProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Toggle as ToggleComponent } from './Toggle';
3
+ declare const meta: Meta<typeof ToggleComponent>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Toggle: Story;
@@ -0,0 +1,2 @@
1
+ export { Toggle } from './Toggle';
2
+ export type { ToggleProps } from './Toggle';
@@ -0,0 +1,2 @@
1
+ export { Header, Header as default } from './Header';
2
+ export type { HeaderProps } from './Header';
@@ -0,0 +1,5 @@
1
+ export type SocialProps = {
2
+ className?: string;
3
+ isMounted?: boolean;
4
+ };
5
+ export declare const Social: ({ className, isMounted }: SocialProps) => import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Social } from './Social';
3
+ declare const meta: Meta<typeof Social>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Social } from './Social';
2
+ export type { SocialProps } from './Social';
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export type PaginationProps = {
3
+ totalPages: number;
4
+ currentPage: number;
5
+ setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
6
+ };
7
+ export declare const Pagination: ({ totalPages, currentPage, setCurrentPage, }: PaginationProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { PaginationProps } from './Pagination';
3
+ declare const meta: Meta<PaginationProps>;
4
+ export default meta;
5
+ type Story = StoryObj<PaginationProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Pagination } from './Pagination';
2
+ export type { PaginationProps } from './Pagination';
@@ -0,0 +1,27 @@
1
+ import { default as React } from 'react';
2
+ import { IconProps } from '../../utils/Icon';
3
+ import { VariantType } from '../../../types/system';
4
+ export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
5
+ label?: string;
6
+ href?: string;
7
+ target?: '_blank' | '_self' | '';
8
+ size: 'sm' | 'md';
9
+ variant: VariantType;
10
+ leadingIcon?: IconProps['name'];
11
+ trailingIcon?: IconProps['name'];
12
+ block?: boolean;
13
+ className?: string;
14
+ isIcon?: boolean;
15
+ isDisabled?: boolean;
16
+ isLoading?: boolean;
17
+ isSkeleton?: boolean;
18
+ hasHover?: boolean;
19
+ ariaLabel?: string;
20
+ }
21
+ export declare const Button: ({ label, href, target, size, variant, leadingIcon, trailingIcon, block, className, isIcon, isDisabled, isLoading, isSkeleton, hasHover, ...restProps }: ButtonProps) => React.JSX.Element;
22
+ export type ButtonGroupProps = {
23
+ children: React.ReactNode;
24
+ className?: string;
25
+ justify?: 'center' | 'start' | 'end';
26
+ };
27
+ export declare const ButtonGroup: ({ children, className, justify }: ButtonGroupProps) => React.JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { ButtonProps } from './Button';
3
+ declare const meta: Meta<ButtonProps>;
4
+ export default meta;
5
+ type Story = StoryObj<ButtonProps>;
6
+ export declare const Main: Story;
7
+ export declare const Icon: Story;
8
+ export declare const Links: Story;
9
+ export declare const Variants: Story;
10
+ export declare const Default: Story;
11
+ export declare const Primary: Story;
12
+ export declare const Success: Story;
13
+ export declare const Outline: Story;
14
+ export declare const Text: Story;
@@ -0,0 +1,2 @@
1
+ export { Button, ButtonGroup } from './Button';
2
+ export type { ButtonProps } from './Button';
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ export type CheckboxProps = {
3
+ name: string;
4
+ id?: string;
5
+ value: string;
6
+ checked?: boolean;
7
+ helper?: string;
8
+ className?: string;
9
+ label?: string;
10
+ total?: string;
11
+ content?: string;
12
+ isDisabled?: boolean;
13
+ isSkeleton?: boolean;
14
+ isError?: boolean;
15
+ onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
16
+ };
17
+ export declare const Checkbox: ({ name, id, value, checked, helper, className, label, total, content, isDisabled, isSkeleton, isError, onChange, }: CheckboxProps) => React.JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { CheckboxProps } from './Checkbox';
3
+ declare const meta: Meta<CheckboxProps>;
4
+ export default meta;
5
+ type Story = StoryObj<CheckboxProps>;
6
+ export declare const Default: Story;
7
+ export declare const Content: Story;
8
+ export declare const State: Story;
9
+ export declare const StateText: Story;
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps } from './Checkbox';
@@ -0,0 +1,14 @@
1
+ import { FieldProps } from 'formik';
2
+ import { default as React } from 'react';
3
+ import { CheckboxProps } from '../Checkbox';
4
+ import { InputProps } from '../Input';
5
+ import { RadioProps } from '../Radio';
6
+ import { SelectProps } from '../Select';
7
+ import { TextareaProps } from '../Textarea';
8
+ type FormikInputProps = FieldProps & {
9
+ helper?: string;
10
+ input?: React.ComponentType<CheckboxProps | InputProps | RadioProps | SelectProps | TextareaProps>;
11
+ value?: string;
12
+ };
13
+ export declare const FormikInput: ({ field, form, helper, input: Component, ...props }: FormikInputProps) => React.JSX.Element;
14
+ export {};
@@ -0,0 +1 @@
1
+ export { FormikInput } from './FormikInput';
@@ -0,0 +1,28 @@
1
+ import { default as React } from 'react';
2
+ import { ButtonProps } from '../Button';
3
+ import { IconProps } from '../../utils/Icon';
4
+ export type InputProps = {
5
+ type?: 'text' | 'email' | 'password' | 'number';
6
+ placeholder?: string;
7
+ name: string;
8
+ id?: string;
9
+ value: string;
10
+ helper?: string;
11
+ className?: string;
12
+ leadingIcon?: IconProps['name'];
13
+ leadingFunction?: () => void;
14
+ leadingText?: string;
15
+ trailingIcon?: IconProps['name'];
16
+ trailingFunction?: () => void;
17
+ trailingText?: string;
18
+ button?: Omit<ButtonProps, 'size'> & {
19
+ size?: 'sm';
20
+ };
21
+ isDisabled?: boolean;
22
+ isLoading?: boolean;
23
+ isSkeleton?: boolean;
24
+ isError?: boolean;
25
+ autoComplete?: string;
26
+ onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
27
+ };
28
+ export declare const Input: ({ type, placeholder, name, id, value, helper, className, leadingIcon, leadingFunction, leadingText, trailingIcon, trailingFunction, trailingText, button, isDisabled, isLoading, isSkeleton, isError, onChange, ...props }: InputProps) => React.JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { InputProps } from './Input';
3
+ declare const meta: Meta<InputProps>;
4
+ export default meta;
5
+ type Story = StoryObj<InputProps>;
6
+ export declare const Default: Story;
7
+ export declare const All: Story;
8
+ export declare const FormikField: Story;
9
+ export declare const State: Story;
@@ -0,0 +1,2 @@
1
+ export { Input } from './Input';
2
+ export type { InputProps } from './Input';
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ export type RadioProps = {
3
+ name: string;
4
+ id?: string;
5
+ value: string;
6
+ checked?: boolean;
7
+ helper?: string;
8
+ className?: string;
9
+ label?: string;
10
+ total?: string;
11
+ content?: string;
12
+ isDisabled?: boolean;
13
+ isSkeleton?: boolean;
14
+ isError?: boolean;
15
+ onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
16
+ };
17
+ export declare const Radio: ({ name, id, value, checked, helper, className, label, total, content, isDisabled, isSkeleton, isError, onChange, }: RadioProps) => React.JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { RadioProps } from './Radio';
3
+ declare const meta: Meta<RadioProps>;
4
+ export default meta;
5
+ type Story = StoryObj<RadioProps>;
6
+ export declare const Default: Story;
7
+ export declare const Content: Story;
8
+ export declare const State: Story;
9
+ export declare const StateText: Story;
@@ -0,0 +1,2 @@
1
+ export { Radio } from './Radio';
2
+ export type { RadioProps } from './Radio';
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ type Option = {
3
+ value: string | number;
4
+ label: string;
5
+ };
6
+ export type SelectProps = {
7
+ placeholder?: string;
8
+ options: Option[];
9
+ name: string;
10
+ id?: string;
11
+ value: string;
12
+ helper?: string;
13
+ className?: string;
14
+ isDisabled?: boolean;
15
+ isLoading?: boolean;
16
+ isSkeleton?: boolean;
17
+ isError?: boolean;
18
+ onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
19
+ };
20
+ export declare const Select: ({ placeholder, options, name, id, value, helper, className, isDisabled, isLoading, isSkeleton, isError, onChange, }: SelectProps) => React.JSX.Element;
21
+ export {};
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { SelectProps } from './Select';
3
+ declare const meta: Meta<SelectProps>;
4
+ export default meta;
5
+ type Story = StoryObj<SelectProps>;
6
+ export declare const Default: Story;
7
+ export declare const FormikField: Story;
8
+ export declare const State: Story;
@@ -0,0 +1,2 @@
1
+ export { Select } from './Select';
2
+ export type { SelectProps } from './Select';
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+ export type TextareaProps = {
3
+ placeholder?: string;
4
+ name: string;
5
+ id?: string;
6
+ value: string;
7
+ helper?: string;
8
+ className?: string;
9
+ isDisabled?: boolean;
10
+ isLoading?: boolean;
11
+ isSkeleton?: boolean;
12
+ isError?: boolean;
13
+ onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
14
+ };
15
+ export declare const Textarea: ({ placeholder, name, id, value, helper, className, isDisabled, isLoading, isSkeleton, isError, onChange, }: TextareaProps) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { TextareaProps } from './Textarea';
3
+ declare const meta: Meta<TextareaProps>;
4
+ export default meta;
5
+ type Story = StoryObj<TextareaProps>;
6
+ export declare const Default: Story;
7
+ export declare const FormikField: Story;
8
+ export declare const State: Story;
@@ -0,0 +1,2 @@
1
+ export { Textarea } from './Textarea';
2
+ export type { TextareaProps } from './Textarea';
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export type ColorsProps = {
3
+ name: string;
4
+ className?: string;
5
+ hexCode?: string | string[];
6
+ };
7
+ export declare const Colors: ({ name, className, hexCode }: ColorsProps) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { ColorsProps } from './Colors';
3
+ declare const meta: Meta<ColorsProps>;
4
+ export default meta;
5
+ type Story = StoryObj<ColorsProps>;
6
+ export declare const Default: Story;
7
+ export declare const AllColors: Story;
@@ -0,0 +1,2 @@
1
+ export { Colors } from './Colors';
2
+ export type { ColorsProps } from './Colors';
@@ -0,0 +1 @@
1
+ export declare const Example: () => import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Example } from './Example';
3
+ declare const meta: Meta<typeof Example>;
4
+ export default meta;
5
+ type Story = StoryObj;
6
+ export declare const Default: Story;
@@ -0,0 +1 @@
1
+ export { Example } from './Example';
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ import { SizeType } from '../../../types/system';
3
+ import * as icons from 'lucide-react';
4
+ type AvailableIcons = keyof typeof icons;
5
+ export interface IconProps {
6
+ name: AvailableIcons | null;
7
+ size: SizeType;
8
+ strokeWidth?: number;
9
+ className?: string;
10
+ }
11
+ export declare function Icon({ name, size, strokeWidth, className }: IconProps): false | React.JSX.Element;
12
+ export {};
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { IconProps } from '.';
3
+ declare const meta: Meta<IconProps>;
4
+ export default meta;
5
+ type Story = StoryObj<IconProps>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export { Icon } from './Icon';
2
+ export type { IconProps } from './Icon';
@@ -0,0 +1,14 @@
1
+ import { NiceModalHandler } from '@ebay/nice-modal-react';
2
+ import { default as React } from 'react';
3
+ import { ModalFooterProps, ModalHeaderProps } from './_components';
4
+ export type ModalProps = {
5
+ children: React.ReactNode;
6
+ modal: NiceModalHandler;
7
+ headerProps?: ModalHeaderProps;
8
+ footerProps?: ModalFooterProps;
9
+ sheet?: boolean;
10
+ mobileDraggable?: boolean;
11
+ backdropClose?: boolean;
12
+ bottomSheet?: boolean;
13
+ };
14
+ export declare const Modal: ({ children, modal, headerProps, footerProps, sheet, mobileDraggable, backdropClose, bottomSheet, }: ModalProps) => React.JSX.Element;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { ButtonProps } from '../../ui/Button';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ export declare const ButtonOpen: StoryObj<ButtonProps>;
6
+ export declare const Sheet: StoryObj<ButtonProps>;
7
+ export declare const MobileBottom: StoryObj<ButtonProps>;
8
+ export declare const PreventClose: StoryObj<ButtonProps>;
9
+ export declare const HeaderModal: StoryObj;
10
+ export declare const FooterModal: StoryObj;
11
+ export declare const ModalOpen: StoryObj;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export type ModalFooterProps = {
3
+ title?: string;
4
+ subtext?: string;
5
+ leading?: React.ReactNode;
6
+ trailing?: React.ReactNode;
7
+ fullWidth?: boolean;
8
+ hasBorder?: boolean;
9
+ hasShadow?: boolean;
10
+ };
11
+ export declare const ModalFooter: ({ title, subtext, leading, trailing, fullWidth, }: ModalFooterProps) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export type ModalHeaderProps = {
3
+ title?: string;
4
+ subtext?: string;
5
+ trailing?: React.ReactNode;
6
+ sheet?: boolean;
7
+ };
8
+ export declare const ModalHeader: ({ title, subtext, trailing, sheet, }: ModalHeaderProps) => React.JSX.Element;
@@ -0,0 +1,4 @@
1
+ export { ModalHeader } from './ModalHeader';
2
+ export type { ModalHeaderProps } from './ModalHeader';
3
+ export { ModalFooter } from './ModalFooter';
4
+ export type { ModalFooterProps } from './ModalFooter';
@@ -0,0 +1,4 @@
1
+ export { Modal } from './Modal';
2
+ export type { ModalProps } from './Modal';
3
+ export { ModalHeader, ModalFooter } from './_components';
4
+ export type { ModalHeaderProps, ModalFooterProps } from './_components';
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ export type TypographyProps = {
3
+ element?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
4
+ weight?: 'text-normal' | 'text-semibold' | 'text-bold';
5
+ text: string;
6
+ };
7
+ export declare const Typography: ({ element: Component, weight, text, }: TypographyProps) => React.JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/nextjs';
2
+ import { Typography, TypographyProps } from './Typography';
3
+ declare const meta: Meta<typeof Typography>;
4
+ export default meta;
5
+ type Story = StoryObj<TypographyProps>;
6
+ export declare const Default: Story;
7
+ export declare const All: Story;
@@ -0,0 +1,2 @@
1
+ export { Typography as default } from './Typography';
2
+ export type { TypographyProps } from './Typography';
@@ -0,0 +1,4 @@
1
+ import { ReactNode } from 'react';
2
+ export default function NiceModalProvider({ children }: {
3
+ children: ReactNode;
4
+ }): import("react").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { ThemeProviderProps } from 'next-themes';
2
+ import { default as React, ReactNode } from 'react';
3
+ interface ThemeProviderPropsExtended extends ThemeProviderProps {
4
+ children: ReactNode;
5
+ }
6
+ export declare function ThemeProvider({ children, ...props }: ThemeProviderPropsExtended): React.JSX.Element;
7
+ export {};
@@ -0,0 +1,17 @@
1
+ export declare const timelineData: () => {
2
+ date: string;
3
+ role: string;
4
+ location: string;
5
+ description: string[];
6
+ icon: string;
7
+ }[];
8
+ export declare const projectsData: () => {
9
+ title: string;
10
+ description: string;
11
+ icon: string;
12
+ alt: string;
13
+ bgColor: string;
14
+ textColor: string;
15
+ width: number;
16
+ height: number;
17
+ }[];
@@ -0,0 +1,4 @@
1
+ import { IconProps } from '../components/utils/Icon';
2
+ import * as icons from 'lucide-react';
3
+ export declare const IconOptions: (IconProps["name"] | null)[];
4
+ export type AvailableIcons = keyof typeof icons;
@@ -0,0 +1 @@
1
+ export declare function useScroll(): boolean;
@@ -0,0 +1 @@
1
+ export declare const useModalData: () => boolean;
@@ -0,0 +1 @@
1
+ export declare const useMounted: (delay?: number) => boolean;
@@ -0,0 +1,24 @@
1
+ export type VariantType = 'default' | 'text' | 'primary' | 'success' | 'outline' | 'white' | 'black' | 'anchor';
2
+ export declare enum Variant {
3
+ Default = "default",
4
+ Text = "text",
5
+ Primary = "primary",
6
+ Success = "success",
7
+ Outline = "outline",
8
+ White = "white",
9
+ Black = "black"
10
+ }
11
+ export type SizeType = 'sm' | 'md' | 'lg' | 'xl';
12
+ export declare enum Size {
13
+ Small = "sm",
14
+ Medium = "md",
15
+ Large = "lg",
16
+ ExtraLarge = "xl"
17
+ }
18
+ export type ImageProps = {
19
+ src: string;
20
+ alt: string;
21
+ sizes: string;
22
+ width: number;
23
+ height: number;
24
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "uplord-ui",
3
- "version": "0.0.5",
3
+ "version": "0.0.6",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",