@omni-design/components 0.7.0

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,66 @@
+export function Button({ variant, size, elevated, selected, fullWidth, disabled, iconOnly, letterNumber, avatar, swatch, swatchColor, startIcon, endIcon, startDecorator, endDecorator, badge, badgeContent, badgeVariant, badgeSize, badgeDot, badgeMax, badgeAnchorOrigin, children, className, sx, ...props }: {
+    [x: string]: any;
+    variant?: string;
+    size?: string;
+    elevated?: boolean;
+    selected?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    iconOnly?: boolean;
+    letterNumber?: boolean;
+    avatar?: boolean;
+    swatch?: boolean;
+    swatchColor: any;
+    startIcon: any;
+    endIcon: any;
+    startDecorator: any;
+    endDecorator: any;
+    badge?: boolean;
+    badgeContent: any;
+    badgeVariant?: string;
+    badgeSize: any;
+    badgeDot?: boolean;
+    badgeMax?: number;
+    badgeAnchorOrigin?: {
+        vertical: string;
+        horizontal: string;
+    };
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function DefaultButton(p: any): JSX.Element;
+export function DefaultOutlineButton(p: any): JSX.Element;
+export function PrimaryButton(p: any): JSX.Element;
+export function SecondaryButton(p: any): JSX.Element;
+export function TertiaryButton(p: any): JSX.Element;
+export function NeutralButton(p: any): JSX.Element;
+export function InfoButton(p: any): JSX.Element;
+export function SuccessButton(p: any): JSX.Element;
+export function WarningButton(p: any): JSX.Element;
+export function ErrorButton(p: any): JSX.Element;
+export function DangerButton(p: any): JSX.Element;
+export function PrimaryOutlineButton(p: any): JSX.Element;
+export function SecondaryOutlineButton(p: any): JSX.Element;
+export function TertiaryOutlineButton(p: any): JSX.Element;
+export function NeutralOutlineButton(p: any): JSX.Element;
+export function InfoOutlineButton(p: any): JSX.Element;
+export function SuccessOutlineButton(p: any): JSX.Element;
+export function WarningOutlineButton(p: any): JSX.Element;
+export function ErrorOutlineButton(p: any): JSX.Element;
+export function PrimaryLightButton(p: any): JSX.Element;
+export function SecondaryLightButton(p: any): JSX.Element;
+export function TertiaryLightButton(p: any): JSX.Element;
+export function NeutralLightButton(p: any): JSX.Element;
+export function InfoLightButton(p: any): JSX.Element;
+export function SuccessLightButton(p: any): JSX.Element;
+export function WarningLightButton(p: any): JSX.Element;
+export function ErrorLightButton(p: any): JSX.Element;
+export function GhostButton(p: any): JSX.Element;
+export function TextButton(p: any): JSX.Element;
+export function OutlineButton(p: any): JSX.Element;
+export function IconButton(p: any): JSX.Element;
+export function LetterButton(p: any): JSX.Element;
+export function AvatarButton(p: any): JSX.Element;
+export function SwatchButton(p: any): JSX.Element;
+export default Button;

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Button";
+export { default } from "./Button";

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,41 @@
+export function ButtonGroup({ variant, color, size, disabled, orientation, spacing, fit, fullWidth, equalWidth, value: controlledValue, defaultValue, onChange, children, className, sx, "aria-label": ariaLabel, ...props }: {
+    [x: string]: any;
+    variant?: string;
+    color?: string;
+    size?: string;
+    disabled?: boolean;
+    orientation?: string;
+    spacing?: number;
+    fit: any;
+    fullWidth?: boolean;
+    equalWidth?: boolean;
+    value: any;
+    defaultValue: any;
+    onChange: any;
+    children: any;
+    className?: string;
+    sx?: {};
+    "aria-label": any;
+}): JSX.Element;
+export function DefaultOutlineButtonGroup(p: any): JSX.Element;
+export function PrimaryOutlineButtonGroup(p: any): JSX.Element;
+export function SecondaryOutlineButtonGroup(p: any): JSX.Element;
+export function TertiaryOutlineButtonGroup(p: any): JSX.Element;
+export function NeutralOutlineButtonGroup(p: any): JSX.Element;
+export function InfoOutlineButtonGroup(p: any): JSX.Element;
+export function SuccessOutlineButtonGroup(p: any): JSX.Element;
+export function WarningOutlineButtonGroup(p: any): JSX.Element;
+export function ErrorOutlineButtonGroup(p: any): JSX.Element;
+export function DefaultLightButtonGroup(p: any): JSX.Element;
+export function PrimaryLightButtonGroup(p: any): JSX.Element;
+export function SecondaryLightButtonGroup(p: any): JSX.Element;
+export function TertiaryLightButtonGroup(p: any): JSX.Element;
+export function NeutralLightButtonGroup(p: any): JSX.Element;
+export function InfoLightButtonGroup(p: any): JSX.Element;
+export function SuccessLightButtonGroup(p: any): JSX.Element;
+export function WarningLightButtonGroup(p: any): JSX.Element;
+export function ErrorLightButtonGroup(p: any): JSX.Element;
+export function GhostButtonGroup(p: any): JSX.Element;
+export function PrimaryButtonGroup(p: any): JSX.Element;
+export function OutlineButtonGroup(p: any): JSX.Element;
+export default ButtonGroup;

package/dist/types/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ButtonGroup";
+export { default } from "./ButtonGroup";

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,54 @@
+export function Card({ children, variant, color, surface, size, orientation, clickable, selected, elevated, draggable: draggableProp, onClick, href, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    variant?: string;
+    color?: string;
+    surface: any;
+    size?: string;
+    orientation?: string;
+    clickable?: boolean;
+    selected?: boolean;
+    elevated?: boolean;
+    draggable?: boolean;
+    onClick: any;
+    href: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function CardContent({ children, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function CardOverflow({ children, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function CardCover({ children, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function CardActions({ children, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function useCardContext(): {
+    variant: string;
+    color: string;
+    size: string;
+    orientation: string;
+};
+export function DefaultCard(p: any): JSX.Element;
+export function SolidCard(p: any): JSX.Element;
+export function LightCard(p: any): JSX.Element;
+export function DarkCard(p: any): JSX.Element;
+export function SelectableCard(p: any): JSX.Element;
+export function StaticCard(p: any): JSX.Element;
+export default Card;

package/dist/types/components/Card/CardShowcase.d.ts

@@ -0,0 +1,2 @@
+export function CardShowcase(): JSX.Element;
+export default CardShowcase;

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { CardShowcase } from "./CardShowcase";
+export { Card, CardContent, CardOverflow, CardCover, CardActions, useCardContext, DefaultCard, SolidCard, LightCard, SelectableCard, StaticCard, default } from "./Card";

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,51 @@
+export function Checkbox({ variant, size, label, checked, defaultChecked, indeterminate, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
+    [x: string]: any;
+    variant?: string;
+    size?: string;
+    label: any;
+    checked: any;
+    defaultChecked: any;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    onChange: any;
+    name: any;
+    value: any;
+    className?: string;
+    sx?: {};
+    "aria-label": any;
+    "aria-labelledby": any;
+    "aria-describedby": any;
+    inputProps?: {};
+}): JSX.Element;
+export function DefaultCheckbox(p: any): JSX.Element;
+export function DefaultSolidCheckbox(p: any): JSX.Element;
+export function DefaultOutlineCheckbox(p: any): JSX.Element;
+export function DefaultLightCheckbox(p: any): JSX.Element;
+export function PrimaryCheckbox(p: any): JSX.Element;
+export function PrimarySolidCheckbox(p: any): JSX.Element;
+export function PrimaryOutlineCheckbox(p: any): JSX.Element;
+export function SecondaryOutlineCheckbox(p: any): JSX.Element;
+export function TertiaryOutlineCheckbox(p: any): JSX.Element;
+export function NeutralOutlineCheckbox(p: any): JSX.Element;
+export function InfoOutlineCheckbox(p: any): JSX.Element;
+export function SuccessOutlineCheckbox(p: any): JSX.Element;
+export function WarningOutlineCheckbox(p: any): JSX.Element;
+export function ErrorOutlineCheckbox(p: any): JSX.Element;
+export function SecondarySolidCheckbox(p: any): JSX.Element;
+export function TertiarySolidCheckbox(p: any): JSX.Element;
+export function NeutralSolidCheckbox(p: any): JSX.Element;
+export function InfoSolidCheckbox(p: any): JSX.Element;
+export function SuccessSolidCheckbox(p: any): JSX.Element;
+export function WarningSolidCheckbox(p: any): JSX.Element;
+export function ErrorSolidCheckbox(p: any): JSX.Element;
+export function PrimaryLightCheckbox(p: any): JSX.Element;
+export function SecondaryLightCheckbox(p: any): JSX.Element;
+export function TertiaryLightCheckbox(p: any): JSX.Element;
+export function NeutralLightCheckbox(p: any): JSX.Element;
+export function InfoLightCheckbox(p: any): JSX.Element;
+export function SuccessLightCheckbox(p: any): JSX.Element;
+export function WarningLightCheckbox(p: any): JSX.Element;
+export function ErrorLightCheckbox(p: any): JSX.Element;
+export function OutlineCheckbox(p: any): JSX.Element;
+export function SolidCheckbox(p: any): JSX.Element;
+export default Checkbox;

package/dist/types/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Checkbox";
+export { default } from "./Checkbox";

package/dist/types/components/Chip/Chip.d.ts

@@ -0,0 +1,42 @@
+export function Chip({ variant, size: sizeProp, label, clickable, disabled, selected, selectionMode, onDelete, onClick, startDecorator, endDecorator, children, className, sx, ...props }: {
+    [x: string]: any;
+    variant?: string;
+    size?: string;
+    label: any;
+    clickable?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    selectionMode: any;
+    onDelete: any;
+    onClick: any;
+    startDecorator: any;
+    endDecorator: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function PrimaryChip(p: any): JSX.Element;
+export function SecondaryChip(p: any): JSX.Element;
+export function TertiaryChip(p: any): JSX.Element;
+export function NeutralChip(p: any): JSX.Element;
+export function InfoChip(p: any): JSX.Element;
+export function SuccessChip(p: any): JSX.Element;
+export function WarningChip(p: any): JSX.Element;
+export function ErrorChip(p: any): JSX.Element;
+export function PrimaryOutlineChip(p: any): JSX.Element;
+export function SecondaryOutlineChip(p: any): JSX.Element;
+export function TertiaryOutlineChip(p: any): JSX.Element;
+export function NeutralOutlineChip(p: any): JSX.Element;
+export function InfoOutlineChip(p: any): JSX.Element;
+export function SuccessOutlineChip(p: any): JSX.Element;
+export function WarningOutlineChip(p: any): JSX.Element;
+export function ErrorOutlineChip(p: any): JSX.Element;
+export function PrimaryLightChip(p: any): JSX.Element;
+export function SecondaryLightChip(p: any): JSX.Element;
+export function TertiaryLightChip(p: any): JSX.Element;
+export function NeutralLightChip(p: any): JSX.Element;
+export function InfoLightChip(p: any): JSX.Element;
+export function SuccessLightChip(p: any): JSX.Element;
+export function WarningLightChip(p: any): JSX.Element;
+export function ErrorLightChip(p: any): JSX.Element;
+export default Chip;

package/dist/types/components/Chip/ChipShowcase.d.ts

@@ -0,0 +1,2 @@
+export function ChipShowcase(): JSX.Element;
+export default ChipShowcase;

package/dist/types/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { ChipShowcase } from "./ChipShowcase";
+export { Chip, PrimaryChip, SecondaryChip, TertiaryChip, NeutralChip, InfoChip, SuccessChip, WarningChip, ErrorChip, PrimaryOutlineChip, SecondaryOutlineChip, TertiaryOutlineChip, NeutralOutlineChip, InfoOutlineChip, SuccessOutlineChip, WarningOutlineChip, ErrorOutlineChip, PrimaryLightChip, SecondaryLightChip, TertiaryLightChip, NeutralLightChip, InfoLightChip, SuccessLightChip, WarningLightChip, ErrorLightChip, default } from "./Chip";

package/dist/types/components/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,12 @@
+export function CircularProgress({ value, color, size, thickness: thicknessOverride, showValue, children, className, sx, ...props }: {
+    [x: string]: any;
+    value: any;
+    color?: string;
+    size?: string;
+    thickness: any;
+    showValue?: boolean;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default CircularProgress;

package/dist/types/components/CircularProgress/CircularProgressShowcase.d.ts

@@ -0,0 +1,2 @@
+export function CircularProgressShowcase(): JSX.Element;
+export default CircularProgressShowcase;

package/dist/types/components/CircularProgress/index.d.ts

@@ -0,0 +1,2 @@
+export { CircularProgressShowcase } from "./CircularProgressShowcase";
+export { CircularProgress, default } from "./CircularProgress";

package/dist/types/components/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,35 @@
+export function CodeBlock({ code, language, showCopy, showHeader, maxHeight, wrap, sx, ...rest }: {
+    [x: string]: any;
+    code?: string;
+    language?: string;
+    showCopy?: boolean;
+    showHeader?: boolean;
+    maxHeight: any;
+    wrap?: boolean;
+    sx?: {};
+}): JSX.Element;
+export namespace CodeBlock {
+    namespace propTypes {
+        let code: any;
+        let language: any;
+        let showCopy: any;
+        let showHeader: any;
+        let maxHeight: any;
+        let wrap: any;
+        let sx: any;
+    }
+}
+export default CodeBlock;
+/** Copy-to-clipboard control. Confirms for two seconds, then resets. */
+export function CopyButton({ code, label }: {
+    code: any;
+    label?: string;
+}): JSX.Element;
+export namespace CopyButton {
+    export namespace propTypes_1 {
+        let code_1: any;
+        export { code_1 as code };
+        export let label: any;
+    }
+    export { propTypes_1 as propTypes };
+}

package/dist/types/components/Colors/Colors.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Colors component - Displays the design system color palette
+ * Shows Primary, Secondary, Tertiary colors and their background variants
+ * Explains dynamic color system based on mode, background, and surface
+ */
+export function Colors(): JSX.Element;
+export default Colors;

package/dist/types/components/Colors/index.d.ts

@@ -0,0 +1 @@
+export { Colors, default } from "./Colors";

package/dist/types/components/Container/Container.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Container Component
+ * Wrapper component that centers content and constrains max-width
+ * Uses design system variables for spacing and responsive behavior
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {string} maxWidth - Max width: xs, sm, md, lg, xl (default: lg)
+ * @param {boolean} disableGutters - Remove padding on sides (default: false)
+ * @param {string} sx - Additional MUI sx props
+ * @param {object} ...props - Other MUI Container props
+ */
+export function Container({ children, maxWidth, disableGutters, sx, ...props }: ReactNode): JSX.Element;
+/**
+ * Centered Container Component
+ * Container with centered content alignment
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {string} maxWidth - Max width constraint
+ * @param {object} props - Additional props
+ */
+export function CenteredContainer({ children, maxWidth, sx, ...props }: ReactNode): JSX.Element;
+/**
+ * Fluid Container Component
+ * Container that takes full width with side padding
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {string} padding - Padding size: small, medium, large
+ * @param {object} props - Additional props
+ */
+export function FluidContainer({ children, padding, sx, ...props }: ReactNode): JSX.Element;
+/**
+ * Constrained Container Component
+ * Container with max-width and centered margins
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {string} size - Size: compact, standard, wide, full
+ * @param {object} props - Additional props
+ */
+export function ConstrainedContainer({ children, size, sx, ...props }: ReactNode): JSX.Element;
+/**
+ * Layout Container Component
+ * Container for page layouts with header, content, and footer
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {boolean} fullHeight - Take full viewport height
+ * @param {object} props - Additional props
+ */
+export function LayoutContainer({ children, fullHeight, sx, ...props }: ReactNode): JSX.Element;
+/**
+ * Grid Container Component
+ * Container with grid layout support
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {number} columns - Number of columns: 1, 2, 3, 4, 6, 12
+ * @param {string} gap - Gap between items: small, medium, large
+ * @param {object} props - Additional props
+ */
+export function GridContainer({ children, columns, gap, sx, ...props }: ReactNode): JSX.Element;
+/**
+ * Stack Container Component
+ * Container with flex stack layout
+ *
+ * @param {ReactNode} children - Content to wrap
+ * @param {string} direction - Direction: row, column
+ * @param {string} spacing - Spacing between items: small, medium, large
+ * @param {string} align - Alignment: flex-start, center, flex-end, stretch
+ * @param {object} props - Additional props
+ */
+export function StackContainer({ children, direction, spacing, align, sx, ...props }: ReactNode): JSX.Element;
+export default Container;

package/dist/types/components/Container/index.d.ts

@@ -0,0 +1 @@
+export { Container, CenteredContainer, FluidContainer, ConstrainedContainer, LayoutContainer, GridContainer, StackContainer, default } from "./Container";

package/dist/types/components/Copyright/Copyright.d.ts

@@ -0,0 +1,11 @@
+export function Copyright({ color, companyName, year, rights, children, className, style, ...rest }: {
+    [x: string]: any;
+    color?: string;
+    companyName?: string;
+    year?: number;
+    rights?: string;
+    children: any;
+    className: any;
+    style: any;
+}): JSX.Element;
+export default Copyright;

package/dist/types/components/Copyright/CopyrightShowcase.d.ts

@@ -0,0 +1,2 @@
+export function CopyrightShowcase(): JSX.Element;
+export default CopyrightShowcase;

package/dist/types/components/Copyright/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyrightShowcase } from "./CopyrightShowcase";
+export { Copyright, default } from "./Copyright";

package/dist/types/components/CurvedText/CurvedText.d.ts

@@ -0,0 +1,23 @@
+export function CurvedText({ text, curves, arc, radius, direction, rotation, autoCrop, textStyle, fontSize, fontFamily, fontWeight, letterSpacing, color, bevel, bevelTheme, bevelPreset, bevelCustom, className, style, ...rest }: {
+    [x: string]: any;
+    text?: string;
+    curves: any;
+    arc?: number;
+    radius?: number;
+    direction?: string;
+    rotation?: number;
+    autoCrop?: boolean;
+    textStyle?: string;
+    fontSize: any;
+    fontFamily: any;
+    fontWeight: any;
+    letterSpacing: any;
+    color?: string;
+    bevel?: boolean;
+    bevelTheme?: string;
+    bevelPreset: any;
+    bevelCustom: any;
+    className: any;
+    style: any;
+}): JSX.Element;
+export default CurvedText;

package/dist/types/components/CurvedText/CurvedTextShowcase.d.ts

@@ -0,0 +1,2 @@
+export function CurvedTextShowcase(): JSX.Element;
+export default CurvedTextShowcase;

package/dist/types/components/CurvedText/index.d.ts

@@ -0,0 +1,2 @@
+export { CurvedTextShowcase } from "./CurvedTextShowcase";
+export { CurvedText, default } from "./CurvedText";

package/dist/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,82 @@
+export function Dialog({ open, onClose, title, children, actions, maxWidth, fullScreen, scroll, alert, nonModal, transition, transitionDuration, titleId, contentId, className, sx, PaperProps, ...props }: {
+    [x: string]: any;
+    open?: boolean;
+    onClose: any;
+    title: any;
+    children: any;
+    actions: any;
+    maxWidth?: string;
+    fullScreen?: boolean;
+    scroll?: string;
+    alert?: boolean;
+    nonModal?: boolean;
+    transition: any;
+    transitionDuration?: number;
+    titleId?: string;
+    contentId?: string;
+    className?: string;
+    sx?: {};
+    PaperProps?: {};
+}): JSX.Element;
+export function AlertDialog({ open, onClose, title, children, confirmText, cancelText, onConfirm, onCancel, ...rest }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    title: any;
+    children: any;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: any;
+    onCancel: any;
+}): JSX.Element;
+export function FormDialog({ open, onClose, title, children, submitText, cancelText, onSubmit, ...rest }: {
+    [x: string]: any;
+    open: any;
+    onClose: any;
+    title: any;
+    children: any;
+    submitText?: string;
+    cancelText?: string;
+    onSubmit: any;
+}): JSX.Element;
+export namespace dialogButtonStyles {
+    let primary: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        borderRadius: string;
+        padding: string;
+        cursor: string;
+        transition: string;
+        '&:focus-visible': {
+            outline: string;
+            outlineOffset: string;
+        };
+    };
+    let outline: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        borderRadius: string;
+        padding: string;
+        cursor: string;
+        transition: string;
+        '&:focus-visible': {
+            outline: string;
+            outlineOffset: string;
+        };
+    };
+}
+export default Dialog;

package/dist/types/components/Dialog/DialogShowcase.d.ts

@@ -0,0 +1,2 @@
+export function DialogShowcase(): JSX.Element;
+export default DialogShowcase;

package/dist/types/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogShowcase } from "./DialogShowcase";
+export { Dialog, AlertDialog, FormDialog, dialogButtonStyles, default } from "./Dialog";

package/dist/types/components/Divider/Divider.d.ts

@@ -0,0 +1,22 @@
+export function Divider({ color, orientation, size, children, indicatorText, indicatorStyle, textAlign, className, sx, ...props }: {
+    [x: string]: any;
+    color?: string;
+    orientation?: string;
+    size?: string;
+    children: any;
+    indicatorText: any;
+    indicatorStyle?: string;
+    textAlign?: string;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function DefaultDivider(p: any): JSX.Element;
+export function PrimaryDivider(p: any): JSX.Element;
+export function SecondaryDivider(p: any): JSX.Element;
+export function TertiaryDivider(p: any): JSX.Element;
+export function NeutralDivider(p: any): JSX.Element;
+export function InfoDivider(p: any): JSX.Element;
+export function SuccessDivider(p: any): JSX.Element;
+export function WarningDivider(p: any): JSX.Element;
+export function ErrorDivider(p: any): JSX.Element;
+export default Divider;

package/dist/types/components/Divider/DividerShowcase.d.ts

@@ -0,0 +1,2 @@
+export function DividerShowcase(): JSX.Element;
+export default DividerShowcase;

package/dist/types/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { DividerShowcase } from "./DividerShowcase";
+export { Divider, DefaultDivider, PrimaryDivider, SecondaryDivider, TertiaryDivider, NeutralDivider, InfoDivider, SuccessDivider, WarningDivider, ErrorDivider, default } from "./Divider";

package/dist/types/components/Drawer/Drawer.d.ts

@@ -0,0 +1,30 @@
+export function Drawer({ children, open, onClose, size, anchor, hideBackdrop, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    open?: boolean;
+    onClose: any;
+    size?: string;
+    anchor?: string;
+    hideBackdrop?: boolean;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function DrawerClose({ onClick, className, sx, ...props }: {
+    [x: string]: any;
+    onClick: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function DrawerHeader({ children, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export function DrawerContent({ children, className, sx, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default Drawer;

package/dist/types/components/Drawer/DrawerShowcase.d.ts

@@ -0,0 +1,2 @@
+export function DrawerShowcase(): JSX.Element;
+export default DrawerShowcase;

package/dist/types/components/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerShowcase } from "./DrawerShowcase";
+export { Drawer, DrawerClose, DrawerHeader, DrawerContent, default } from "./Drawer";

package/dist/types/components/DropZone/DropZone.d.ts

@@ -0,0 +1,15 @@
+export function DropZone({ onFiles, accept, multiple, size, disabled, icon, label, sublabel, children, className, sx, ...props }: {
+    [x: string]: any;
+    onFiles: any;
+    accept: any;
+    multiple?: boolean;
+    size?: string;
+    disabled?: boolean;
+    icon: any;
+    label: any;
+    sublabel: any;
+    children: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default DropZone;