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

package/dist/patterns/Search/ResultRow.d.ts

@@ -1,10 +1,19 @@
-export type ResultRowVariant = "report" | "chat" | "issue";
-export type ResultRowState = "idle";
+import { ReactNode } from 'react';
+import { EntryProps, EntryState, EntryVariant } from '../../components/Entry';
+/** @deprecated Prefer `EntryVariant`. */
+export type ResultRowVariant = EntryVariant;
+/** @deprecated Prefer `EntryState`. */
+export type ResultRowState = EntryState;
 export type ResultRowProps = {
-    variant?: ResultRowVariant;
-    state?: ResultRowState;
-    title?: string;
-    subtitle?: string;
+    variant?: EntryVariant;
+    state?: EntryState;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    onClick?: () => void;
     className?: string;
 };
-export declare const ResultRow: ({ variant, state, title, subtitle, className, }: ResultRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Prefer `Entry` — ResultRow is a thin alias for search lists.
+ */
+export declare const ResultRow: ({ variant, state, title, subtitle, onClick, className, }: ResultRowProps) => import("react/jsx-runtime").JSX.Element;
+export type { EntryProps };

package/dist/patterns/Search/SearchModal.d.ts

@@ -1,6 +1,88 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { ModalContentProps, ModalProps } from '../../components/Modal';
+import { ResultRowProps } from './ResultRow';
 export type SearchModalState = "idle" | "loading" | "results";
-export type SearchModalProps = {
+export type SearchFilterTab = {
+    value: string;
+    label: string;
+    count?: number;
+};
+export type SearchModalProps = ModalProps & {
+    /** Panel state when using the built-in layout helpers. */
+    state?: SearchModalState;
+    className?: string;
+    contentClassName?: string;
+    showOverlay?: boolean;
+    overlayClassName?: string;
+    children?: ReactNode;
+};
+/**
+ * Search dialog composed on Modal.
+ * Use compound parts (Input / Body / Filters / Results) for app wiring,
+ * or pass `state` + demo children for Storybook.
+ */
+export declare const SearchModal: ({ state, className, contentClassName, showOverlay, overlayClassName, children, ...modalProps }: SearchModalProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    className?: string;
+    wrapperClassName?: string;
+};
+export declare const SearchModalInput: ({ className, wrapperClassName, placeholder, ...props }: SearchModalInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchModalDivider: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const SearchModalBody: ({ children, className, }: SearchModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalFiltersProps = {
+    tabs?: SearchFilterTab[];
+    value: string;
+    onValueChange: (value: string) => void;
+    children?: ReactNode;
+    className?: string;
+    listClassName?: string;
+};
+/**
+ * Pill-style filter tabs for the results state.
+ * Children render below the tab list (typically a single filtered results list).
+ * For per-tab panels, nest `SearchModalFilterPanel` (TabsContent) as children.
+ */
+export declare const SearchModalFilters: ({ tabs, value, onValueChange, children, className, listClassName, }: SearchModalFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalFilterPanelProps = {
+    value: string;
+    children: ReactNode;
+    className?: string;
+};
+export declare const SearchModalFilterPanel: ({ value, children, className, }: SearchModalFilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalResultsProps = {
+    items?: ResultRowProps[];
+    children?: ReactNode;
+    className?: string;
+};
+export declare const SearchModalResults: ({ items, children, className, }: SearchModalResultsProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalIdleProps = {
+    label?: string;
+    items?: ResultRowProps[];
+    children?: ReactNode;
+    className?: string;
+};
+export declare const SearchModalIdle: ({ label, items, children, className, }: SearchModalIdleProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalLoadingProps = {
+    className?: string;
+};
+export declare const SearchModalLoading: ({ className }: SearchModalLoadingProps) => import("react/jsx-runtime").JSX.Element;
+/** Convenience controlled panel for Storybook / simple embeds. */
+export type SearchModalPanelProps = {
     state?: SearchModalState;
+    query?: string;
+    onQueryChange?: (query: string) => void;
+    filter?: string;
+    onFilterChange?: (filter: string) => void;
+    filters?: SearchFilterTab[];
+    recentItems?: ResultRowProps[];
+    resultItems?: ResultRowProps[];
     className?: string;
 };
-export declare const SearchModal: ({ state, className }: SearchModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchModalPanel: ({ state, query, onQueryChange, filter, onFilterChange, filters, recentItems, resultItems, className, }: SearchModalPanelProps) => import("react/jsx-runtime").JSX.Element;
+export type { ModalContentProps };

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

@@ -1,5 +1,5 @@
 export { Pill, type PillProps, type PillSize, type PillState } from './Pill';
 export { PillInfo, type PillInfoProps, type PillInfoType } from './PillInfo';
-export { ResultRow, type ResultRowProps, type ResultRowState, type ResultRowVariant } from './ResultRow';
-export { SearchModal, type SearchModalProps, type SearchModalState } from './SearchModal';
+export { ResultRow, type ResultRowProps, type ResultRowState, type ResultRowVariant, } from './ResultRow';
+export { SearchModal, SearchModalBody, SearchModalDivider, SearchModalFilterPanel, SearchModalFilters, SearchModalIdle, SearchModalInput, SearchModalLoading, SearchModalPanel, SearchModalResults, type SearchFilterTab, type SearchModalBodyProps, type SearchModalFiltersProps, type SearchModalIdleProps, type SearchModalInputProps, type SearchModalLoadingProps, type SearchModalPanelProps, type SearchModalProps, type SearchModalResultsProps, type SearchModalState, } from './SearchModal';
 export { SectionHeader, type SectionHeaderProps } from './SectionHeader';

package/dist/primitives/Badge.d.ts

@@ -1,11 +1,14 @@
 import { ReactNode } from 'react';
-type BadgeColor = "blue" | "green" | "red" | "orange" | "purple" | "grey";
-type BadgeType = "label" | "icon";
+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;
 };
-export declare const Badge: ({ color, type, children, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * 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

@@ -1,13 +1,22 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-type ButtonHierarchy = "primary" | "secondary" | "tertiary" | "quaternary";
-type ButtonOutcome = "action" | "destructive";
+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;
-    outcome?: ButtonOutcome;
     disabled?: boolean;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
+    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, outcome, disabled, startIcon, endIcon, children, className, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+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/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

@@ -1,4 +1,6 @@
-export { Button, type ButtonProps } from './Button';
+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';
@@ -9,5 +11,5 @@ export { Tooltip, TooltipProvider, type TooltipProps, type TooltipSide } from '.
 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 { 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}
+@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}

package/dist/tailwind-theme.d.ts

@@ -233,10 +233,10 @@ export declare const theme: {
             };
         };
         accent: {
-            onLight: string;
-            onDark: string;
-            bgLight: string;
-            bgLighter: string;
+            "on-light": string;
+            "on-dark": string;
+            "bg-light": string;
+            "bg-lighter": string;
         };
         divider: {
             primary: string;

package/dist/theme-entry-BUK3MJUJ.mjs

@@ -0,0 +1,261 @@
+const o = {
+  50: "#fdfdfc",
+  100: "#f4f2ea",
+  200: "#e1ddce",
+  300: "#bfb9a5",
+  400: "#969080",
+  500: "#6e6960",
+  600: "#524e47",
+  700: "#3a3733",
+  800: "#312e2a",
+  900: "#262420"
+}, d = {
+  50: "#f5f8f2",
+  100: "#dde6d2",
+  200: "#c5d4b3",
+  300: "#a8bf8f",
+  400: "#7a9a5e",
+  500: "#5a7a42",
+  600: "#456332",
+  700: "#304624",
+  800: "#223018",
+  900: "#141c0e"
+}, c = {
+  50: "#eef1f8",
+  100: "#dae0ef",
+  200: "#b8c4e0",
+  300: "#8fa3cc",
+  400: "#5274ae",
+  500: "#3a5d96",
+  600: "#154199",
+  700: "#103480",
+  800: "#0c2860",
+  900: "#081c42"
+}, l = {
+  50: "#faf3f1",
+  100: "#f0d3cc",
+  200: "#e4b0a5",
+  300: "#c97a6b",
+  400: "#b85a48",
+  500: "#a0392a",
+  600: "#802c20",
+  700: "#621f16",
+  800: "#45150f",
+  900: "#2a0c08"
+}, s = {
+  50: "#faf1de",
+  100: "#f5e4c0",
+  200: "#efd49a",
+  300: "#e4bc6a",
+  400: "#d9a03e",
+  500: "#c48820",
+  600: "#8f6318",
+  700: "#5a3d0d",
+  800: "#3d2a09",
+  900: "#261a05"
+}, v = {
+  50: "#f6f2f8",
+  100: "#e2d9e8",
+  200: "#cbbad6",
+  300: "#b09bc3",
+  400: "#957cb0",
+  500: "#7a5d9d",
+  600: "#5e4680",
+  700: "#3d2e4a",
+  800: "#2a2033",
+  900: "#18121c"
+}, p = "#ffffff", a = { grey: o, green: d, blue: c, red: l, orange: s, purple: v }, t = {
+  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)"
+}, i = {
+  control: "8px",
+  lg: "8px",
+  md: "6px",
+  sm: "4px"
+}, e = (n, r) => [
+  n,
+  {
+    lineHeight: r.lineHeight,
+    letterSpacing: r.letterSpacing,
+    ...r.fontWeight ? { fontWeight: String(r.fontWeight) } : {}
+  }
+], g = {
+  fontFamily: {
+    heading: ['"TRY Vesterbro"', "Libre Baskerville", "Georgia", "serif"],
+    sans: ['"Matter-TRIAL"', "DM Sans", "system-ui", "sans-serif"],
+    mono: ["Roboto Mono", "monospace"]
+  },
+  fontSize: {
+    title: e("28px", { lineHeight: "34px", letterSpacing: "-0.02em" }),
+    "title-em": e("28px", {
+      lineHeight: "34px",
+      letterSpacing: "-0.02em",
+      fontWeight: 500
+    }),
+    heading: e("22px", {
+      lineHeight: "28px",
+      letterSpacing: "0",
+      fontWeight: 500
+    }),
+    subheader: e("18px", { lineHeight: "28px", letterSpacing: "-0.01em" }),
+    "subheader-em": e("18px", {
+      lineHeight: "28px",
+      letterSpacing: "-0.01em",
+      fontWeight: 500
+    }),
+    body: e("16px", { lineHeight: "24px", letterSpacing: "-0.01em" }),
+    "body-em": e("16px", {
+      lineHeight: "24px",
+      letterSpacing: "-0.01em",
+      fontWeight: 500
+    }),
+    "caption-1": e("16px", { lineHeight: "22px", letterSpacing: "0.02em" }),
+    "caption-1-em": e("16px", {
+      lineHeight: "22px",
+      letterSpacing: "0.02em",
+      fontWeight: 500
+    }),
+    "caption-2": e("14px", { lineHeight: "20px", letterSpacing: "0.01em" }),
+    "caption-2-em": e("14px", {
+      lineHeight: "20px",
+      letterSpacing: "0.01em",
+      fontWeight: 500
+    }),
+    footnote: e("13px", { lineHeight: "17px", letterSpacing: "0" }),
+    "footnote-em": e("13px", {
+      lineHeight: "17px",
+      letterSpacing: "0",
+      fontWeight: 500
+    })
+  },
+  boxShadow: {
+    raise1: t.raise1,
+    raise2: t.raise2,
+    raise3: t.raise3
+  },
+  borderRadius: {
+    control: i.control,
+    lg: i.lg,
+    md: i.md,
+    sm: i.sm
+  },
+  colors: {
+    grey: a.grey,
+    gray: a.grey,
+    green: a.green,
+    blue: a.blue,
+    red: a.red,
+    orange: a.orange,
+    purple: a.purple,
+    white: "#ffffff",
+    action: {
+      primary: {
+        idle: "var(--action-primary-idle)",
+        "on-idle": "var(--action-primary-on-idle)",
+        hover: "var(--action-primary-hover)",
+        "on-hover": "var(--action-primary-on-hover)",
+        disabled: "var(--action-primary-disabled)",
+        "on-disabled": "var(--action-primary-on-disabled)"
+      },
+      secondary: {
+        idle: "var(--action-secondary-idle)",
+        "on-idle": "var(--action-secondary-on-idle)",
+        hover: "var(--action-secondary-hover)",
+        "on-hover": "var(--action-secondary-on-hover)",
+        disabled: "var(--action-secondary-disabled)",
+        "on-disabled": "var(--action-secondary-on-disabled)"
+      },
+      tertiary: {
+        idle: "var(--action-tertiary-idle)",
+        "on-idle": "var(--action-tertiary-on-idle)",
+        hover: "var(--action-tertiary-hover)",
+        "on-hover": "var(--action-tertiary-on-hover)",
+        disabled: "var(--action-tertiary-disabled)",
+        "on-disabled": "var(--action-tertiary-on-disabled)"
+      },
+      quaternary: {
+        idle: "var(--action-quaternary-idle)",
+        "on-idle": "var(--action-quaternary-on-idle)",
+        hover: "var(--action-quaternary-hover)",
+        "on-hover": "var(--action-quaternary-on-hover)",
+        disabled: "var(--action-quaternary-disabled)",
+        "on-disabled": "var(--action-quaternary-on-disabled)"
+      },
+      destructive: {
+        idle: "var(--action-destructive-idle)",
+        "on-idle": "var(--action-destructive-on-idle)",
+        hover: "var(--action-destructive-hover)",
+        "on-hover": "var(--action-destructive-on-hover)",
+        disabled: "var(--action-destructive-disabled)",
+        "on-disabled": "var(--action-destructive-on-disabled)"
+      }
+    },
+    background: {
+      primary: "var(--background-primary)",
+      secondary: "var(--background-secondary)",
+      tertiary: "var(--background-tertiary)",
+      hover: "var(--background-hover)",
+      selected: "var(--background-selected)",
+      overlay: "var(--background-overlay)"
+    },
+    display: {
+      "on-light": {
+        primary: "var(--display-on-light-primary)",
+        secondary: "var(--display-on-light-secondary)",
+        tertiary: "var(--display-on-light-tertiary)",
+        quaternary: "var(--display-on-light-quaternary)"
+      },
+      "on-dark": {
+        primary: "var(--display-on-dark-primary)",
+        secondary: "var(--display-on-dark-secondary)",
+        tertiary: "var(--display-on-dark-tertiary)",
+        quaternary: "var(--display-on-dark-quaternary)"
+      }
+    },
+    accent: {
+      "on-light": "var(--accent-on-light)",
+      "on-dark": "var(--accent-on-dark)",
+      "bg-light": "var(--accent-bg-light)",
+      "bg-lighter": "var(--accent-bg-lighter)"
+    },
+    divider: {
+      primary: "var(--divider-primary)",
+      secondary: "var(--divider-secondary)"
+    },
+    meta: {
+      green: "var(--meta-green)",
+      onGreen: "var(--meta-on-green)",
+      orange: "var(--meta-orange)",
+      onOrange: "var(--meta-on-orange)",
+      red: "var(--meta-red)",
+      onRed: "var(--meta-on-red)",
+      blue: "var(--meta-blue)",
+      onBlue: "var(--meta-on-blue)",
+      purple: "var(--meta-purple)",
+      onPurple: "var(--meta-on-purple)"
+    },
+    /* Legacy aliases */
+    "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)"
+  }
+};
+export {
+  d as a,
+  c as b,
+  a as c,
+  i as d,
+  t as e,
+  o as g,
+  s as o,
+  v as p,
+  l as r,
+  g as t,
+  p as w
+};

package/dist/theme-entry-ygTpGaNC.js

@@ -0,0 +1 @@
+"use strict";const n={50:"#fdfdfc",100:"#f4f2ea",200:"#e1ddce",300:"#bfb9a5",400:"#969080",500:"#6e6960",600:"#524e47",700:"#3a3733",800:"#312e2a",900:"#262420"},o={50:"#f5f8f2",100:"#dde6d2",200:"#c5d4b3",300:"#a8bf8f",400:"#7a9a5e",500:"#5a7a42",600:"#456332",700:"#304624",800:"#223018",900:"#141c0e"},d={50:"#eef1f8",100:"#dae0ef",200:"#b8c4e0",300:"#8fa3cc",400:"#5274ae",500:"#3a5d96",600:"#154199",700:"#103480",800:"#0c2860",900:"#081c42"},c={50:"#faf3f1",100:"#f0d3cc",200:"#e4b0a5",300:"#c97a6b",400:"#b85a48",500:"#a0392a",600:"#802c20",700:"#621f16",800:"#45150f",900:"#2a0c08"},l={50:"#faf1de",100:"#f5e4c0",200:"#efd49a",300:"#e4bc6a",400:"#d9a03e",500:"#c48820",600:"#8f6318",700:"#5a3d0d",800:"#3d2a09",900:"#261a05"},s={50:"#f6f2f8",100:"#e2d9e8",200:"#cbbad6",300:"#b09bc3",400:"#957cb0",500:"#7a5d9d",600:"#5e4680",700:"#3d2e4a",800:"#2a2033",900:"#18121c"},p="#ffffff",a={grey:n,green:o,blue:d,red:c,orange:l,purple:s},t={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)"},r={control:"8px",lg:"8px",md:"6px",sm:"4px"},e=(v,i)=>[v,{lineHeight:i.lineHeight,letterSpacing:i.letterSpacing,...i.fontWeight?{fontWeight:String(i.fontWeight)}:{}}],g={fontFamily:{heading:['"TRY Vesterbro"',"Libre Baskerville","Georgia","serif"],sans:['"Matter-TRIAL"',"DM Sans","system-ui","sans-serif"],mono:["Roboto Mono","monospace"]},fontSize:{title:e("28px",{lineHeight:"34px",letterSpacing:"-0.02em"}),"title-em":e("28px",{lineHeight:"34px",letterSpacing:"-0.02em",fontWeight:500}),heading:e("22px",{lineHeight:"28px",letterSpacing:"0",fontWeight:500}),subheader:e("18px",{lineHeight:"28px",letterSpacing:"-0.01em"}),"subheader-em":e("18px",{lineHeight:"28px",letterSpacing:"-0.01em",fontWeight:500}),body:e("16px",{lineHeight:"24px",letterSpacing:"-0.01em"}),"body-em":e("16px",{lineHeight:"24px",letterSpacing:"-0.01em",fontWeight:500}),"caption-1":e("16px",{lineHeight:"22px",letterSpacing:"0.02em"}),"caption-1-em":e("16px",{lineHeight:"22px",letterSpacing:"0.02em",fontWeight:500}),"caption-2":e("14px",{lineHeight:"20px",letterSpacing:"0.01em"}),"caption-2-em":e("14px",{lineHeight:"20px",letterSpacing:"0.01em",fontWeight:500}),footnote:e("13px",{lineHeight:"17px",letterSpacing:"0"}),"footnote-em":e("13px",{lineHeight:"17px",letterSpacing:"0",fontWeight:500})},boxShadow:{raise1:t.raise1,raise2:t.raise2,raise3:t.raise3},borderRadius:{control:r.control,lg:r.lg,md:r.md,sm:r.sm},colors:{grey:a.grey,gray:a.grey,green:a.green,blue:a.blue,red:a.red,orange:a.orange,purple:a.purple,white:"#ffffff",action:{primary:{idle:"var(--action-primary-idle)","on-idle":"var(--action-primary-on-idle)",hover:"var(--action-primary-hover)","on-hover":"var(--action-primary-on-hover)",disabled:"var(--action-primary-disabled)","on-disabled":"var(--action-primary-on-disabled)"},secondary:{idle:"var(--action-secondary-idle)","on-idle":"var(--action-secondary-on-idle)",hover:"var(--action-secondary-hover)","on-hover":"var(--action-secondary-on-hover)",disabled:"var(--action-secondary-disabled)","on-disabled":"var(--action-secondary-on-disabled)"},tertiary:{idle:"var(--action-tertiary-idle)","on-idle":"var(--action-tertiary-on-idle)",hover:"var(--action-tertiary-hover)","on-hover":"var(--action-tertiary-on-hover)",disabled:"var(--action-tertiary-disabled)","on-disabled":"var(--action-tertiary-on-disabled)"},quaternary:{idle:"var(--action-quaternary-idle)","on-idle":"var(--action-quaternary-on-idle)",hover:"var(--action-quaternary-hover)","on-hover":"var(--action-quaternary-on-hover)",disabled:"var(--action-quaternary-disabled)","on-disabled":"var(--action-quaternary-on-disabled)"},destructive:{idle:"var(--action-destructive-idle)","on-idle":"var(--action-destructive-on-idle)",hover:"var(--action-destructive-hover)","on-hover":"var(--action-destructive-on-hover)",disabled:"var(--action-destructive-disabled)","on-disabled":"var(--action-destructive-on-disabled)"}},background:{primary:"var(--background-primary)",secondary:"var(--background-secondary)",tertiary:"var(--background-tertiary)",hover:"var(--background-hover)",selected:"var(--background-selected)",overlay:"var(--background-overlay)"},display:{"on-light":{primary:"var(--display-on-light-primary)",secondary:"var(--display-on-light-secondary)",tertiary:"var(--display-on-light-tertiary)",quaternary:"var(--display-on-light-quaternary)"},"on-dark":{primary:"var(--display-on-dark-primary)",secondary:"var(--display-on-dark-secondary)",tertiary:"var(--display-on-dark-tertiary)",quaternary:"var(--display-on-dark-quaternary)"}},accent:{"on-light":"var(--accent-on-light)","on-dark":"var(--accent-on-dark)","bg-light":"var(--accent-bg-light)","bg-lighter":"var(--accent-bg-lighter)"},divider:{primary:"var(--divider-primary)",secondary:"var(--divider-secondary)"},meta:{green:"var(--meta-green)",onGreen:"var(--meta-on-green)",orange:"var(--meta-orange)",onOrange:"var(--meta-on-orange)",red:"var(--meta-red)",onRed:"var(--meta-on-red)",blue:"var(--meta-blue)",onBlue:"var(--meta-on-blue)",purple:"var(--meta-purple)",onPurple:"var(--meta-on-purple)"},"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)"}};exports.blue=d;exports.borderRadius=r;exports.colorScales=a;exports.elevation=t;exports.green=o;exports.grey=n;exports.orange=l;exports.purple=s;exports.red=c;exports.theme=g;exports.white=p;

package/dist/theme-entry.d.ts

@@ -0,0 +1,2 @@
+export { theme as tailwindTheme } from './tailwind-theme';
+export { theme } from './tailwind-theme';

package/dist/theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-entry-ygTpGaNC.js");exports.tailwindTheme=e.theme;exports.theme=e.theme;

package/dist/theme.d.ts

@@ -0,0 +1,2 @@
+export * from './theme-entry'
+export {}

package/dist/theme.esm.js

@@ -0,0 +1,5 @@
+import { t as a, t as m } from "./theme-entry-BUK3MJUJ.mjs";
+export {
+  a as tailwindTheme,
+  m as theme
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lateralus-ai/shipping-ui",
-  "version": "2.0.0-dev.0",
+  "version": "2.0.0-dev.11",
   "description": "Shared UI theme and components for Lateralus shipping applications",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",
@@ -14,16 +14,21 @@
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },
+    "./theme": {
+      "import": "./dist/theme.esm.js",
+      "require": "./dist/theme.cjs",
+      "types": "./dist/theme-entry.d.ts"
+    },
     "./style.css": "./dist/style.css",
     "./css": "./dist/style.css",
     "./dist/style.css": "./dist/style.css",
-    "./tailwind": "./tailwind.config.js"
+    "./tailwind": "./dist/theme.cjs"
   },
   "files": [
     "dist",
     "lib",
     "src",
-    "tailwind.config.js"
+    "tailwind.config.ts"
   ],
   "scripts": {
     "dev": "storybook dev -p 6006",
@@ -105,7 +110,9 @@
     "react-textarea-autosize": "^8.5.9"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.19",
     "@radix-ui/react-dropdown-menu": "^2.1.20",
+    "@radix-ui/react-tabs": "^1.1.17",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-hooks-library/core": "^0.6.2",
     "docx-preview": "^0.3.7",

package/src/components/EmptyState.tsx

@@ -6,7 +6,7 @@ export type EmptyStateProps = {
   illustration?: ReactNode;
   title: string;
   description?: string;
-  action?: Pick<ButtonProps, "children" | "onClick" | "hierarchy" | "startIcon" | "endIcon">;
+  action?: Pick<ButtonProps, "children" | "onClick" | "hierarchy" | "icon" | "startIcon">;
   className?: string;
 };
 
@@ -34,8 +34,8 @@ export const EmptyState = ({
       <Button
         hierarchy={action.hierarchy ?? "primary"}
         onClick={action.onClick}
+        icon={action.icon}
         startIcon={action.startIcon}
-        endIcon={action.endIcon}
       >
         {action.children}
       </Button>