@lateralus-ai/shipping-ui 1.0.4

package/dist/material-theme.d.ts

@@ -0,0 +1,416 @@
+export declare const materialTheme: {
+    button: {
+        defaultProps: {
+            className: string;
+            ripple: boolean;
+            color: string;
+        };
+        styles: {
+            sizes: {
+                md: {
+                    fontSize: string;
+                    className: string;
+                };
+            };
+            variants: {
+                filled: {
+                    blue: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    green: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    red: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    gray: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    orange: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                };
+                outlined: {
+                    gray: {
+                        background: string;
+                        color: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                };
+                text: {
+                    green: {
+                        color: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    gray: {
+                        color: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                };
+            };
+        };
+    };
+    iconButton: {
+        defaultProps: {
+            className: string;
+            ripple: boolean;
+            color: string;
+        };
+        styles: {
+            sizes: {
+                md: {
+                    fontSize: string;
+                    className: string;
+                };
+            };
+            variants: {
+                filled: {
+                    blue: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    green: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    red: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    gray: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    orange: {
+                        color: string;
+                        background: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                };
+                outlined: {
+                    gray: {
+                        background: string;
+                        color: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                };
+                text: {
+                    green: {
+                        color: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                    gray: {
+                        color: string;
+                        hover: string;
+                        disabled: string;
+                    };
+                };
+            };
+        };
+    };
+    progress: {
+        defaultProps: {
+            className: string;
+            barProps: {
+                className: string;
+            };
+        };
+        styles: {
+            sizes: {
+                sm: {
+                    container: {
+                        initial: {
+                            height: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    menu: {
+        styles: {
+            base: {
+                menu: {
+                    border: string;
+                    borderRadius: string;
+                    boxShadow: string;
+                    p: string;
+                };
+                item: {
+                    initial: {
+                        display: string;
+                        bg: string;
+                        p: string;
+                    };
+                };
+            };
+        };
+    };
+    dialog: {
+        defaultProps: {
+            size: string;
+            dismiss: {};
+            animate: {
+                mount: {};
+                unmount: {};
+            };
+            className: string;
+        };
+        valid: {
+            sizes: string[];
+        };
+        styles: {
+            base: {
+                backdrop: {
+                    width: string;
+                    display: string;
+                    placeItems: string;
+                    position: string;
+                    top: number;
+                    left: number;
+                    height: string;
+                    backgroundColor: string;
+                    backgroundOpacity: string;
+                    backdropFilter: string;
+                };
+                container: {
+                    height: string;
+                    position: string;
+                    bg: string;
+                    m: string;
+                    borderRadius: string;
+                    boxShadow: string;
+                    fontSmoothing: string;
+                };
+            };
+            sizes: {
+                sm: {
+                    maxWidth: string;
+                };
+                lg: {
+                    maxWidth: string;
+                };
+            };
+        };
+    };
+    dialogHeader: {
+        styles: {
+            base: {
+                display: string;
+            };
+        };
+    };
+    checkbox: {
+        defaultProps: {
+            color: string;
+            ripple: boolean;
+        };
+        valid: {
+            colors: string[];
+        };
+        styles: {
+            base: {
+                root: {
+                    display: string;
+                    alignItems: string;
+                };
+                container: {
+                    position: string;
+                    display: string;
+                    alignItems: string;
+                    cursor: string;
+                    p: string;
+                    borderRadius: string;
+                };
+                input: {
+                    peer: string;
+                    position: string;
+                    appearance: string;
+                    width: string;
+                    height: string;
+                    borderWidth: string;
+                    borderRadius: string;
+                    borderColor: string;
+                    cursor: string;
+                    transition: string;
+                    before: {
+                        content: string;
+                        display: string;
+                        bg: string;
+                        width: string;
+                        height: string;
+                        borderRadius: string;
+                        position: string;
+                        opacity: string;
+                    };
+                };
+                label: {
+                    color: string;
+                    fontWeight: string;
+                    userSelect: string;
+                    cursor: string;
+                    mt: string;
+                    px: string;
+                };
+                icon: {
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    width: string;
+                    height: string;
+                    color: string;
+                    position: string;
+                    pointerEvents: string;
+                    opacity: string;
+                    transition: string;
+                };
+                disabled: {
+                    opacity: string;
+                    pointerEvents: string;
+                };
+            };
+            colors: {
+                custom: {
+                    border: string;
+                };
+            };
+        };
+    };
+    popover: {
+        defaultProps: {
+            placement: string;
+            offset: number;
+            dismiss: {};
+            animate: {
+                unmount: {};
+                mount: {};
+            };
+            className: string;
+        };
+        styles: {
+            base: {
+                bg: string;
+                p: string;
+                borderWidth: string;
+                borderColor: string;
+                borderRadius: string;
+                boxShadow: string;
+                fontSize: string;
+                fontWeight: string;
+                color: string;
+                outline: string;
+                overflowWrap: string;
+                whiteSpace: string;
+            };
+        };
+    };
+    switch: {
+        defaultProps: {
+            color: string;
+            label: string;
+            ripple: boolean;
+            className: string;
+            disabled: boolean;
+            containerProps: undefined;
+            labelProps: undefined;
+            circleProps: undefined;
+        };
+        valid: {
+            colors: string[];
+        };
+        styles: {
+            base: {
+                input: {
+                    background: string;
+                };
+                circle: {
+                    borderColor: string;
+                    borderRadius: string;
+                    boxShadow: string;
+                    position: string;
+                    top: string;
+                    left: string;
+                    transform: string;
+                    transition: string;
+                    cursor: string;
+                    before: {
+                        content: string;
+                        display: string;
+                        bg: string;
+                        width: string;
+                        height: string;
+                        borderRadius: string;
+                        position: string;
+                        top: string;
+                        left: string;
+                        transform: string;
+                        transition: string;
+                        opacity: string;
+                    };
+                };
+                ripple: {
+                    display: string;
+                    top: string;
+                    left: string;
+                    transform: string;
+                    p: string;
+                    borderRadius: string;
+                };
+                label: {
+                    color: string;
+                    fontWeight: string;
+                    userSelect: string;
+                    cursor: string;
+                    mt: string;
+                    ml: string;
+                    mb: string;
+                };
+                disabled: {
+                    opacity: string;
+                    pointerEvents: string;
+                };
+            };
+            colors: {
+                gray: {
+                    input: string;
+                    circle: string;
+                    before: string;
+                };
+                green: {
+                    input: string;
+                    circle: string;
+                    before: string;
+                };
+            };
+        };
+    };
+};

package/dist/stories/Buttons.d.ts

@@ -0,0 +1 @@
+export declare const Buttons: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Checkbox.d.ts

@@ -0,0 +1 @@
+export declare const CheckboxItem: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/ColorPalette.d.ts

@@ -0,0 +1 @@
+export declare const ColorPalette: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Dropdowns.d.ts

@@ -0,0 +1 @@
+export declare const Dropdowns: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/InputPrompt.d.ts

@@ -0,0 +1 @@
+export declare const InputPrompts: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Sidebar.d.ts

@@ -0,0 +1 @@
+export declare const SidebarScreen: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Typography.d.ts

@@ -0,0 +1 @@
+export declare const Typography: () => import("react/jsx-runtime").JSX.Element;

package/dist/tailwind-theme.d.ts

@@ -0,0 +1,197 @@
+export declare const theme: {
+    fontFamily: {
+        sans: string[];
+        mono: string[];
+        signature: string[];
+    };
+    fontSize: {
+        subheader: (string | {
+            lineHeight: string;
+            letterSpacing: string;
+        })[];
+        "subheader-em": (string | {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: string;
+        })[];
+        body: (string | {
+            lineHeight: string;
+            letterSpacing: string;
+        })[];
+        "body-em": (string | {
+            lineHeight: string;
+            letterSpacing: string;
+            fontWeight: string;
+        })[];
+        "caption-1": (string | {
+            lineHeight: string;
+        })[];
+        "caption-1-em": (string | {
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        "caption-2": (string | {
+            lineHeight: string;
+        })[];
+        "caption-2-em": (string | {
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+        footnote: (string | {
+            lineHeight: string;
+        })[];
+        "footnote-em": (string | {
+            lineHeight: string;
+            fontWeight: string;
+        })[];
+    };
+    width: {
+        authPageWidth: string;
+    };
+    keyframes: {
+        "accordion-down": {
+            from: {
+                height: number;
+            };
+            to: {
+                height: string;
+            };
+        };
+        "accordion-up": {
+            from: {
+                height: string;
+            };
+            to: {
+                height: number;
+            };
+        };
+    };
+    animation: {
+        "accordion-down": string;
+        "accordion-up": string;
+    };
+    colors: {
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        blue: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        red: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        orange: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        "brand-purple": string;
+        presentation: string;
+        "text-primary": string;
+        "text-secondary": string;
+        "text-secondary-alt": string;
+        "text-tertiary": string;
+        "ring-primary": string;
+        "header-primary": string;
+        "header-hover": string;
+        "header-button-hover": string;
+        "surface-active": string;
+        "surface-active-alt": string;
+        "surface-hover": string;
+        "surface-primary": string;
+        "surface-primary-alt": string;
+        "surface-primary-contrast": string;
+        "surface-secondary": string;
+        "surface-secondary-alt": string;
+        "surface-tertiary": string;
+        "surface-tertiary-alt": string;
+        "surface-dialog": string;
+        "surface-submit": string;
+        "border-light": string;
+        "border-medium": string;
+        "border-medium-alt": string;
+        "border-heavy": string;
+        "border-xheavy": string;
+        border: string;
+        input: string;
+        "switch-unchecked": string;
+        ring: string;
+        background: string;
+        foreground: string;
+        primary: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        secondary: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        destructive: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        muted: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        accent: {
+            DEFAULT: string;
+            foreground: string;
+        };
+        card: {
+            DEFAULT: string;
+            foreground: string;
+        };
+    };
+    borderRadius: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+};

package/dist/utils/cn.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue } from 'clsx';
+/**
+ * Merges the tailwind clases (using twMerge). Conditionally removes false values
+ * @param inputs The tailwind classes to merge
+ * @returns className string to apply to an element or HOC
+ */
+export declare function cn(...inputs: ClassValue[]): string;