@lateralus-ai/shipping-ui 2.0.0-dev.3 → 2.0.0-dev.4

package/src/components/index.ts

@@ -1,42 +1,42 @@
-export { Input, type InputProps, type InputState } from "./Input";
-export { ReportInput, type ReportInputProps, type ReportInputState } from "./ReportInput";
-export { InputType, type InputTypeProps, type InputTypeKind, type InputTypeState } from "./InputType";
-export { Chip, type ChipProps, type ChipVariant } from "./Chip";
-export { Checkbox, type CheckboxProps } from "./Checkbox";
-export { Tab, type TabProps, type TabState } from "./Tab";
-export {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  type TabsProps,
-  type TabsListProps,
-  type TabsTriggerProps,
-  type TabsContentProps,
-  type TabsItem,
-  type TabsType,
-} from "./Tabs";
-export { Header, type HeaderProps, type HeaderVariant } from "./Header";
-export { Entry, type EntryProps, type EntryType, type EntryState } from "./Entry";
-export { EmptyState, type EmptyStateProps } from "./EmptyState";
-export {
-  Modal,
-  ModalTrigger,
-  ModalClose,
-  ModalPortal,
-  ModalOverlay,
-  ModalContent,
-  ModalTitle,
-  ModalDescription,
-  ModalHeaderSlot,
-  ModalBody,
-  type ModalProps,
-  type ModalOverlayProps,
-  type ModalContentProps,
-  type ModalTitleProps,
-  type ModalDescriptionProps,
-  type ModalBodyProps,
-} from "./Modal";
-export { ModalPanel } from "./ModalPanel";
-export * from "./PdfViewer/";
-export * from "./DocumentEditor";
+export { Input, type InputProps, type InputState } from "./Input";
+export { ReportInput, type ReportInputProps, type ReportInputState } from "./ReportInput";
+export { InputType, type InputTypeProps, type InputTypeKind, type InputTypeState } from "./InputType";
+export { Chip, type ChipProps, type ChipVariant } from "./Chip";
+export { Checkbox, type CheckboxProps } from "./Checkbox";
+export { Tab, type TabProps, type TabState } from "./Tab";
+export {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  type TabsProps,
+  type TabsListProps,
+  type TabsTriggerProps,
+  type TabsContentProps,
+  type TabsItem,
+  type TabsType,
+} from "./Tabs";
+export { Header, type HeaderProps, type HeaderVariant } from "./Header";
+export { Entry, type EntryProps, type EntryType, type EntryState } from "./Entry";
+export { EmptyState, type EmptyStateProps } from "./EmptyState";
+export {
+  Modal,
+  ModalTrigger,
+  ModalClose,
+  ModalPortal,
+  ModalOverlay,
+  ModalContent,
+  ModalTitle,
+  ModalDescription,
+  ModalHeaderSlot,
+  ModalBody,
+  type ModalProps,
+  type ModalOverlayProps,
+  type ModalContentProps,
+  type ModalTitleProps,
+  type ModalDescriptionProps,
+  type ModalBodyProps,
+} from "./Modal";
+export { ModalPanel } from "./ModalPanel";
+export * from "./PdfViewer/";
+export * from "./DocumentEditor";

package/src/index.ts

@@ -1,74 +1,74 @@
-import "./style.css";
-
-export { theme as tailwindTheme } from "./tailwind-theme";
-
-export * from "./tokens";
-export * from "./icons";
-export * from "./primitives";
-export * from "./illustrations";
-
-export {
-  Input,
-  ReportInput,
-  InputType,
-  Chip,
-  Checkbox,
-  Tab,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  Header,
-  Entry,
-  EmptyState,
-  Modal,
-  ModalTrigger,
-  ModalClose,
-  ModalPortal,
-  ModalOverlay,
-  ModalContent,
-  ModalTitle,
-  ModalDescription,
-  ModalHeaderSlot,
-  ModalBody,
-  ModalPanel,
-  PdfViewer,
-  ImageViewer,
-  DocumentEditor,
-} from "./components";
-
-export type {
-  InputProps,
-  InputState,
-  ReportInputProps,
-  ReportInputState,
-  InputTypeProps,
-  InputTypeKind,
-  InputTypeState,
-  ChipProps,
-  ChipVariant,
-  CheckboxProps,
-  TabProps,
-  TabState,
-  TabsProps,
-  TabsListProps,
-  TabsTriggerProps,
-  TabsContentProps,
-  TabsItem,
-  TabsType,
-  HeaderProps,
-  HeaderVariant,
-  EntryProps,
-  EntryType,
-  EntryState,
-  EmptyStateProps,
-  ModalProps,
-  ModalOverlayProps,
-  ModalContentProps,
-  ModalTitleProps,
-  ModalDescriptionProps,
-  ModalBodyProps,
-} from "./components";
-
-export * as Patterns from "./patterns";
-export * as Domain from "./domain";
+import "./style.css";
+
+export { theme as tailwindTheme } from "./tailwind-theme";
+
+export * from "./tokens";
+export * from "./icons";
+export * from "./primitives";
+export * from "./illustrations";
+
+export {
+  Input,
+  ReportInput,
+  InputType,
+  Chip,
+  Checkbox,
+  Tab,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  Header,
+  Entry,
+  EmptyState,
+  Modal,
+  ModalTrigger,
+  ModalClose,
+  ModalPortal,
+  ModalOverlay,
+  ModalContent,
+  ModalTitle,
+  ModalDescription,
+  ModalHeaderSlot,
+  ModalBody,
+  ModalPanel,
+  PdfViewer,
+  ImageViewer,
+  DocumentEditor,
+} from "./components";
+
+export type {
+  InputProps,
+  InputState,
+  ReportInputProps,
+  ReportInputState,
+  InputTypeProps,
+  InputTypeKind,
+  InputTypeState,
+  ChipProps,
+  ChipVariant,
+  CheckboxProps,
+  TabProps,
+  TabState,
+  TabsProps,
+  TabsListProps,
+  TabsTriggerProps,
+  TabsContentProps,
+  TabsItem,
+  TabsType,
+  HeaderProps,
+  HeaderVariant,
+  EntryProps,
+  EntryType,
+  EntryState,
+  EmptyStateProps,
+  ModalProps,
+  ModalOverlayProps,
+  ModalContentProps,
+  ModalTitleProps,
+  ModalDescriptionProps,
+  ModalBodyProps,
+} from "./components";
+
+export * as Patterns from "./patterns";
+export * as Domain from "./domain";

package/src/patterns/Search/ResultRow.tsx

@@ -1,58 +1,58 @@
-import { type ReactNode } from "react";
-import { ChatIcon, IssuesIcon, ReportIcon } from "../../icons";
-import { cn } from "../../utils/cn";
-
-export type ResultRowVariant = "report" | "chat" | "issue";
-export type ResultRowState = "idle" | "active";
-
-export type ResultRowProps = {
-  variant?: ResultRowVariant;
-  state?: ResultRowState;
-  title?: ReactNode;
-  /** Secondary line — excerpt, metadata, or highlighted query match. */
-  subtitle?: ReactNode;
-  onClick?: () => void;
-  className?: string;
-};
-
-const variantIcons: Record<ResultRowVariant, ReactNode> = {
-  report: <ReportIcon className="size-4" />,
-  chat: <ChatIcon className="size-4" />,
-  issue: <IssuesIcon className="size-4" />,
-};
-
-export const ResultRow = ({
-  variant = "report",
-  state = "idle",
-  title = "Search result",
-  subtitle,
-  onClick,
-  className,
-}: ResultRowProps) => (
-  <button
-    type="button"
-    className={cn(
-      "flex w-full items-center gap-4 rounded-control px-3 py-2.5 text-left transition-colors",
-      "hover:bg-[rgba(38,36,32,0.04)]",
-      state === "active" && "bg-[rgba(38,36,32,0.04)]",
-      className,
-    )}
-    data-variant={variant}
-    data-state={state}
-    onClick={onClick}
-  >
-    <span className="shrink-0 text-display-on-light-secondary">
-      {variantIcons[variant]}
-    </span>
-    <span className="min-w-0 flex-1">
-      <span className="block truncate text-caption-1-em text-display-on-light-primary">
-        {title}
-      </span>
-      {subtitle != null && subtitle !== false && (
-        <span className="mt-0.5 block truncate text-caption-2 text-display-on-light-secondary">
-          {subtitle}
-        </span>
-      )}
-    </span>
-  </button>
-);
+import { type ReactNode } from "react";
+import { ChatIcon, IssuesIcon, ReportIcon } from "../../icons";
+import { cn } from "../../utils/cn";
+
+export type ResultRowVariant = "report" | "chat" | "issue";
+export type ResultRowState = "idle" | "active";
+
+export type ResultRowProps = {
+  variant?: ResultRowVariant;
+  state?: ResultRowState;
+  title?: ReactNode;
+  /** Secondary line — excerpt, metadata, or highlighted query match. */
+  subtitle?: ReactNode;
+  onClick?: () => void;
+  className?: string;
+};
+
+const variantIcons: Record<ResultRowVariant, ReactNode> = {
+  report: <ReportIcon className="size-4" />,
+  chat: <ChatIcon className="size-4" />,
+  issue: <IssuesIcon className="size-4" />,
+};
+
+export const ResultRow = ({
+  variant = "report",
+  state = "idle",
+  title = "Search result",
+  subtitle,
+  onClick,
+  className,
+}: ResultRowProps) => (
+  <button
+    type="button"
+    className={cn(
+      "flex w-full items-center gap-4 rounded-control px-3 py-2.5 text-left transition-colors",
+      "hover:bg-[rgba(38,36,32,0.04)]",
+      state === "active" && "bg-[rgba(38,36,32,0.04)]",
+      className,
+    )}
+    data-variant={variant}
+    data-state={state}
+    onClick={onClick}
+  >
+    <span className="shrink-0 text-display-on-light-secondary">
+      {variantIcons[variant]}
+    </span>
+    <span className="min-w-0 flex-1">
+      <span className="block truncate text-caption-1-em text-display-on-light-primary">
+        {title}
+      </span>
+      {subtitle != null && subtitle !== false && (
+        <span className="mt-0.5 block truncate text-caption-2 text-display-on-light-secondary">
+          {subtitle}
+        </span>
+      )}
+    </span>
+  </button>
+);