npm - @fileverse-dev/dsheet - Versions diffs - 2.1.5 → 3.0.1-formula-1 - Mend

@fileverse-dev/dsheet 2.1.5 → 3.0.1-formula-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/sheet-engine/core/theme.d.ts ADDED Viewed

@@ -0,0 +1,67 @@
+/**
+ * Grid (canvas) theming — the single source of truth for the JS-painted grid's per-theme colors.
+ *
+ * The chrome (toolbar, sidebars, comments) themes passively via `@fileverse/ui` `.color-*`
+ * utilities + the `<html>` class. The canvas grid cannot read CSS variables, so `canvas.ts`
+ * resolves its colors from `activePalette` here. On theme change the host threads a `theme` prop
+ * to the engine, which calls `setActiveGridPalette` and repaints via `jfrefreshgrid`.
+ *
+ * `ThemeKey` is copied verbatim from `fileverse-ddoc` `package/types.ts` so the dsheet `theme`
+ * prop is type-identical to ddoc's and a host app can pass the same value to both editors.
+ *
+ * See docs/DROP-IN-PACKAGE-AND-THEMING.md §7 (Theming)
+ */
+export type ThemeKey = 'light' | 'dark' | 'theme-sepia' | 'theme-pink' | 'theme-green';
+export declare const DEFAULT_THEME: ThemeKey;
+/**
+ * dsheet selection-accent brand color. Constant across all five themes (readable on every
+ * background) — intentionally NOT a per-theme palette slot. Used for the fill handle, selection
+ * border, and marching ants.
+ */
+export declare const SELECTION_ACCENT = "#EFC703";
+/**
+ * One slot per neutral grid-chrome color role painted in `canvas.ts`. User-authored cell colors
+ * (cell `bg`/`fc`/border, conditional-format colors) are NOT here — they render literally in every
+ * theme and are read straight from cell data.
+ */
+export interface GridPalette {
+    /** Unset cell background + main-area canvas clear (the `!fillStyle` fallback branch). */
+    cellBg: string;
+    /** Gridlines. */
+    gridLine: string;
+    /** Default cell text (cells with no user `fc`). */
+    cellText: string;
+    /** Row/column header background. */
+    headerBg: string;
+    /** Row/column header text. */
+    headerText: string;
+    /** Secondary fill for on-canvas chips (e.g. data-verification dropdown). */
+    secondaryFill: string;
+    /** Frozen-pane divider line. */
+    freezeLine: string;
+}
+/**
+ * Per-theme grid palettes.
+ *
+ * `light` holds the EXACT pre-theming hex from `canvas.ts`, so the default theme renders
+ * pixel-identical to before this change (regression guard).
+ *
+ * [Unverified] The four non-light palettes are reasonable design-guess values derived from each
+ * theme's surface swatch — NOT final brand colors; they need design sign-off. The mechanism is
+ * independent of the exact values.
+ */
+export declare const GRID_THEMES: Record<ThemeKey, GridPalette>;
+export declare const resolveGridPalette: (theme?: ThemeKey) => GridPalette;
+/**
+ * The palette the canvas paints from. Module-level so the imperative canvas reads it on every
+ * repaint without prop threading inside the engine. `canvas.ts` imports this as a live binding and
+ * reads `activePalette.<slot>` at paint time; reassigning it here updates every reader.
+ *
+ * NOTE: this is a module singleton — multiple workbooks with different themes on one page would
+ * share it. dsheet renders one editor per page (like ddoc), so this is acceptable. If multi-instance
+ * is ever needed, move the palette onto `sheetCtx`.
+ */
+export declare let activePalette: GridPalette;
+/** Swap the active grid palette. Returns true if it actually changed (caller decides to repaint). */
+export declare const setActiveGridPalette: (theme?: ThemeKey) => boolean;
+export declare const getActiveTheme: () => ThemeKey;

package/dist/sheet-engine/core/types.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Patch as ImmerPatch } from 'immer';
 import { PatchOptions } from './utils';
+import { CellFormatRange } from './utils/range-format';
 export type Op = {
     op: 'replace' | 'remove' | 'add' | 'insertRowCol' | 'deleteRowCol' | 'addSheet' | 'deleteSheet';
@@ -140,10 +141,29 @@ export type SheetConfig = {
     customHeight?: Record<string, number>;
     customWidth?: Record<string, number>;
     borderInfo?: any[];
+    /** Range-level cell formatting for empty cells (toolbar bulk format). */
+    cellFormatRanges?: CellFormatRange[];
     authority?: any;
     rowReadOnly?: Record<number, number>;
     colReadOnly?: Record<number, number>;
 };
+/**
+ * Workbook-level named range (Google Sheets / Excel definedNames).
+ * Runtime list lives on Context; persisted in Yjs as `${dsheetId}:definedNames`.
+ */
+export type DefinedName = {
+    id: string;
+    name: string;
+    sheetId: string;
+    range: {
+        row: [number, number];
+        column: [number, number];
+    };
+    scope: 'workbook' | 'sheet';
+    /** When scope === 'sheet', which sheet owns the name. */
+    localSheetId?: string;
+    comment?: string;
+};
 export type Image = {
     id: string;
     width: number;

package/dist/sheet-engine/core/utils/border-config-utils.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { Context } from '../context';
+export type BorderSelection = {
+    row: [number, number];
+    column: [number, number];
+};
+/**
+ * Remap borderInfo after a row/column reorder (header drag).
+ * Uses the same old→new index map as remapCellFormatRanges.
+ * O(border entries × span) — only runs on drag drop, not per-frame.
+ */
+export declare function remapBorderInfo(borderInfo: any[] | undefined, axis: 'row' | 'column', indexMap: Record<number, number>): any[];
+/** Remove border entries overlapping a single selection (cell + range types). */
+export declare function removeBorderInfoForSelection(borderInfo: any[], rowSt: number, rowEd: number, colSt: number, colEd: number): any[];
+export declare function removeBorderInfoInSelections(borderInfo: any[] | undefined, selections: BorderSelection[]): any[];
+export declare function syncBorderInfoToYdoc(ctx: Context, borderInfo: any[]): void;

package/dist/sheet-engine/core/utils/cell-persist-utils.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { Cell } from '../types';
+export declare const CELL_FORMAT_ATTRS: readonly ["tb", "ht", "vt", "tr", "fs", "ff", "fc", "bl", "it", "un", "cl", "bg", "ct"];
+export type CellFormatAttr = (typeof CELL_FORMAT_ATTRS)[number];
+export declare function hasCellMeaningfulContent(cell: Cell | string | number | boolean | null | undefined): boolean;
+export declare function isFormatOnlyEmptyCell(cell: Cell | string | number | boolean | null | undefined): boolean;
+/** Pull only present format attrs from a format-only empty cell (cheap, no clone). */
+export declare function extractCellFormatAttrs(cell: Cell | string | number | boolean | null | undefined): Partial<Record<CellFormatAttr, unknown>> | null;
+export declare function shouldPersistCelldataCell(cell: Cell | string | number | boolean | null | undefined): boolean;
+export declare function celldataEntryEqual(existing: unknown, next: unknown): boolean;

package/dist/sheet-engine/core/utils/range-format.d.ts ADDED Viewed

@@ -0,0 +1,71 @@
+import { Cell, CellMatrix, CellWithRowAndCol, Sheet } from '../types';
+export type CellFormatRange = {
+    row: [number, number];
+    column: [number, number];
+    tb?: string;
+    ht?: number | string;
+    vt?: number | string;
+    tr?: string;
+    fs?: number;
+    ff?: number | string;
+    fc?: string;
+    bl?: number;
+    it?: number;
+    un?: number;
+    cl?: number;
+    bg?: string;
+    ct?: Cell["ct"];
+};
+declare function rangesEqual(a: CellFormatRange[] | undefined, b: CellFormatRange[] | undefined): boolean;
+/** Merge overlapping/adjacent ranges that carry identical format attrs. */
+export declare function normalizeCellFormatRanges(ranges: CellFormatRange[] | undefined): CellFormatRange[];
+/**
+ * Remap format ranges after a row or column permutation, such as header
+ * drag-and-drop. A contiguous source range can become multiple rectangles
+ * when the moved indices are no longer contiguous.
+ */
+export declare function remapCellFormatRanges(ranges: CellFormatRange[] | undefined, axis: "row" | "column", indexMap: Record<number, number>): CellFormatRange[];
+/**
+ * Move format ranges with a cut-and-paste cell block move. Formatting in both
+ * the old source and the overwritten destination is cleared; only the source
+ * intersection is translated to the target rectangle.
+ */
+export declare function moveCellFormatRanges(ranges: CellFormatRange[] | undefined, source: Pick<CellFormatRange, "row" | "column">, target: Pick<CellFormatRange, "row" | "column">): CellFormatRange[];
+export declare function getCellFormatRangeGridBounds(ranges: CellFormatRange[] | undefined): {
+    maxRow: number;
+    maxCol: number;
+} | null;
+export declare function upsertCellFormatRange(ranges: CellFormatRange[] | undefined, rowSt: number, rowEd: number, colSt: number, colEd: number, attrs: Partial<CellFormatRange>): {
+    ranges: CellFormatRange[];
+    changed: boolean;
+};
+/**
+ * When a cell loses meaningful content but keeps style, put that style back
+ * into cellFormatRanges as a 1x1 (normalize merges with neighbours).
+ */
+export declare function migrateFormatOnlyCellIntoRanges(ranges: CellFormatRange[] | undefined, r: number, c: number, cell: Cell | string | number | boolean | null | undefined): {
+    ranges: CellFormatRange[];
+    changed: boolean;
+};
+/**
+ * Scan a dense-data rectangle and move any format-only cells into
+ * cellFormatRanges. Adjacent identical styles merge via normalize.
+ */
+export declare function migrateFormatOnlyCellsFromData(ranges: CellFormatRange[] | undefined, data: CellMatrix | null | undefined, r1: number, r2: number, c1: number, c2: number): {
+    ranges: CellFormatRange[];
+    changed: boolean;
+};
+export declare function punchHoleInCellFormatRanges(ranges: CellFormatRange[] | undefined, r: number, c: number): CellFormatRange[];
+export declare function punchRectHoleInCellFormatRanges(ranges: CellFormatRange[] | undefined, rowSt: number, rowEd: number, colSt: number, colEd: number): CellFormatRange[];
+export declare function shiftCellFormatRangesOnInsert(ranges: CellFormatRange[] | undefined, type: "row" | "column", index: number, count: number, direction: "lefttop" | "rightbottom"): CellFormatRange[];
+export declare function shiftCellFormatRangesOnDelete(ranges: CellFormatRange[] | undefined, type: "row" | "column", start: number, end: number): CellFormatRange[];
+export declare function applyCellFormatRangesToData(data: CellMatrix | null | undefined, ranges: CellFormatRange[] | undefined): void;
+export declare function buildSheetDataMatrixForExport(sheet: {
+    data?: CellMatrix | null;
+    celldata?: CellWithRowAndCol[];
+    row?: number;
+    column?: number;
+    config?: Sheet["config"];
+}): CellMatrix;
+export { rangesEqual };

package/dist/sheet-engine/core/utils/ydoc-celldata-changes.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import { Context } from '../context';
+import { Cell, CellWithRowAndCol } from '../types';
+export type CelldataYdocChange = {
+    sheetId: string;
+    path: string[];
+    key?: string;
+    value: any;
+    type?: 'update' | 'delete';
+};
+/** Cheap equality before deep compare — hot path for structural diffs. */
+export declare function cellsEqualForYdocPersist(before: unknown, after: unknown): boolean;
+/**
+ * Snapshot persisted cells in a range.
+ * Prefer sparse `celldata` when provided — O(populated cells), not O(range area).
+ */
+export declare function snapshotPersistedCelldataInRange(data: unknown[][] | null | undefined, r1: number, r2: number, c1: number, c2: number, celldata?: CellWithRowAndCol[] | null): Map<string, Cell | string | number | boolean>;
+export declare function appendCelldataDiffChange(changes: CelldataYdocChange[], sheetId: string, r: number, c: number, cell: unknown, beforePersisted?: Map<string, Cell | string | number | boolean>): void;
+export declare function buildCelldataChangesForRange(sheetId: string, data: unknown[][], r1: number, r2: number, c1: number, c2: number, beforePersisted?: Map<string, Cell | string | number | boolean>): CelldataYdocChange[];
+export declare function emitCelldataRangeDiffToYdoc(ctx: Context, sheetId: string, data: unknown[][], r1: number, r2: number, c1: number, c2: number, beforePersisted?: Map<string, Cell | string | number | boolean>): void;
+export type MergeBounds = {
+    minR: number;
+    minC: number;
+    maxR: number;
+    maxC: number;
+};
+/** Disturbed range for insert row/col — snapshot only rows/cols that may shift. */
+export declare function getInsertRowColSnapshotBounds(type: 'row' | 'column', index: number, direction: 'lefttop' | 'rightbottom', rowCount: number, colCount: number, mergeBounds: MergeBounds | null): {
+    r1: number;
+    r2: number;
+    c1: number;
+    c2: number;
+};
+/** Disturbed range for delete row/col — from deletion point to sheet edge. */
+export declare function getDeleteRowColSnapshotBounds(type: 'row' | 'column', start: number, rowCount: number, colCount: number, mergeBounds: MergeBounds | null): {
+    r1: number;
+    r2: number;
+    c1: number;
+    c2: number;
+};

package/dist/sheet-engine/react/components/NamedRanges/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+declare const NamedRanges: React.FC;
+export default NamedRanges;

package/dist/sheet-engine/react/components/SheetOverlay/Icon.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { LucideIconProps } from './LucideIcon';
 export declare const LucideIcons: {
@@ -11,10 +12,10 @@ export declare const LucideIcons: {
     Farcaster: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
     Warpcast: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
     DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
-    AddColLeft: () => import("react/jsx-runtime").JSX.Element;
-    AddColRight: () => import("react/jsx-runtime").JSX.Element;
-    AddRowBelowLocal: () => import("react/jsx-runtime").JSX.Element;
-    AddRowAboveLocal: () => import("react/jsx-runtime").JSX.Element;
+    AddColLeft: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AddColRight: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AddRowBelowLocal: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AddRowAboveLocal: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     DSheetOnlyText: () => import("react/jsx-runtime").JSX.Element;
     Orb: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
     Lens: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/sheet-engine/react/components/SheetOverlay/LucideIcon.d.ts CHANGED Viewed

@@ -11,10 +11,10 @@ export declare const UltimateIcons: {
     Farcaster: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
     Warpcast: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
     DSheetTextDisabled: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
-    AddColLeft: () => import("react/jsx-runtime").JSX.Element;
-    AddColRight: () => import("react/jsx-runtime").JSX.Element;
-    AddRowBelowLocal: () => import("react/jsx-runtime").JSX.Element;
-    AddRowAboveLocal: () => import("react/jsx-runtime").JSX.Element;
+    AddColLeft: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AddColRight: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AddRowBelowLocal: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AddRowAboveLocal: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     DSheetOnlyText: () => import("react/jsx-runtime").JSX.Element;
     Orb: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;
     Lens: ({ width, height, ...props }: LucideIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/sheet-engine/react/components/SidebarPanelPortals/index.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Context } from '../../../core';
+import { default as WorkbookContext } from '../../context';
+export type SidebarPortalTargets = Record<string, HTMLElement | undefined>;
+export type SidebarPortalRegistryHandle = {
+    getTargets: () => SidebarPortalTargets;
+    subscribe: (onStoreChange: () => void) => () => void;
+};
+export type SidebarPortalRenderer = (workbook: React.ContextType<typeof WorkbookContext>) => React.ReactNode;
+interface SidebarPanelPortalsProps {
+    activePanel: string | null;
+    portalRegistry?: SidebarPortalRegistryHandle | null;
+    extraPortals?: Record<string, SidebarPortalRenderer>;
+}
+export declare function SidebarPanelPortals({ activePanel, portalRegistry, extraPortals, }: Readonly<SidebarPanelPortalsProps>): React.ReactPortal | null;
+export type { Context };

package/dist/sheet-engine/react/components/Workbook/api.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { CellFormatRange } from '../../../core/utils/range-format';
 import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol, GlobalCache, LiveQueryData } from '../../../core';
 import { getCryptoPrice } from '../../utils/cryptoApi';
 import { SetContextOptions } from '../../context';
@@ -148,6 +149,12 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
         } | null;
     }, options?: api.CommonOptions) => void;
     setSheetMapField: (field: string, value: Record<string, any> | null | undefined, options?: api.CommonOptions) => void;
+    /** Merge keys into a map-backed sheet field without replacing the whole map. */
+    patchSheetMapField: (field: string, updates: Record<string, any>, deleteKeys?: string[], options?: api.CommonOptions) => void;
+    /** Merge sub-keys into sheet.config without replacing the whole config object. */
+    setSheetConfigFields: (partial: Record<string, any>, options?: api.CommonOptions & {
+        deleteKeys?: string[];
+    }) => void;
     setSheetConditionFormatRules: (rules: any[], options?: api.CommonOptions) => void;
     scroll: (options: {
         scrollLeft?: number;
@@ -166,7 +173,7 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     calculateSubSheetFormula: (id: string) => void;
     calculateCellReferencedSubSheetFormula: (id: string, refCell?: string[]) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
-    celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number) => CellMatrix | null;
+    celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number, cellFormatRanges?: CellFormatRange[]) => CellMatrix | null;
     insertFunction: (selectedFuncIndex: number, filteredFunctionList: any[], callback?: () => void) => void;
     getLocaleContext: () => any;
     getWorkbookContext: () => Context;

package/dist/sheet-engine/react/components/Workbook/index.d.ts CHANGED Viewed

@@ -1,12 +1,18 @@
 import { Settings, Context, CellWithRowAndCol, Sheet as SheetType, Op, CellMatrix, api } from '../../../core';
+import { ThemeKey } from '../../../core/theme';
 import { default as React } from 'react';
 import { getCryptoPrice } from '../../utils/cryptoApi';
 import { SetContextOptions } from '../../context';
 import { generateAPIs } from './api';
+import { SidebarPortalRegistryHandle, SidebarPortalRenderer } from '../SidebarPanelPortals';
 export type WorkbookInstance = ReturnType<typeof generateAPIs>;
 type AdditionalProps = {
     onOp?: (op: Op[]) => void;
+    sidebarActivePanel?: string | null;
+    sidebarPortalRegistry?: SidebarPortalRegistryHandle | null;
+    sidebarPortalRenderers?: Record<string, SidebarPortalRenderer>;
+    theme?: ThemeKey;
 };
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     applyOp: (ops: Op[]) => void;
@@ -144,6 +150,10 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
         } | null;
     }, options?: api.CommonOptions) => void;
     setSheetMapField: (field: string, value: Record<string, any> | null | undefined, options?: api.CommonOptions) => void;
+    patchSheetMapField: (field: string, updates: Record<string, any>, deleteKeys?: string[], options?: api.CommonOptions) => void;
+    setSheetConfigFields: (partial: Record<string, any>, options?: api.CommonOptions & {
+        deleteKeys?: string[];
+    }) => void;
     setSheetConditionFormatRules: (rules: any[], options?: api.CommonOptions) => void;
     scroll: (options: {
         scrollLeft?: number;
@@ -162,7 +172,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     calculateSubSheetFormula: (id: string) => void;
     calculateCellReferencedSubSheetFormula: (id: string, refCell?: string[]) => void;
     dataToCelldata: (data: CellMatrix | undefined) => CellWithRowAndCol[];
-    celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number) => CellMatrix | null;
+    celldataToData: (celldata: CellWithRowAndCol[], rowCount?: number, colCount?: number, cellFormatRanges?: import('../../../core/utils/range-format').CellFormatRange[]) => CellMatrix | null;
     insertFunction: (selectedFuncIndex: number, filteredFunctionList: any[], callback?: () => void) => void;
     getLocaleContext: () => any;
     getWorkbookContext: () => Context;

package/dist/sheet-engine/react/components/index.d.ts CHANGED Viewed

@@ -3,5 +3,6 @@ import { default as Workbook } from './Workbook';
 export { ERROR_MESSAGES_FLAG, SERVICES_API_KEY, } from '@fileverse-dev/formulajs/crypto-constants';
 export { Workbook };
 export type { WorkbookInstance } from './Workbook';
+export type { SidebarPortalRenderer, SidebarPortalRegistryHandle, SidebarPortalTargets, } from './SidebarPanelPortals';
 export type { Cell, Sheet, LiveQueryData } from '../../core';
 export { markCellChanged as animateChangedCell } from '../../core';

package/dist/sheet-engine/react/utils/datepickerStyles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const datepickerStyles = "\n  .datepicker-toggle {\n    display: inline-block;\n    position: relative;\n    width: 100%;\n  }\n  \n  .datepicker-toggle-button {\n    opacity: 0.3;\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 16px;\n    height: 16px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iNiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMiIgeDI9IjgiIHkyPSI2Ij48L2xpbmU+PGxpbmUgeDE9IjMiIHkxPSIxMCIgeDI9IjIxIiB5Mj0iMTAiPjwvbGluZT48L3N2Zz4=');\n    background-repeat: no-repeat;\n    background-position: center;\n    pointer-events: none;\n  }\n  \n  .datepicker-input {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid #e2e8f0;\n    border-radius: 6px;\n    font-size: 14px;\n    line-height: 1.5;\n    color: #1a202c;\n    background-color: #fff;\n    cursor: pointer;\n  }\n  \n  .datepicker-input::-webkit-calendar-picker-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0;\n  }\n  \n  .datepicker-input:focus {\n    outline: none;\n    border-color: #4299e1;\n    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\n  }\n";
+export declare const datepickerStyles = "\n  .datepicker-toggle {\n    display: inline-block;\n    position: relative;\n    width: 100%;\n  }\n  \n  .datepicker-toggle-button {\n    opacity: 0.3;\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 16px;\n    height: 16px;\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iNiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMiIgeDI9IjgiIHkyPSI2Ij48L2xpbmU+PGxpbmUgeDE9IjMiIHkxPSIxMCIgeDI9IjIxIiB5Mj0iMTAiPjwvbGluZT48L3N2Zz4=');\n    background-repeat: no-repeat;\n    background-position: center;\n    pointer-events: none;\n  }\n  \n  .datepicker-input {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid hsl(var(--color-border-default));\n    border-radius: 6px;\n    font-size: 14px;\n    line-height: 1.5;\n    color: hsl(var(--color-text-default));\n    background-color: hsl(var(--color-bg-default));\n    cursor: pointer;\n    color: hsl(var(--color-text-secondary));\n  }\n  \n  .datepicker-input::-webkit-calendar-picker-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0;\n  }\n  \n  .datepicker-input:focus {\n    outline: none;\n    border-color: #0188fb;\n    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);\n  }\n";
 export declare const injectDatepickerStyles: () => void;