@cratis/components 4.23.1 → 4.25.0

package/dist/esm/IconPicker/IconPickerLabels.d.ts

@@ -0,0 +1,76 @@
+import type { IconPickerSummary } from './IconPickerSummary.js';
+/**
+ * Overrides for every label an {@link IconPicker} renders or announces. Any field left unset falls back
+ * to a literal English default, so a host with its own translations passes them here.
+ */
+export interface IconPickerLabels {
+    /** Shown in the trigger while nothing is selected. Defaults to `'Select an icon'`. */
+    placeholder?: string;
+    /** The popout's title. Defaults to `'Choose an icon'`. */
+    title?: string;
+    /** Accessible name of the search field. Defaults to `'Search icons'`. */
+    search?: string;
+    /** Placeholder of the search field. Defaults to `'Search by name or tag'`. */
+    searchPlaceholder?: string;
+    /** Accessible name of the button that clears the search. Defaults to `'Clear search'`. */
+    clearSearch?: string;
+    /** Accessible name of the button that closes the popout. Defaults to `'Close'`. */
+    close?: string;
+    /** Accessible name of the category filter. Defaults to `'Categories'`. */
+    categories?: string;
+    /** The category filter that lifts the filter and shows every group. Defaults to `'All'`. */
+    allCategories?: string;
+    /** The name of the group holding icons that list no category. Defaults to `'Other'`. */
+    uncategorized?: string;
+    /**
+     * Opens a whole category from its compact group.
+     * @param count How many icons the category holds.
+     * @returns The text to show. Defaults to `Show all <count>`.
+     */
+    showAll?: (count: number) => string;
+    /** Accessible name of the library filter. Defaults to `'Library'`. */
+    library?: string;
+    /** The library filter that lifts the filter. Defaults to `'All libraries'`. */
+    allLibraries?: string;
+    /**
+     * States what is showing: the count, and the active search, category and library.
+     * @param summary What is showing.
+     * @returns The text to show.
+     */
+    summary?: (summary: IconPickerSummary) => string;
+    /** Shown while the catalog is still loading. Defaults to `'Loading icons…'`. */
+    loading?: string;
+    /** Shown when the catalog holds no icons at all. Defaults to `'There are no icons to choose from.'`. */
+    empty?: string;
+    /**
+     * Shown when the search and filters match nothing.
+     * @param query The active search, which may be empty when only filters are active.
+     * @returns The text to show.
+     */
+    noResults?: (query: string) => string;
+    /** The button that lifts the search and every filter. Defaults to `'Clear filters'`. */
+    clearFilters?: string;
+    /** Shown when the catalog failed to load and the host gave no message. Defaults to `'The icons could not be loaded.'`. */
+    error?: string;
+    /**
+     * Shown when the selected icon is not in the catalog.
+     * @param identity The selection's qualified identity, written out.
+     * @returns The text to show.
+     */
+    missingSelection?: (identity: string) => string;
+    /** Marks an icon the library has deprecated. Defaults to `'Deprecated'`. */
+    deprecated?: string;
+    /** Why an icon cannot be selected in this field. Defaults to `'Not available for this field'`. */
+    notAllowed?: string;
+    /** Accessible name of the whole picker when the host gives none. Defaults to `'Icon'`. */
+    trigger?: string;
+    /**
+     * Credits a library, shown at the foot of the popout.
+     * @param name The library's name.
+     * @param version The library's version, when it has one.
+     * @param attribution The library's attribution, when it has one.
+     * @returns The text to show.
+     */
+    credit?: (name: string, version: string | undefined, attribution: string | undefined) => string;
+}
+//# sourceMappingURL=IconPickerLabels.d.ts.map

package/dist/esm/IconPicker/IconPickerLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerLabels.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerLabels.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAE7D;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEpC,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,MAAM,CAAC;IAEjD,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wGAAwG;IACxG,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEtC,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0HAA0H;IAC1H,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAEhD,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,kGAAkG;IAClG,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,EAAE,WAAW,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;CACnG"}

package/dist/esm/IconPicker/IconPickerLabels.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=IconPickerLabels.js.map

package/dist/esm/IconPicker/IconPickerLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerLabels.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerLabels.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { IconPickerSummary } from './IconPickerSummary';\n\n/**\n * Overrides for every label an {@link IconPicker} renders or announces. Any field left unset falls back\n * to a literal English default, so a host with its own translations passes them here.\n */\nexport interface IconPickerLabels {\n    /** Shown in the trigger while nothing is selected. Defaults to `'Select an icon'`. */\n    placeholder?: string;\n\n    /** The popout's title. Defaults to `'Choose an icon'`. */\n    title?: string;\n\n    /** Accessible name of the search field. Defaults to `'Search icons'`. */\n    search?: string;\n\n    /** Placeholder of the search field. Defaults to `'Search by name or tag'`. */\n    searchPlaceholder?: string;\n\n    /** Accessible name of the button that clears the search. Defaults to `'Clear search'`. */\n    clearSearch?: string;\n\n    /** Accessible name of the button that closes the popout. Defaults to `'Close'`. */\n    close?: string;\n\n    /** Accessible name of the category filter. Defaults to `'Categories'`. */\n    categories?: string;\n\n    /** The category filter that lifts the filter and shows every group. Defaults to `'All'`. */\n    allCategories?: string;\n\n    /** The name of the group holding icons that list no category. Defaults to `'Other'`. */\n    uncategorized?: string;\n\n    /**\n     * Opens a whole category from its compact group.\n     * @param count How many icons the category holds.\n     * @returns The text to show. Defaults to `Show all <count>`.\n     */\n    showAll?: (count: number) => string;\n\n    /** Accessible name of the library filter. Defaults to `'Library'`. */\n    library?: string;\n\n    /** The library filter that lifts the filter. Defaults to `'All libraries'`. */\n    allLibraries?: string;\n\n    /**\n     * States what is showing: the count, and the active search, category and library.\n     * @param summary What is showing.\n     * @returns The text to show.\n     */\n    summary?: (summary: IconPickerSummary) => string;\n\n    /** Shown while the catalog is still loading. Defaults to `'Loading icons…'`. */\n    loading?: string;\n\n    /** Shown when the catalog holds no icons at all. Defaults to `'There are no icons to choose from.'`. */\n    empty?: string;\n\n    /**\n     * Shown when the search and filters match nothing.\n     * @param query The active search, which may be empty when only filters are active.\n     * @returns The text to show.\n     */\n    noResults?: (query: string) => string;\n\n    /** The button that lifts the search and every filter. Defaults to `'Clear filters'`. */\n    clearFilters?: string;\n\n    /** Shown when the catalog failed to load and the host gave no message. Defaults to `'The icons could not be loaded.'`. */\n    error?: string;\n\n    /**\n     * Shown when the selected icon is not in the catalog.\n     * @param identity The selection's qualified identity, written out.\n     * @returns The text to show.\n     */\n    missingSelection?: (identity: string) => string;\n\n    /** Marks an icon the library has deprecated. Defaults to `'Deprecated'`. */\n    deprecated?: string;\n\n    /** Why an icon cannot be selected in this field. Defaults to `'Not available for this field'`. */\n    notAllowed?: string;\n\n    /** Accessible name of the whole picker when the host gives none. Defaults to `'Icon'`. */\n    trigger?: string;\n\n    /**\n     * Credits a library, shown at the foot of the popout.\n     * @param name The library's name.\n     * @param version The library's version, when it has one.\n     * @param attribution The library's attribution, when it has one.\n     * @returns The text to show.\n     */\n    credit?: (name: string, version: string | undefined, attribution: string | undefined) => string;\n}\n"]}

package/dist/esm/IconPicker/IconPickerLibrary.d.ts

@@ -0,0 +1,12 @@
+/** An icon library a host offers through an {@link IconPickerCatalog}: where its icons come from. */
+export interface IconPickerLibrary {
+    /** The stable identity of the library. Every entry's `library` refers to it. */
+    id: string;
+    /** The name shown to people to tell this library's icons from another's. */
+    name: string;
+    /** The version of the library, shown beside its attribution when supplied. */
+    version?: string;
+    /** The attribution or license notice the library requires, shown when supplied. */
+    attribution?: string;
+}
+//# sourceMappingURL=IconPickerLibrary.d.ts.map

package/dist/esm/IconPicker/IconPickerLibrary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerLibrary.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerLibrary.ts"],"names":[],"mappings":"AAGA,qGAAqG;AACrG,MAAM,WAAW,iBAAiB;IAC9B,gFAAgF;IAChF,EAAE,EAAE,MAAM,CAAC;IAEX,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IAEb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/esm/IconPicker/IconPickerLibrary.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=IconPickerLibrary.js.map

package/dist/esm/IconPicker/IconPickerLibrary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerLibrary.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerLibrary.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** An icon library a host offers through an {@link IconPickerCatalog}: where its icons come from. */\nexport interface IconPickerLibrary {\n    /** The stable identity of the library. Every entry's `library` refers to it. */\n    id: string;\n\n    /** The name shown to people to tell this library's icons from another's. */\n    name: string;\n\n    /** The version of the library, shown beside its attribution when supplied. */\n    version?: string;\n\n    /** The attribution or license notice the library requires, shown when supplied. */\n    attribution?: string;\n}\n"]}

package/dist/esm/IconPicker/IconPickerLibraryFilter.d.ts

@@ -0,0 +1,20 @@
+import type { IconPickerLibrary } from './IconPickerLibrary.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerLibraryFilter}. */
+export interface IconPickerLibraryFilterProps {
+    /** The libraries on offer. */
+    libraries: readonly IconPickerLibrary[];
+    /** The id of the active library, or undefined for all. */
+    selected: string | undefined;
+    /** Changes the library filter. */
+    onSelect: (library: string | undefined) => void;
+    /** Accessible name of the filter. */
+    label: string;
+    /** The text of the option that shows every library. */
+    allLabel: string;
+    /** Pass-through attributes for the select. */
+    parts?: Pick<IconPickerParts, 'library'>;
+}
+/** The library filter: a native select, so it works with every input mode. Shown only for several libraries. */
+export declare const IconPickerLibraryFilter: ({ libraries, selected, onSelect, label, allLabel, parts }: IconPickerLibraryFilterProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerLibraryFilter.d.ts.map

package/dist/esm/IconPicker/IconPickerLibraryFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerLibraryFilter.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerLibraryFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,iDAAiD;AACjD,MAAM,WAAW,4BAA4B;IACzC,8BAA8B;IAC9B,SAAS,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAExC,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,kCAAkC;IAClC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEhD,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IAEd,uDAAuD;IACvD,QAAQ,EAAE,MAAM,CAAC;IAEjB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;CAC5C;AAED,gHAAgH;AAChH,eAAO,MAAM,uBAAuB,8DAA+D,4BAA4B,gCAgB9H,CAAC"}

package/dist/esm/IconPicker/IconPickerLibraryFilter.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { classNames } from '../ClassNames/classNames.js';
+
+const IconPickerLibraryFilter = ({ libraries, selected, onSelect, label, allLabel, parts }) => (jsxs("select", { ...parts?.library, "aria-label": label, value: selected ?? '', className: classNames('cratis-icon-picker__library', parts?.library?.className), "data-cratis-part": 'library', onChange: event => onSelect(event.target.value === '' ? undefined : event.target.value), children: [jsx("option", { value: '', children: allLabel }), libraries.map(library => (jsx("option", { value: library.id, children: library.name }, library.id)))] }));
+
+export { IconPickerLibraryFilter };
+//# sourceMappingURL=IconPickerLibraryFilter.js.map

package/dist/esm/IconPicker/IconPickerLibraryFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerLibraryFilter.js","sources":["../../../IconPicker/IconPickerLibraryFilter.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { classNames } from '../ClassNames/classNames';\nimport type { IconPickerLibrary } from './IconPickerLibrary';\nimport type { IconPickerParts } from './IconPickerParts';\n\n/** Props for {@link IconPickerLibraryFilter}. */\nexport interface IconPickerLibraryFilterProps {\n    /** The libraries on offer. */\n    libraries: readonly IconPickerLibrary[];\n\n    /** The id of the active library, or undefined for all. */\n    selected: string | undefined;\n\n    /** Changes the library filter. */\n    onSelect: (library: string | undefined) => void;\n\n    /** Accessible name of the filter. */\n    label: string;\n\n    /** The text of the option that shows every library. */\n    allLabel: string;\n\n    /** Pass-through attributes for the select. */\n    parts?: Pick<IconPickerParts, 'library'>;\n}\n\n/** The library filter: a native select, so it works with every input mode. Shown only for several libraries. */\nexport const IconPickerLibraryFilter = ({ libraries, selected, onSelect, label, allLabel, parts }: IconPickerLibraryFilterProps) => (\n    <select\n        {...parts?.library}\n        aria-label={label}\n        value={selected ?? ''}\n        className={classNames('cratis-icon-picker__library', parts?.library?.className)}\n        data-cratis-part='library'\n        onChange={event => onSelect(event.target.value === '' ? undefined : event.target.value)}\n    >\n        <option value=''>{allLabel}</option>\n        {libraries.map(library => (\n            <option key={library.id} value={library.id}>\n                {library.name}\n            </option>\n        ))}\n    </select>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;AA6BO,MAAM,uBAAuB,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAgC,MAC3HA,IAAA,CAAA,QAAA,EAAA,EAAA,GACQ,KAAK,EAAE,OAAO,EAAA,YAAA,EACN,KAAK,EACjB,KAAK,EAAE,QAAQ,IAAI,EAAE,EACrB,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,EAAA,kBAAA,EAC9D,SAAS,EAC1B,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,GAAG,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAA,QAAA,EAAA,CAEvFC,GAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,EAAE,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAU,EACnC,SAAS,CAAC,GAAG,CAAC,OAAO,KAClBA,GAAA,CAAA,QAAA,EAAA,EAAyB,KAAK,EAAE,OAAO,CAAC,EAAE,YACrC,OAAO,CAAC,IAAI,EAAA,EADJ,OAAO,CAAC,EAAE,CAEd,CACZ,CAAC,CAAA,EAAA,CACG;;"}

package/dist/esm/IconPicker/IconPickerParts.d.ts

@@ -0,0 +1,65 @@
+import type { HTMLAttributes, InputHTMLAttributes } from 'react';
+/** Attributes passed through to one part of an {@link IconPicker}, including `data-*` attributes. */
+export type IconPickerPartAttributes<TElement> = HTMLAttributes<TElement> & {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * Stable Cratis-owned parts for styling an {@link IconPicker}. Each is marked with a matching
+ * `data-cratis-part` attribute, and what is passed here is spread onto that element - the picker's own
+ * value, selection and event wiring always win.
+ */
+export interface IconPickerParts {
+    /** The wrapper around the trigger and its messages. Carries `data-disabled`, `data-invalid`, `data-readonly` and `data-open`. */
+    root?: IconPickerPartAttributes<HTMLDivElement>;
+    /** The closed control that opens the popout. Carries `data-disabled`, `data-invalid`, `data-readonly`, `data-open` and `data-missing`. */
+    trigger?: IconPickerPartAttributes<HTMLButtonElement>;
+    /** The selected icon's glyph inside the trigger. */
+    glyph?: IconPickerPartAttributes<HTMLSpanElement>;
+    /** The selected icon's name inside the trigger. */
+    name?: IconPickerPartAttributes<HTMLSpanElement>;
+    /** The validation and missing-selection messages under the trigger. */
+    message?: IconPickerPartAttributes<HTMLParagraphElement>;
+    /** The popout, or the sheet it becomes on a narrow viewport. Carries `data-open`. */
+    popover?: IconPickerPartAttributes<HTMLElement>;
+    /** The dialog inside the popout. */
+    dialog?: IconPickerPartAttributes<HTMLElement>;
+    /** The popout's title. */
+    title?: IconPickerPartAttributes<HTMLHeadingElement>;
+    /** The button that closes the popout. */
+    close?: IconPickerPartAttributes<HTMLButtonElement>;
+    /** The search field. */
+    search?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type'> & {
+        [attribute: `data-${string}`]: string | number | boolean | undefined;
+    };
+    /** The button that clears the search. */
+    clear?: IconPickerPartAttributes<HTMLButtonElement>;
+    /** The row of category filters. */
+    categories?: IconPickerPartAttributes<HTMLDivElement>;
+    /** Every category filter. Carries `data-selected` on the active one. */
+    category?: IconPickerPartAttributes<HTMLButtonElement>;
+    /** The library filter, shown when the catalog holds more than one library. */
+    library?: IconPickerPartAttributes<HTMLSelectElement>;
+    /** The line stating what is showing. */
+    summary?: IconPickerPartAttributes<HTMLParagraphElement>;
+    /** The loading, empty, no-results and error states. Carries `data-loading` while the catalog loads. */
+    status?: IconPickerPartAttributes<HTMLDivElement>;
+    /** One compact category group. */
+    group?: IconPickerPartAttributes<HTMLElement>;
+    /** The title of a category group. */
+    groupTitle?: IconPickerPartAttributes<HTMLHeadingElement>;
+    /** The button that opens a whole category from its group. */
+    showAll?: IconPickerPartAttributes<HTMLButtonElement>;
+    /** A grid of tiles. */
+    grid?: IconPickerPartAttributes<HTMLDivElement>;
+    /** One icon tile. Carries `data-selected` and `data-disabled`. */
+    tile?: IconPickerPartAttributes<HTMLDivElement>;
+    /** The fixed area a tile centers its glyph in. */
+    tileIcon?: IconPickerPartAttributes<HTMLSpanElement>;
+    /** The name beneath a tile's glyph. */
+    tileName?: IconPickerPartAttributes<HTMLSpanElement>;
+    /** The library a tile or the trigger names, shown when several libraries are offered. */
+    provider?: IconPickerPartAttributes<HTMLSpanElement>;
+    /** The credit line for the libraries on offer. */
+    attribution?: IconPickerPartAttributes<HTMLParagraphElement>;
+}
+//# sourceMappingURL=IconPickerParts.d.ts.map

package/dist/esm/IconPicker/IconPickerParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerParts.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerParts.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjE,qGAAqG;AACrG,MAAM,MAAM,wBAAwB,CAAC,QAAQ,IAAI,cAAc,CAAC,QAAQ,CAAC,GAAG;IACxE,CAAC,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACxE,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC5B,iIAAiI;IACjI,IAAI,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAEhD,0IAA0I;IAC1I,OAAO,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAEtD,oDAAoD;IACpD,KAAK,CAAC,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAElD,mDAAmD;IACnD,IAAI,CAAC,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAEjD,uEAAuE;IACvE,OAAO,CAAC,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;IAEzD,qFAAqF;IACrF,OAAO,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAEhD,oCAAoC;IACpC,MAAM,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAE/C,0BAA0B;IAC1B,KAAK,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IAErD,yCAAyC;IACzC,KAAK,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAEpD,wBAAwB;IACxB,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;QACnG,CAAC,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;KACxE,CAAC;IAEF,yCAAyC;IACzC,KAAK,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAEpD,mCAAmC;IACnC,UAAU,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAEtD,wEAAwE;IACxE,QAAQ,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAEvD,8EAA8E;IAC9E,OAAO,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAEtD,wCAAwC;IACxC,OAAO,CAAC,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;IAEzD,uGAAuG;IACvG,MAAM,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAElD,kCAAkC;IAClC,KAAK,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC;IAE9C,qCAAqC;IACrC,UAAU,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IAE1D,6DAA6D;IAC7D,OAAO,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAEtD,uBAAuB;IACvB,IAAI,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAEhD,kEAAkE;IAClE,IAAI,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAEhD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAErD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAErD,yFAAyF;IACzF,QAAQ,CAAC,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAErD,kDAAkD;IAClD,WAAW,CAAC,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;CAChE"}

package/dist/esm/IconPicker/IconPickerParts.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=IconPickerParts.js.map

package/dist/esm/IconPicker/IconPickerParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerParts.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerParts.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { HTMLAttributes, InputHTMLAttributes } from 'react';\n\n/** Attributes passed through to one part of an {@link IconPicker}, including `data-*` attributes. */\nexport type IconPickerPartAttributes<TElement> = HTMLAttributes<TElement> & {\n    [attribute: `data-${string}`]: string | number | boolean | undefined;\n};\n\n/**\n * Stable Cratis-owned parts for styling an {@link IconPicker}. Each is marked with a matching\n * `data-cratis-part` attribute, and what is passed here is spread onto that element - the picker's own\n * value, selection and event wiring always win.\n */\nexport interface IconPickerParts {\n    /** The wrapper around the trigger and its messages. Carries `data-disabled`, `data-invalid`, `data-readonly` and `data-open`. */\n    root?: IconPickerPartAttributes<HTMLDivElement>;\n\n    /** The closed control that opens the popout. Carries `data-disabled`, `data-invalid`, `data-readonly`, `data-open` and `data-missing`. */\n    trigger?: IconPickerPartAttributes<HTMLButtonElement>;\n\n    /** The selected icon's glyph inside the trigger. */\n    glyph?: IconPickerPartAttributes<HTMLSpanElement>;\n\n    /** The selected icon's name inside the trigger. */\n    name?: IconPickerPartAttributes<HTMLSpanElement>;\n\n    /** The validation and missing-selection messages under the trigger. */\n    message?: IconPickerPartAttributes<HTMLParagraphElement>;\n\n    /** The popout, or the sheet it becomes on a narrow viewport. Carries `data-open`. */\n    popover?: IconPickerPartAttributes<HTMLElement>;\n\n    /** The dialog inside the popout. */\n    dialog?: IconPickerPartAttributes<HTMLElement>;\n\n    /** The popout's title. */\n    title?: IconPickerPartAttributes<HTMLHeadingElement>;\n\n    /** The button that closes the popout. */\n    close?: IconPickerPartAttributes<HTMLButtonElement>;\n\n    /** The search field. */\n    search?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type'> & {\n        [attribute: `data-${string}`]: string | number | boolean | undefined;\n    };\n\n    /** The button that clears the search. */\n    clear?: IconPickerPartAttributes<HTMLButtonElement>;\n\n    /** The row of category filters. */\n    categories?: IconPickerPartAttributes<HTMLDivElement>;\n\n    /** Every category filter. Carries `data-selected` on the active one. */\n    category?: IconPickerPartAttributes<HTMLButtonElement>;\n\n    /** The library filter, shown when the catalog holds more than one library. */\n    library?: IconPickerPartAttributes<HTMLSelectElement>;\n\n    /** The line stating what is showing. */\n    summary?: IconPickerPartAttributes<HTMLParagraphElement>;\n\n    /** The loading, empty, no-results and error states. Carries `data-loading` while the catalog loads. */\n    status?: IconPickerPartAttributes<HTMLDivElement>;\n\n    /** One compact category group. */\n    group?: IconPickerPartAttributes<HTMLElement>;\n\n    /** The title of a category group. */\n    groupTitle?: IconPickerPartAttributes<HTMLHeadingElement>;\n\n    /** The button that opens a whole category from its group. */\n    showAll?: IconPickerPartAttributes<HTMLButtonElement>;\n\n    /** A grid of tiles. */\n    grid?: IconPickerPartAttributes<HTMLDivElement>;\n\n    /** One icon tile. Carries `data-selected` and `data-disabled`. */\n    tile?: IconPickerPartAttributes<HTMLDivElement>;\n\n    /** The fixed area a tile centers its glyph in. */\n    tileIcon?: IconPickerPartAttributes<HTMLSpanElement>;\n\n    /** The name beneath a tile's glyph. */\n    tileName?: IconPickerPartAttributes<HTMLSpanElement>;\n\n    /** The library a tile or the trigger names, shown when several libraries are offered. */\n    provider?: IconPickerPartAttributes<HTMLSpanElement>;\n\n    /** The credit line for the libraries on offer. */\n    attribution?: IconPickerPartAttributes<HTMLParagraphElement>;\n}\n"]}

package/dist/esm/IconPicker/IconPickerPlacement.d.ts

@@ -0,0 +1,3 @@
+/** Where the popout opens relative to its trigger before it flips or shifts to stay in view. */
+export type IconPickerPlacement = 'bottom start' | 'bottom' | 'bottom end' | 'top start' | 'top' | 'top end' | 'start' | 'end';
+//# sourceMappingURL=IconPickerPlacement.d.ts.map

package/dist/esm/IconPicker/IconPickerPlacement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerPlacement.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerPlacement.ts"],"names":[],"mappings":"AAGA,gGAAgG;AAChG,MAAM,MAAM,mBAAmB,GACzB,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,KAAK,GACL,SAAS,GACT,OAAO,GACP,KAAK,CAAC"}

package/dist/esm/IconPicker/IconPickerPlacement.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=IconPickerPlacement.js.map

package/dist/esm/IconPicker/IconPickerPlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerPlacement.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerPlacement.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** Where the popout opens relative to its trigger before it flips or shifts to stay in view. */\nexport type IconPickerPlacement =\n    | 'bottom start'\n    | 'bottom'\n    | 'bottom end'\n    | 'top start'\n    | 'top'\n    | 'top end'\n    | 'start'\n    | 'end';\n"]}

package/dist/esm/IconPicker/IconPickerPopout.d.ts

@@ -0,0 +1,32 @@
+import type { IconPickerAllowed } from './IconPickerAllowed.js';
+import type { IconPickerCatalog } from './IconPickerCatalog.js';
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerLabels } from './IconPickerLabels.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+import type { IconPickerValue } from './IconPickerValue.js';
+/** Props for {@link IconPickerPopout}. */
+export interface IconPickerPopoutProps {
+    /** The catalog to browse. */
+    catalog: IconPickerCatalog;
+    /** The current selection, if any. */
+    value: IconPickerValue | null | undefined;
+    /** The field's restriction, if any. */
+    allowed?: IconPickerAllowed;
+    /** The resolved labels. */
+    labels: Required<IconPickerLabels>;
+    /** How many icons a compact category group lists before offering to show them all. */
+    compactGroupSize: number;
+    /** Picks an icon. */
+    onChoose: (entry: IconPickerEntry) => void;
+    /** Dismisses the popout without picking. */
+    onClose: () => void;
+    /** Pass-through attributes. */
+    parts?: IconPickerParts;
+}
+/**
+ * The content of the popout (or sheet): title and close, search, library and category filters, the
+ * statement of what is showing, the icons, and the libraries' credits. It owns the search and filter
+ * state, which therefore starts fresh each time the popout opens.
+ */
+export declare const IconPickerPopout: ({ catalog, value, allowed, labels, compactGroupSize, onChoose, onClose, parts, }: IconPickerPopoutProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerPopout.d.ts.map

package/dist/esm/IconPicker/IconPickerPopout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerPopout.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerPopout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAKzD,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IAClC,6BAA6B;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAE3B,qCAAqC;IACrC,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1C,uCAAuC;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,2BAA2B;IAC3B,MAAM,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEnC,sFAAsF;IACtF,gBAAgB,EAAE,MAAM,CAAC;IAEzB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,qFAS1B,qBAAqB,gCAiIvB,CAAC"}

package/dist/esm/IconPicker/IconPickerPopout.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { FaXmark } from 'react-icons/fa6';
+import { Dialog } from 'react-aria-components/Dialog';
+import { Heading } from 'react-aria-components/Heading';
+import { classNames } from '../ClassNames/classNames.js';
+import { IconPickerCategoryFilter } from './IconPickerCategoryFilter.js';
+import { IconPickerLibraryFilter } from './IconPickerLibraryFilter.js';
+import { IconPickerResults } from './IconPickerResults.js';
+import { IconPickerSearch } from './IconPickerSearch.js';
+import { iconPickerIdentity } from './iconPickerIdentity.js';
+import { isIconPickerAllowed } from './isIconPickerAllowed.js';
+import { useIconPickerBrowser } from './useIconPickerBrowser.js';
+
+const IconPickerPopout = ({ catalog, value, allowed, labels, compactGroupSize, onChoose, onClose, parts, }) => {
+    const browser = useIconPickerBrowser(catalog.icons);
+    const results = useRef(null);
+    const hasSeveralLibraries = catalog.libraries.length > 1;
+    const libraryName = (id) => catalog.libraries.find(library => library.id === id)?.name ?? id;
+    const categoryName = browser.category === undefined ? undefined : browser.category === '' ? labels.uncategorized : browser.category;
+    const credited = catalog.libraries.filter(library => (browser.library === undefined || library.id === browser.library) &&
+        (library.attribution !== undefined || library.version !== undefined));
+    const moveToResults = () => (results.current?.querySelector('[role="option"][tabindex="0"]') ??
+        results.current?.querySelector('[role="option"]'))?.focus();
+    return (jsxs(Dialog, { ...parts?.dialog, className: classNames('cratis-icon-picker__dialog', parts?.dialog?.className), "data-cratis-part": 'dialog', children: [jsxs("div", { className: 'cratis-icon-picker__header', children: [jsx(Heading, { ...parts?.title, slot: 'title', className: classNames('cratis-icon-picker__title', parts?.title?.className), "data-cratis-part": 'title', children: labels.title }), jsx("button", { ...parts?.close, type: 'button', "aria-label": labels.close, className: classNames('cratis-icon-picker__close', parts?.close?.className), "data-cratis-part": 'close', onClick: onClose, children: jsx(FaXmark, { "aria-hidden": 'true', focusable: 'false' }) })] }), jsx(IconPickerSearch, { value: browser.query, onChange: browser.setQuery, label: labels.search, placeholder: labels.searchPlaceholder, clearLabel: labels.clearSearch, onMoveToResults: moveToResults, parts: parts }), (hasSeveralLibraries || browser.categories.length > 0) && (jsxs("div", { className: 'cratis-icon-picker__filters', children: [hasSeveralLibraries && (jsx(IconPickerLibraryFilter, { libraries: catalog.libraries, selected: browser.library, onSelect: browser.setLibrary, label: labels.library, allLabel: labels.allLibraries, parts: parts })), browser.categories.length > 0 && (jsx(IconPickerCategoryFilter, { categories: browser.categories, selected: browser.category, onSelect: browser.setCategory, label: labels.categories, allLabel: labels.allCategories, uncategorizedLabel: labels.uncategorized, parts: parts }))] })), catalog.icons.length > 0 && (jsx("p", { ...parts?.summary, role: 'status', className: classNames('cratis-icon-picker__summary', parts?.summary?.className), "data-cratis-part": 'summary', children: labels.summary({
+                    count: browser.matchCount,
+                    query: browser.query.trim(),
+                    category: categoryName,
+                    library: browser.library === undefined ? undefined : libraryName(browser.library),
+                }) })), jsx("div", { ref: results, className: 'cratis-icon-picker__body', children: jsx(IconPickerResults, { browser: browser, totalCount: catalog.icons.length, status: catalog.status ?? 'ready', error: catalog.error, labels: labels, compactGroupSize: compactGroupSize, grid: {
+                        selectedIdentity: value ? iconPickerIdentity(value) : undefined,
+                        isAllowed: entry => isIconPickerAllowed(entry, allowed),
+                        providerName: library => (hasSeveralLibraries ? libraryName(library) : undefined),
+                        deprecatedLabel: labels.deprecated,
+                        notAllowedLabel: labels.notAllowed,
+                        onChoose,
+                    }, parts: parts }) }), credited.length > 0 && (jsx("div", { className: 'cratis-icon-picker__credits', children: credited.map(library => (jsx("p", { ...parts?.attribution, className: classNames('cratis-icon-picker__attribution', parts?.attribution?.className), "data-cratis-part": 'attribution', children: labels.credit(library.name, library.version, library.attribution) }, library.id))) }))] }));
+};
+
+export { IconPickerPopout };
+//# sourceMappingURL=IconPickerPopout.js.map

package/dist/esm/IconPicker/IconPickerPopout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerPopout.js","sources":["../../../IconPicker/IconPickerPopout.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useRef } from 'react';\nimport { FaXmark } from 'react-icons/fa6';\nimport { Dialog, type DialogProps } from 'react-aria-components/Dialog';\nimport { Heading } from 'react-aria-components/Heading';\nimport { classNames } from '../ClassNames/classNames';\nimport type { IconPickerAllowed } from './IconPickerAllowed';\nimport type { IconPickerCatalog } from './IconPickerCatalog';\nimport { IconPickerCategoryFilter } from './IconPickerCategoryFilter';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerLabels } from './IconPickerLabels';\nimport { IconPickerLibraryFilter } from './IconPickerLibraryFilter';\nimport type { IconPickerParts } from './IconPickerParts';\nimport { IconPickerResults } from './IconPickerResults';\nimport { IconPickerSearch } from './IconPickerSearch';\nimport type { IconPickerValue } from './IconPickerValue';\nimport { iconPickerIdentity } from './iconPickerIdentity';\nimport { isIconPickerAllowed } from './isIconPickerAllowed';\nimport { useIconPickerBrowser } from './useIconPickerBrowser';\n\n/** Props for {@link IconPickerPopout}. */\nexport interface IconPickerPopoutProps {\n    /** The catalog to browse. */\n    catalog: IconPickerCatalog;\n\n    /** The current selection, if any. */\n    value: IconPickerValue | null | undefined;\n\n    /** The field's restriction, if any. */\n    allowed?: IconPickerAllowed;\n\n    /** The resolved labels. */\n    labels: Required<IconPickerLabels>;\n\n    /** How many icons a compact category group lists before offering to show them all. */\n    compactGroupSize: number;\n\n    /** Picks an icon. */\n    onChoose: (entry: IconPickerEntry) => void;\n\n    /** Dismisses the popout without picking. */\n    onClose: () => void;\n\n    /** Pass-through attributes. */\n    parts?: IconPickerParts;\n}\n\n/**\n * The content of the popout (or sheet): title and close, search, library and category filters, the\n * statement of what is showing, the icons, and the libraries' credits. It owns the search and filter\n * state, which therefore starts fresh each time the popout opens.\n */\nexport const IconPickerPopout = ({\n    catalog,\n    value,\n    allowed,\n    labels,\n    compactGroupSize,\n    onChoose,\n    onClose,\n    parts,\n}: IconPickerPopoutProps) => {\n    const browser = useIconPickerBrowser(catalog.icons);\n    const results = useRef<HTMLDivElement>(null);\n    const hasSeveralLibraries = catalog.libraries.length > 1;\n    const libraryName = (id: string) => catalog.libraries.find(library => library.id === id)?.name ?? id;\n    const categoryName = browser.category === undefined ? undefined : browser.category === '' ? labels.uncategorized : browser.category;\n    const credited = catalog.libraries.filter(\n        library =>\n            (browser.library === undefined || library.id === browser.library) &&\n            (library.attribution !== undefined || library.version !== undefined),\n    );\n\n    const moveToResults = () =>\n        (\n            results.current?.querySelector<HTMLElement>('[role=\"option\"][tabindex=\"0\"]') ??\n            results.current?.querySelector<HTMLElement>('[role=\"option\"]')\n        )?.focus();\n\n    return (\n        <Dialog\n            // SAFETY: spread only onto a React Aria Dialog, which narrows `role` to the dialog roles.\n            {...(parts?.dialog as unknown as DialogProps | undefined)}\n            className={classNames('cratis-icon-picker__dialog', parts?.dialog?.className)}\n            data-cratis-part='dialog'\n        >\n            <div className='cratis-icon-picker__header'>\n                <Heading\n                    {...parts?.title}\n                    slot='title'\n                    className={classNames('cratis-icon-picker__title', parts?.title?.className)}\n                    data-cratis-part='title'\n                >\n                    {labels.title}\n                </Heading>\n                <button\n                    {...parts?.close}\n                    type='button'\n                    aria-label={labels.close}\n                    className={classNames('cratis-icon-picker__close', parts?.close?.className)}\n                    data-cratis-part='close'\n                    onClick={onClose}\n                >\n                    <FaXmark aria-hidden='true' focusable='false' />\n                </button>\n            </div>\n            <IconPickerSearch\n                value={browser.query}\n                onChange={browser.setQuery}\n                label={labels.search}\n                placeholder={labels.searchPlaceholder}\n                clearLabel={labels.clearSearch}\n                onMoveToResults={moveToResults}\n                parts={parts}\n            />\n            {(hasSeveralLibraries || browser.categories.length > 0) && (\n                <div className='cratis-icon-picker__filters'>\n                    {hasSeveralLibraries && (\n                        <IconPickerLibraryFilter\n                            libraries={catalog.libraries}\n                            selected={browser.library}\n                            onSelect={browser.setLibrary}\n                            label={labels.library}\n                            allLabel={labels.allLibraries}\n                            parts={parts}\n                        />\n                    )}\n                    {browser.categories.length > 0 && (\n                        <IconPickerCategoryFilter\n                            categories={browser.categories}\n                            selected={browser.category}\n                            onSelect={browser.setCategory}\n                            label={labels.categories}\n                            allLabel={labels.allCategories}\n                            uncategorizedLabel={labels.uncategorized}\n                            parts={parts}\n                        />\n                    )}\n                </div>\n            )}\n            {catalog.icons.length > 0 && (\n                <p\n                    {...parts?.summary}\n                    role='status'\n                    className={classNames('cratis-icon-picker__summary', parts?.summary?.className)}\n                    data-cratis-part='summary'\n                >\n                    {labels.summary({\n                        count: browser.matchCount,\n                        query: browser.query.trim(),\n                        category: categoryName,\n                        library: browser.library === undefined ? undefined : libraryName(browser.library),\n                    })}\n                </p>\n            )}\n            <div ref={results} className='cratis-icon-picker__body'>\n                <IconPickerResults\n                    browser={browser}\n                    totalCount={catalog.icons.length}\n                    status={catalog.status ?? 'ready'}\n                    error={catalog.error}\n                    labels={labels}\n                    compactGroupSize={compactGroupSize}\n                    grid={{\n                        selectedIdentity: value ? iconPickerIdentity(value) : undefined,\n                        isAllowed: entry => isIconPickerAllowed(entry, allowed),\n                        providerName: library => (hasSeveralLibraries ? libraryName(library) : undefined),\n                        deprecatedLabel: labels.deprecated,\n                        notAllowedLabel: labels.notAllowed,\n                        onChoose,\n                    }}\n                    parts={parts}\n                />\n            </div>\n            {credited.length > 0 && (\n                <div className='cratis-icon-picker__credits'>\n                    {credited.map(library => (\n                        <p\n                            key={library.id}\n                            {...parts?.attribution}\n                            className={classNames('cratis-icon-picker__attribution', parts?.attribution?.className)}\n                            data-cratis-part='attribution'\n                        >\n                            {labels.credit(library.name, library.version, library.attribution)}\n                        </p>\n                    ))}\n                </div>\n            )}\n        </Dialog>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/IconPicker/IconPickerResults.d.ts

@@ -0,0 +1,31 @@
+import type { IconPickerBrowser } from './IconPickerBrowser.js';
+import type { IconPickerCatalogStatus } from './IconPickerCatalogStatus.js';
+import { type IconPickerGridProps } from './IconPickerGrid.js';
+import type { IconPickerLabels } from './IconPickerLabels.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerResults}. */
+export interface IconPickerResultsProps {
+    /** What the popout is showing. */
+    browser: IconPickerBrowser;
+    /** How many icons the catalog holds in all, before any search or filter. */
+    totalCount: number;
+    /** Whether the catalog is complete. */
+    status: IconPickerCatalogStatus;
+    /** What went wrong, when `status` is `error`. */
+    error?: string;
+    /** The resolved labels. */
+    labels: Required<IconPickerLabels>;
+    /** How many icons a compact category group lists before offering to show them all. */
+    compactGroupSize: number;
+    /** The props shared by every grid. */
+    grid: Omit<IconPickerGridProps, 'entries' | 'label'>;
+    /** Pass-through attributes. */
+    parts?: IconPickerParts;
+}
+/**
+ * The popout's body: the loading, error, empty and no-results states, and the icons themselves -
+ * compact category groups while browsing, or one grid while searching or inside a chosen category.
+ * Icons already loaded stay listed, and stay selectable, while a catalog is still loading or has failed.
+ */
+export declare const IconPickerResults: ({ browser, totalCount, status, error, labels, compactGroupSize, grid, parts }: IconPickerResultsProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerResults.d.ts.map

package/dist/esm/IconPicker/IconPickerResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerResults.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerResults.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8BAA2B,CAAC;AACzE,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,qBAAkB,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACnC,kCAAkC;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAE3B,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IAEnB,uCAAuC;IACvC,MAAM,EAAE,uBAAuB,CAAC;IAEhC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2BAA2B;IAC3B,MAAM,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEnC,sFAAsF;IACtF,gBAAgB,EAAE,MAAM,CAAC;IAEzB,sCAAsC;IACtC,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B;AAcD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,kFAAmF,sBAAsB,gCAyEtI,CAAC"}

package/dist/esm/IconPicker/IconPickerResults.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
+import { classNames } from '../ClassNames/classNames.js';
+import { IconPickerGrid } from './IconPickerGrid.js';
+
+const State = ({ role, loading, children, parts }) => (jsx("div", { ...parts?.status, role: role, className: classNames('cratis-icon-picker__status', parts?.status?.className), "data-cratis-part": 'status', "data-loading": loading || undefined, children: children }));
+const IconPickerResults = ({ browser, totalCount, status, error, labels, compactGroupSize, grid, parts }) => {
+    const baseId = useId();
+    const categoryName = (category) => (category === '' ? labels.uncategorized : category);
+    const showGroups = browser.isGrouped && browser.matchCount > 0;
+    const showFlat = !browser.isGrouped && browser.matchCount > 0;
+    return (jsxs("div", { className: 'cratis-icon-picker__results', children: [status === 'loading' && (jsx(State, { role: 'status', loading: true, parts: parts, children: labels.loading })), status === 'error' && (jsx(State, { role: 'alert', parts: parts, children: error ?? labels.error })), status === 'ready' && totalCount === 0 && jsx(State, { role: 'status', parts: parts, children: labels.empty }), totalCount > 0 && browser.matchCount === 0 && (jsxs(State, { role: 'status', parts: parts, children: [jsx("span", { children: labels.noResults(browser.query.trim()) }), jsx("button", { type: 'button', className: 'cratis-icon-picker__link', onClick: browser.reset, children: labels.clearFilters })] })), showGroups &&
+                browser.groups.map(group => {
+                    const titleId = `${baseId}-${group.category}`;
+                    const overflow = group.entries.length > compactGroupSize;
+                    return (jsxs("section", { ...parts?.group, "aria-labelledby": titleId, className: classNames('cratis-icon-picker__group', parts?.group?.className), "data-cratis-part": 'group', children: [jsxs("div", { className: 'cratis-icon-picker__group-header', children: [jsx("h3", { ...parts?.groupTitle, id: titleId, className: classNames('cratis-icon-picker__group-title', parts?.groupTitle?.className), "data-cratis-part": 'groupTitle', children: categoryName(group.category) }), overflow && (jsx("button", { ...parts?.showAll, type: 'button', "aria-describedby": titleId, className: classNames('cratis-icon-picker__link', parts?.showAll?.className), "data-cratis-part": 'showAll', onClick: () => browser.setCategory(group.category), children: labels.showAll(group.entries.length) }))] }), jsx(IconPickerGrid, { ...grid, entries: overflow ? group.entries.slice(0, compactGroupSize) : group.entries, label: categoryName(group.category), parts: parts })] }, group.category));
+                }), showFlat && jsx(IconPickerGrid, { ...grid, entries: browser.matches, label: labels.title, parts: parts })] }));
+};
+
+export { IconPickerResults };
+//# sourceMappingURL=IconPickerResults.js.map

package/dist/esm/IconPicker/IconPickerResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerResults.js","sources":["../../../IconPicker/IconPickerResults.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useId, type ReactNode } from 'react';\nimport { classNames } from '../ClassNames/classNames';\nimport type { IconPickerBrowser } from './IconPickerBrowser';\nimport type { IconPickerCatalogStatus } from './IconPickerCatalogStatus';\nimport { IconPickerGrid, type IconPickerGridProps } from './IconPickerGrid';\nimport type { IconPickerLabels } from './IconPickerLabels';\nimport type { IconPickerParts } from './IconPickerParts';\n\n/** Props for {@link IconPickerResults}. */\nexport interface IconPickerResultsProps {\n    /** What the popout is showing. */\n    browser: IconPickerBrowser;\n\n    /** How many icons the catalog holds in all, before any search or filter. */\n    totalCount: number;\n\n    /** Whether the catalog is complete. */\n    status: IconPickerCatalogStatus;\n\n    /** What went wrong, when `status` is `error`. */\n    error?: string;\n\n    /** The resolved labels. */\n    labels: Required<IconPickerLabels>;\n\n    /** How many icons a compact category group lists before offering to show them all. */\n    compactGroupSize: number;\n\n    /** The props shared by every grid. */\n    grid: Omit<IconPickerGridProps, 'entries' | 'label'>;\n\n    /** Pass-through attributes. */\n    parts?: IconPickerParts;\n}\n\nconst State = ({ role, loading, children, parts }: { role: 'status' | 'alert'; loading?: boolean; children: ReactNode; parts?: IconPickerParts }) => (\n    <div\n        {...parts?.status}\n        role={role}\n        className={classNames('cratis-icon-picker__status', parts?.status?.className)}\n        data-cratis-part='status'\n        data-loading={loading || undefined}\n    >\n        {children}\n    </div>\n);\n\n/**\n * The popout's body: the loading, error, empty and no-results states, and the icons themselves -\n * compact category groups while browsing, or one grid while searching or inside a chosen category.\n * Icons already loaded stay listed, and stay selectable, while a catalog is still loading or has failed.\n */\nexport const IconPickerResults = ({ browser, totalCount, status, error, labels, compactGroupSize, grid, parts }: IconPickerResultsProps) => {\n    const baseId = useId();\n    const categoryName = (category: string) => (category === '' ? labels.uncategorized : category);\n    const showGroups = browser.isGrouped && browser.matchCount > 0;\n    const showFlat = !browser.isGrouped && browser.matchCount > 0;\n\n    return (\n        <div className='cratis-icon-picker__results'>\n            {status === 'loading' && (\n                <State role='status' loading parts={parts}>\n                    {labels.loading}\n                </State>\n            )}\n            {status === 'error' && (\n                <State role='alert' parts={parts}>\n                    {error ?? labels.error}\n                </State>\n            )}\n            {status === 'ready' && totalCount === 0 && <State role='status' parts={parts}>{labels.empty}</State>}\n            {totalCount > 0 && browser.matchCount === 0 && (\n                <State role='status' parts={parts}>\n                    <span>{labels.noResults(browser.query.trim())}</span>\n                    <button type='button' className='cratis-icon-picker__link' onClick={browser.reset}>\n                        {labels.clearFilters}\n                    </button>\n                </State>\n            )}\n            {showGroups &&\n                browser.groups.map(group => {\n                    const titleId = `${baseId}-${group.category}`;\n                    const overflow = group.entries.length > compactGroupSize;\n                    return (\n                        <section\n                            key={group.category}\n                            {...parts?.group}\n                            aria-labelledby={titleId}\n                            className={classNames('cratis-icon-picker__group', parts?.group?.className)}\n                            data-cratis-part='group'\n                        >\n                            <div className='cratis-icon-picker__group-header'>\n                                <h3\n                                    {...parts?.groupTitle}\n                                    id={titleId}\n                                    className={classNames('cratis-icon-picker__group-title', parts?.groupTitle?.className)}\n                                    data-cratis-part='groupTitle'\n                                >\n                                    {categoryName(group.category)}\n                                </h3>\n                                {overflow && (\n                                    <button\n                                        {...parts?.showAll}\n                                        type='button'\n                                        aria-describedby={titleId}\n                                        className={classNames('cratis-icon-picker__link', parts?.showAll?.className)}\n                                        data-cratis-part='showAll'\n                                        onClick={() => browser.setCategory(group.category)}\n                                    >\n                                        {labels.showAll(group.entries.length)}\n                                    </button>\n                                )}\n                            </div>\n                            <IconPickerGrid\n                                {...grid}\n                                entries={overflow ? group.entries.slice(0, compactGroupSize) : group.entries}\n                                label={categoryName(group.category)}\n                                parts={parts}\n                            />\n                        </section>\n                    );\n                })}\n            {showFlat && <IconPickerGrid {...grid} entries={browser.matches} label={labels.title} parts={parts} />}\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/IconPicker/IconPickerSearch.d.ts

@@ -0,0 +1,21 @@
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerSearch}. */
+export interface IconPickerSearchProps {
+    /** The search as typed. */
+    value: string;
+    /** Called as the search changes. */
+    onChange: (value: string) => void;
+    /** Accessible name of the field. */
+    label: string;
+    /** Placeholder of the field. */
+    placeholder: string;
+    /** Accessible name of the clear button. */
+    clearLabel: string;
+    /** Called when Down is pressed, so focus can move into the icons. */
+    onMoveToResults: () => void;
+    /** Pass-through attributes for the field and its clear button. */
+    parts?: Pick<IconPickerParts, 'search' | 'clear'>;
+}
+/** The popout's search field, with a button that clears it and hands focus back to the field. */
+export declare const IconPickerSearch: ({ value, onChange, label, placeholder, clearLabel, onMoveToResults, parts, }: IconPickerSearchProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerSearch.d.ts.map

package/dist/esm/IconPicker/IconPickerSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerSearch.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerSearch.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IAClC,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IAEd,oCAAoC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IAEd,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IAEpB,2CAA2C;IAC3C,UAAU,EAAE,MAAM,CAAC;IAEnB,qEAAqE;IACrE,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B,kEAAkE;IAClE,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;CACrD;AAED,iGAAiG;AACjG,eAAO,MAAM,gBAAgB,iFAQ1B,qBAAqB,gCA6CvB,CAAC"}

package/dist/esm/IconPicker/IconPickerSearch.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { FaMagnifyingGlass, FaXmark } from 'react-icons/fa6';
+import { classNames } from '../ClassNames/classNames.js';
+
+const IconPickerSearch = ({ value, onChange, label, placeholder, clearLabel, onMoveToResults, parts, }) => {
+    const input = useRef(null);
+    const onKeyDown = (event) => {
+        if (event.key !== 'ArrowDown')
+            return;
+        event.preventDefault();
+        onMoveToResults();
+    };
+    return (jsxs("div", { className: 'cratis-icon-picker__search', children: [jsx(FaMagnifyingGlass, { className: 'cratis-icon-picker__search-icon', "aria-hidden": 'true', focusable: 'false' }), jsx("input", { ...parts?.search, ref: input, type: 'text', role: 'searchbox', autoFocus: true, autoComplete: 'off', spellCheck: false, enterKeyHint: 'search', "aria-label": label, placeholder: placeholder, value: value, className: classNames('cratis-icon-picker__search-input', parts?.search?.className), "data-cratis-part": 'search', onChange: event => onChange(event.target.value), onKeyDown: onKeyDown }), value !== '' && (jsx("button", { ...parts?.clear, type: 'button', "aria-label": clearLabel, className: classNames('cratis-icon-picker__clear', parts?.clear?.className), "data-cratis-part": 'clear', onClick: () => {
+                    onChange('');
+                    input.current?.focus();
+                }, children: jsx(FaXmark, { "aria-hidden": 'true', focusable: 'false' }) }))] }));
+};
+
+export { IconPickerSearch };
+//# sourceMappingURL=IconPickerSearch.js.map

package/dist/esm/IconPicker/IconPickerSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerSearch.js","sources":["../../../IconPicker/IconPickerSearch.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useRef, type KeyboardEvent } from 'react';\nimport { FaMagnifyingGlass, FaXmark } from 'react-icons/fa6';\nimport { classNames } from '../ClassNames/classNames';\nimport type { IconPickerParts } from './IconPickerParts';\n\n/** Props for {@link IconPickerSearch}. */\nexport interface IconPickerSearchProps {\n    /** The search as typed. */\n    value: string;\n\n    /** Called as the search changes. */\n    onChange: (value: string) => void;\n\n    /** Accessible name of the field. */\n    label: string;\n\n    /** Placeholder of the field. */\n    placeholder: string;\n\n    /** Accessible name of the clear button. */\n    clearLabel: string;\n\n    /** Called when Down is pressed, so focus can move into the icons. */\n    onMoveToResults: () => void;\n\n    /** Pass-through attributes for the field and its clear button. */\n    parts?: Pick<IconPickerParts, 'search' | 'clear'>;\n}\n\n/** The popout's search field, with a button that clears it and hands focus back to the field. */\nexport const IconPickerSearch = ({\n    value,\n    onChange,\n    label,\n    placeholder,\n    clearLabel,\n    onMoveToResults,\n    parts,\n}: IconPickerSearchProps) => {\n    const input = useRef<HTMLInputElement>(null);\n    const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key !== 'ArrowDown') return;\n        event.preventDefault();\n        onMoveToResults();\n    };\n\n    return (\n        <div className='cratis-icon-picker__search'>\n            <FaMagnifyingGlass className='cratis-icon-picker__search-icon' aria-hidden='true' focusable='false' />\n            <input\n                {...parts?.search}\n                ref={input}\n                type='text'\n                role='searchbox'\n                autoFocus\n                autoComplete='off'\n                spellCheck={false}\n                enterKeyHint='search'\n                aria-label={label}\n                placeholder={placeholder}\n                value={value}\n                className={classNames('cratis-icon-picker__search-input', parts?.search?.className)}\n                data-cratis-part='search'\n                onChange={event => onChange(event.target.value)}\n                onKeyDown={onKeyDown}\n            />\n            {value !== '' && (\n                <button\n                    {...parts?.clear}\n                    type='button'\n                    aria-label={clearLabel}\n                    className={classNames('cratis-icon-picker__clear', parts?.clear?.className)}\n                    data-cratis-part='clear'\n                    onClick={() => {\n                        onChange('');\n                        input.current?.focus();\n                    }}\n                >\n                    <FaXmark aria-hidden='true' focusable='false' />\n                </button>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;MAiCa,gBAAgB,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,UAAU,EACV,eAAe,EACf,KAAK,GACe,KAAI;AACxB,IAAA,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC;AAC5C,IAAA,MAAM,SAAS,GAAG,CAAC,KAAsC,KAAI;AACzD,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE;QAC/B,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,eAAe,EAAE;AACrB,IAAA,CAAC;AAED,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,iCAAiC,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,OAAO,EAAA,CAAG,EACtGA,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,KAAK,EAAE,MAAM,EACjB,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,WAAW,EAChB,SAAS,EAAA,IAAA,EACT,YAAY,EAAC,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,QAAQ,EAAA,YAAA,EACT,KAAK,EACjB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,kCAAkC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAA,kBAAA,EAClE,QAAQ,EACzB,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,SAAS,EAAE,SAAS,EAAA,CACtB,EACD,KAAK,KAAK,EAAE,KACTA,GAAA,CAAA,QAAA,EAAA,EAAA,GACQ,KAAK,EAAE,KAAK,EAChB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,UAAU,EACtB,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,EAAA,kBAAA,EAC1D,OAAO,EACxB,OAAO,EAAE,MAAK;oBACV,QAAQ,CAAC,EAAE,CAAC;AACZ,oBAAA,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE;AAC1B,gBAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,OAAO,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,OAAO,EAAA,CAAG,EAAA,CAC3C,CACZ,CAAA,EAAA,CACC;AAEd;;"}

package/dist/esm/IconPicker/IconPickerSummary.d.ts

@@ -0,0 +1,12 @@
+/** What the popout is currently showing, for {@link IconPickerLabels.summary}. */
+export interface IconPickerSummary {
+    /** How many icons match. */
+    count: number;
+    /** The active search, or an empty string. */
+    query: string;
+    /** The name of the active category filter, if any. */
+    category?: string;
+    /** The name of the active library filter, if any. */
+    library?: string;
+}
+//# sourceMappingURL=IconPickerSummary.d.ts.map

package/dist/esm/IconPicker/IconPickerSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerSummary.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerSummary.ts"],"names":[],"mappings":"AAGA,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAC9B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IAEd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/esm/IconPicker/IconPickerSummary.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=IconPickerSummary.js.map

package/dist/esm/IconPicker/IconPickerSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerSummary.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerSummary.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** What the popout is currently showing, for {@link IconPickerLabels.summary}. */\nexport interface IconPickerSummary {\n    /** How many icons match. */\n    count: number;\n\n    /** The active search, or an empty string. */\n    query: string;\n\n    /** The name of the active category filter, if any. */\n    category?: string;\n\n    /** The name of the active library filter, if any. */\n    library?: string;\n}\n"]}