@itsyouagency/ui 1.15.0 → 1.17.0

package/dist/assets/css/fonts.css

@@ -33,6 +33,20 @@
     src: url('../fonts/Poppins/Poppins-Italic.otf') format('opentype');
 }
 
+@font-face {
+    font-family: Poppins;
+    font-weight: 600;
+    src: url('../fonts/Poppins/Poppins-SemiBold.otf') format('opentype');
+}
+
+@font-face {
+    font-family: Poppins;
+    font-weight: 600;
+    font-style: italic;
+    src: url('../fonts/Poppins/Poppins-SemiBoldItalic.otf') format('opentype');
+}
+
+
 @font-face {
     font-family: Poppins;
     font-weight: bold;

package/dist/assets/icons/copy-07.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10.5 2.0028C9.82495 2.01194 9.4197 2.05103 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8.05103 3.4197 8.01194 3.82495 8.0028 4.5M19.5 2.0028C20.1751 2.01194 20.5803 2.05103 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C21.949 3.4197 21.9881 3.82494 21.9972 4.49999M21.9972 13.5C21.9881 14.175 21.949 14.5803 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.5803 15.949 20.1751 15.9881 19.5 15.9972M22 7.99999V9.99999M14.0001 2H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/icons/user-01.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/components/base/ButtonIcon.d.ts

@@ -1,9 +1,11 @@
+import { HTMLAttributeAnchorTarget, MouseEventHandler } from 'react';
 import { IconType } from './Icon';
-type Props = {
+declare const ButtonIcon: ({ onClick, icon, isLoading, href, target, disabled, }: {
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    isLoading?: boolean;
     icon: IconType;
-    onClick?: () => void;
-    href?: string;
+    href?: HTMLAttributeAnchorTarget;
     target?: string;
-};
-declare const ButtonIcon: ({ icon, onClick, href, target, }: Props) => import("react/jsx-runtime").JSX.Element;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ButtonIcon;

package/dist/components/base/DashboardNav.d.ts

@@ -0,0 +1,14 @@
+import { IconType } from './Icon';
+export type NavEntry = {
+    name: string;
+    href: string;
+    icon: IconType;
+    children?: NavEntry[];
+};
+export type TDashboardNav = Record<string, NavEntry[]>;
+declare const DashboardNav: ({ nav, selectedPath, close, }: {
+    nav: TDashboardNav;
+    selectedPath: string;
+    close?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DashboardNav;

package/dist/components/base/Dropdown.d.ts

@@ -12,6 +12,8 @@ export interface DropdownProps {
     defaultValue?: number;
     error?: string;
     hideError?: boolean;
+    placeholder?: string;
+    selectedClassName?: string;
 }
-declare function Dropdown({ items, className, label, right, wrapperClassName, onChangeDropdown, defaultValue, unset, disableCloseOnClick, title, error, hideError, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Dropdown({ items, className, label, right, wrapperClassName, onChangeDropdown, defaultValue, unset, disableCloseOnClick, title, error, hideError, selectedClassName, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/dist/components/base/FileUploadDrag.d.ts

@@ -5,6 +5,12 @@ export type FileUploadDragProps = {
     }) => void;
     accept?: string[];
     error?: string;
+    className?: string;
+    text?: string;
+    defaultImgUrl?: string;
+    imageClassName?: string;
+    hideClose?: boolean;
+    loaderColor?: 'light' | 'dark';
 };
-declare const FileUploadDrag: ({ onChange, accept, error, }: FileUploadDragProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploadDrag: ({ onChange, accept, error, className, text, defaultImgUrl, imageClassName, hideClose, loaderColor, }: FileUploadDragProps) => import("react/jsx-runtime").JSX.Element;
 export default FileUploadDrag;

package/dist/components/base/FooterMini.d.ts

@@ -0,0 +1,2 @@
+declare function FooterMini(): import("react/jsx-runtime").JSX.Element;
+export default FooterMini;

package/dist/components/base/Icon.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 declare const map: {
     Upload: React.FC<React.SVGProps<SVGSVGElement>>;
+    User: React.FC<React.SVGProps<SVGSVGElement>>;
+    Copy: React.FC<React.SVGProps<SVGSVGElement>>;
     Invoice: React.FC<React.SVGProps<SVGSVGElement>>;
     Send: React.FC<React.SVGProps<SVGSVGElement>>;
     Camera: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/components/base/IconButton.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributeAnchorTarget, MouseEventHandler } from 'react';
+import { IconType } from './Icon';
+declare const IconButton: ({ onClick, icon, isLoading, href, target, disabled, }: {
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    isLoading?: boolean;
+    icon: IconType;
+    href?: HTMLAttributeAnchorTarget;
+    target?: string;
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default IconButton;

package/dist/components/base/InfoTooltip.d.ts

@@ -1,7 +1,12 @@
 import { ReactNode } from 'react';
+import { IconType } from './Icon';
+import type { AnchorProps } from '@headlessui/react/dist/internal/floating';
 interface Props {
     children: ReactNode;
     size?: number;
+    icon?: IconType;
+    iconClassName?: string;
+    anchor?: AnchorProps;
 }
-declare function InfoTooltip({ children, size }: Props): import("react/jsx-runtime").JSX.Element;
+declare function InfoTooltip({ children, size, icon, iconClassName, anchor, }: Props): import("react/jsx-runtime").JSX.Element;
 export default InfoTooltip;

package/dist/components/base/MobileSideBar.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export default function MobileSideBar({ children, open, setOpen, }: {
+    children: ReactNode;
+    open: boolean;
+    setOpen: (v: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { default as ImageFullView } from './base/ImageFullView';
 export { default as InfoTooltip } from './base/InfoTooltip';
 export { default as Input, InputProps } from './base/Input';
 export { default as InputWrapper } from './base/InputWrapper';
+export { default as IconButton } from './base/IconButton';
 export { default as LearnMoreButton } from './base/LearnMoreButton';
 export { default as Loader } from './base/Loader';
 export { default as Logo } from './base/Logo';
@@ -27,3 +28,4 @@ export { default as Tooltip } from './base/Tooltip';
 export { default as FileUploadDrag } from './base/FileUploadDrag';
 export { default as RadioGroup } from './base/RadioGroup';
 export { default as MatchableSortableTable, IMatchableSortableTableProps, } from './base/Table/MatchableSortableTable';
+export { TDashboardNav } from './base/DashboardNav';

package/dist/index.d.ts

@@ -2,3 +2,6 @@ export * from './components';
 export * from './toaster';
 export * from './types';
 export * from './utils/formatter';
+export * from './utils/items';
+export * from './utils/validation';
+export * from './layouts';