@lateralus-ai/shipping-ui 1.4.12 → 1.4.14

package/src/components/HelloWorld.tsx

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

package/src/components/InputPrompt.tsx

@@ -1,96 +1,96 @@
-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>
-  );
-};
+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>
+  );
+};

package/src/components/ModalPanel.tsx

@@ -1,49 +1,49 @@
-import { IconButton } from "@material-tailwind/react";
-import XIcon from "./icons/XIcon";
-import { PropsWithChildren } from "react";
-
-interface HeaderProps {
-  onClose: () => void;
-  right?: React.ReactNode;
-}
-
-const Header = ({
-  onClose,
-  right,
-  children,
-}: PropsWithChildren<HeaderProps>) => {
-  return (
-    <div className="bg-gray-50 flex gap-2 items-center px-2 py-3 rounded-t-xl">
-      <div className="grow text-subheader-em">{children}</div>
-      <div className="flex items-center gap-4">
-        {right}
-        <IconButton
-          variant="text"
-          size="sm"
-          color="gray"
-          className="rounded-full"
-          onClick={onClose}
-        >
-          <XIcon className="size-4 text-gray-600" />
-        </IconButton>
-      </div>
-    </div>
-  );
-};
-
-interface BodyProps {
-  className?: string;
-}
-
-const Body = ({ children, className = "" }: PropsWithChildren<BodyProps>) => {
-  return (
-    <div className={`w-full overflow-auto ${className}`}>
-      {children}
-    </div>
-  );
-};
-
-export const ModalPanel = {
-  Header,
-  Body,
-};
+import { IconButton } from "@material-tailwind/react";
+import XIcon from "./icons/XIcon";
+import { PropsWithChildren } from "react";
+
+interface HeaderProps {
+  onClose: () => void;
+  right?: React.ReactNode;
+}
+
+const Header = ({
+  onClose,
+  right,
+  children,
+}: PropsWithChildren<HeaderProps>) => {
+  return (
+    <div className="bg-gray-50 flex gap-2 items-center px-2 py-3 rounded-t-xl">
+      <div className="grow text-subheader-em">{children}</div>
+      <div className="flex items-center gap-4">
+        {right}
+        <IconButton
+          variant="text"
+          size="sm"
+          color="gray"
+          className="rounded-full"
+          onClick={onClose}
+        >
+          <XIcon className="size-4 text-gray-600" />
+        </IconButton>
+      </div>
+    </div>
+  );
+};
+
+interface BodyProps {
+  className?: string;
+}
+
+const Body = ({ children, className = "" }: PropsWithChildren<BodyProps>) => {
+  return (
+    <div className={`w-full overflow-auto ${className}`}>
+      {children}
+    </div>
+  );
+};
+
+export const ModalPanel = {
+  Header,
+  Body,
+};