@osdk/react-components 0.2.0-beta.22 → 0.2.0-beta.23

package/build/cjs/public/experimental.d.cts

@@ -1,7 +1,9 @@
 import * as React from 'react';
-import React__default, { ReactNode, ReactElement } from 'react';
+import React__default, { ReactNode, ReactElement, RefObject } from 'react';
 import { ObjectTypeDefinition, ObjectSet, WhereClause, PropertyKeys, LinkNames, LinkedType, WirePropertyTypes, CompileTimeMetadata, ObjectOrInterfaceDefinition, SimplePropertyDef, QueryDefinition, QueryMetadata, Osdk, DerivedProperty, PrimaryKeyType, Media, ActionDefinition, ActionMetadata, ActionParam, DataValueClientToWire, ActionEditResponse, ActionValidationResponse } from '@osdk/api';
 import { RowData, Table, Cell, VisibilityState, ColumnOrderState } from '@tanstack/react-table';
+import { PDFDocumentProxy } from 'pdfjs-dist';
+import { PDFViewer, EventBus, PDFFindController } from 'pdfjs-dist/web/pdf_viewer.mjs';
 import { ActionValidationError } from '@osdk/client';
 
 /**
@@ -375,10 +377,11 @@ interface BaseFilterListProps<D> {
     onFilterRemoved?: (filterKey: string) => void;
     collapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
-    title?: string;
+    title?: React__default.ReactNode;
     titleIcon?: React__default.ReactNode;
     showResetButton?: boolean;
     showActiveFilterCount?: boolean;
+    hasVisibilityChanges?: boolean;
     enableSorting?: boolean;
     className?: string;
     renderAddFilterButton?: () => React__default.ReactNode;
@@ -406,7 +409,7 @@ interface FilterListProps<Q extends ObjectTypeDefinition> {
     /**
      * Optional title to display in the filter list header
      */
-    title?: string;
+    title?: ReactNode;
     /**
      * Optional icon to display next to the title
      */
@@ -917,6 +920,16 @@ interface ColumnConfigDialogProps {
 }
 declare function ColumnConfigDialog({ isOpen, onClose, columnOptions, currentVisibility, currentColumnOrder, onApply, isValidConfig, }: ColumnConfigDialogProps): React__default.ReactElement | null;
 
+/** Which sidebar panel to display when the sidebar is open. */
+type SidebarMode = "thumbnails" | "outline";
+/** A single item in the PDF document outline (table of contents). */
+interface OutlineItem {
+    title: string;
+    depth: number;
+    pageNumber: number;
+    bold: boolean;
+    italic: boolean;
+}
 /** The visual style of an annotation rendered on the PDF. */
 type AnnotationType = "highlight" | "underline" | "comment" | "pin";
 /** A single annotation positioned on a specific page of the PDF. */
@@ -939,6 +952,14 @@ interface PdfAnnotation {
     /** Optional color override (CSS color string) */
     color?: string;
 }
+/** Result passed to the {@link PdfViewerProps.onDownload} callback. */
+type PdfDownloadResult = {
+    success: true;
+    filename: string;
+} | {
+    success: false;
+    error: Error;
+};
 /** Props for the {@link PdfViewer} component. */
 interface PdfViewerProps {
     /** PDF source — URL string or ArrayBuffer */
@@ -952,23 +973,247 @@ interface PdfViewerProps {
      * @returns void
      */
     onAnnotationClick?: (annotation: PdfAnnotation) => void;
+    /**
+     * Callback fired when a download completes or fails.
+     *
+     * @param result - The download result indicating success with the filename, or failure with an error
+     * @returns void
+     */
+    onDownload?: (result: PdfDownloadResult) => void;
     /** Initial page number (1-indexed, default 1) */
     initialPage?: number;
     /** Initial zoom scale (default 1.0) */
     initialScale?: number;
     /** Whether the sidebar is initially open (default false) */
     initialSidebarOpen?: boolean;
+    /**
+     * Whether the download button is shown in the toolbar.
+     * @default false
+     */
+    enableDownload?: boolean;
+    /**
+     * Which sidebar panel to show: thumbnails or document outline.
+     * @default "thumbnails"
+     */
+    sidebarMode?: SidebarMode;
+    /**
+     * Custom icon components for each outline depth level (0-indexed).
+     * Key 0 = top-level items, 1 = first nesting level, etc.
+     * If omitted, no icons are rendered.
+     */
+    outlineIcons?: Partial<Record<number, React__default.ComponentType>>;
+    /** Additional CSS class name for the root element */
+    className?: string;
+}
+
+declare function BasePdfViewer({ src, annotations, onAnnotationClick, onDownload, initialPage, initialScale, initialSidebarOpen, enableDownload, sidebarMode: sidebarModeProp, outlineIcons, className, }: PdfViewerProps): React__default.ReactElement;
+
+interface PdfViewerAnnotationLayerProps {
+    annotations: PdfAnnotation[];
+    pageHeight: number;
+    scale: number;
+    onAnnotationClick?: (annotation: PdfAnnotation) => void;
+}
+declare function PdfViewerAnnotationLayer({ annotations, pageHeight, scale, onAnnotationClick, }: PdfViewerAnnotationLayerProps): React__default.ReactElement;
+
+interface PdfViewerContentProps {
+    /** PDF source — URL string or ArrayBuffer */
+    src: string | ArrayBuffer;
+    /** Annotations to overlay on the PDF, keyed by page number (1-indexed) */
+    annotations?: Record<number, PdfAnnotation[]>;
+    /** Callback fired when an annotation is clicked */
+    onAnnotationClick?: (annotation: PdfAnnotation) => void;
+    /** Initial page number (1-indexed, default 1) */
+    initialPage?: number;
+    /** Initial zoom scale (default 1.0) */
+    initialScale?: number;
+    /** Callback fired when the current page changes during scrolling */
+    onPageChange?: (page: number) => void;
+    /** Callback fired when the zoom scale changes */
+    onScaleChange?: (scale: number) => void;
     /** Additional CSS class name for the root element */
     className?: string;
 }
+declare function PdfViewerContent({ src, annotations, onAnnotationClick, initialPage, initialScale, onPageChange: onPageChangeProp, onScaleChange: onScaleChangeProp, className, }: PdfViewerContentProps): React__default.ReactElement;
 
-declare function BasePdfViewer({ src, annotations, onAnnotationClick, initialPage, initialScale, initialSidebarOpen, className, }: PdfViewerProps): React__default.ReactElement;
+interface PdfViewerOutlineSidebarProps {
+    outlineItems: OutlineItem[];
+    currentPage: number;
+    onItemClick: (pageNumber: number) => void;
+    sidebarMode: SidebarMode;
+    onSidebarModeChange: (mode: SidebarMode) => void;
+    outlineIcons?: Partial<Record<number, React__default.ComponentType>>;
+}
+declare function PdfViewerOutlineSidebar({ outlineItems, currentPage, onItemClick, sidebarMode, onSidebarModeChange, outlineIcons, }: PdfViewerOutlineSidebarProps): React__default.ReactElement;
 
-interface PdfRendererProps extends Omit<PdfViewerProps, "src"> {
+interface PdfViewerSearchBarProps {
+    query: string;
+    totalMatches: number;
+    currentMatchIndex: number;
+    onQueryChange: (query: string) => void;
+    onNext: () => void;
+    onPrev: () => void;
+    onClose: () => void;
+}
+declare function PdfViewerSearchBar({ query, totalMatches, currentMatchIndex, onQueryChange, onNext, onPrev, onClose, }: PdfViewerSearchBarProps): React__default.ReactElement;
+
+interface PdfViewerSidebarProps {
+    document: PDFDocumentProxy;
+    numPages: number;
+    currentPage: number;
+    onPageClick: (page: number) => void;
+    sidebarMode: SidebarMode;
+    onSidebarModeChange: (mode: SidebarMode) => void;
+}
+declare function PdfViewerSidebar({ document, numPages, currentPage, onPageClick, sidebarMode, onSidebarModeChange, }: PdfViewerSidebarProps): React__default.ReactElement;
+
+interface PdfViewerToolbarProps {
+    currentPage: number;
+    numPages: number;
+    scale: number;
+    sidebarOpen: boolean;
+    onPageChange: (page: number) => void;
+    onScaleChange: (scale: number) => void;
+    onSearchOpen: () => void;
+    onSidebarToggle: () => void;
+    onDownload: () => void;
+    enableDownload: boolean;
+    onRotateLeft: () => void;
+    onRotateRight: () => void;
+}
+declare function PdfViewerToolbar({ currentPage, numPages, scale, sidebarOpen, onPageChange, onScaleChange, onSearchOpen, onSidebarToggle, onDownload, enableDownload, onRotateLeft, onRotateRight, }: PdfViewerToolbarProps): React__default.ReactElement;
+
+interface AnnotationPortalTarget {
+    pageNumber: number;
+    container: HTMLDivElement;
+    pageHeight: number;
+    scale: number;
+}
+declare function usePdfAnnotationPortals(pdfViewerRef: RefObject<PDFViewer | null>, eventBusRef: RefObject<EventBus | null>, document: PDFDocumentProxy | undefined): AnnotationPortalTarget[];
+
+interface UsePdfDocumentResult {
+    document: PDFDocumentProxy | undefined;
+    numPages: number;
+    loading: boolean;
+    error: Error | undefined;
+}
+declare function usePdfDocument(src: string | ArrayBuffer): UsePdfDocumentResult;
+
+declare function usePdfOutline(document: PDFDocumentProxy | undefined): OutlineItem[];
+
+interface UsePdfViewerResult {
+    pdfViewerRef: RefObject<PDFViewer | null>;
+    eventBusRef: RefObject<EventBus | null>;
+    findControllerRef: RefObject<PDFFindController | null>;
+}
+declare function usePdfViewer(containerRef: RefObject<HTMLDivElement | null>, viewerRef: RefObject<HTMLDivElement | null>, document: PDFDocumentProxy | undefined, initialScale?: number, initialPage?: number): UsePdfViewerResult;
+
+interface UsePdfViewerSearchResult {
+    query: string;
+    totalMatches: number;
+    currentMatchIndex: number;
+    isSearchOpen: boolean;
+    setQuery: (query: string) => void;
+    nextMatch: () => void;
+    prevMatch: () => void;
+    openSearch: () => void;
+    closeSearch: () => void;
+}
+declare function usePdfViewerSearch(eventBusRef: RefObject<EventBus | null>, findControllerRef: RefObject<PDFFindController | null>, document: PDFDocumentProxy | undefined): UsePdfViewerSearchResult;
+
+interface UsePdfViewerSyncOptions {
+    pdfViewerRef: RefObject<PDFViewer | null>;
+    eventBusRef: RefObject<EventBus | null>;
+    document: PDFDocumentProxy | undefined;
+    scale: number;
+    onScaleChange: (scale: number) => void;
+    onPageChange: (page: number) => void;
+}
+declare function usePdfViewerSync({ pdfViewerRef, eventBusRef, document, scale, onScaleChange, onPageChange, }: UsePdfViewerSyncOptions): {
+    scrollToPage: (page: number) => void;
+};
+
+interface UsePdfViewerCoreOptions {
+    /** PDF source — URL string or ArrayBuffer */
+    src: string | ArrayBuffer;
+    /** Initial page number (1-indexed, default 1) */
+    initialPage?: number;
+    /** Initial zoom scale (default 1.0) */
+    initialScale?: number;
+}
+interface UsePdfViewerCoreResult {
+    /** The loaded PDF document, or undefined while loading */
+    document: PDFDocumentProxy | undefined;
+    /** Total number of pages in the document */
+    numPages: number;
+    /** Whether the document is currently loading */
+    loading: boolean;
+    /** Error encountered while loading the document */
+    error: Error | undefined;
+    /** Ref to attach to the scroll-container div */
+    containerRef: RefObject<HTMLDivElement>;
+    /** Ref to attach to the inner viewer div (className="pdfViewer") */
+    viewerRef: RefObject<HTMLDivElement>;
+    /** Current page number (1-indexed) */
+    currentPage: number;
+    /** Navigate to a specific page (updates state and scrolls the viewer) */
+    scrollToPage: (page: number) => void;
+    /** Current zoom scale */
+    scale: number;
+    /** Set the zoom scale directly */
+    setScale: (scale: number) => void;
+    /** Portal targets for rendering annotation overlays on each page */
+    portalTargets: AnnotationPortalTarget[];
+    /** Ref to the internal pdfjs PDFViewer instance */
+    pdfViewerRef: RefObject<PDFViewer | null>;
+    /** Ref to the internal pdfjs EventBus instance */
+    eventBusRef: RefObject<EventBus | null>;
+    /** Ref to the internal pdfjs PDFFindController instance */
+    findControllerRef: RefObject<PDFFindController | null>;
+}
+declare function usePdfViewerCore({ src, initialPage, initialScale, }: UsePdfViewerCoreOptions): UsePdfViewerCoreResult;
+
+interface UsePdfViewerStateOptions extends UsePdfViewerCoreOptions {
+    /** Whether the sidebar is initially open (default false) */
+    initialSidebarOpen?: boolean;
+    /** Which sidebar panel to show (default "thumbnails") */
+    sidebarMode?: SidebarMode;
+    /** Callback fired when a download completes or fails */
+    onDownload?: (result: PdfDownloadResult) => void;
+}
+interface UsePdfViewerStateResult extends UsePdfViewerCoreResult {
+    /** Zoom in by one step */
+    zoomIn: () => void;
+    /** Zoom out by one step */
+    zoomOut: () => void;
+    /** Current rotation in degrees (0, 90, 180, 270) */
+    rotation: number;
+    /** Rotate 90 degrees counter-clockwise */
+    rotateLeft: () => void;
+    /** Rotate 90 degrees clockwise */
+    rotateRight: () => void;
+    /** Whether the sidebar panel is open */
+    sidebarOpen: boolean;
+    /** Which sidebar panel is active */
+    sidebarMode: SidebarMode;
+    /** Change the active sidebar panel */
+    setSidebarMode: (mode: SidebarMode) => void;
+    /** Toggle sidebar open/closed */
+    toggleSidebar: () => void;
+    /** Search state and actions */
+    search: UsePdfViewerSearchResult;
+    /** Document outline items (from bookmarks or text extraction) */
+    outlineItems: ReturnType<typeof usePdfOutline>;
+    /** Download the PDF as a file */
+    download: (filename?: string) => void;
+}
+declare function usePdfViewerState({ src, initialPage, initialScale, initialSidebarOpen, sidebarMode: sidebarModeProp, onDownload, }: UsePdfViewerStateOptions): UsePdfViewerStateResult;
+
+interface PdfViewerMediaProps extends Omit<PdfViewerProps, "src"> {
     /** The Media object to fetch PDF contents from */
     media: Media;
 }
-declare function PdfRenderer({ media, className, ...pdfViewerProps }: PdfRendererProps): React__default.ReactElement;
+declare function PdfViewer({ media, className, ...pdfViewerProps }: PdfViewerMediaProps): React__default.ReactElement;
 
 /**
  * A form field definition specifies configuration for a single field
@@ -1054,26 +1299,35 @@ interface FormFieldPropsByType {
     CUSTOM: CustomFieldProps<unknown>;
 }
 /**
- * Datetime picker field props
+ * Datetime picker field props.
+ *
+ * When `formatDate` is omitted, ISO-like format is used (YYYY-MM-DD / YYYY-MM-DD HH:mm).
  */
 interface DatetimePickerFieldProps extends BaseFormFieldProps<Date> {
     /**
-     * The earliest date the user can select
-     * If provided, this will be added to the field validation
+     * The earliest date the user can select.
+     * If provided, this will be added to the field validation.
      */
     min?: Date;
     /**
-     * The latest date the user can select
-     * If provided, this will be added to the field validation
+     * The latest date the user can select.
+     * If provided, this will be added to the field validation.
      */
     max?: Date;
     /**
-     * Whether to show time picker
+     * Whether to show time picker.
      */
     showTime?: boolean;
     /**
-     * Function to format the date string
+     * Whether to close the popover after selecting a date.
+     * @default true when `showTime` is false, false when `showTime` is true
+     */
+    closeOnSelection?: boolean;
+    /**
+     * Placeholder text shown when no value is selected.
      */
+    placeholder?: string;
+    /** Formats a Date for display in the trigger button. */
     formatDate?: (date: Date) => string;
 }
 /**
@@ -1195,6 +1449,11 @@ interface CustomFieldProps<V> extends BaseFormFieldProps<V> {
     customRenderer: (props: BaseFormFieldProps<V>) => React__default.ReactNode;
 }
 interface BaseFormFieldProps<V> {
+    /**
+     * The HTML `id` attribute for the field input element.
+     * Used for `<label htmlFor>` association.
+     */
+    id?: string;
     /**
      * The value of the form field
      */
@@ -1373,4 +1632,4 @@ declare const ActionForm: <Q extends ActionDefinition<unknown>>(props: ActionFor
 
 declare const BaseForm: React__default.FC<BaseFormProps>;
 
-export { ActionForm, type ActionFormProps, type ActionParameters, type AnnotationType, BaseFilterList, type BaseFilterListProps, BaseForm, type BaseFormFieldProps, type BaseFormProps, BasePdfViewer, BaseTable, type BaseTableProps, type CellEditInfo, ColumnConfigDialog, type ColumnConfigDialogProps, type ColumnConfigOptions, type ColumnDefinition, type ColumnDefinitionLocator, type CustomColumnLocator, type CustomFieldProps, type DatetimePickerFieldProps, type DropdownFieldProps, type FieldComponent, type FieldValueType, type FilePickerProps, type FilterComponentType, type FilterDefinitionUnion, FilterList, type FilterListItemProps, type FilterListProps, type FilterState, type FormError, type FormFieldDefinition, type FormFieldPropsByType, type FormState, type FunctionColumnLocator, type NumberInputFieldProps, type ObjectSetFieldProps, ObjectTable, type ObjectTableProps, type Option, type PdfAnnotation, PdfRenderer, type PdfRendererProps, type PdfViewerProps, type PropertyColumnLocator, type PropertyFilterDefinition, type RadioButtonsFieldProps, type RdpColumnLocator, type RenderFilterInput, type RendererFieldDefinition, type TextAreaFieldProps, type TextInputFieldProps, deserializeFilterStates, serializeFilterStates };
+export { ActionForm, type ActionFormProps, type ActionParameters, type AnnotationPortalTarget, type AnnotationType, BaseFilterList, type BaseFilterListProps, BaseForm, type BaseFormFieldProps, type BaseFormProps, BasePdfViewer, BaseTable, type BaseTableProps, type CellEditInfo, ColumnConfigDialog, type ColumnConfigDialogProps, type ColumnConfigOptions, type ColumnDefinition, type ColumnDefinitionLocator, type CustomColumnLocator, type CustomFieldProps, type DatetimePickerFieldProps, type DropdownFieldProps, type FieldComponent, type FieldValueType, type FilePickerProps, type FilterComponentType, type FilterDefinitionUnion, FilterList, type FilterListItemProps, type FilterListProps, type FilterState, type FormError, type FormFieldDefinition, type FormFieldPropsByType, type FormState, type FunctionColumnLocator, type NumberInputFieldProps, type ObjectSetFieldProps, ObjectTable, type ObjectTableProps, type Option, type OutlineItem, type PdfAnnotation, type PdfDownloadResult, PdfViewer, PdfViewerAnnotationLayer, type PdfViewerAnnotationLayerProps, PdfViewerContent, type PdfViewerContentProps, type PdfViewerMediaProps, PdfViewerOutlineSidebar, type PdfViewerOutlineSidebarProps, type PdfViewerProps, PdfViewerSearchBar, type PdfViewerSearchBarProps, PdfViewerSidebar, type PdfViewerSidebarProps, PdfViewerToolbar, type PdfViewerToolbarProps, type PropertyColumnLocator, type PropertyFilterDefinition, type RadioButtonsFieldProps, type RdpColumnLocator, type RenderFilterInput, type RendererFieldDefinition, type SidebarMode, type TextAreaFieldProps, type TextInputFieldProps, type UsePdfViewerCoreOptions, type UsePdfViewerCoreResult, type UsePdfViewerResult, type UsePdfViewerSearchResult, type UsePdfViewerStateOptions, type UsePdfViewerStateResult, deserializeFilterStates, serializeFilterStates, usePdfAnnotationPortals, usePdfDocument, usePdfOutline, usePdfViewer, usePdfViewerCore, usePdfViewerSearch, usePdfViewerState, usePdfViewerSync };

package/build/cjs/public/primitives.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkGT6IV6LV_cjs = require('../chunk-GT6IV6LV.cjs');
+require('../chunk-HMQTYQEX.cjs');
+
+
+
+Object.defineProperty(exports, "ActionButton", {
+  enumerable: true,
+  get: function () { return chunkGT6IV6LV_cjs.ActionButton; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkGT6IV6LV_cjs.Dialog; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkGT6IV6LV_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipArrow", {
+  enumerable: true,
+  get: function () { return chunkGT6IV6LV_cjs.TooltipArrow; }
+});
+//# sourceMappingURL=primitives.cjs.map
+//# sourceMappingURL=primitives.cjs.map

package/build/cjs/public/primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"primitives.cjs"}

package/build/cjs/public/primitives.css

@@ -0,0 +1,154 @@
+/* src/base-components/action-button/ActionButton.module.css */
+.button {
+  padding: calc(var(--osdk-surface-spacing) * 2) calc(var(--osdk-surface-spacing) * 4);
+  border-radius: var(--osdk-surface-border-radius);
+  font-size: var(--osdk-typography-size-body-medium);
+  cursor: pointer;
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+.secondaryButton {
+  background-color: var(--osdk-button-secondary-bg);
+  border: var(--osdk-surface-border);
+  color: var(--osdk-button-secondary-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-active);
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+.primaryButton {
+  background-color: var(--osdk-button-primary-bg);
+  border: none;
+  color: var(--osdk-button-primary-color);
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-hover);
+  }
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-active);
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+/* src/base-components/dialog/Dialog.module.css */
+.backdrop {
+  position: fixed;
+  inset: 0;
+  background-color: var(--osdk-dialog-backdrop-bg);
+  z-index: var(--osdk-surface-z-index-1);
+}
+.popup {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  min-width: var(--osdk-dialog-min-width);
+  max-width: var(--osdk-dialog-max-width);
+  min-height: var(--osdk-dialog-min-height);
+  max-height: var(--osdk-dialog-max-height);
+  background-color: var(--osdk-dialog-bg);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-dialog-shadow);
+  z-index: var(--osdk-surface-z-index-2);
+  display: flex;
+  flex-direction: column;
+}
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--osdk-dialog-header-padding);
+  border-bottom: var(--osdk-surface-border);
+}
+.title {
+  font-size: var(--osdk-dialog-title-font-size);
+  font-weight: var(--osdk-dialog-title-font-weight);
+}
+.body {
+  display: flex;
+  padding: var(--osdk-dialog-body-padding);
+  overflow-y: auto;
+  flex: 1;
+}
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  padding: var(--osdk-dialog-footer-padding);
+  border-top: var(--osdk-surface-border);
+}
+.closeButton {
+  background: none;
+  border: none;
+  padding: calc(var(--osdk-surface-spacing) * 0.5);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--osdk-surface-border-radius);
+  &:hover {
+    background-color: var(--osdk-surface-background-color-default-hover);
+  }
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+.closeIcon {
+  width: var(--osdk-iconography-size-small);
+  height: var(--osdk-iconography-size-small);
+  color: var(--osdk-typography-color-muted);
+}
+
+/* src/base-components/tooltip/Tooltip.module.css */
+.osdkTooltipTrigger {
+  border: none;
+  background: inherit;
+}
+.osdkTooltipPositioner {
+  z-index: var(--osdk-tooltip-z-index);
+}
+.osdkTooltipPopup {
+  padding: var(--osdk-tooltip-padding);
+  background-color: var(--osdk-tooltip-bg);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-tooltip-shadow);
+  max-width: var(--osdk-tooltip-max-width);
+  font-size: var(--osdk-tooltip-font-size);
+}
+.osdkTooltipArrow {
+  display: flex;
+  &[data-side=top] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+  &[data-side=bottom] {
+    top: -8px;
+    rotate: 0deg;
+  }
+  &[data-side=left] {
+    right: -13px;
+    rotate: 90deg;
+  }
+  &[data-side=right] {
+    left: -13px;
+    rotate: -90deg;
+  }
+}
+.tooltipArrowFill {
+  fill: var(--osdk-tooltip-bg);
+}
+.tooltipArrowOuterStroke {
+  fill: var(--osdk-tooltip-border-color);
+}
+/*# sourceMappingURL=primitives.css.map */

package/build/cjs/public/primitives.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/base-components/action-button/ActionButton.module.css","../../../src/base-components/dialog/Dialog.module.css","../../../src/base-components/tooltip/Tooltip.module.css"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.button {\n  padding: calc(var(--osdk-surface-spacing) * 2)\n    calc(var(--osdk-surface-spacing) * 4);\n  border-radius: var(--osdk-surface-border-radius);\n  font-size: var(--osdk-typography-size-body-medium);\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: var(--osdk-focus-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n}\n\n.secondaryButton {\n  background-color: var(--osdk-button-secondary-bg);\n  border: var(--osdk-surface-border);\n  color: var(--osdk-button-secondary-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-secondary-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-secondary-bg-active);\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n.primaryButton {\n  background-color: var(--osdk-button-primary-bg);\n  border: none;\n  color: var(--osdk-button-primary-color);\n\n  &:hover:not(:disabled) {\n    background-color: var(--osdk-button-primary-bg-hover);\n  }\n\n  &:active:not(:disabled) {\n    background-color: var(--osdk-button-primary-bg-active);\n  }\n\n  &:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n","/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  background-color: var(--osdk-dialog-backdrop-bg);\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n.popup {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  min-width: var(--osdk-dialog-min-width);\n  max-width: var(--osdk-dialog-max-width);\n  min-height: var(--osdk-dialog-min-height);\n  max-height: var(--osdk-dialog-max-height);\n  background-color: var(--osdk-dialog-bg);\n  border-radius: var(--osdk-surface-border-radius);\n  box-shadow: var(--osdk-dialog-shadow);\n  z-index: var(--osdk-surface-z-index-2);\n  display: flex;\n  flex-direction: column;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--osdk-dialog-header-padding);\n  border-bottom: var(--osdk-surface-border);\n}\n\n.title {\n  font-size: var(--osdk-dialog-title-font-size);\n  font-weight: var(--osdk-dialog-title-font-weight);\n}\n\n.body {\n  display: flex;\n  padding: var(--osdk-dialog-body-padding);\n  overflow-y: auto;\n  flex: 1;\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: calc(var(--osdk-surface-spacing) * 2);\n  padding: var(--osdk-dialog-footer-padding);\n  border-top: var(--osdk-surface-border);\n}\n\n.closeButton {\n  background: none;\n  border: none;\n  padding: calc(var(--osdk-surface-spacing) * 0.5);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--osdk-surface-border-radius);\n\n  &:hover {\n    background-color: var(--osdk-surface-background-color-default-hover);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n}\n\n.closeIcon {\n  width: var(--osdk-iconography-size-small);\n  height: var(--osdk-iconography-size-small);\n  color: var(--osdk-typography-color-muted);\n}\n","/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkTooltipTrigger {\n  border: none;\n  background: inherit;\n}\n\n.osdkTooltipPositioner {\n  z-index: var(--osdk-tooltip-z-index);\n}\n\n.osdkTooltipPopup {\n  padding: var(--osdk-tooltip-padding);\n  background-color: var(--osdk-tooltip-bg);\n  border-radius: var(--osdk-surface-border-radius);\n  box-shadow: var(--osdk-tooltip-shadow);\n  max-width: var(--osdk-tooltip-max-width);\n  font-size: var(--osdk-tooltip-font-size);\n}\n\n/* \n * Hardcoded values are copied from base ui example \n * https://base-ui.com/react/components/tooltip \n *\n * */\n.osdkTooltipArrow {\n  display: flex;\n\n  &[data-side=\"top\"] {\n    bottom: -8px;\n    rotate: 180deg;\n  }\n\n  &[data-side=\"bottom\"] {\n    top: -8px;\n    rotate: 0deg;\n  }\n\n  &[data-side=\"left\"] {\n    right: -13px;\n    rotate: 90deg;\n  }\n\n  &[data-side=\"right\"] {\n    left: -13px;\n    rotate: -90deg;\n  }\n}\n\n.tooltipArrowFill {\n  fill: var(--osdk-tooltip-bg);\n}\n\n.tooltipArrowOuterStroke {\n  fill: var(--osdk-tooltip-border-color);\n}\n"],"mappings":";AAgBA,CAAC;AACC,WAAS,KAAK,IAAI,wBAAwB,EAAE,GAC1C,KAAK,IAAI,wBAAwB,EAAE;AACrC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,UAAQ;AAER,GAAC;AACC,aAAS,IAAI;AACb,oBAAgB,IAAI;AACtB;AACF;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,UAAQ,IAAI;AACZ,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK;AACV,sBAAkB,IAAI;AACxB;AAEA,GAAC,OAAO,KAAK;AACX,sBAAkB,IAAI;AACxB;AAEA,GAAC;AACC,aAAS;AACT,YAAQ;AACV;AACF;AAEA,CAAC;AACC,oBAAkB,IAAI;AACtB,UAAQ;AACR,SAAO,IAAI;AAEX,GAAC,MAAM,KAAK;AACV,sBAAkB,IAAI;AACxB;AAEA,GAAC,OAAO,KAAK;AACX,sBAAkB,IAAI;AACxB;AAEA,GAAC;AACC,aAAS;AACT,YAAQ;AACV;AACF;;;ACjDA,CAAC;AACC,YAAU;AACV,SAAO;AACP,oBAAkB,IAAI;AACtB,WAAS,IAAI;AACf;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,aAAW,UAAU,IAAI,EAAE;AAC3B,aAAW,IAAI;AACf,aAAW,IAAI;AACf,cAAY,IAAI;AAChB,cAAY,IAAI;AAChB,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,WAAS,IAAI;AACb,WAAS;AACT,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,WAAS,IAAI;AACb,iBAAe,IAAI;AACrB;AAEA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,WAAS;AACT,WAAS,IAAI;AACb,cAAY;AACZ,QAAM;AACR;AAEA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,OAAK,KAAK,IAAI,wBAAwB,EAAE;AACxC,WAAS,IAAI;AACb,cAAY,IAAI;AAClB;AAEA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,WAAS,KAAK,IAAI,wBAAwB,EAAE;AAC5C,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,iBAAe,IAAI;AAEnB,GAAC;AACC,sBAAkB,IAAI;AACxB;AAEA,GAAC;AACC,aAAS,IAAI;AACb,oBAAgB,IAAI;AACtB;AACF;AAEA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;;;AC5EA,CAAC;AACC,UAAQ;AACR,cAAY;AACd;AAEA,CAAC;AACC,WAAS,IAAI;AACf;AAEA,CAAC;AACC,WAAS,IAAI;AACb,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,aAAW,IAAI;AACf,aAAW,IAAI;AACjB;AAOA,CAAC;AACC,WAAS;AAET,GAAC,CAAC;AACA,YAAQ;AACR,YAAQ;AACV;AAEA,GAAC,CAAC;AACA,SAAK;AACL,YAAQ;AACV;AAEA,GAAC,CAAC;AACA,WAAO;AACP,YAAQ;AACV;AAEA,GAAC,CAAC;AACA,UAAM;AACN,YAAQ;AACV;AACF;AAEA,CAAC;AACC,QAAM,IAAI;AACZ;AAEA,CAAC;AACC,QAAM,IAAI;AACZ;","names":[]}

package/build/cjs/public/primitives.d.cts

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import { TooltipRootProps, TooltipProviderProps, TooltipTriggerProps, Tooltip as Tooltip$1, TooltipPositionerProps, TooltipPopupProps } from '@base-ui/react/tooltip';
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary";
+}
+declare function ActionButton({ variant, className, ...rest }: ButtonProps): React__default.ReactElement;
+
+interface DialogProps {
+    isOpen: boolean;
+    onOpenChange: () => void;
+    title: React__default.ReactNode;
+    children: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    className?: string;
+}
+declare function Dialog({ isOpen, onOpenChange, title, children, footer, className, }: DialogProps): React__default.ReactElement;
+
+interface TooltipProps extends Omit<TooltipRootProps, "className"> {
+}
+declare function TooltipRoot({ children, ...rest }: TooltipProps): React__default.ReactElement;
+interface TooltipProviderComponentProps extends Omit<TooltipProviderProps, "className"> {
+    className?: string;
+}
+declare function TooltipProvider({ children, ...rest }: TooltipProviderComponentProps): React__default.ReactElement;
+interface TooltipTriggerComponentProps extends Omit<TooltipTriggerProps, "className"> {
+    className?: string;
+}
+declare function TooltipTrigger({ className, children, ...rest }: TooltipTriggerComponentProps): React__default.ReactElement;
+interface TooltipPositionerComponentProps extends Omit<TooltipPositionerProps, "className"> {
+    className?: string;
+}
+declare function TooltipPositioner({ className, children, sideOffset, ...rest }: TooltipPositionerComponentProps): React__default.ReactElement;
+interface TooltipPopupComponentProps extends Omit<TooltipPopupProps, "className"> {
+    className?: string;
+}
+declare function TooltipPopup({ className, children, ...rest }: TooltipPopupComponentProps): React__default.ReactElement;
+declare function TooltipArrow(): React__default.ReactElement;
+declare const Tooltip: {
+    Root: typeof TooltipRoot;
+    Provider: typeof TooltipProvider;
+    Trigger: typeof TooltipTrigger;
+    Portal: typeof Tooltip$1.Portal;
+    Positioner: typeof TooltipPositioner;
+    Popup: typeof TooltipPopup;
+    Arrow: typeof TooltipArrow;
+};
+
+export { ActionButton, type ButtonProps, Dialog, type DialogProps, Tooltip, TooltipArrow, type TooltipProps };