@adaptabletools/adaptable 24.0.0-canary.6 → 24.0.0-canary.8

package/vendor/components/ColorField/index.d.ts

@@ -0,0 +1,53 @@
+import { type ReactNode } from 'react';
+import { type ColorPickerColourLists, type ColorPickerTab, type ColorPickerTabName } from '../ColorPicker';
+export type ColorFieldProps = {
+    /**
+     * CSS colour — a theme token as `var(--ab-color-…)` or a custom hex;
+     * `undefined` means "not set" (the cell keeps its default).
+     */
+    value: string | undefined;
+    onChange: (value: string | undefined) => void;
+    /** Whether the colour can go back to "not set"; default `true`. */
+    clearable?: boolean;
+    disabled?: boolean;
+    /** Where the precise picker starts while nothing is set (a hex or a theme token). */
+    defaultColor?: string;
+    /** Whether a custom colour can have opacity; default `true`. */
+    includeAlpha?: boolean;
+    /** Default `'Custom'`. */
+    preciseTabLabel?: ReactNode;
+    /** Default `'Palette'`. */
+    colorsTabLabel?: ReactNode;
+    /** The picker tabs, in order; see `ColorPickerProps.tabs`. */
+    tabs?: readonly ColorPickerTabName[];
+    /** Order the swatches around the colour wheel; see `ColorPickerProps.orderPaletteColours`. */
+    orderPaletteColours?: boolean;
+    /** Leave out a swatch that paints the same hex as one already listed. */
+    removeDuplicates?: boolean;
+    /** Which supplied colours to show; see `ColorPickerProps.filterColours`. */
+    filterColours?: (colours: ColorPickerColourLists) => ColorPickerColourLists | void;
+    /** Theme and Palette headings when both groups have colours. */
+    showGroupLabels?: boolean;
+    /** The tab the picker opens on; see `ColorPickerProps.defaultTab`. */
+    defaultTab?: ColorPickerTab;
+    /** The picker tab shown, for a controlled picker; see `ColorPickerProps.tab`. */
+    tab?: ColorPickerTab;
+    /** When the user switches picker tabs. */
+    onTabChange?: (tab: ColorPickerTab) => void;
+    /** Mount node for the picker popover; the overlay host's by default. */
+    container?: HTMLElement | null;
+    /** Tooltip on the swatch button. */
+    title?: string;
+    id?: string;
+    className?: string;
+    'data-name': string;
+};
+/**
+ * The colour input: a swatch that opens the {@link ColorPicker} — the
+ * Adaptable theme colours (stored as `var(--ab-color-…)` so they follow the
+ * theme) or a precise colour — with a clear button so a colour can go back to
+ * "not set" instead of being stuck on the last pick. Unset shows a
+ * transparency checkerboard rather than a fake grey.
+ */
+export declare function ColorField(props: ColorFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/vendor/components/ColorField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAIpE,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,kBAAkB,EAExB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,2BAA2B;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACrC,8FAA8F;IAC9F,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,sBAAsB,GAAG,IAAI,CAAC;IACnF,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sEAAsE;IACtE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iFAAiF;IACjF,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,wEAAwE;IACxE,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAwEF;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BA4EhD"}

package/vendor/components/ColorField/index.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { X } from 'lucide-react';
+import { Button } from '../Button';
+import { CHECKERBOARD, ColorPicker, describeColor, } from '../ColorPicker';
+import { cn } from '../lib/utils';
+import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
+/**
+ * Dragging in the precise picker fires a change for every pixel. Committing
+ * each one restyles the grid (and persists state) at 60 Hz, which is what
+ * makes the swatch lag behind the cursor. Instead the field shows its own
+ * draft immediately and hands the latest colour to the host at most once per
+ * `COMMIT_INTERVAL`, plus once more when it unmounts mid-drag.
+ */
+const COMMIT_INTERVAL = 100;
+function useDraftColor(value, onChange) {
+    const [draft, setDraft] = useState(value);
+    const pending = useRef(null);
+    const timer = useRef(null);
+    const latestOnChange = useRef(onChange);
+    latestOnChange.current = onChange;
+    const flush = () => {
+        timer.current = null;
+        if (pending.current) {
+            const { value: next } = pending.current;
+            pending.current = null;
+            latestOnChange.current(next);
+        }
+    };
+    const cancel = () => {
+        if (timer.current) {
+            clearTimeout(timer.current);
+            timer.current = null;
+        }
+        pending.current = null;
+    };
+    // Follow the host (clear button, undo, another editor) — but not while a
+    // newer draft is still waiting to be committed.
+    useEffect(() => {
+        if (!pending.current) {
+            setDraft(value);
+        }
+    }, [value]);
+    useEffect(() => () => {
+        if (timer.current) {
+            clearTimeout(timer.current);
+            flush();
+        }
+    }, []);
+    /** Continuous input: shown now, committed on the interval. */
+    const setColor = (next) => {
+        setDraft(next);
+        pending.current = { value: next };
+        if (timer.current === null) {
+            timer.current = setTimeout(flush, COMMIT_INTERVAL);
+        }
+    };
+    /** Discrete choice (a swatch, a typed hex, clear): committed right away. */
+    const commit = (next) => {
+        cancel();
+        setDraft(next);
+        latestOnChange.current(next);
+    };
+    return { draft, setColor, commit };
+}
+/**
+ * The colour input: a swatch that opens the {@link ColorPicker} — the
+ * Adaptable theme colours (stored as `var(--ab-color-…)` so they follow the
+ * theme) or a precise colour — with a clear button so a colour can go back to
+ * "not set" instead of being stuck on the last pick. Unset shows a
+ * transparency checkerboard rather than a fake grey.
+ */
+export function ColorField(props) {
+    const { clearable = true, disabled = false } = props;
+    const dataName = props['data-name'];
+    const { draft: value, setColor, commit } = useDraftColor(props.value, props.onChange);
+    const [open, setOpen] = useState(false);
+    return (_jsxs("div", { className: cn('twa:flex twa:h-input twa:min-w-0 twa:items-center twa:gap-1.5', disabled && 'twa:opacity-50', props.className), children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { id: props.id, title: props.title, disabled: disabled, "data-name": dataName, "data-value": value, "aria-label": value ? `Colour: ${describeColor(value)}` : 'Colour: not set', className: cn('twa:relative twa:block twa:h-input twa:w-12 twa:shrink-0 twa:cursor-pointer twa:overflow-hidden twa:rounded-md twa:border twa:border-input twa:p-0', 'twa:focus-visible:outline-none twa:focus-visible:ring-2 twa:focus-visible:ring-ring/50', 'twa:disabled:cursor-not-allowed'), children: _jsx("span", { "data-name": `${dataName}-swatch`, "data-value": value, style: value ? { backgroundColor: value } : CHECKERBOARD, className: "twa:absolute twa:inset-0" }) }), _jsx(PopoverContent, { align: "start", container: props.container, "data-name": `${dataName}-popover`, className: "twa:w-[300px] twa:p-3", children: _jsx(ColorPicker, { "data-name": dataName, value: value, onInput: setColor, onCommit: commit, onSwatchPicked: () => setOpen(false), defaultColor: props.defaultColor, includeAlpha: props.includeAlpha, preciseTabLabel: props.preciseTabLabel, colorsTabLabel: props.colorsTabLabel, tabs: props.tabs, orderPaletteColours: props.orderPaletteColours, removeDuplicates: props.removeDuplicates, filterColours: props.filterColours, showGroupLabels: props.showGroupLabels, defaultTab: props.defaultTab, tab: props.tab, onTabChange: props.onTabChange }) })] }), value && clearable ? (_jsx(Button, { variant: "ghost", size: "icon-xs", disabled: disabled, "data-name": `${dataName}-clear`, tooltip: "Clear", onClick: () => commit(undefined), children: _jsx(X, { "aria-hidden": true }) })) : null] }));
+}
+//# sourceMappingURL=index.js.map

package/vendor/components/ColorField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ColorField/index.tsx"],"names":[],"mappings":"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"}

package/vendor/components/ColorPicker/colorPickerTab.d.ts

@@ -1,4 +1,4 @@
-export type ColorPickerTab = 'swatches' | 'precise';
+export type ColorPickerTab = 'colors' | 'precise';
 export declare function setColorPickerTab(tab: ColorPickerTab): void;
-export declare function useColorPickerTab(): [ColorPickerTab, (tab: ColorPickerTab) => void];
+export declare function useColorPickerTab(): [ColorPickerTab | null, (tab: ColorPickerTab) => void];
 //# sourceMappingURL=colorPickerTab.d.ts.map

package/vendor/components/ColorPicker/colorPickerTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorPickerTab.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/colorPickerTab.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,SAAS,CAAC;AA8BpD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,cAAc,QAWpD;AASD,wBAAgB,iBAAiB,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC,CAGnF"}
+{"version":3,"file":"colorPickerTab.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/colorPickerTab.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAalD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,cAAc,QAMpD;AASD,wBAAgB,iBAAiB,IAAI,CAAC,cAAc,GAAG,IAAI,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC,CAG1F"}

package/vendor/components/ColorPicker/colorPickerTab.js

@@ -1,40 +1,18 @@
 import { useSyncExternalStore } from 'react';
-const DEFAULT_TAB = 'precise';
-const STORAGE_KEY = 'adaptable.colorPicker.tab';
 /**
- * The tab the colour picker opens on. One value for every picker on the page
- * (and, through localStorage, across reloads): a user who works from swatches
- * should not have to switch to them in every field.
+ * The tab the user last picked, shared by every colour picker on the page (not
+ * kept across reloads): a user who works from the palette should not have to
+ * switch to them in every field. `null` until the user picks one, so the
+ * picker's own default applies.
  */
 let currentTab = null;
 const listeners = new Set();
-function isTab(value) {
-    return value === 'swatches' || value === 'precise';
-}
-function readTab() {
-    if (currentTab === null) {
-        let stored = null;
-        try {
-            stored = window.localStorage.getItem(STORAGE_KEY);
-        }
-        catch {
-            // storage blocked — the in-memory value still covers this page
-        }
-        currentTab = isTab(stored) ? stored : DEFAULT_TAB;
-    }
-    return currentTab;
-}
+const readTab = () => currentTab;
 export function setColorPickerTab(tab) {
     if (tab === currentTab) {
         return;
     }
     currentTab = tab;
-    try {
-        window.localStorage.setItem(STORAGE_KEY, tab);
-    }
-    catch {
-        // see above
-    }
     listeners.forEach((listener) => listener());
 }
 function subscribe(listener) {
@@ -44,7 +22,7 @@ function subscribe(listener) {
     };
 }
 export function useColorPickerTab() {
-    const tab = useSyncExternalStore(subscribe, readTab, () => DEFAULT_TAB);
+    const tab = useSyncExternalStore(subscribe, readTab, readTab);
     return [tab, setColorPickerTab];
 }
 //# sourceMappingURL=colorPickerTab.js.map

package/vendor/components/ColorPicker/colorPickerTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorPickerTab.js","sourceRoot":"","sources":["../../src/ColorPicker/colorPickerTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,GAAmB,SAAS,CAAC;AAC9C,MAAM,WAAW,GAAG,2BAA2B,CAAC;AAEhD;;;;GAIG;AACH,IAAI,UAAU,GAA0B,IAAI,CAAC;AAC7C,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;AAExC,SAAS,KAAK,CAAC,KAAc;IAC3B,OAAO,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC;AACrD,CAAC;AAED,SAAS,OAAO;IACd,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACxB,IAAI,MAAM,GAAkB,IAAI,CAAC;QACjC,IAAI,CAAC;YACH,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpD,CAAC;QAAC,MAAM,CAAC;YACP,+DAA+D;QACjE,CAAC;QACD,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;IACpD,CAAC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,GAAmB;IACnD,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;QACvB,OAAO;IACT,CAAC;IACD,UAAU,GAAG,GAAG,CAAC;IACjB,IAAI,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IAChD,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;IACD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,SAAS,CAAC,QAAoB;IACrC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,GAAG,GAAG,oBAAoB,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;IACxE,OAAO,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"file":"colorPickerTab.js","sourceRoot":"","sources":["../../src/ColorPicker/colorPickerTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI7C;;;;;GAKG;AACH,IAAI,UAAU,GAA0B,IAAI,CAAC;AAC7C,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;AAExC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC;AAEjC,MAAM,UAAU,iBAAiB,CAAC,GAAmB;IACnD,IAAI,GAAG,KAAK,UAAU,EAAE,CAAC;QACvB,OAAO;IACT,CAAC;IACD,UAAU,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,SAAS,SAAS,CAAC,QAAoB;IACrC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,GAAG,GAAG,oBAAoB,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9D,OAAO,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;AAClC,CAAC"}

package/vendor/components/ColorPicker/index.d.ts

@@ -1,9 +1,10 @@
-import { type CSSProperties } from 'react';
-import { type ThemeColorGroup } from './themeColors';
+import { type CSSProperties, type ReactNode } from 'react';
+import { type ColorPickerTab } from './colorPickerTab';
+import { type ColorPickerTabName, type ThemeColor } from './themeColors';
 export { setColorPickerTab, useColorPickerTab } from './colorPickerTab';
 export type { ColorPickerTab } from './colorPickerTab';
-export { describeColor, THEME_COLOR_GROUPS } from './themeColors';
-export type { ThemeColor, ThemeColorGroup } from './themeColors';
+export { ALLOWED_COLORS_VAR, coloursKeptFromSource, describeColor, normalizeColorPickerTabs, PALETTE_COUNT_VAR, parseTabs, readAllowedColors, readAllPaletteColors, readPaletteColors, readTabs, TABS_VAR, THEME_COLOR_GROUP, } from './themeColors';
+export type { AllowedColors, ColorPickerTabName, ThemeColor, ThemeColorGroup, } from './themeColors';
 export type ColorPickerProps = {
     /** A theme token as `var(--ab-color-…)`, a hex, or nothing. */
     value: string | undefined;
@@ -13,19 +14,85 @@ export type ColorPickerProps = {
     onCommit: (value: string) => void;
     /** After a swatch is picked — the one choice that ends the interaction. */
     onSwatchPicked?: () => void;
-    /** The swatch groups offered; the Adaptable theme colours (`THEME_COLOR_GROUPS`) by default. */
-    groups?: ThemeColorGroup[];
+    /** A colour left out of the swatches, e.g. `var(--ab-color-x)` while editing `--ab-color-x`. */
+    excludeColor?: string;
+    /** Where the precise picker starts while nothing is set (a hex or a theme token); mid-grey by default. */
+    defaultColor?: string;
+    /** Whether a custom colour can have opacity; default `true`. */
+    includeAlpha?: boolean;
+    /** Default `'Custom'`. */
+    preciseTabLabel?: ReactNode;
+    /** Default `'Palette'`. */
+    colorsTabLabel?: ReactNode;
+    /**
+     * The tabs to show, in this order. `Custom` is the free picker; `Palette` is
+     * the swatches. The first is the one the picker opens on, until the user
+     * picks another (or `defaultTab` / `tab` says otherwise). One tab hides the
+     * tab bar. When omitted, `--ab-cmp-color-picker__tabs` and
+     * `--ab-cmp-color-picker__allowed-colors` decide, and the default is
+     * `['Custom', 'Palette']`.
+     */
+    tabs?: readonly ColorPickerTabName[];
+    /**
+     * Order the swatches around the colour wheel. When `false`, each colour
+     * stays in the order the theme lists it. Default `true`.
+     */
+    orderPaletteColours?: boolean;
+    /**
+     * Leave out a swatch that paints the same hex as one already listed. The
+     * first one stays. Default `true`.
+     */
+    removeDuplicates?: boolean;
+    /**
+     * Chooses which of the supplied colours to show. A returned colour whose
+     * `value` is not in that list is ignored. Return nothing to show every
+     * colour. When omitted, `--ab-cmp-color-picker__palette-count` and
+     * `--ab-cmp-color-picker__allowed-colors: palette` decide.
+     */
+    filterColours?: (colours: ColorPickerColourLists) => ColorPickerColourLists | void;
+    /**
+     * Show Theme and Palette headings when both groups have colours. Default
+     * `false`, which is one grid.
+     */
+    showGroupLabels?: boolean;
+    /**
+     * The tab to open on; wins over the tab the user last picked and the first
+     * tab in `tabs`. Ignored when that tab is not shown.
+     */
+    defaultTab?: ColorPickerTab;
+    /**
+     * The tab shown, for a controlled picker; wins over `defaultTab`. Ignored
+     * when that tab is not shown.
+     */
+    tab?: ColorPickerTab;
+    /** When the user switches tabs. */
+    onTabChange?: (tab: ColorPickerTab) => void;
     'data-name': string;
 };
+/** Theme colours and palette colours, the two lists a filter receives and returns. */
+export type ColorPickerColourLists = {
+    themeColours: ThemeColor[];
+    paletteColours: ThemeColor[];
+};
 /** `#rrggbb`, or `#rrggbbaa` when the colour has opacity. */
 export declare const HEX_COLOR: RegExp;
 /** Transparency checkerboard — the "no colour" preview. */
 export declare const CHECKERBOARD: CSSProperties;
 /**
- * The colour picker's popover body: a Swatches tab with the Adaptable theme
- * colours and a Precise tab with a free picker, over a footer shared by both —
+ * The colour picker's popover body: a palette tab with the Adaptable theme
+ * colours and a Custom tab with a free picker, over a footer shared by both —
  * the current colour, an eyedropper where the browser has one, and a hex
- * field. The tab is remembered across all pickers (see `colorPickerTab.ts`).
+ * field.
+ *
+ * `tabs` sets which tabs show and in what order. The picker shows `tab` when
+ * controlled; otherwise it opens on `defaultTab`, else on the tab the user
+ * last picked in any picker on the page (see `colorPickerTab.ts`), else on
+ * the first listed tab.
+ *
+ * Without `tabs`, the CSS variables decide: `--ab-cmp-color-picker__tabs`
+ * sets the tabs, and `--ab-cmp-color-picker__allowed-colors: predefined`
+ * drops the Custom tab, so no custom colour can be picked; `palette` also
+ * drops the theme colours (unless `filterColours` is given).
  */
 export declare function ColorPicker(props: ColorPickerProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/vendor/components/ColorPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAgD,MAAM,OAAO,CAAC;AAWzF,OAAO,EAAqC,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAExF,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,oFAAoF;IACpF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gGAAgG;IAChG,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,SAAS,QAAkC,CAAC;AAazD,2DAA2D;AAC3D,eAAO,MAAM,YAAY,EAAE,aAI1B,CAAC;AAiDF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA6LlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAUf,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAUL,KAAK,kBAAkB,EACvB,KAAK,UAAU,EAGhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,wBAAwB,EACxB,iBAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+DAA+D;IAC/D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,oFAAoF;IACpF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,2BAA2B;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACrC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,sBAAsB,GAAG,IAAI,CAAC;IACnF;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,mCAAmC;IACnC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,sFAAsF;AACtF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,cAAc,EAAE,UAAU,EAAE,CAAC;CAC9B,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,SAAS,QAAkC,CAAC;AAazD,2DAA2D;AAC3D,eAAO,MAAM,YAAY,EAAE,aAI1B,CAAC;AA8OF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAgRlD"}