@lateralus-ai/shipping-ui 1.4.16 → 2.0.0-dev.10

package/dist/patterns/Sidebar/sidebar-styles.d.ts

@@ -0,0 +1,45 @@
+/** Figma sidebar surfaces use translucent grey overlays, not solid background-hover tokens. */
+export declare const sidebarSurfaceHover = "bg-[rgba(38,36,32,0.04)]";
+export declare const sidebarSurfaceSelected = "bg-[rgba(38,36,32,0.08)]";
+/** 8px between top-level sidebar blocks (Figma Top gap). */
+export declare const sidebarBlockGap = "gap-2";
+/** 4px between entries inside a group (Activity, Ships). */
+export declare const sidebarGroupGap = "gap-1";
+/** Section row shell — 36px total (Figma Section symbols). */
+export declare const sidebarSectionShell = "box-border flex h-9 w-full items-center rounded-control p-2";
+/** Taller section row — 40px (New chat, Ships header). */
+export declare const sidebarSectionShellTall = "box-border flex h-10 w-full items-center rounded-control p-2";
+/** Collapsed icon-only section — Figma Section/Collapsed On: w-full, p-2, 16px icon. */
+export declare const sidebarSectionShellCollapsed = "relative box-border flex w-full flex-col items-center justify-center rounded-control p-2";
+/** Figma Indicator overlay — 24×24 anchored top-left of icon content. */
+export declare const sidebarUnreadOverlay = "pointer-events-none absolute left-0 top-0 size-6";
+/** Figma unread dot — ~6px, top-right of the 24px indicator overlay. */
+export declare const sidebarUnreadDot = "absolute right-0 top-0 size-1.5 rounded-full bg-[#802c20]";
+export declare const sidebarSectionContent = "flex w-full min-w-0 items-center gap-2 pl-1";
+export declare const sidebarSectionIconClass = "shrink-0 [&>svg]:size-4";
+export declare const sidebarSectionLabelClass = "min-w-0 flex-1 truncate text-caption-2 tracking-[0.01em]";
+/** Figma sidebar icon buttons — transparent idle, grey hover (no white fill). */
+export declare const sidebarQuaternaryIconButton = "bg-transparent text-action-quaternary-on-idle hover:bg-[rgba(38,36,32,0.04)] hover:text-action-quaternary-on-hover disabled:bg-transparent disabled:opacity-50";
+/** Scrollable nav region — thin thumb flush to the right edge (matches shipping-ai). */
+export declare const sidebarScrollRegion = "sidebar-scroll flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto";
+/** Nav row — grey hover surface (Section, Entry, collapsed + expanded). */
+export declare const sidebarRowInteractiveHover = "transition-colors hover:bg-[rgba(38,36,32,0.04)] hover:text-display-on-light-primary";
+/** @deprecated Use sidebarRowInteractiveHover */
+export declare const sidebarCollapsedRowHover = "transition-colors hover:bg-[rgba(38,36,32,0.04)] hover:text-display-on-light-primary";
+/** New chat — primary blue hover (Figma New chat Hover variant). */
+export declare const sidebarNewChatInteractiveHover = "group/newchat transition-colors hover:bg-action-primary-hover hover:text-action-primary-on-hover";
+export declare const sidebarNewChatIconHover = "group-hover/newchat:text-action-primary-on-hover";
+export declare const sidebarLinkIdle = "text-display-on-light-secondary";
+export declare const sidebarLinkHover: string;
+export declare const sidebarLinkActive: string;
+export declare const sidebarEntryIdle = "text-display-on-light-secondary";
+export declare const sidebarEntryHover: string;
+export declare const sidebarEntrySelected: string;
+/** Entry row — Figma min-h-[36px] px-[8px] py-[6px]. */
+export declare const sidebarEntryShell = "box-border flex h-9 w-full items-center gap-1 rounded-control px-2 py-1.5";
+export declare const sidebarRowPadding = "px-2 py-1.5";
+export declare const sidebarRowMinHeight = "min-h-9";
+export declare const sidebarRowRadius = "rounded-control";
+export declare const sidebarRowClass: (className?: string) => string;
+export declare const sidebarAnchorClass: (className?: string) => string;
+export declare const sidebarSectionAnchorClass: (className?: string) => string;

package/dist/patterns/Skeleton/Skeleton.d.ts

@@ -0,0 +1,6 @@
+export type SkeletonVariant = "content" | "search";
+export type SkeletonProps = {
+    variant?: SkeletonVariant;
+    className?: string;
+};
+export declare const Skeleton: ({ variant, className }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps, type SkeletonVariant } from './Skeleton';

package/dist/patterns/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Sidebar';
+export * from './Chat';
+export * from './Modal';
+export * from './Search';
+export * from './Skeleton';

package/dist/primitives/Avatar.d.ts

@@ -0,0 +1,10 @@
+type ChiefType = "technical" | "compliance" | "initials";
+type AvatarSize = 32 | 24 | 18 | 16;
+export type AvatarProps = {
+    chief: ChiefType;
+    size?: AvatarSize;
+    initials?: string;
+    className?: string;
+};
+export declare const Avatar: ({ chief, size, initials, className }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type BadgeColor = "blue" | "green" | "red" | "orange" | "purple" | "grey";
+export type BadgeType = "label" | "icon";
+export type BadgeProps = {
+    color: BadgeColor;
+    /** `label` grows with content (pill). `icon` is a compact circle for a glyph/digit. */
+    type?: BadgeType;
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * Figma Badge (4365:74363) — padding + rounded-full; no fixed width on labels.
+ */
+export declare const Badge: ({ color, type, children, className, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/Button.d.ts

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes, ComponentType, ReactNode } from 'react';
+import { IconProps } from '../icons';
+import { ButtonAppearance, ButtonHierarchy } from './button-styles';
+export type ButtonDropdownOption = {
+    label: string;
+    onSelect: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+    icon?: ComponentType<IconProps>;
+};
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    hierarchy?: ButtonHierarchy;
+    disabled?: boolean;
+    icon?: ComponentType<IconProps> | ReactNode;
+    startIcon?: ComponentType<IconProps> | ReactNode;
+    dropdownOptions?: ButtonDropdownOption[];
+    dropdownOpen?: boolean;
+    onDropdownOpenChange?: (open: boolean) => void;
+    forcedState?: ButtonAppearance;
+    children: ReactNode;
+};
+export declare const Button: ({ hierarchy, disabled, icon, startIcon, dropdownOptions, dropdownOpen, onDropdownOpenChange, forcedState, children, className, type, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/Callout.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type CalloutProps = {
+    children: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+};
+export declare const Callout: ({ children, icon, className }: CalloutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/Count.d.ts

@@ -0,0 +1,5 @@
+export type CountProps = {
+    value: number;
+    className?: string;
+};
+export declare const Count: ({ value, className }: CountProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/DropdownMenu.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export type DropdownMenuProps = {
+    trigger: ReactNode;
+    children: ReactNode;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+export declare const DropdownMenu: ({ trigger, children, side, align, open, onOpenChange, triggerClassName, contentClassName, }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuItem: ({ className, ...props }: DropdownMenuPrimitive.DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuSeparator: () => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/GroupedAvatars.d.ts

@@ -0,0 +1,7 @@
+type GroupCount = 1 | 2 | 3;
+export type GroupedAvatarsProps = {
+    count: GroupCount;
+    className?: string;
+};
+export declare const GroupedAvatars: ({ count, className }: GroupedAvatarsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/primitives/IconButton.d.ts

@@ -0,0 +1,16 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+type IconButtonHierarchy = "tertiary" | "quaternary";
+type IconButtonSize = "large" | "small";
+export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    hierarchy?: IconButtonHierarchy;
+    size?: IconButtonSize;
+    "aria-label": string;
+    children: ReactNode;
+};
+export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    hierarchy?: IconButtonHierarchy;
+    size?: IconButtonSize;
+    "aria-label": string;
+    children: ReactNode;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/primitives/Logo.d.ts

@@ -0,0 +1,8 @@
+type ChiefType = "technical" | "compliance";
+export type LogoProps = {
+    chief: ChiefType;
+    className?: string;
+    muted?: boolean;
+};
+export declare const Logo: ({ chief, className, muted }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/primitives/MenuItem.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type MenuItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    header?: boolean;
+    destructive?: boolean;
+    children: ReactNode;
+};
+export declare const MenuItem: ({ header, destructive, children, className, type, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/Switch.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes } from 'react';
+export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+};
+export declare const Switch: ({ checked, onChange, disabled, className, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/ThinkingDot.d.ts

@@ -0,0 +1,4 @@
+export type ThinkingDotProps = {
+    className?: string;
+};
+export declare const ThinkingDot: ({ className }: ThinkingDotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+export type TooltipSide = "top" | "right" | "bottom" | "left";
+export type TooltipProps = {
+    children: ReactNode;
+    content: ReactNode;
+    hint?: boolean;
+    side?: TooltipSide;
+    className?: string;
+};
+export declare const TooltipProvider: import('react').FC<TooltipPrimitive.TooltipProviderProps>;
+export declare const Tooltip: ({ children, content, hint, side, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/button-styles.d.ts

@@ -0,0 +1,4 @@
+export type ButtonHierarchy = "primary" | "secondary" | "tertiary" | "quaternary" | "destructive";
+export type ButtonAppearance = "idle" | "hover" | "disabled";
+export declare const getButtonAppearanceClasses: (hierarchy: ButtonHierarchy, appearance: ButtonAppearance) => string;
+export declare const getButtonInteractiveClasses: (hierarchy: ButtonHierarchy, disabled: boolean) => string;

package/dist/primitives/index.d.ts

@@ -0,0 +1,15 @@
+export type { ButtonAppearance, ButtonHierarchy, } from './button-styles';
+export type { ButtonProps, ButtonDropdownOption } from './Button';
+export { Button } from './Button';
+export { IconButton, type IconButtonProps } from './IconButton';
+export { Logo, type LogoProps } from './Logo';
+export { Avatar, type AvatarProps } from './Avatar';
+export { GroupedAvatars, type GroupedAvatarsProps } from './GroupedAvatars';
+export { DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, type DropdownMenuProps } from './DropdownMenu';
+export { MenuItem, type MenuItemProps } from './MenuItem';
+export { Tooltip, TooltipProvider, type TooltipProps, type TooltipSide } from './Tooltip';
+export { ThinkingDot, type ThinkingDotProps } from './ThinkingDot';
+export { Count, type CountProps } from './Count';
+export { Switch, type SwitchProps } from './Switch';
+export { Badge, type BadgeProps, type BadgeColor, type BadgeType } from './Badge';
+export { Callout, type CalloutProps } from './Callout';

package/dist/style.css

@@ -1 +1 @@
-:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.tabs-container{width:100%;min-width:400px}.tabs-header{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:16px}.tab-button{padding:12px 24px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;position:relative;transition:color .2s}.tab-button:hover{color:#374151}.tab-button.active{color:#3b82f6}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#3b82f6}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
+@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";:root{--grey-50: #fdfdfc;--grey-100: #f4f2ea;--grey-200: #e1ddce;--grey-300: #bfb9a5;--grey-400: #969080;--grey-500: #6e6960;--grey-600: #524e47;--grey-700: #3a3733;--grey-800: #312e2a;--grey-900: #262420;--white: #ffffff;--green-50: #f5f8f2;--green-100: #dde6d2;--green-700: #304624;--blue-50: #eef1f8;--blue-100: #dae0ef;--blue-400: #5274ae;--blue-600: #154199;--blue-700: #103480;--red-100: #f0d3cc;--red-300: #c97a6b;--red-500: #a0392a;--red-600: #802c20;--red-700: #621f16;--orange-50: #faf1de;--orange-700: #5a3d0d;--purple-100: #e2d9e8;--purple-700: #3d2e4a;--action-primary-idle: var(--grey-900);--action-primary-on-idle: var(--white);--action-primary-hover: var(--blue-600);--action-primary-on-hover: var(--white);--action-primary-disabled: var(--grey-500);--action-primary-on-disabled: var(--grey-200);--action-secondary-idle: var(--grey-50);--action-secondary-on-idle: var(--grey-900);--action-secondary-hover: var(--grey-100);--action-secondary-on-hover: var(--grey-900);--action-secondary-disabled: var(--grey-50);--action-secondary-on-disabled: var(--grey-400);--action-tertiary-idle: var(--white);--action-tertiary-on-idle: var(--blue-600);--action-tertiary-hover: var(--blue-50);--action-tertiary-on-hover: var(--blue-700);--action-tertiary-disabled: var(--white);--action-tertiary-on-disabled: var(--grey-400);--action-quaternary-idle: var(--white);--action-quaternary-on-idle: var(--grey-700);--action-quaternary-hover: var(--grey-100);--action-quaternary-on-hover: var(--grey-900);--action-quaternary-disabled: var(--white);--action-quaternary-on-disabled: var(--grey-400);--action-destructive-idle: var(--red-500);--action-destructive-on-idle: var(--white);--action-destructive-hover: var(--red-700);--action-destructive-on-hover: var(--white);--action-destructive-disabled: var(--red-100);--action-destructive-on-disabled: var(--red-300);--background-primary: var(--grey-50);--background-secondary: var(--grey-100);--background-tertiary: var(--grey-200);--background-hover: var(--grey-900);--background-selected: var(--grey-900);--background-overlay: rgba(38, 36, 32, .5);--display-on-light-primary: var(--grey-900);--display-on-light-secondary: var(--grey-700);--display-on-light-tertiary: var(--grey-500);--display-on-light-quaternary: var(--grey-400);--display-on-dark-primary: var(--white);--display-on-dark-secondary: var(--grey-200);--display-on-dark-tertiary: var(--grey-400);--display-on-dark-quaternary: var(--grey-500);--accent-on-light: var(--blue-600);--accent-on-dark: var(--blue-400);--accent-bg-light: var(--blue-100);--accent-bg-lighter: var(--blue-50);--divider-primary: var(--grey-200);--divider-secondary: var(--grey-300);--meta-green: var(--green-100);--meta-on-green: var(--green-700);--meta-orange: var(--orange-50);--meta-on-orange: var(--orange-700);--meta-red: var(--red-100);--meta-on-red: var(--red-600);--meta-blue: var(--blue-100);--meta-on-blue: var(--blue-700);--meta-purple: var(--purple-100);--meta-on-purple: var(--purple-700);--semantic-control: 8px;--raise-1: 0 1px 2px rgba(38, 36, 32, .06), 0 1px 3px rgba(38, 36, 32, .04);--raise-2: 0 2px 8px rgba(38, 36, 32, .08), 0 1px 2px rgba(38, 36, 32, .04);--raise-3: 0 8px 24px rgba(38, 36, 32, .12), 0 2px 8px rgba(38, 36, 32, .06);--text-primary: var(--display-on-light-primary);--text-secondary: var(--display-on-light-secondary);--text-tertiary: var(--display-on-light-tertiary);--surface-primary: var(--background-primary);--surface-secondary: var(--background-secondary);--surface-hover: var(--background-secondary);--border-light: var(--divider-primary);--border-medium: var(--divider-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-scroll:hover{scrollbar-color:rgba(38,36,32,.12) transparent}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:9999px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:#2624201f}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}