@solibo/solibo-ui 0.2.14 → 0.2.15

package/dist/index.d.ts

@@ -1,7 +1,10 @@
+import { default as default_2 } from 'react';
 import { DetailedHTMLProps } from 'react';
+import { DragEvent as DragEvent_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
 export declare const Accordion: ({ children, icon, label, open }: AccordionProps) => JSX.Element;
@@ -55,29 +58,44 @@ declare const brandingSVG: {
     logo: string;
 };
 
-export declare const Button: ({ children, className, disabled, label, title, icon, iconOnly, type, variant, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, className, disabled, icon, label, loading, onClick, title, type, variant, ...props }: ButtonProps) => JSX.Element;
 
 declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
+    icon?: IconName;
     label?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    loading?: boolean;
     title?: string;
-    iconOnly?: boolean;
-    icon?: IconName;
-    variant?: keyof typeof variants_3;
     type?: 'button' | 'submit' | 'reset';
+    variant?: keyof typeof variants_3;
 };
 
-export declare const Card: ({ ...props }: CardProps) => JSX.Element;
+export declare const Card: ({ children, contentHtml, contentText, draft, headerText, image, onClick, onDrop, subHeaderText, }: CardProps) => JSX.Element;
 
 declare type CardProps = {
-    image?: React.ReactNode;
-    headerText?: string;
-    subHeaderText?: string;
+    children?: ReactNode;
+    contentHtml?: string;
     contentText?: string;
-    children: React.ReactNode;
+    draft?: boolean;
+    headerText?: string;
+    image?: ReactNode;
     onClick?: () => void;
+    onDrop?: (event: DragEvent_2<HTMLElement>) => void;
+    subHeaderText?: string;
+};
+
+export declare const Checkbox: ({ isChecked, isDefaultChecked, isDisabled, isLoading, label, onChange, ...props }: CheckboxProps) => JSX.Element;
+
+declare type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    isChecked?: boolean;
+    isDefaultChecked?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
 export declare const Dialog: ({ button, children, message, title, ...props }: DialogProps) => JSX.Element;
@@ -89,14 +107,38 @@ declare type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {
     title?: string;
 };
 
-export declare const Dropdown: ({ children, label, placeholder, ...props }: DropdownProps) => JSX.Element;
+declare type DivProps = Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'>;
+
+declare const Document_2: ({ name, onClick, onDelete }: DocumentProps) => JSX.Element;
+export { Document_2 as Document }
 
-declare type DropdownProps = {
+declare type DocumentProps = {
+    name: string;
+    onClick?: () => void;
+    onDelete?: () => void;
+};
+
+export declare const Dropdown: ({ children, inline, label, placeholder, ...props }: DropdownProps) => JSX.Element;
+
+declare type DropdownProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     children?: React.ReactNode;
+    inline?: boolean;
     label?: string;
     placeholder?: string;
 };
 
+export declare const Dropzone: (props: DropzoneProps) => JSX.Element;
+
+declare type DropzoneProps = {
+    allowDirectoryUpload?: boolean;
+    inputId?: string;
+    isMultiple?: boolean;
+    label?: string;
+    maxFileSizeMB?: number;
+    mimeTypes?: string[];
+    onUpload: (uploadContent: File[] | FileList) => void;
+};
+
 export declare const Editor: ({ autofocus, autolink, content, inline, onChange, }: EditorProps) => JSX.Element;
 
 declare type EditorProps = {
@@ -114,51 +156,111 @@ declare type FigureProps = {
     label?: string;
 };
 
+export declare const Footer: ({ children, ...props }: FooterProps) => JSX.Element;
+
+declare type FooterProps = {
+    children?: React.ReactNode;
+};
+
 export declare const Form: ({ animation, children, inline, ...props }: FormProps) => JSX.Element;
 
-declare type FormProps = {
+declare type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
     animation?: AnimationName;
     children?: React.ReactNode;
     inline?: boolean;
 };
 
-export declare const Header: ({ children, size, label, subtitle }: HeaderProps) => JSX.Element;
+export declare const Grid: ({ canRearrange, className, columns, items, onRearrange, ...props }: GridProps) => JSX.Element;
+
+declare type GridItem = {
+    component: default_2.ReactNode;
+    id: number;
+};
+
+declare type GridProps = DivProps & {
+    canRearrange?: boolean;
+    columns?: number;
+    items: GridItem[];
+    onRearrange?: (items: Array<{
+        id: number;
+        index: number;
+    }>) => void;
+};
+
+export declare const Header: ({ children, size, label, ...props }: HeaderProps) => JSX.Element;
 
 declare type HeaderProps = {
     children?: React.ReactNode;
-    label: string;
+    label?: string;
     size?: 1 | 2 | 3;
-    subtitle?: string;
+    superHeader?: string;
+    subHeader?: string;
 };
 
-export declare const Icon: ({ name, size, variant }: IconProps) => JSX.Element;
+export declare const Icon: ({ name, size, variant, loading, }: IconProps) => JSX.Element;
 
 declare type IconName = keyof typeof iconPaths;
 
 declare const iconPaths: {
     bold: string;
+    buildings: string;
+    card: string;
     chevron: string;
+    clipboard: string;
+    gear: string;
+    document: string;
     home: string;
     italic: string;
     link: string;
     list: string;
+    pencil: string;
+    people: string;
+    phone: string;
+    plus: string;
     search: string;
+    toDocument: string;
+    upload: string;
+    user: string;
     x: string;
 };
 
 declare type IconProps = {
-    variant?: keyof typeof variants_4;
     name: IconName;
     size?: keyof typeof sizes;
+    variant?: keyof typeof variants_4;
+    loading?: boolean;
+};
+
+declare type ImageProps = {
+    alt: string;
+    canEdit: boolean;
+    caption?: string;
+    handleUpload?: (imageFile: File) => void;
+    inputId?: string;
+    isUploading?: boolean;
+    minimumImagePixelHeight?: number;
+    minimumImagePixelWidth?: number;
+    placeholderSrc?: string;
+    sizes?: string;
+    source?: string;
+    srcSet?: string;
+    variant?: keyof typeof variants_6;
 };
 
 export declare const Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
 disabled?: boolean;
 label?: string;
 placeholder?: string;
-type?: "email" | "number" | "password" | "search" | "tel" | "text";
+type?: "datetime-local" | "email" | "number" | "password" | "radio" | "search" | "tel" | "text";
 } & RefAttributes<HTMLInputElement>>;
 
+export declare const Layout: ({ children, feature, ...props }: LayoutProps) => JSX.Element;
+
+declare type LayoutProps = {
+    children: React.ReactNode;
+    feature: 'home';
+};
+
 export declare const Link: ({ children, className, to, label, ...props }: LinkProps) => JSX.Element;
 
 declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -175,23 +277,46 @@ declare type ListProps = {
     className?: string;
 };
 
-export declare const Nav: ({ animation, children, horizontal, variant }: NavProps) => JSX.Element;
+export declare const Nav: ({ animation, children, horizontal, variant, ...props }: NavProps) => JSX.Element;
 
 declare type NavProps = {
     animation?: AnimationName;
     children?: React.ReactNode;
     horizontal?: boolean;
+    isResultsPage?: boolean;
+    isSearchable?: boolean;
+    onSearchSubmit?: (value: string) => void;
     variant?: keyof typeof variants_5;
 };
 
+export declare const PageLoader: ({ size }: PageLoaderProps) => JSX.Element;
+
+declare type PageLoaderProps = {
+    size?: number;
+};
+
+export declare const Picture: ({ source, alt, variant, ...props }: ImageProps) => JSX.Element;
+
 declare const sizes: {
-    medium: string;
     large: string;
+    medium: string;
     small: string;
 };
 
+export declare const Toggle: ({ isChecked, isDefaultChecked, isDisabled, isLoading, label, onChange, }: ToggleProps) => JSX.Element;
+
+declare type ToggleProps = {
+    isChecked?: boolean;
+    isDefaultChecked?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
 declare const variants: {
     default: string;
+    right: string;
     'site-wide': string;
 };
 
@@ -211,15 +336,22 @@ declare const variants_3: {
 };
 
 declare const variants_4: {
+    clickable: string;
     default: string;
+    deletable: string;
     dialog: string;
     white: string;
 };
 
 declare const variants_5: {
     default: string;
-    tabs: string;
     pills: string;
+    tabs: string;
+};
+
+declare const variants_6: {
+    default: string;
+    profile: string;
 };
 
 export { }

package/dist/index.js

@@ -1,38 +1,56 @@
 import { Accordion as e, AccordionGroup as t } from "./components/accordion/index.js";
 import { Aside as m } from "./components/aside/index.js";
-import { Banner as x } from "./components/banner/index.js";
+import { Banner as f } from "./components/banner/index.js";
 import { Branding as i } from "./components/branding/index.js";
 import { Button as a } from "./components/button/index.js";
 import { Card as u } from "./components/card/index.js";
+import { Checkbox as D } from "./components/checkbox/index.js";
 import { Dialog as A } from "./components/dialog/index.js";
-import { Dropdown as s } from "./components/dropdown/index.js";
-import { Editor as F } from "./components/editor/index.js";
-import { Figure as L } from "./components/figure/index.js";
-import { Form as l } from "./components/form/index.js";
-import { Header as w } from "./components/header/index.js";
-import { Icon as E } from "./components/icon/index.js";
-import { Input as H } from "./components/input/index.js";
-import { Link as b } from "./components/link/index.js";
-import { List as j } from "./components/list/index.js";
-import { Nav as y } from "./components/nav/index.js";
+import { Document as F } from "./components/document/index.js";
+import { Dropdown as l } from "./components/dropdown/index.js";
+import { Dropzone as C } from "./components/dropzone/index.js";
+import { Editor as I } from "./components/editor/index.js";
+import { Figure as b } from "./components/figure/index.js";
+import { Footer as v } from "./components/footer/index.js";
+import { Form as y } from "./components/form/index.js";
+import { Grid as E } from "./components/grid/index.js";
+import { Header as N } from "./components/header/index.js";
+import { Icon as j } from "./components/icon/index.js";
+import { Input as J } from "./components/input/index.js";
+import { Layout as M } from "./components/layout/index.js";
+import { Link as Q } from "./components/link/index.js";
+import { List as S } from "./components/list/index.js";
+import { Nav as V } from "./components/nav/index.js";
+import { PageLoader as X } from "./components/loading/index.js";
+import { Picture as Z } from "./components/picture/index.js";
+import { Toggle as $ } from "./components/toggle/index.js";
 import './assets/index.css';export {
   e as Accordion,
   t as AccordionGroup,
   m as Aside,
-  x as Banner,
+  f as Banner,
   i as Branding,
   a as Button,
   u as Card,
+  D as Checkbox,
   A as Dialog,
-  s as Dropdown,
-  F as Editor,
-  L as Figure,
-  l as Form,
-  w as Header,
-  E as Icon,
-  H as Input,
-  b as Link,
-  j as List,
-  y as Nav
+  F as Document,
+  l as Dropdown,
+  C as Dropzone,
+  I as Editor,
+  b as Figure,
+  v as Footer,
+  y as Form,
+  E as Grid,
+  N as Header,
+  j as Icon,
+  J as Input,
+  M as Layout,
+  Q as Link,
+  S as List,
+  V as Nav,
+  X as PageLoader,
+  Z as Picture,
+  $ as Toggle
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles.module-B_pXIacc.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/styles.css');const s="_spinner_gsv2s_1",n={spinner:s};exports.loadingStyles=n;
+//# sourceMappingURL=styles.module-B_pXIacc.cjs.map

package/dist/styles.module-B_pXIacc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-B_pXIacc.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/styles.module-BhmNqlYd.js

@@ -0,0 +1,7 @@
+import './assets/styles.css';const n = "_spinner_gsv2s_1", s = {
+  spinner: n
+};
+export {
+  s as l
+};
+//# sourceMappingURL=styles.module-BhmNqlYd.js.map

package/dist/styles.module-BhmNqlYd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-BhmNqlYd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",