@lateralus-ai/shipping-ui 1.4.15 → 2.0.0-dev.0

package/dist/material-theme.d.ts

@@ -1,442 +0,0 @@
-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;
-                };
-            };
-        };
-    };
-    tabsHeader: {
-        defaultProps: {
-            className: string;
-        };
-    };
-    tab: {
-        defaultProps: {
-            className: string;
-        };
-        styles: {
-            base: {
-                indicator: {
-                    bg: string;
-                    borderRadius: string;
-                    boxShadow: string;
-                };
-            };
-        };
-    };
-    tabPanel: {
-        styles: {
-            base: {
-                p: string;
-            };
-        };
-    };
-};

package/dist/stories/Buttons.d.ts

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

package/dist/stories/Checkbox.d.ts

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

package/dist/stories/ColorPalette.d.ts

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

package/dist/stories/Dropdowns.d.ts

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

package/dist/stories/InputPrompt.d.ts

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

package/dist/stories/SearchModal.d.ts

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

package/dist/stories/Sidebar.d.ts

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

package/dist/stories/Typography.d.ts

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

package/src/components/HelloWorld.tsx

@@ -1,3 +0,0 @@
-export const HelloWorld = () => {
-  return <div className="bg-red-800 text-white p-2">Hello world</div>;
-};

package/src/components/InputPrompt.tsx

@@ -1,96 +0,0 @@
-import { IconButton, Tooltip } from "@material-tailwind/react";
-import { useState, type KeyboardEvent, type ReactNode } from "react";
-import TextareaAutosize from "react-textarea-autosize";
-import { cn } from "../utils/cn";
-import SendArrowIcon from "./icons/SendArrowIcon";
-import SendArrowIconGreen from "./icons/SendArrowIconGreen";
-
-interface SubmitButtonProps extends React.ComponentProps<typeof IconButton> {
-  tooltipContent?: string;
-  className?: string;
-}
-
-export const SubmitButton: React.FC<SubmitButtonProps> = ({
-  tooltipContent = "Send message",
-  className,
-  ...props
-}) => {
-  const [hover, setHover] = useState(false);
-
-  return (
-    <Tooltip content={tooltipContent}>
-      <IconButton
-        variant="text"
-        color="gray"
-        className={cn(className, "hover:rounded-lg hover:bg-gray-100")}
-        type="submit"
-        onMouseEnter={() => setHover(true)}
-        onMouseLeave={() => setHover(false)}
-        {...props}
-      >
-        {hover ? (
-          <SendArrowIconGreen className="size-6 " />
-        ) : (
-          <SendArrowIcon className="size-6 " />
-        )}
-      </IconButton>
-    </Tooltip>
-  );
-};
-
-interface TextareaProps extends React.ComponentProps<typeof TextareaAutosize> {
-  onSubmit?: () => void;
-}
-
-export const Textarea: React.FC<TextareaProps> = ({
-  onSubmit = () => {},
-  ...props
-}) => {
-  return (
-    <TextareaAutosize
-      autoFocus
-      placeholder="Write your message here"
-      className="pl-1 block w-full focus:outline-none max-h-32 resize-none placeholder:text-gray-400"
-      onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {
-        if (e.key === "Enter" && !e.shiftKey) {
-          e.preventDefault();
-          onSubmit();
-        }
-      }}
-      {...props}
-    />
-  );
-};
-
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-  bottom?: ReactNode;
-  right?: ReactNode;
-  top?: ReactNode;
-  textArea?: ReactNode;
-}
-
-export const Container: React.FC<ContainerProps> = ({
-  bottom,
-  right,
-  top,
-  textArea = <Textarea />,
-  ...props
-}) => {
-  return (
-    <div
-      className="border gap-2 rounded-lg bg-white shadow-[0px_2px_2px_0px_#0000000A,0px_8px_8px_-8px_#0000000A] border-gray-100"
-      {...props}
-    >
-      {top}
-
-      <div className="flex gap-2 p-4 rounded-lg bg-white">
-        <div className="grow flex flex-col items-start justify-center">
-          {textArea}
-          {bottom}
-        </div>
-
-        <div className="shrink flex items-end justify-end">{right}</div>
-      </div>
-    </div>
-  );
-};