@wheelhouse/ui 0.2.3 → 0.2.5

package/dist/blocks/columns/columns-types.d.ts

@@ -1,11 +1,15 @@
 import type { ReactNode } from 'react';
-import type { DateSelectorValue } from '../date-selector';
+import type { DateSelectorProps, DateSelectorValue } from '../date-selector';
+/** Props forwarded to {@link DateSelector} for date-metric columns. `value` / `onChange` are controlled by Columns. */
+export type ColumnsDateMetricOptions = Omit<DateSelectorProps, 'value' | 'onChange'>;
 export interface ColumnDefinition {
     id: string;
     name: string;
     description?: string;
     /** When true, selecting the row opens the date configuration pane. */
     supportsDateRange?: boolean;
+    /** Merged into DateSelector for this column; overrides `Columns` dateMetricOptions. */
+    dateMetricOptions?: Partial<ColumnsDateMetricOptions>;
     icon?: ReactNode;
 }
 export interface ColumnFieldGroup {
@@ -16,6 +20,11 @@ export type ColumnsFieldsConfig = (ColumnDefinition | ColumnFieldGroup)[];
 export interface SelectedColumn {
     id: string;
     dateRange?: DateSelectorValue;
+    /**
+     * Pin state when pin controls are shown (`false` unpinned, `true` pinned).
+     * When omitted, pin toggle is hidden for that row.
+     */
+    pinned?: boolean;
 }
 export interface ColumnsI18n {
     triggerLabel: string;
@@ -27,6 +36,14 @@ export interface ColumnsI18n {
     columnsSelectedSuffix: (n: number) => string;
     configureDateRangeHint: string;
     done: string;
+    /** Accessible label for the pin control when the column is unpinned. */
+    pinColumn: string;
+    /** Accessible label for the pin control when the column is pinned. */
+    unpinColumn: string;
+    /** Optional heading above the pinned column section. */
+    pinnedHeading: string;
+    /** Optional heading above the unpinned column section. */
+    unpinnedHeading: string;
 }
 export declare const DEFAULT_COLUMNS_I18N: ColumnsI18n;
 export interface ColumnsProps {
@@ -36,5 +53,12 @@ export interface ColumnsProps {
     className?: string;
     popoverContentClassName?: string;
     i18n?: Partial<ColumnsI18n>;
+    /** Default DateSelector options for every `supportsDateRange` column; per-column `dateMetricOptions` override. */
+    dateMetricOptions?: Partial<ColumnsDateMetricOptions>;
+    /**
+     * When true: divider between pinned and unpinned sections (when both exist) and reordering stays within each partition.
+     * When false: full-list reorder; order is normalized to pinned-first after each move. Pin state is per row via `SelectedColumn.pinned`.
+     */
+    lockPinning?: boolean;
 }
 //# sourceMappingURL=columns-types.d.ts.map

package/dist/blocks/columns/columns-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns-types.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,EAAE,CAAC;AAE1E,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,qBAAqB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,EAAE,WASlC,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B"}
+{"version":3,"file":"columns-types.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,uHAAuH;AACvH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAErF,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,EAAE,CAAC;AAE1E,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,qBAAqB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,SAAS,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,EAAE,WAalC,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5B,kHAAkH;IAClH,iBAAiB,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/dist/blocks/columns/columns-types.js

@@ -7,4 +7,8 @@ export const DEFAULT_COLUMNS_I18N = {
     columnsSelectedSuffix: (n) => (n === 1 ? 'column selected' : 'columns selected'),
     configureDateRangeHint: 'Configure date range for this column',
     done: 'Done',
+    pinColumn: 'Pin column',
+    unpinColumn: 'Unpin column',
+    pinnedHeading: 'Pinned',
+    unpinnedHeading: 'Other columns',
 };

package/dist/blocks/columns/columns-utils.d.ts

@@ -1,5 +1,35 @@
 import type { DateSelectorValue } from '../date-selector';
-import type { ColumnDefinition, ColumnsFieldsConfig } from './columns-types';
+import type { ColumnDefinition, ColumnsFieldsConfig, SelectedColumn } from './columns-types';
+/** Result of splitting `value` into pinned (prefix) and unpinned (suffix) partitions. */
+export type SplitPinnedPrefixResult = {
+    pinned: SelectedColumn[];
+    unpinned: SelectedColumn[];
+};
+/**
+ * Splits selected columns into pinned vs unpinned rows in display order.
+ * Uses `pinned === true` for the pinned partition; all other rows go to unpinned.
+ * This fixes malformed arrays where pinned rows are not contiguous at the front.
+ */
+export declare function splitPinnedPrefix(value: SelectedColumn[]): SplitPinnedPrefixResult;
+/** Contiguous `pinned` rows from the start of `value` (display boundary for locked drag + section split). */
+export declare function pinnedPrefixLength(value: SelectedColumn[]): number;
+/** Concatenates partitions in pinned-first order. */
+export declare function mergePinnedPartitions(pinned: SelectedColumn[], unpinned: SelectedColumn[]): SelectedColumn[];
+/**
+ * Reorders to pinned-first and sets explicit `pinned` flags on every row.
+ */
+export declare function normalizePinnedColumnOrder(value: SelectedColumn[]): SelectedColumn[];
+/**
+ * Toggles `pinned` for the column with `id`, moving it to the end of the pinned block
+ * when pinning or to the start of the unpinned block when unpinning.
+ * Unknown ids return a shallow copy of `value` unchanged.
+ */
+export declare function toggleColumnPinned(value: SelectedColumn[], id: string): SelectedColumn[];
+/**
+ * Applies a reorder from sortable indices; returns `null` when the move is invalid or a no-op.
+ * With `lockPinning`, moves across the contiguous pinned / unpinned boundary are rejected.
+ */
+export declare function reorderColumnsSelection(value: SelectedColumn[], lockPinning: boolean, activeIndex: number, overIndex: number): SelectedColumn[] | null;
 /** Secondary label for sortable rows: rolling presets and custom period summaries (e.g. `2024 Q2`). */
 export declare function formatColumnDateRangeSecondary(value: DateSelectorValue): string | null;
 export declare function flattenColumns(fields: ColumnsFieldsConfig): ColumnDefinition[];

package/dist/blocks/columns/columns-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns-utils.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns-utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAoB,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE/F,uGAAuG;AACvG,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,GAAG,IAAI,CAoDtF;AAMD,wBAAgB,cAAc,CAAC,MAAM,EAAE,mBAAmB,GAAG,gBAAgB,EAAE,CAO9E;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;AAErF,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,GAAG,kBAAkB,EAAE,CAWrF;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAE5E;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAS5F"}
+{"version":3,"file":"columns-utils.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns-utils.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAoB,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE/G,yFAAyF;AACzF,MAAM,MAAM,uBAAuB,GAAG;IAClC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,uBAAuB,CAWlF;AAED,6GAA6G;AAC7G,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,MAAM,CAOlE;AAED,qDAAqD;AACrD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAE5G;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAGpF;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,cAAc,EAAE,CAoBxF;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,IAAI,CAatJ;AAED,uGAAuG;AACvG,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,GAAG,IAAI,CAoDtF;AAMD,wBAAgB,cAAc,CAAC,MAAM,EAAE,mBAAmB,GAAG,gBAAgB,EAAE,CAO9E;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;AAErF,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,GAAG,kBAAkB,EAAE,CAWrF;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAE5E;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAS5F"}

package/dist/blocks/columns/columns-utils.js

@@ -1,5 +1,90 @@
+import { arrayMove } from '@dnd-kit/sortable';
 import { format } from 'date-fns';
-import { DEFAULT_DATE_SELECTOR_I18N, getRollingSummaryLabel } from '../date-selector';
+import { DEFAULT_DATE_SELECTOR_I18N } from '../date-selector/date-selector-types';
+import { getRollingSummaryLabel } from '../date-selector/date-selector-value';
+/**
+ * Splits selected columns into pinned vs unpinned rows in display order.
+ * Uses `pinned === true` for the pinned partition; all other rows go to unpinned.
+ * This fixes malformed arrays where pinned rows are not contiguous at the front.
+ */
+export function splitPinnedPrefix(value) {
+    const pinned = [];
+    const unpinned = [];
+    for (const col of value) {
+        if (col.pinned === true) {
+            pinned.push(col);
+        }
+        else {
+            unpinned.push(col);
+        }
+    }
+    return { pinned, unpinned };
+}
+/** Contiguous `pinned` rows from the start of `value` (display boundary for locked drag + section split). */
+export function pinnedPrefixLength(value) {
+    let n = 0;
+    for (const row of value) {
+        if (row.pinned === true)
+            n++;
+        else
+            break;
+    }
+    return n;
+}
+/** Concatenates partitions in pinned-first order. */
+export function mergePinnedPartitions(pinned, unpinned) {
+    return [...pinned, ...unpinned];
+}
+/**
+ * Reorders to pinned-first and sets explicit `pinned` flags on every row.
+ */
+export function normalizePinnedColumnOrder(value) {
+    const { pinned, unpinned } = splitPinnedPrefix(value);
+    return [...pinned.map((c) => ({ ...c, pinned: true })), ...unpinned.map((c) => ({ ...c, pinned: false }))];
+}
+/**
+ * Toggles `pinned` for the column with `id`, moving it to the end of the pinned block
+ * when pinning or to the start of the unpinned block when unpinning.
+ * Unknown ids return a shallow copy of `value` unchanged.
+ */
+export function toggleColumnPinned(value, id) {
+    const { pinned: p0, unpinned: u0 } = splitPinnedPrefix(value);
+    const pinned = [...p0];
+    const unpinned = [...u0];
+    const pi = pinned.findIndex((c) => c.id === id);
+    if (pi >= 0) {
+        const [row] = pinned.splice(pi, 1);
+        unpinned.unshift({ ...row, pinned: false });
+        return mergePinnedPartitions(pinned, unpinned);
+    }
+    const ui = unpinned.findIndex((c) => c.id === id);
+    if (ui >= 0) {
+        const [row] = unpinned.splice(ui, 1);
+        pinned.push({ ...row, pinned: true });
+        return mergePinnedPartitions(pinned, unpinned);
+    }
+    return value;
+}
+/**
+ * Applies a reorder from sortable indices; returns `null` when the move is invalid or a no-op.
+ * With `lockPinning`, moves across the contiguous pinned / unpinned boundary are rejected.
+ */
+export function reorderColumnsSelection(value, lockPinning, activeIndex, overIndex) {
+    if (activeIndex < 0 || overIndex < 0 || activeIndex === overIndex)
+        return null;
+    const pc = pinnedPrefixLength(value);
+    if (lockPinning) {
+        const activeInPinned = activeIndex < pc;
+        const overInPinned = overIndex < pc;
+        if (activeInPinned !== overInPinned)
+            return null;
+    }
+    let next = arrayMove(value, activeIndex, overIndex);
+    if (!lockPinning) {
+        next = normalizePinnedColumnOrder(next);
+    }
+    return next;
+}
 /** Secondary label for sortable rows: rolling presets and custom period summaries (e.g. `2024 Q2`). */
 export function formatColumnDateRangeSecondary(value) {
     const i18n = DEFAULT_DATE_SELECTOR_I18N;

package/dist/blocks/columns/columns.d.ts

@@ -1,3 +1,3 @@
 import type { ColumnsProps } from './columns-types';
-export declare function Columns({ columns, value, onChange, className, popoverContentClassName, i18n: i18nPartial }: ColumnsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Columns({ columns, value, onChange, className, popoverContentClassName, i18n: i18nPartial, dateMetricOptions: dateMetricOptionsProp, lockPinning, }: ColumnsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=columns.d.ts.map

package/dist/blocks/columns/columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAC;AAIpE,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,YAAY,2CA2RxH"}
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA4B,YAAY,EAAkB,MAAM,iBAAiB,CAAC;AAsB9F,wBAAgB,OAAO,CAAC,EACpB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,uBAAuB,EACvB,IAAI,EAAE,WAAW,EACjB,iBAAiB,EAAE,qBAAqB,EACxC,WAAmB,GACtB,EAAE,YAAY,2CA+Wd"}

package/dist/blocks/columns/columns.js

@@ -1,7 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from 'react';
-import { ChevronDown, ChevronRight, Columns3, GripVertical, X } from 'lucide-react';
+import { closestCenter } from '@dnd-kit/core';
+import { ChevronDown, ChevronRight, Columns3, GripVertical, Pin, PinOff, X } from 'lucide-react';
 import { Button } from '../../components/button';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../components/collapsible';
 import { Popover, PopoverContent, PopoverTrigger } from '../../components/popover';
@@ -11,8 +12,18 @@ import { Sortable, SortableItem, SortableItemHandle } from '../../components/sor
 import { cn } from '../../lib/utils';
 import { DateSelector } from '../date-selector';
 import { DEFAULT_COLUMNS_I18N } from './columns-types';
-import { buildColumnMap, formatColumnDateRangeSecondary, parseColumnSections } from './columns-utils';
-export function Columns({ columns, value, onChange, className, popoverContentClassName, i18n: i18nPartial }) {
+import { buildColumnMap, formatColumnDateRangeSecondary, parseColumnSections, pinnedPrefixLength, reorderColumnsSelection, toggleColumnPinned, } from './columns-utils';
+const DEFAULT_DATE_METRIC_OPTIONS = {
+    showRollingPresets: true,
+    periodTypes: ['day', 'month', 'quarter', 'year'],
+    separateDayPeriod: true,
+    showInput: false,
+    showOperators: false,
+    defaultPeriodType: 'day',
+    defaultFilterType: 'between',
+    fillHeight: true,
+};
+export function Columns({ columns, value, onChange, className, popoverContentClassName, i18n: i18nPartial, dateMetricOptions: dateMetricOptionsProp, lockPinning = false, }) {
     const i18n = useMemo(() => ({ ...DEFAULT_COLUMNS_I18N, ...i18nPartial }), [i18nPartial]);
     const columnMap = useMemo(() => buildColumnMap(columns), [columns]);
     const sections = useMemo(() => parseColumnSections(columns), [columns]);
@@ -21,6 +32,15 @@ export function Columns({ columns, value, onChange, className, popoverContentCla
     const selectedIdSet = useMemo(() => new Set(value.map((v) => v.id)), [value]);
     const activeDef = activeColumnId ? columnMap[activeColumnId] : undefined;
     const showRightPanel = Boolean(activeDef?.supportsDateRange && activeColumnId && selectedIdSet.has(activeColumnId));
+    const mergedDateMetricOptions = useMemo(() => {
+        const colOpts = activeDef?.supportsDateRange ? activeDef.dateMetricOptions : undefined;
+        return {
+            ...DEFAULT_DATE_METRIC_OPTIONS,
+            ...dateMetricOptionsProp,
+            ...colOpts,
+        };
+    }, [activeDef, dateMetricOptionsProp]);
+    const { className: dateMetricClassName, ...dateSelectorProps } = mergedDateMetricOptions;
     const activeSelected = activeColumnId ? value.find((s) => s.id === activeColumnId) : undefined;
     const activeDateRange = activeSelected?.dateRange;
     const handleOpenChange = useCallback((next) => {
@@ -48,23 +68,64 @@ export function Columns({ columns, value, onChange, className, popoverContentCla
     const handleRowActivate = useCallback((id) => {
         setActiveColumnId(id);
     }, []);
+    const pinnedPrefixLen = useMemo(() => pinnedPrefixLength(value), [value]);
+    const unpinnedCount = value.length - pinnedPrefixLen;
+    const lockedPartitionCollision = useMemo(() => {
+        if (!lockPinning)
+            return undefined;
+        return (args) => {
+            const collisions = closestCenter(args);
+            const pc = pinnedPrefixLength(value);
+            const activeIdx = value.findIndex((item) => item.id === String(args.active.id));
+            if (activeIdx < 0 || !collisions?.length)
+                return collisions;
+            const activeInPinned = activeIdx < pc;
+            const filtered = collisions.filter((c) => {
+                const overIdx = value.findIndex((item) => item.id === String(c.id));
+                if (overIdx < 0)
+                    return false;
+                return overIdx < pc === activeInPinned;
+            });
+            return filtered;
+        };
+    }, [lockPinning, value]);
+    const handleTogglePin = useCallback((id) => {
+        onChange(toggleColumnPinned(value, id));
+    }, [onChange, value]);
+    const handleColumnsMove = useCallback(({ activeIndex, overIndex }) => {
+        const next = reorderColumnsSelection(value, lockPinning, activeIndex, overIndex);
+        if (next)
+            onChange(next);
+    }, [value, onChange, lockPinning]);
     const count = value.length;
-    return (_jsx("div", { className: cn(className), children: _jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "gap-2 font-normal", "aria-expanded": open, "aria-haspopup": "dialog" }), children: [_jsx(Columns3, { className: "size-4 text-primary", "aria-hidden": true }), _jsxs("span", { className: "text-sm", children: [i18n.triggerLabel, " \u00B7 ", i18n.triggerCount(count)] }), _jsx(ChevronDown, { className: "size-4 opacity-60", "aria-hidden": true })] }), _jsx(PopoverContent, { align: "start", className: cn('w-auto max-w-[min(100vw-2rem,720px)] gap-0 overflow-hidden p-0 shadow-lg ring-1 ring-foreground/10', showRightPanel ? 'min-w-[min(100vw-2rem,720px)]' : 'min-w-[min(100vw-2rem,340px)]', popoverContentClassName), children: _jsxs("div", { className: "flex max-h-[min(85vh,560px)] min-h-0", children: [_jsxs("div", { className: cn('flex min-h-0 min-w-0 flex-1 flex-col border-e border-border', showRightPanel ? 'max-w-[340px]' : 'w-full max-w-[360px]'), children: [_jsx("div", { className: "shrink-0 space-y-1 border-b border-border px-3 py-2.5", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: i18n.addColumnsTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: i18n.addColumnsSubtitle })] }), _jsx("button", { type: "button", onClick: clearAll, disabled: count === 0, className: "shrink-0 text-xs font-medium text-primary hover:underline disabled:pointer-events-none disabled:opacity-40", children: i18n.clearAll })] }) }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: _jsxs("div", { className: "flex flex-col gap-2 px-3 py-2", children: [value.length > 0 ? (_jsx(Sortable, { value: value, onValueChange: onChange, getItemValue: (item) => item.id, className: "flex flex-col gap-2", children: value.map((row) => {
-                                                        const def = columnMap[row.id];
-                                                        if (!def)
-                                                            return null;
-                                                        const isActive = activeColumnId === row.id;
-                                                        const secondary = row.dateRange && def.supportsDateRange ? formatColumnDateRangeSecondary(row.dateRange) : null;
-                                                        const showHighlight = isActive && def.supportsDateRange;
-                                                        return (_jsxs(SortableItem, { value: row.id, className: cn('flex min-w-0 items-center gap-2 rounded-md border px-2 py-1.5 text-sm shadow-xs transition-colors', showHighlight
-                                                                ? 'border-primary bg-primary text-primary-foreground'
-                                                                : isActive
-                                                                    ? 'border-primary/40 bg-primary/5'
-                                                                    : 'border-border bg-card text-card-foreground'), children: [_jsx(SortableItemHandle, { className: cn('shrink-0 touch-none', showHighlight ? 'text-primary-foreground/80' : 'text-muted-foreground'), "aria-label": `Reorder ${def.name}`, children: _jsx(GripVertical, { className: "size-4", strokeWidth: 2.5 }) }), _jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-1.5 text-start", onClick: () => handleRowActivate(row.id), children: [_jsx("span", { className: cn('truncate font-medium', !secondary && 'flex-1'), children: def.name }), secondary ? (_jsxs("span", { className: cn('truncate text-xs', showHighlight ? 'text-primary-foreground/85' : 'text-muted-foreground'), children: ["\u00B7 ", secondary] })) : null] }), _jsx("button", { type: "button", className: cn('shrink-0 rounded-sm p-0.5 outline-none hover:bg-black/10 focus-visible:ring-2 focus-visible:ring-ring', showHighlight && 'hover:bg-white/15'), "aria-label": `Remove ${def.name}`, onClick: (e) => {
-                                                                        e.stopPropagation();
-                                                                        removeColumn(row.id);
-                                                                    }, children: _jsx(X, { className: "size-4" }) })] }, row.id));
-                                                    }) })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: "No columns selected." })), _jsx(Separator, { className: "my-1" }), _jsx("div", { className: "flex flex-col gap-2 pb-2", children: sections.map((section, si) => {
+    return (_jsx("div", { className: cn(className), children: _jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "gap-2 font-normal", "aria-expanded": open, "aria-haspopup": "dialog" }), children: [_jsx(Columns3, { className: "size-4 text-primary", "aria-hidden": true }), _jsxs("span", { className: "text-sm", children: [i18n.triggerLabel, " \u00B7 ", i18n.triggerCount(count)] }), _jsx(ChevronDown, { className: "size-4 opacity-60", "aria-hidden": true })] }), _jsx(PopoverContent, { align: "start", className: cn('w-auto max-w-[min(100vw-2rem,720px)] gap-0 overflow-hidden p-0 shadow-lg ring-1 ring-foreground/10', showRightPanel ? 'min-w-[min(100vw-2rem,720px)]' : 'min-w-[min(100vw-2rem,340px)]', popoverContentClassName), children: _jsxs("div", { className: "flex max-h-[min(85vh,560px)] min-h-0", children: [_jsxs("div", { className: cn('flex min-h-0 min-w-0 flex-1 flex-col border-e border-border', showRightPanel ? 'max-w-[340px]' : 'w-full max-w-[360px]'), children: [_jsx("div", { className: "shrink-0 space-y-1 border-b border-border px-3 py-2.5", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: i18n.addColumnsTitle }), _jsx("p", { className: "text-xs text-muted-foreground", children: i18n.addColumnsSubtitle })] }), _jsx("button", { type: "button", onClick: clearAll, disabled: count === 0, className: "shrink-0 text-xs font-medium text-primary hover:underline disabled:pointer-events-none disabled:opacity-40", children: i18n.clearAll })] }) }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: _jsxs("div", { className: "flex flex-col gap-2 px-3 py-2", children: [value.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-2", children: [lockPinning && pinnedPrefixLen > 0 ? (_jsx("p", { className: "px-0.5 text-xs font-medium text-muted-foreground", children: i18n.pinnedHeading })) : null, _jsx(Sortable, { value: value, onValueChange: onChange, getItemValue: (item) => item.id, onMove: handleColumnsMove, collisionDetection: lockedPartitionCollision, className: "flex flex-col gap-2", children: value.flatMap((row, index) => {
+                                                                const def = columnMap[row.id];
+                                                                if (!def)
+                                                                    return [];
+                                                                const isActive = activeColumnId === row.id;
+                                                                const secondary = row.dateRange && def.supportsDateRange ? formatColumnDateRangeSecondary(row.dateRange) : null;
+                                                                const showHighlight = isActive && def.supportsDateRange;
+                                                                const isPinned = row.pinned === true;
+                                                                const showSectionDivider = lockPinning && pinnedPrefixLen > 0 && unpinnedCount > 0 && index === pinnedPrefixLen;
+                                                                const item = (_jsxs(SortableItem, { value: row.id, className: cn('flex min-w-0 items-center gap-2 rounded-md border px-2 py-1.5 text-sm shadow-xs transition-colors', showHighlight
+                                                                        ? 'border-primary bg-primary text-primary-foreground'
+                                                                        : isActive
+                                                                            ? 'border-primary/40 bg-primary/5'
+                                                                            : 'border-border bg-card text-card-foreground'), children: [_jsx(SortableItemHandle, { className: cn('shrink-0 touch-none', showHighlight ? 'text-primary-foreground/80' : 'text-muted-foreground'), "aria-label": `Reorder ${def.name}`, children: _jsx(GripVertical, { className: "size-4", strokeWidth: 2.5 }) }), !lockPinning && row.pinned !== undefined ? (_jsx("button", { type: "button", className: cn('shrink-0 rounded-sm p-0.5 outline-none hover:bg-black/10 focus-visible:ring-2 focus-visible:ring-ring', showHighlight && 'hover:bg-white/15'), "aria-pressed": isPinned, "aria-label": isPinned ? i18n.unpinColumn : i18n.pinColumn, onClick: (e) => {
+                                                                                e.stopPropagation();
+                                                                                handleTogglePin(row.id);
+                                                                            }, children: isPinned ? (_jsx(PinOff, { className: "size-4", "aria-hidden": true })) : (_jsx(Pin, { className: "size-4 opacity-70", "aria-hidden": true })) })) : null, _jsxs("button", { type: "button", className: "flex min-w-0 flex-1 items-center gap-1.5 text-start", onClick: () => handleRowActivate(row.id), children: [_jsx("span", { className: cn('truncate font-medium', !secondary && 'flex-1'), children: def.name }), secondary ? (_jsxs("span", { className: cn('truncate text-xs', showHighlight ? 'text-primary-foreground/85' : 'text-muted-foreground'), children: ["\u00B7 ", secondary] })) : null] }), _jsx("button", { type: "button", className: cn('shrink-0 rounded-sm p-0.5 outline-none hover:bg-black/10 focus-visible:ring-2 focus-visible:ring-ring', showHighlight && 'hover:bg-white/15'), "aria-label": `Remove ${def.name}`, onClick: (e) => {
+                                                                                e.stopPropagation();
+                                                                                removeColumn(row.id);
+                                                                            }, children: _jsx(X, { className: "size-4" }) })] }, row.id));
+                                                                if (showSectionDivider) {
+                                                                    return [
+                                                                        _jsxs("div", { className: "flex flex-col gap-2 px-0.5 pt-0.5", children: [_jsx(Separator, { className: "bg-border" }), _jsx("p", { className: "text-xs font-medium text-muted-foreground", children: i18n.unpinnedHeading })] }, `columns-unpinned-heading-${row.id}`),
+                                                                        item,
+                                                                    ];
+                                                                }
+                                                                return [item];
+                                                            }) })] })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: "No columns selected." })), _jsx(Separator, { className: "my-1" }), _jsx("div", { className: "flex flex-col gap-2 pb-2", children: sections.map((section, si) => {
                                                         const available = section.fields.filter((f) => !selectedIdSet.has(f.id));
                                                         if (available.length === 0)
                                                             return null;
@@ -75,5 +136,5 @@ export function Columns({ columns, value, onChange, className, popoverContentCla
                                                         }
                                                         const heading = section.groupLabel ?? (available.length > 1 ? 'Columns' : (available[0]?.name ?? 'Columns'));
                                                         return (_jsxs(Collapsible, { defaultOpen: true, className: "flex flex-col gap-1", children: [_jsxs(CollapsibleTrigger, { className: "group flex w-full items-center gap-2 rounded-md px-1 py-1.5 text-start text-sm font-medium hover:bg-muted/80", type: "button", children: [available[0]?.icon, _jsx("span", { className: "min-w-0 flex-1 truncate", children: heading }), _jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[panel-open]:rotate-90" })] }), _jsx(CollapsibleContent, { className: "flex flex-col gap-0.5 ps-1", children: available.map((field) => (_jsx("button", { type: "button", className: "rounded-md px-2 py-1.5 text-start text-sm text-foreground hover:bg-accent hover:text-accent-foreground", onClick: () => addColumn(field.id), children: field.name }, field.id))) })] }, si));
-                                                    }) })] }) }), _jsxs("div", { className: "shrink-0 border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-primary tabular-nums", children: count }), " ", i18n.columnsSelectedSuffix(count)] })] }), showRightPanel && activeColumnId && activeDef?.supportsDateRange ? (_jsxs("div", { className: "flex min-h-0 w-[min(100%,380px)] min-w-[280px] flex-1 flex-col border-border bg-popover", children: [_jsxs("div", { className: "flex shrink-0 items-start justify-between gap-2 border-b border-border px-3 py-2.5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: activeDef.name }), _jsx("p", { className: "text-xs text-muted-foreground", children: activeDef.description ?? i18n.configureDateRangeHint })] }), _jsx("button", { type: "button", className: "shrink-0 rounded-sm p-1 text-muted-foreground hover:bg-muted hover:text-foreground", "aria-label": "Close configuration", onClick: () => setActiveColumnId(null), children: _jsx(X, { className: "size-4" }) })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx("div", { className: "flex min-h-0 flex-1 flex-col p-3", children: _jsx(DateSelector, { value: activeDateRange, onChange: (next) => updateSelectedDateRange(activeColumnId, next), showRollingPresets: true, periodTypes: ['day', 'month', 'quarter', 'year'], separateDayPeriod: true, showInput: false, showOperators: false, defaultPeriodType: "day", defaultFilterType: "between", fillHeight: true, className: "min-h-0 max-w-none flex-1" }) }) }), _jsx("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t border-border px-3 py-2.5", children: _jsx(Button, { type: "button", size: "sm", onClick: () => setActiveColumnId(null), children: i18n.done }) })] })) : null] }) })] }) }));
+                                                    }) })] }) }), _jsxs("div", { className: "shrink-0 border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-primary tabular-nums", children: count }), " ", i18n.columnsSelectedSuffix(count)] })] }), showRightPanel && activeColumnId && activeDef?.supportsDateRange ? (_jsxs("div", { className: "flex min-h-0 w-[min(100%,380px)] min-w-[280px] flex-1 flex-col border-border bg-popover", children: [_jsxs("div", { className: "flex shrink-0 items-start justify-between gap-2 border-b border-border px-3 py-2.5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: activeDef.name }), _jsx("p", { className: "text-xs text-muted-foreground", children: activeDef.description ?? i18n.configureDateRangeHint })] }), _jsx("button", { type: "button", className: "shrink-0 rounded-sm p-1 text-muted-foreground hover:bg-muted hover:text-foreground", "aria-label": "Close configuration", onClick: () => setActiveColumnId(null), children: _jsx(X, { className: "size-4" }) })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx("div", { className: "flex min-h-0 flex-1 flex-col p-3", children: _jsx(DateSelector, { ...dateSelectorProps, value: activeDateRange, onChange: (next) => updateSelectedDateRange(activeColumnId, next), className: cn('min-h-0 max-w-none flex-1', dateMetricClassName) }) }) }), _jsx("div", { className: "flex shrink-0 items-center justify-end gap-2 border-t border-border px-3 py-2.5", children: _jsx(Button, { type: "button", size: "sm", onClick: () => setActiveColumnId(null), children: i18n.done }) })] })) : null] }) })] }) }));
 }

package/dist/blocks/columns/columns.stories.d.ts

@@ -9,4 +9,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const PinningLocked: Story;
 //# sourceMappingURL=columns.stories.d.ts.map

package/dist/blocks/columns/columns.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns.stories.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqEvD,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"columns.stories.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/columns.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA6FvD,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/dist/blocks/columns/columns.stories.js

@@ -49,11 +49,28 @@ const catalog = [
         ].map((f) => ({ ...f, icon: _jsx(BarChart3, { className: "size-4 text-muted-foreground", "aria-hidden": true }) })),
     },
 ];
-const initialSelected = [{ id: 'bedrooms' }, { id: 'bathrooms' }, { id: 'occupancy', dateRange: rolling180 }, { id: 'adr' }];
+const initialSelected = [
+    { id: 'bedrooms', pinned: false },
+    { id: 'bathrooms', pinned: false },
+    { id: 'occupancy', dateRange: rolling180, pinned: false },
+    { id: 'adr', pinned: false },
+];
+/** Pinned-first order: pinned prefix, then unpinned. */
+const initialPinningLocked = [
+    { id: 'bedrooms', pinned: true },
+    { id: 'address', pinned: true },
+    { id: 'bathrooms' },
+    { id: 'occupancy', dateRange: rolling180 },
+    { id: 'adr' },
+];
 function ColumnsPlayground() {
     const [value, setValue] = useState(initialSelected);
     return (_jsx("div", { className: "p-6", children: _jsx(Columns, { columns: catalog, value: value, onChange: setValue }) }));
 }
+function ColumnsPinningLockedPlayground() {
+    const [value, setValue] = useState(initialPinningLocked);
+    return (_jsx("div", { className: "p-6", children: _jsx(Columns, { columns: catalog, value: value, onChange: setValue, lockPinning: true }) }));
+}
 const meta = {
     title: 'Blocks/Columns',
     tags: ['autodocs'],
@@ -65,3 +82,6 @@ export default meta;
 export const Default = {
     render: () => _jsx(ColumnsPlayground, {}),
 };
+export const PinningLocked = {
+    render: () => _jsx(ColumnsPinningLockedPlayground, {}),
+};

package/dist/blocks/columns/index.d.ts

@@ -1,5 +1,5 @@
 export { Columns } from './columns';
-export type { ColumnDefinition, ColumnFieldGroup, ColumnsFieldsConfig, ColumnsI18n, ColumnsProps, SelectedColumn } from './columns-types';
+export type { ColumnDefinition, ColumnFieldGroup, ColumnsDateMetricOptions, ColumnsFieldsConfig, ColumnsI18n, ColumnsProps, SelectedColumn, } from './columns-types';
 export { DEFAULT_COLUMNS_I18N } from './columns-types';
 export { buildColumnMap, flattenColumns, formatColumnDateRangeSecondary, hasTopLevelColumnGroups, parseColumnSections } from './columns-utils';
 export type { ColumnsMenuSection } from './columns-utils';

package/dist/blocks/columns/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC1I,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,8BAA8B,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC/I,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/columns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,cAAc,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,8BAA8B,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC/I,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/blocks/floating-menu-widget/floating-menu-widget.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type PopoverTriggerProps } from '../../components/popover';
+export type FloatingMenuWidgetRenderTrigger = NonNullable<PopoverTriggerProps['render']>;
+export type FloatingMenuWidgetInset = {
+    right: number;
+    bottom: number;
+};
+export type FloatingMenuWidgetProps = Omit<React.ComponentProps<'div'>, 'children'> & {
+    children: React.ReactNode;
+    menuTitle: string;
+    menuDescription?: string;
+    triggerIcon?: React.ReactNode;
+    renderTrigger?: FloatingMenuWidgetRenderTrigger;
+    /** Set `false` when `renderTrigger` is not a native `<button>`. */
+    triggerNativeButton?: boolean;
+    defaultInset?: Partial<FloatingMenuWidgetInset>;
+    /** Unique key for persisting position in `localStorage`. */
+    positionStorageKey?: string;
+    /** Long-press to drag. */
+    draggable?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+declare function FloatingMenuWidget({ children, menuTitle, menuDescription, triggerIcon, renderTrigger, triggerNativeButton, defaultInset, positionStorageKey, draggable, open: openControlled, onOpenChange: onOpenChangeControlled, className, ...rest }: FloatingMenuWidgetProps): import("react/jsx-runtime").JSX.Element;
+export { FloatingMenuWidget };
+//# sourceMappingURL=floating-menu-widget.d.ts.map

package/dist/blocks/floating-menu-widget/floating-menu-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-menu-widget.d.ts","sourceRoot":"","sources":["../../../src/blocks/floating-menu-widget/floating-menu-widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAA2C,KAAK,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAS7G,MAAM,MAAM,+BAA+B,GAAG,WAAW,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEzF,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,+BAA+B,CAAC;IAChD,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAChD,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AA0BF,iBAAS,kBAAkB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,WAAyC,EACzC,aAAa,EACb,mBAA0B,EAC1B,YAAY,EACZ,kBAAkB,EAClB,SAAgB,EAChB,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,SAAS,EACT,GAAG,IAAI,EACV,EAAE,uBAAuB,2CAwOzB;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}