@owlmeans/web-panel 0.1.18-rc.74 → 0.1.18-rc.76

package/build/components/picker/consts.local.js

@@ -0,0 +1,213 @@
+/** From this width up `surface="auto"` opens a popover; below it, a bottom sheet. */
+export const POPOVER_QUERY = '(min-width: 768px)';
+/** A mouse or trackpad — the search field may take focus on open without raising a keyboard. */
+export const FINE_POINTER_QUERY = '(pointer: fine)';
+/**
+ * The current mode's ink and ground, read from the five custom properties `styleOf` sets.
+ *
+ * Dark follows web-panel's colour-scheme contract — `.dark` on the document element, or the
+ * operating system's dark unless `.light` is there — through explicit arbitrary variants. Never the
+ * consumer's `dark:`: an application may define it any way it likes, or not at all. Every part that
+ * carries a colour's style puts this on the same element; children read `--pick-fg` / `--pick-bg`.
+ */
+export const PICK_SCOPE = [
+    '[--pick-fg:var(--pick-ink)] [--pick-bg:var(--pick-soft)]',
+    '[.dark_&]:[--pick-fg:var(--pick-ink-dark)] [.dark_&]:[--pick-bg:var(--pick-soft-dark)]',
+    '[@media(prefers-color-scheme:dark)]:[:root:not(.light)_&]:[--pick-fg:var(--pick-ink-dark)]',
+    '[@media(prefers-color-scheme:dark)]:[:root:not(.light)_&]:[--pick-bg:var(--pick-soft-dark)]',
+].join(' ');
+/** A hairline inside a swatch, so a dark swatch keeps an edge on a dark surface and a pale one on a light. */
+export const HAIRLINE = [
+    'shadow-[inset_0_0_0_1px_rgb(0_0_0/0.14)]',
+    '[.dark_&]:shadow-[inset_0_0_0_1px_rgb(255_255_255/0.24)]',
+    '[@media(prefers-color-scheme:dark)]:[:root:not(.light)_&]:shadow-[inset_0_0_0_1px_rgb(255_255_255/0.24)]',
+].join(' ');
+export const TILE = 'inline-flex shrink-0 items-center justify-center bg-(--pick-bg) text-(--pick-fg)';
+export const TILE_SIZE = {
+    xs: 'size-5 rounded-[5px] [&>svg]:size-3',
+    sm: 'size-7 rounded-md [&>svg]:size-4',
+    md: 'size-9 rounded-lg [&>svg]:size-5',
+    lg: 'size-12 rounded-xl [&>svg]:size-6',
+};
+export const PLAIN = 'inline-flex shrink-0 items-center justify-center text-(--pick-fg)';
+export const PLAIN_SIZE = {
+    xs: '[&>svg]:size-3',
+    sm: '[&>svg]:size-4',
+    md: '[&>svg]:size-5',
+    lg: '[&>svg]:size-6',
+};
+export const DOT = 'inline-block shrink-0 rounded-full bg-(--pick-fg)';
+export const DOT_SIZE = {
+    xs: 'size-2',
+    sm: 'size-2.5',
+    md: 'size-3.5',
+};
+/**
+ * Focus on a cell is an outline, so it never fights the ring that marks the selected one. Tailwind
+ * v4's `outline-none` would pin the style to `none` under the focus width — `outline-hidden` plus an
+ * explicit `outline-solid` is what shows it.
+ */
+const CELL_FOCUS = [
+    'outline-hidden focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-1',
+    'focus-visible:outline-ring',
+].join(' ');
+/** Below 768px and on a coarse pointer every control is at least 44px. */
+const TOUCH_HEIGHT = 'max-md:h-11 pointer-coarse:h-11';
+export const TRIGGER_BUTTON = [
+    'group/picker inline-flex h-9 w-full min-w-0 cursor-pointer items-center gap-2 rounded-md border border-input',
+    'bg-transparent py-1 pr-2.5 pl-1 text-left text-sm shadow-xs outline-none',
+    'transition-[color,box-shadow,background-color] hover:bg-accent/60 motion-reduce:transition-none',
+    'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+    'aria-expanded:border-ring aria-expanded:ring-[3px] aria-expanded:ring-ring/30',
+    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
+    'max-md:h-11 max-md:pl-2 pointer-coarse:h-11 pointer-coarse:pl-2',
+].join(' ');
+export const TRIGGER_COMPACT = [
+    'inline-flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-lg outline-none',
+    'transition-shadow motion-reduce:transition-none',
+    'focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-expanded:ring-[3px] aria-expanded:ring-ring/30',
+    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
+    'max-md:size-11 pointer-coarse:size-11',
+].join(' ');
+export const TRIGGER_DOT = 'rounded-full border border-input bg-transparent hover:bg-accent/60';
+/** The empty tile of a trigger while nothing is chosen. */
+export const TRIGGER_EMPTY = [
+    'inline-flex size-7 shrink-0 items-center justify-center rounded-md border border-dashed',
+    'border-muted-foreground/40 text-muted-foreground [&>svg]:size-4',
+].join(' ');
+export const CHEVRON = [
+    'ml-auto size-4 shrink-0 text-muted-foreground transition-transform motion-reduce:transition-none',
+    'group-aria-expanded/picker:rotate-180',
+].join(' ');
+export const POPOVER = [
+    'flex w-[23rem] max-w-[calc(100vw-1.5rem)] flex-col overflow-hidden rounded-xl border border-border p-0 shadow-lg',
+    'bg-popover text-popover-foreground',
+    'max-h-[min(34rem,var(--radix-popover-content-available-height))]',
+    'pointer-coarse:w-[26rem] motion-reduce:animate-none',
+].join(' ');
+export const SHEET = [
+    'mx-auto max-h-[88dvh] w-full gap-0 overflow-hidden rounded-t-2xl border-t border-border p-0',
+    'bg-popover text-popover-foreground pb-[env(safe-area-inset-bottom)]',
+    'sm:max-w-xl sm:border-x motion-reduce:animate-none',
+].join(' ');
+/** With an icon grid the surface keeps one height, so filtering never makes it jump. */
+export const TALL = {
+    popover: 'h-[min(34rem,var(--radix-popover-content-available-height))]',
+    sheet: 'h-[88dvh]',
+};
+/** The trigger's swatch disc for a colour-only picker — the colour as it was picked. */
+export const TRIGGER_DISC = 'block size-4 shrink-0 rounded-full bg-(--pick-swatch)';
+export const GRAB = 'mx-auto mt-2 mb-1 h-1.5 w-10 shrink-0 rounded-full bg-muted-foreground/30';
+export const HEADER = {
+    popover: 'flex shrink-0 items-center gap-3 border-b border-border px-3 py-2.5',
+    sheet: 'flex shrink-0 items-center gap-3 border-b border-border px-4 pt-1 pb-3',
+};
+export const HEADER_TITLE = 'truncate text-sm font-semibold leading-5';
+export const HEADER_SUMMARY = 'truncate text-xs leading-4 text-muted-foreground';
+export const DONE = [
+    'inline-flex h-11 min-w-16 shrink-0 cursor-pointer items-center justify-center rounded-lg px-4',
+    'bg-primary text-sm font-medium text-primary-foreground outline-none hover:bg-primary/90',
+    'focus-visible:ring-[3px] focus-visible:ring-ring/50',
+].join(' ');
+export const BODY = 'min-h-0 flex-1 overflow-y-auto overscroll-contain';
+export const SECTION = {
+    popover: 'px-3 pt-3',
+    sheet: 'px-4 pt-4',
+};
+export const SECTION_TITLE = 'mb-2 text-xs font-medium text-muted-foreground';
+export const SWATCHES = {
+    popover: [
+        'grid grid-cols-12 gap-1',
+        'max-md:grid-cols-[repeat(auto-fill,minmax(44px,1fr))] pointer-coarse:grid-cols-[repeat(auto-fill,minmax(44px,1fr))]',
+    ].join(' '),
+    sheet: 'grid grid-cols-[repeat(auto-fill,minmax(44px,1fr))] gap-1.5',
+    inline: [
+        'grid grid-cols-[repeat(auto-fill,minmax(44px,1fr))] gap-1.5',
+        'md:pointer-fine:grid-cols-[repeat(12,minmax(0,2rem))] md:pointer-fine:gap-1',
+    ].join(' '),
+};
+export const SWATCH = [
+    'group/swatch inline-flex aspect-square w-full min-w-0 cursor-pointer items-center justify-center rounded-full',
+    CELL_FOCUS,
+].join(' ');
+export const SWATCH_DISC = [
+    'pointer-events-none block size-[76%] max-h-9 max-w-9 rounded-full bg-(--pick-swatch)',
+    'transition-transform group-hover/swatch:scale-110 motion-reduce:transition-none motion-reduce:group-hover/swatch:scale-100',
+    HAIRLINE,
+].join(' ');
+export const SWATCH_SELECTED = 'ring-2 ring-foreground ring-offset-2 ring-offset-popover';
+export const CUSTOM_ROW = [
+    'mt-2 flex h-8 w-full cursor-pointer items-center gap-2 rounded-md px-1.5 text-left text-sm',
+    'hover:bg-accent hover:text-accent-foreground',
+    'outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',
+    TOUCH_HEIGHT,
+].join(' ');
+export const CUSTOM_DISC = 'block size-5 shrink-0 rounded-full';
+/** The colour wheel's mark while no custom colour is chosen. */
+export const RAINBOW = 'bg-[conic-gradient(from_180deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444)]';
+export const CUSTOM_PANEL = 'mt-2 flex flex-col gap-2';
+/** A full six-digit value — committed while typing; a three-digit one waits for Enter or blur. */
+export const FULL_HEX = /^#?[0-9a-f]{6}$/i;
+/** The wheel's colour while nothing custom is chosen yet — also the hex field's placeholder. */
+export const CUSTOM_START = '#3b82f6';
+/** react-colorful sizes itself with a stylesheet it injects; an inline size is the one that always wins. */
+export const WHEEL_STYLE = { width: '100%', height: 148 };
+export const FIELD = [
+    'h-8 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 text-sm shadow-xs outline-none',
+    'placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+    'aria-invalid:border-destructive aria-invalid:ring-destructive/20',
+    TOUCH_HEIGHT,
+].join(' ');
+export const HEX_FIELD = 'font-mono';
+export const FIELD_ERROR = 'text-xs text-destructive';
+/** The search field and the chips stay in view while the grid scrolls under them. */
+export const ICON_TOOLS = {
+    popover: 'sticky top-0 z-10 -mx-3 bg-popover px-3 pb-2',
+    sheet: 'sticky top-0 z-10 -mx-4 bg-popover px-4 pb-2',
+    inline: 'pb-2',
+};
+export const SEARCH_WRAP = 'relative';
+export const SEARCH_ICON = 'pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground';
+export const SEARCH = 'pl-8 [&::-webkit-search-cancel-button]:cursor-pointer';
+/** One scrolling row of category chips, running to the surface's edges rather than its padding. */
+export const CHIPS = {
+    popover: 'mt-2 -mx-3 flex gap-1.5 overflow-x-auto px-3 pb-0.5 scroll-px-3 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+    sheet: 'mt-2 -mx-4 flex gap-1.5 overflow-x-auto px-4 pb-0.5 scroll-px-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+    inline: 'mt-2 flex gap-1.5 overflow-x-auto pb-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',
+};
+export const CHIP = [
+    'inline-flex h-7 shrink-0 cursor-pointer items-center rounded-full border border-input px-2.5',
+    'text-xs font-medium text-muted-foreground transition-colors motion-reduce:transition-none',
+    'hover:bg-accent hover:text-accent-foreground',
+    'aria-pressed:border-transparent aria-pressed:bg-primary aria-pressed:text-primary-foreground',
+    CELL_FOCUS,
+    'max-md:h-11 max-md:px-4 max-md:text-sm pointer-coarse:h-11 pointer-coarse:px-4 pointer-coarse:text-sm',
+].join(' ');
+export const ICONS = {
+    popover: [
+        'grid grid-cols-9 gap-0.5',
+        'max-md:grid-cols-[repeat(auto-fill,minmax(44px,1fr))] pointer-coarse:grid-cols-[repeat(auto-fill,minmax(44px,1fr))]',
+    ].join(' '),
+    sheet: 'grid grid-cols-[repeat(auto-fill,minmax(44px,1fr))] gap-1',
+    inline: [
+        'grid grid-cols-[repeat(auto-fill,minmax(44px,1fr))] gap-1',
+        'md:pointer-fine:grid-cols-[repeat(auto-fill,minmax(36px,1fr))] md:pointer-fine:gap-0.5',
+    ].join(' '),
+};
+export const ICON_CELL = [
+    'inline-flex aspect-square w-full min-w-0 cursor-pointer items-center justify-center rounded-md text-(--pick-fg)',
+    'transition-colors hover:bg-accent motion-reduce:transition-none [&>svg]:size-5',
+    'aria-pressed:bg-(--pick-bg) aria-pressed:ring-2 aria-pressed:ring-(--pick-fg) aria-pressed:ring-inset',
+    CELL_FOCUS,
+].join(' ');
+export const ICON_GRID_PAD = {
+    popover: 'pb-3',
+    sheet: 'pb-4',
+    inline: '',
+};
+export const EMPTY = 'flex flex-col items-center gap-2 px-4 py-8 text-center text-sm text-muted-foreground';
+export const LINK_BUTTON = [
+    'cursor-pointer rounded-sm text-sm font-medium text-foreground underline underline-offset-4',
+    'outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',
+].join(' ');
+//# sourceMappingURL=consts.local.js.map

package/build/components/picker/consts.local.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.local.js","sourceRoot":"","sources":["../../../src/components/picker/consts.local.ts"],"names":[],"mappings":"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"}

package/build/components/picker/dot.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+import type { ColorDotProps } from './types.js';
+/**
+ * A stored colour as a dot, in the colour's ink — the ink keeps 3:1 on the page in both schemes,
+ * which a dot (a graphic) needs; the brighter swatch does not. Unknown → slate.
+ */
+export declare const ColorDot: FC<ColorDotProps>;
+//# sourceMappingURL=dot.d.ts.map

package/build/components/picker/dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot.d.ts","sourceRoot":"","sources":["../../../src/components/picker/dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG/C;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUnC,CAAA"}

package/build/components/picker/dot.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../@/lib/utils.js';
+import { pickerColorHelper } from '../../picker/vocabulary.js';
+import { DOT, DOT_SIZE, PICK_SCOPE } from './consts.local.js';
+/**
+ * A stored colour as a dot, in the colour's ink — the ink keeps 3:1 on the page in both schemes,
+ * which a dot (a graphic) needs; the brighter swatch does not. Unknown → slate.
+ */
+export const ColorDot = ({ color, colors, size = 'sm', label, className }) => _jsx("span", { "data-color-dot": true, "data-color": pickerColorHelper.resolve(color, colors)?.key, role: label != null ? 'img' : undefined, "aria-label": label, "aria-hidden": label != null ? undefined : true, title: label, style: pickerColorHelper.styleOf(color, colors), className: cn(PICK_SCOPE, DOT, DOT_SIZE[size], className) });
+//# sourceMappingURL=dot.js.map

package/build/components/picker/dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","sourceRoot":"","sources":["../../../src/components/picker/dot.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAC9F,qDAEc,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAG,EACzD,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,gBAC3B,KAAK,iBACJ,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC7C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,EAC/C,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GACzD,CAAA"}

package/build/components/picker/grid.d.ts

@@ -0,0 +1,17 @@
+import type { FC } from 'react';
+import type { IconGridProps } from './types.js';
+import type { IconBrowserProps } from './types.local.js';
+/**
+ * The searchable icon grid every picker shares: a search field, category chips and the icons,
+ * tinted in the chosen colour. The search field and the chips stay put while the grid scrolls;
+ * ArrowDown (or Enter) moves from the field into the grid, ArrowUp from the grid's first row back.
+ * An empty result says so and offers to clear; the result count is announced politely.
+ */
+export declare const IconBrowser: FC<IconBrowserProps>;
+/**
+ * The searchable icon grid inline — for a dialog or sheet the application already owns. Commits
+ * on click; `color` tints it, `icons` narrows (and orders) the catalogue. Strings through
+ * `translate` (English without it — never an implicit i18n read).
+ */
+export declare const IconGrid: FC<IconGridProps>;
+//# sourceMappingURL=grid.d.ts.map

package/build/components/picker/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/picker/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAA;AAO9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAOxD;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmG5C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAStC,CAAA"}

package/build/components/picker/grid.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from 'react';
+import { SearchIcon, SearchXIcon } from 'lucide-react';
+import { cn } from '../../@/lib/utils.js';
+import { pickerIconHelper } from '../../picker/icons.js';
+import { pickerColorHelper } from '../../picker/vocabulary.js';
+import { PICKER_COLORS, PICKER_ICON_CATEGORIES } from '../../picker/vocabulary/consts.js';
+import { useRovingGrid } from './roving.js';
+import { makePickerText } from './text.js';
+import { CHIP, CHIPS, EMPTY, FIELD, ICON_CELL, ICON_TOOLS, ICONS, LINK_BUTTON, PICK_SCOPE, SEARCH, SEARCH_ICON, SEARCH_WRAP, } from './consts.local.js';
+/**
+ * The searchable icon grid every picker shares: a search field, category chips and the icons,
+ * tinted in the chosen colour. The search field and the chips stay put while the grid scrolls;
+ * ArrowDown (or Enter) moves from the field into the grid, ArrowUp from the grid's first row back.
+ * An empty result says so and offers to clear; the result count is announced politely.
+ */
+export const IconBrowser = ({ value, onChange, color, colors, icons, text, layout, label, searchRef, className }) => {
+    const [query, setQuery] = useState('');
+    const [category, setCategory] = useState(null);
+    const search = useRef(null);
+    const categories = useMemo(() => {
+        const scope = pickerIconHelper.search('', icons);
+        return PICKER_ICON_CATEGORIES.filter(candidate => scope.some(entry => entry.category === candidate));
+    }, [icons]);
+    const results = useMemo(() => pickerIconHelper.search(query, icons).filter(entry => category == null || entry.category === category), [query, icons, category]);
+    const grid = useRovingGrid({
+        count: results.length,
+        selected: results.findIndex(entry => entry.name === value),
+        onExitUp: () => search.current?.focus(),
+    });
+    const chips = useRovingGrid({
+        count: categories.length + 1,
+        selected: category == null ? 0 : categories.indexOf(category) + 1,
+        grid: false,
+    });
+    const bindSearch = (node) => {
+        search.current = node;
+        if (typeof searchRef === 'function') {
+            searchRef(node);
+        }
+        else if (searchRef != null) {
+            searchRef.current = node;
+        }
+    };
+    const onSearchKey = (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'Enter') {
+            // Enter must never submit the form the grid sits in.
+            event.preventDefault();
+            grid.focusCurrent();
+        }
+    };
+    const filtered = query.trim() !== '' || category != null;
+    return _jsxs("div", { "data-picker-icons": true, style: pickerColorHelper.styleOf(color, colors), className: cn(PICK_SCOPE, className), children: [_jsxs("div", { className: ICON_TOOLS[layout], children: [_jsxs("div", { className: SEARCH_WRAP, children: [_jsx(SearchIcon, { "aria-hidden": "true", className: SEARCH_ICON }), _jsx("input", { ref: bindSearch, type: "search", "data-picker-search": true, autoComplete: "off", spellCheck: false, enterKeyHint: "search", "aria-label": text.text('search', 'Search icons'), placeholder: text.text('searchPlaceholder', 'Search icons…'), value: query, onChange: event => setQuery(event.target.value), onKeyDown: onSearchKey, className: cn(FIELD, SEARCH) })] }), categories.length > 1 && _jsx("div", { ref: chips.ref, role: "group", "aria-label": text.text('categoriesLabel', 'Categories'), onKeyDown: chips.onKeyDown, className: CHIPS[layout], children: [null, ...categories].map((candidate, index) => {
+                            const name = candidate == null ? text.text('all', 'All') : text.category(candidate);
+                            return _jsx("button", { type: "button", "data-roving-item": true, "data-picker-category": candidate ?? 'all', "aria-label": name, "aria-pressed": category === candidate, tabIndex: chips.tabIndexOf(index), onFocus: () => chips.setCurrent(index), onClick: () => setCategory(candidate), className: CHIP, children: name }, candidate ?? 'all');
+                        }) })] }), _jsx("p", { className: "sr-only", "aria-live": "polite", children: filtered ? text.count(results.length) : '' }), results.length > 0
+                ? _jsx("div", { ref: grid.ref, role: "group", "aria-label": label, onKeyDown: grid.onKeyDown, className: ICONS[layout], children: results.map((entry, index) => {
+                        const Icon = pickerIconHelper.iconOf(entry.name);
+                        const name = text.icon(entry.name);
+                        return _jsx("button", { type: "button", "data-roving-item": true, "data-picker-icon": entry.name, "aria-label": name, "aria-pressed": entry.name === value, title: name, tabIndex: grid.tabIndexOf(index), onFocus: () => grid.setCurrent(index), onClick: () => onChange(entry.name), className: ICON_CELL, children: _jsx(Icon, { "aria-hidden": "true" }) }, entry.name);
+                    }) })
+                : _jsxs("div", { "data-picker-empty": true, className: EMPTY, children: [_jsx(SearchXIcon, { "aria-hidden": "true", className: "size-6" }), _jsx("p", { children: text.empty(query.trim()) }), _jsx("button", { type: "button", "aria-label": text.text('clear', 'Clear search'), className: LINK_BUTTON, onClick: () => { setQuery(''); setCategory(null); search.current?.focus(); }, children: text.text('clear', 'Clear search') })] })] });
+};
+/**
+ * The searchable icon grid inline — for a dialog or sheet the application already owns. Commits
+ * on click; `color` tints it, `icons` narrows (and orders) the catalogue. Strings through
+ * `translate` (English without it — never an implicit i18n read).
+ */
+export const IconGrid = ({ value, onChange, color, colors = PICKER_COLORS, icons, translate, label, className }) => {
+    const text = useMemo(() => makePickerText(translate), [translate]);
+    return _jsx(IconBrowser, { value: value, onChange: onChange, color: color, colors: colors, icons: icons, text: text, layout: "inline", label: label ?? text.text('icon', 'Icon'), className: className });
+};
+//# sourceMappingURL=grid.js.map

package/build/components/picker/grid.js.map

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

package/build/components/picker/i18n/be.json

@@ -0,0 +1,60 @@
+{
+    "label": "Значок і колер",
+    "icon": "Значок",
+    "color": "Колер",
+    "placeholder": {
+        "both": "Выберыце значок і колер",
+        "icon": "Выберыце значок",
+        "color": "Выберыце колер"
+    },
+    "nothing": "Нічога не выбрана",
+    "done": "Гатова",
+    "search": "Пошук значкоў",
+    "searchPlaceholder": "Пошук значкоў…",
+    "categoriesLabel": "Катэгорыі",
+    "all": "Усе",
+    "results": "Знойдзена значкоў: {count}",
+    "empty": "Няма значкоў па запыце «{query}»",
+    "clear": "Ачысціць пошук",
+    "custom": "Свой колер",
+    "hex": "Колер у фармаце HEX",
+    "invalidHex": "Увядзіце колер, напрыклад #3b82f6",
+    "colors": {
+        "red": "Чырвоны",
+        "orange": "Аранжавы",
+        "amber": "Бурштынавы",
+        "yellow": "Жоўты",
+        "lime": "Лаймавы",
+        "green": "Зялёны",
+        "emerald": "Смарагдавы",
+        "teal": "Бірузовы",
+        "cyan": "Цыян",
+        "sky": "Нябесны",
+        "blue": "Сіні",
+        "indigo": "Індыга",
+        "violet": "Фіялетавы",
+        "purple": "Пурпурны",
+        "fuchsia": "Фуксія",
+        "pink": "Ружовы",
+        "rose": "Малінавы",
+        "maroon": "Бардовы",
+        "brown": "Карычневы",
+        "olive": "Аліўкавы",
+        "navy": "Цёмна-сіні",
+        "slate": "Сланцавы",
+        "stone": "Каменны",
+        "graphite": "Графітавы"
+    },
+    "categories": {
+        "work": "Праца",
+        "people": "Людзі",
+        "communication": "Зносіны",
+        "commerce": "Гандаль",
+        "operations": "Аперацыі",
+        "places": "Месцы",
+        "tech": "Тэхналогіі",
+        "status": "Статусы",
+        "objects": "Прадметы",
+        "nature": "Прырода"
+    }
+}

package/build/components/picker/i18n/de.json

@@ -0,0 +1,60 @@
+{
+    "label": "Symbol und Farbe",
+    "icon": "Symbol",
+    "color": "Farbe",
+    "placeholder": {
+        "both": "Symbol und Farbe wählen",
+        "icon": "Symbol wählen",
+        "color": "Farbe wählen"
+    },
+    "nothing": "Noch nichts gewählt",
+    "done": "Fertig",
+    "search": "Symbole suchen",
+    "searchPlaceholder": "Symbole suchen…",
+    "categoriesLabel": "Kategorien",
+    "all": "Alle",
+    "results": "Gefundene Symbole: {count}",
+    "empty": "Keine Symbole passen zu „{query}“",
+    "clear": "Suche löschen",
+    "custom": "Eigene Farbe",
+    "hex": "Hex-Farbe",
+    "invalidHex": "Gib eine Farbe wie #3b82f6 ein",
+    "colors": {
+        "red": "Rot",
+        "orange": "Orange",
+        "amber": "Bernstein",
+        "yellow": "Gelb",
+        "lime": "Limette",
+        "green": "Grün",
+        "emerald": "Smaragd",
+        "teal": "Petrol",
+        "cyan": "Cyan",
+        "sky": "Himmelblau",
+        "blue": "Blau",
+        "indigo": "Indigo",
+        "violet": "Violett",
+        "purple": "Lila",
+        "fuchsia": "Fuchsia",
+        "pink": "Rosa",
+        "rose": "Himbeere",
+        "maroon": "Weinrot",
+        "brown": "Braun",
+        "olive": "Oliv",
+        "navy": "Marineblau",
+        "slate": "Schiefer",
+        "stone": "Stein",
+        "graphite": "Graphit"
+    },
+    "categories": {
+        "work": "Arbeit",
+        "people": "Personen",
+        "communication": "Kommunikation",
+        "commerce": "Handel",
+        "operations": "Betrieb",
+        "places": "Orte",
+        "tech": "Technik",
+        "status": "Status",
+        "objects": "Gegenstände",
+        "nature": "Natur"
+    }
+}

package/build/components/picker/i18n/en.json

@@ -0,0 +1,60 @@
+{
+    "label": "Icon and colour",
+    "icon": "Icon",
+    "color": "Colour",
+    "placeholder": {
+        "both": "Choose icon and colour",
+        "icon": "Choose an icon",
+        "color": "Choose a colour"
+    },
+    "nothing": "Nothing chosen yet",
+    "done": "Done",
+    "search": "Search icons",
+    "searchPlaceholder": "Search icons…",
+    "categoriesLabel": "Categories",
+    "all": "All",
+    "results": "Icons found: {count}",
+    "empty": "No icons match “{query}”",
+    "clear": "Clear search",
+    "custom": "Custom colour",
+    "hex": "Hex colour",
+    "invalidHex": "Enter a colour like #3b82f6",
+    "colors": {
+        "red": "Red",
+        "orange": "Orange",
+        "amber": "Amber",
+        "yellow": "Yellow",
+        "lime": "Lime",
+        "green": "Green",
+        "emerald": "Emerald",
+        "teal": "Teal",
+        "cyan": "Cyan",
+        "sky": "Sky",
+        "blue": "Blue",
+        "indigo": "Indigo",
+        "violet": "Violet",
+        "purple": "Purple",
+        "fuchsia": "Fuchsia",
+        "pink": "Pink",
+        "rose": "Rose",
+        "maroon": "Maroon",
+        "brown": "Brown",
+        "olive": "Olive",
+        "navy": "Navy",
+        "slate": "Slate",
+        "stone": "Stone",
+        "graphite": "Graphite"
+    },
+    "categories": {
+        "work": "Work",
+        "people": "People",
+        "communication": "Communication",
+        "commerce": "Commerce",
+        "operations": "Operations",
+        "places": "Places",
+        "tech": "Tech",
+        "status": "Status",
+        "objects": "Objects",
+        "nature": "Nature"
+    }
+}

package/build/components/picker/i18n/es.json

@@ -0,0 +1,60 @@
+{
+    "label": "Icono y color",
+    "icon": "Icono",
+    "color": "Color",
+    "placeholder": {
+        "both": "Elige icono y color",
+        "icon": "Elige un icono",
+        "color": "Elige un color"
+    },
+    "nothing": "Nada elegido todavía",
+    "done": "Listo",
+    "search": "Buscar iconos",
+    "searchPlaceholder": "Buscar iconos…",
+    "categoriesLabel": "Categorías",
+    "all": "Todos",
+    "results": "Iconos encontrados: {count}",
+    "empty": "Ningún icono coincide con «{query}»",
+    "clear": "Borrar búsqueda",
+    "custom": "Color personalizado",
+    "hex": "Color hexadecimal",
+    "invalidHex": "Escribe un color como #3b82f6",
+    "colors": {
+        "red": "Rojo",
+        "orange": "Naranja",
+        "amber": "Ámbar",
+        "yellow": "Amarillo",
+        "lime": "Lima",
+        "green": "Verde",
+        "emerald": "Esmeralda",
+        "teal": "Verde azulado",
+        "cyan": "Cian",
+        "sky": "Celeste",
+        "blue": "Azul",
+        "indigo": "Índigo",
+        "violet": "Violeta",
+        "purple": "Púrpura",
+        "fuchsia": "Fucsia",
+        "pink": "Rosa",
+        "rose": "Frambuesa",
+        "maroon": "Granate",
+        "brown": "Marrón",
+        "olive": "Oliva",
+        "navy": "Azul marino",
+        "slate": "Pizarra",
+        "stone": "Piedra",
+        "graphite": "Grafito"
+    },
+    "categories": {
+        "work": "Trabajo",
+        "people": "Personas",
+        "communication": "Comunicación",
+        "commerce": "Comercio",
+        "operations": "Operaciones",
+        "places": "Lugares",
+        "tech": "Tecnología",
+        "status": "Estados",
+        "objects": "Objetos",
+        "nature": "Naturaleza"
+    }
+}