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

package/dist/primitives/Button.d.ts

@@ -0,0 +1,13 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+type ButtonHierarchy = "primary" | "secondary" | "tertiary" | "quaternary";
+type ButtonOutcome = "action" | "destructive";
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    hierarchy?: ButtonHierarchy;
+    outcome?: ButtonOutcome;
+    disabled?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    children: ReactNode;
+};
+export declare const Button: ({ hierarchy, outcome, disabled, startIcon, endIcon, children, className, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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/index.d.ts

@@ -0,0 +1,13 @@
+export { Button, type ButtonProps } 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 } 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)}}
+: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}

package/dist/tailwind-theme.d.ts

@@ -1,230 +1,266 @@
 export declare const theme: {
     fontFamily: {
+        heading: string[];
         sans: string[];
         mono: string[];
-        signature: string[];
     };
     fontSize: {
-        title: (string | {
-            lineHeight: string;
-            letterSpacing: string;
-        })[];
-        "title-em": (string | {
-            lineHeight: string;
-            letterSpacing: string;
-            fontWeight: string;
-        })[];
-        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;
-        })[];
+        title: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "title-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        heading: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        subheader: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "subheader-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        body: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "body-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-1": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-1-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-2": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "caption-2-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        footnote: readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
+        "footnote-em": readonly [string, {
+            readonly fontWeight?: string | undefined;
+            readonly lineHeight: string;
+            readonly letterSpacing: string;
+        }];
     };
-    width: {
-        authPageWidth: string;
+    boxShadow: {
+        raise1: "0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)";
+        raise2: "0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)";
+        raise3: "0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)";
     };
-    keyframes: {
-        "accordion-down": {
-            from: {
-                height: number;
-            };
-            to: {
-                height: string;
-            };
-        };
-        "accordion-up": {
-            from: {
-                height: string;
-            };
-            to: {
-                height: number;
-            };
-        };
-    };
-    animation: {
-        "accordion-down": string;
-        "accordion-up": string;
+    borderRadius: {
+        control: "8px";
+        lg: "8px";
+        md: "6px";
+        sm: "4px";
     };
     colors: {
-        brand: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+        grey: {
+            readonly 50: "#fdfdfc";
+            readonly 100: "#f4f2ea";
+            readonly 200: "#e1ddce";
+            readonly 300: "#bfb9a5";
+            readonly 400: "#969080";
+            readonly 500: "#6e6960";
+            readonly 600: "#524e47";
+            readonly 700: "#3a3733";
+            readonly 800: "#312e2a";
+            readonly 900: "#262420";
         };
         gray: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#fdfdfc";
+            readonly 100: "#f4f2ea";
+            readonly 200: "#e1ddce";
+            readonly 300: "#bfb9a5";
+            readonly 400: "#969080";
+            readonly 500: "#6e6960";
+            readonly 600: "#524e47";
+            readonly 700: "#3a3733";
+            readonly 800: "#312e2a";
+            readonly 900: "#262420";
         };
         green: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#f5f8f2";
+            readonly 100: "#dde6d2";
+            readonly 200: "#c5d4b3";
+            readonly 300: "#a8bf8f";
+            readonly 400: "#7a9a5e";
+            readonly 500: "#5a7a42";
+            readonly 600: "#456332";
+            readonly 700: "#304624";
+            readonly 800: "#223018";
+            readonly 900: "#141c0e";
         };
         blue: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#eef1f8";
+            readonly 100: "#dae0ef";
+            readonly 200: "#b8c4e0";
+            readonly 300: "#8fa3cc";
+            readonly 400: "#5274ae";
+            readonly 500: "#3a5d96";
+            readonly 600: "#154199";
+            readonly 700: "#103480";
+            readonly 800: "#0c2860";
+            readonly 900: "#081c42";
         };
         red: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#faf3f1";
+            readonly 100: "#f0d3cc";
+            readonly 200: "#e4b0a5";
+            readonly 300: "#c97a6b";
+            readonly 400: "#b85a48";
+            readonly 500: "#a0392a";
+            readonly 600: "#802c20";
+            readonly 700: "#621f16";
+            readonly 800: "#45150f";
+            readonly 900: "#2a0c08";
         };
         orange: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#faf1de";
+            readonly 100: "#f5e4c0";
+            readonly 200: "#efd49a";
+            readonly 300: "#e4bc6a";
+            readonly 400: "#d9a03e";
+            readonly 500: "#c48820";
+            readonly 600: "#8f6318";
+            readonly 700: "#5a3d0d";
+            readonly 800: "#3d2a09";
+            readonly 900: "#261a05";
         };
         purple: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
+            readonly 50: "#f6f2f8";
+            readonly 100: "#e2d9e8";
+            readonly 200: "#cbbad6";
+            readonly 300: "#b09bc3";
+            readonly 400: "#957cb0";
+            readonly 500: "#7a5d9d";
+            readonly 600: "#5e4680";
+            readonly 700: "#3d2e4a";
+            readonly 800: "#2a2033";
+            readonly 900: "#18121c";
+        };
+        white: string;
+        action: {
+            primary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            secondary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            tertiary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            quaternary: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+            destructive: {
+                idle: string;
+                "on-idle": string;
+                hover: string;
+                "on-hover": string;
+                disabled: string;
+                "on-disabled": string;
+            };
+        };
+        background: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            hover: string;
+            selected: string;
+            overlay: string;
+        };
+        display: {
+            "on-light": {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                quaternary: string;
+            };
+            "on-dark": {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                quaternary: string;
+            };
+        };
+        accent: {
+            onLight: string;
+            onDark: string;
+            bgLight: string;
+            bgLighter: string;
+        };
+        divider: {
+            primary: string;
+            secondary: string;
+        };
+        meta: {
+            green: string;
+            onGreen: string;
+            orange: string;
+            onOrange: string;
+            red: string;
+            onRed: string;
+            blue: string;
+            onBlue: string;
+            purple: string;
+            onPurple: 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;
+        "surface-hover": 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;
     };
 };