sherick-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 (41) hide show
  1. package/dist/.next/types/app/layout.d.ts +9 -0
  2. package/dist/.next/types/app/styleguides/page.d.ts +9 -0
  3. package/dist/app/index.d.ts +1 -0
  4. package/dist/app/layout.d.ts +7 -0
  5. package/dist/app/page.d.ts +2 -0
  6. package/dist/components/Layout/SideNav.d.ts +6 -0
  7. package/dist/components/Layout/SideNavWrapper.d.ts +5 -0
  8. package/dist/components/UI/ActionButton.d.ts +11 -0
  9. package/dist/components/UI/Alert.d.ts +8 -0
  10. package/dist/components/UI/Avatar.d.ts +8 -0
  11. package/dist/components/UI/Badge.d.ts +9 -0
  12. package/dist/components/UI/Card.d.ts +7 -0
  13. package/dist/components/UI/Divider.d.ts +6 -0
  14. package/dist/components/UI/Dropdown.d.ts +13 -0
  15. package/dist/components/UI/IconButton.d.ts +10 -0
  16. package/dist/components/UI/Input.d.ts +11 -0
  17. package/dist/components/UI/Markdown.d.ts +5 -0
  18. package/dist/components/UI/Modal.d.ts +14 -0
  19. package/dist/components/UI/ModalContent.d.ts +6 -0
  20. package/dist/components/UI/ModalFooter.d.ts +6 -0
  21. package/dist/components/UI/ModalHeader.d.ts +6 -0
  22. package/dist/components/UI/NavGroup.d.ts +11 -0
  23. package/dist/components/UI/NavItem.d.ts +8 -0
  24. package/dist/components/UI/Search.d.ts +9 -0
  25. package/dist/components/UI/Skeleton.d.ts +4 -0
  26. package/dist/components/UI/Switch.d.ts +8 -0
  27. package/dist/components/UI/TabGroup.d.ts +12 -0
  28. package/dist/components/UI/Table.d.ts +8 -0
  29. package/dist/components/UI/Textarea.d.ts +11 -0
  30. package/dist/components/UI/Tooltip.d.ts +8 -0
  31. package/dist/components/UI/index.d.ts +17 -0
  32. package/dist/index.cjs.js +32375 -61999
  33. package/dist/index.cjs.js.map +1 -0
  34. package/dist/index.d.ts +22 -23
  35. package/dist/index.esm.js +32372 -61996
  36. package/dist/index.esm.js.map +1 -0
  37. package/package.json +28 -10
  38. package/dist/index.cjs.css +0 -2
  39. package/dist/index.cjs.css.map +0 -1
  40. package/dist/index.esm.css +0 -2
  41. package/dist/index.esm.css.map +0 -1
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export interface PageProps {
3
+ params?: any;
4
+ searchParams?: any;
5
+ }
6
+ export interface LayoutProps {
7
+ children?: React.ReactNode;
8
+ params?: any;
9
+ }
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export interface PageProps {
3
+ params?: any;
4
+ searchParams?: any;
5
+ }
6
+ export interface LayoutProps {
7
+ children?: React.ReactNode;
8
+ params?: any;
9
+ }
@@ -0,0 +1 @@
1
+ export * from "../components/UI";
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import type { Metadata } from "next";
3
+ import "./globals.css";
4
+ export declare const metadata: Metadata;
5
+ export default function RootLayout({ children, }: Readonly<{
6
+ children: React.ReactNode;
7
+ }>): import("react").JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export default function Home(): import("react").JSX.Element;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ declare const SideNav: ({ open, setOpen, }: {
3
+ open: boolean;
4
+ setOpen: (open: boolean) => void;
5
+ }) => import("react").JSX.Element;
6
+ export default SideNav;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ declare const SideNavWrapper: ({ className, ...props }: {
3
+ className?: string;
4
+ }) => import("react").JSX.Element;
5
+ export default SideNavWrapper;
@@ -0,0 +1,11 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ declare const ActionButton: ({ children, variant, icon, className, loading, onClick, ...props }: {
4
+ children: ReactNode;
5
+ variant?: Variant;
6
+ icon?: ReactNode;
7
+ className?: string;
8
+ loading?: boolean;
9
+ onClick?: () => void;
10
+ }) => React.JSX.Element;
11
+ export default ActionButton;
@@ -0,0 +1,8 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ export declare const Alert: ({ children, variant, className, closeable, }: {
4
+ children: ReactNode;
5
+ variant?: Variant;
6
+ className?: string;
7
+ closeable?: boolean;
8
+ }) => React.JSX.Element | null;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ declare const Avatar: ({ src, alt, size, className, ...props }: {
3
+ src: string;
4
+ alt: string;
5
+ size?: "sm" | "md" | "lg";
6
+ className?: string;
7
+ }) => React.JSX.Element;
8
+ export default Avatar;
@@ -0,0 +1,9 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ declare const Badge: ({ children, variant, icon, className, ...props }: {
4
+ children: ReactNode;
5
+ variant?: Variant;
6
+ icon?: ReactNode;
7
+ className?: string;
8
+ }) => React.JSX.Element;
9
+ export default Badge;
@@ -0,0 +1,7 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ export declare const Card: ({ children, variant, className, }: {
4
+ children: ReactNode;
5
+ variant?: Variant;
6
+ className?: string;
7
+ }) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ declare const Divider: ({ className, orientation, }: {
3
+ className?: string;
4
+ orientation?: "horizontal" | "vertical";
5
+ }) => React.JSX.Element;
6
+ export default Divider;
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { Variant } from "./ui.types";
3
+ declare const Dropdown: ({ options, variant, onSelect, selected, className, ...props }: {
4
+ options: {
5
+ label: string;
6
+ value: string;
7
+ }[];
8
+ variant?: Variant;
9
+ className?: string;
10
+ onSelect?: (value: string) => void;
11
+ selected?: string;
12
+ }) => React.JSX.Element;
13
+ export default Dropdown;
@@ -0,0 +1,10 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ declare const IconButton: ({ variant, icon, className, loading, onClick, ...props }: {
4
+ variant?: Variant;
5
+ icon?: ReactNode;
6
+ className?: string;
7
+ loading?: boolean;
8
+ onClick?: () => void;
9
+ }) => React.JSX.Element;
10
+ export default IconButton;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ declare const Input: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
3
+ placeholder?: string;
4
+ label?: string;
5
+ onChange?: (value: string) => void;
6
+ defaultValue?: string;
7
+ className?: string;
8
+ required?: boolean;
9
+ error?: boolean;
10
+ }) => React.JSX.Element;
11
+ export default Input;
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ declare const Markdown: ({ children }: {
3
+ children: string;
4
+ }) => React.JSX.Element;
5
+ export default Markdown;
@@ -0,0 +1,14 @@
1
+ import React, { ReactNode } from "react";
2
+ export interface ModalProps {
3
+ children: ReactNode;
4
+ open: boolean;
5
+ onClose: () => void;
6
+ className?: string;
7
+ }
8
+ declare function Modal({ children, open, onClose, className, }: ModalProps): React.ReactPortal | null;
9
+ declare namespace Modal {
10
+ var Header: ({ children, className }: import("./ModalHeader").ModalHeaderProps) => React.JSX.Element;
11
+ var Content: ({ children, className }: import("./ModalContent").ModalContentProps) => React.JSX.Element;
12
+ var Footer: ({ children, className }: import("./ModalFooter").ModalFooterProps) => React.JSX.Element;
13
+ }
14
+ export default Modal;
@@ -0,0 +1,6 @@
1
+ import React, { ReactNode } from "react";
2
+ export interface ModalContentProps {
3
+ children: ReactNode;
4
+ className?: string;
5
+ }
6
+ export declare const ModalContent: ({ children, className }: ModalContentProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import React, { ReactNode } from "react";
2
+ export interface ModalFooterProps {
3
+ children: ReactNode;
4
+ className?: string;
5
+ }
6
+ export declare const ModalFooter: ({ children, className }: ModalFooterProps) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ import React, { ReactNode } from "react";
2
+ export interface ModalHeaderProps {
3
+ children: ReactNode;
4
+ className?: string;
5
+ }
6
+ export declare const ModalHeader: ({ children, className }: ModalHeaderProps) => React.JSX.Element;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import NavItem from "./NavItem";
3
+ type NavItem = {
4
+ label: string;
5
+ href: string;
6
+ };
7
+ declare const NavGroup: ({ title, items }: {
8
+ title: string;
9
+ items: NavItem[];
10
+ }) => React.JSX.Element;
11
+ export default NavGroup;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ declare const NavItem: ({ children, icon, className, to, }: {
3
+ children: React.ReactNode;
4
+ icon?: React.ReactNode;
5
+ className?: string;
6
+ to: string;
7
+ }) => React.JSX.Element;
8
+ export default NavItem;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { Variant } from "./ui.types";
3
+ declare const Search: ({ onSearch, variant, className, loading, ...props }: {
4
+ onSearch: (value: string) => void;
5
+ variant?: Variant;
6
+ className?: string;
7
+ loading?: boolean;
8
+ }) => React.JSX.Element;
9
+ export default Search;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ export declare const Skeleton: ({ className, ...props }: {
3
+ className?: string;
4
+ }) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { Variant } from "./ui.types";
3
+ export declare const Switch: ({ checked, onChange, variant, className, }: {
4
+ checked?: boolean;
5
+ onChange?: (checked: boolean) => void;
6
+ variant?: Variant;
7
+ className?: string;
8
+ }) => React.JSX.Element;
@@ -0,0 +1,12 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ export interface Tab {
4
+ id: string;
5
+ label: string;
6
+ content: ReactNode;
7
+ }
8
+ export declare const TabGroup: ({ tabs, variant, className, }: {
9
+ tabs: Tab[];
10
+ variant?: Variant;
11
+ className?: string;
12
+ }) => React.JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React, { ReactNode } from "react";
2
+ import { Variant } from "./ui.types";
3
+ export declare const Table: ({ headers, rows, variant, className, }: {
4
+ headers: string[];
5
+ rows: ReactNode[][];
6
+ variant?: Variant;
7
+ className?: string;
8
+ }) => React.JSX.Element;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ declare const Textarea: ({ placeholder, label, onChange, defaultValue, className, required, error, ...props }: {
3
+ placeholder?: string;
4
+ label?: string;
5
+ onChange?: (value: string) => void;
6
+ defaultValue?: string;
7
+ className?: string;
8
+ required?: boolean;
9
+ error?: boolean;
10
+ }) => React.JSX.Element;
11
+ export default Textarea;
@@ -0,0 +1,8 @@
1
+ import React, { ReactNode } from "react";
2
+ declare const Tooltip: ({ children, content, className, ...props }: {
3
+ children: ReactNode;
4
+ content: ReactNode;
5
+ className?: string;
6
+ [key: string]: any;
7
+ }) => React.JSX.Element;
8
+ export default Tooltip;
@@ -0,0 +1,17 @@
1
+ export { default as ActionButton } from "./ActionButton";
2
+ export { default as Dropdown } from "./Dropdown";
3
+ export { default as Search } from "./Search";
4
+ export { default as Input } from "./Input";
5
+ export { default as Avatar } from "./Avatar";
6
+ export { default as Textarea } from "./Textarea";
7
+ export { default as Tooltip } from "./Tooltip";
8
+ export { default as Modal } from "./Modal";
9
+ export { default as Badge } from "./Badge";
10
+ export { Spinner } from "./Spinner";
11
+ export { default as Markdown } from "./Markdown";
12
+ export { Alert } from "./Alert";
13
+ export { Card } from "./Card";
14
+ export { Skeleton } from "./Skeleton";
15
+ export { Switch } from "./Switch";
16
+ export { TabGroup } from "./TabGroup";
17
+ export { Table } from "./Table";