@cratis/components 4.23.1 → 4.24.0

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"]}

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

@@ -0,0 +1,36 @@
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerTile}. */
+export interface IconPickerTileProps {
+    /** The icon the tile stands for. */
+    entry: IconPickerEntry;
+    /** Whether this icon is the current selection. */
+    selected: boolean;
+    /** Whether the field accepts this icon. An icon it does not accept is shown but cannot be chosen. */
+    allowed: boolean;
+    /** The name of the icon's library, shown when several libraries are offered. */
+    providerName?: string;
+    /** The text marking a deprecated icon. */
+    deprecatedLabel: string;
+    /** The text saying why an icon cannot be chosen. */
+    notAllowedLabel: string;
+    /** Picks the icon. */
+    onChoose: (entry: IconPickerEntry) => void;
+    /** The roving-focus props: tab stop, index marker and focus handler. */
+    roving: {
+        tabIndex: number;
+        onFocus: () => void;
+        [attribute: `data-${string}`]: number;
+    };
+    /** Pass-through attributes for the tile and its inner parts. */
+    parts?: Pick<IconPickerParts, 'tile' | 'tileIcon' | 'tileName' | 'provider'>;
+}
+/**
+ * One selectable icon: a bordered tile with the glyph centered in a fixed icon area and the name
+ * always visible and centered beneath it. The glyph is only drawn once the tile nears the viewport.
+ *
+ * Selection is shown by a check mark and a heavier border, and focus by an offset outline, so neither
+ * depends on color alone. An icon the field does not accept stays focusable and explains itself.
+ */
+export declare const IconPickerTile: ({ entry, selected, allowed, providerName, deprecatedLabel, notAllowedLabel, onChoose, roving, parts, }: IconPickerTileProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerTile.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerTile.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAGzD,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAChC,oCAAoC;IACpC,KAAK,EAAE,eAAe,CAAC;IAEvB,kDAAkD;IAClD,QAAQ,EAAE,OAAO,CAAC;IAElB,qGAAqG;IACrG,OAAO,EAAE,OAAO,CAAC;IAEjB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,0CAA0C;IAC1C,eAAe,EAAE,MAAM,CAAC;IAExB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IAExB,sBAAsB;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C,wEAAwE;IACxE,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,CAAC,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,CAAA;KAAE,CAAC;IAEzF,gEAAgE;IAChE,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;CAChF;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,2GAUxB,mBAAmB,gCAyDrB,CAAC"}

package/dist/esm/IconPicker/IconPickerTile.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FaCheck } from 'react-icons/fa6';
+import { classNames } from '../ClassNames/classNames.js';
+import { useIsVisible } from './useIsVisible.js';
+
+const IconPickerTile = ({ entry, selected, allowed, providerName, deprecatedLabel, notAllowedLabel, onChoose, roving, parts, }) => {
+    const { ref, isVisible } = useIsVisible();
+    const choose = () => {
+        if (allowed)
+            onChoose(entry);
+    };
+    const onKeyDown = (event) => {
+        if (event.key !== 'Enter' && event.key !== ' ')
+            return;
+        event.preventDefault();
+        choose();
+    };
+    return (jsxs("div", { ...parts?.tile, ...roving, ref: ref, role: 'option', "aria-selected": selected, "aria-disabled": !allowed || undefined, title: entry.name, className: classNames('cratis-icon-picker__tile', parts?.tile?.className), "data-cratis-part": 'tile', "data-selected": selected || undefined, "data-disabled": !allowed || undefined, "data-deprecated": entry.deprecated || undefined, onClick: choose, onKeyDown: onKeyDown, children: [jsx("span", { ...parts?.tileIcon, "aria-hidden": 'true', className: classNames('cratis-icon-picker__tile-icon', parts?.tileIcon?.className), "data-cratis-part": 'tileIcon', children: isVisible ? entry.renderPreview() : null }), jsx("span", { ...parts?.tileName, className: classNames('cratis-icon-picker__tile-name', parts?.tileName?.className), "data-cratis-part": 'tileName', children: entry.name }), providerName !== undefined && (jsx("span", { ...parts?.provider, className: classNames('cratis-icon-picker__provider', parts?.provider?.className), "data-cratis-part": 'provider', children: providerName })), entry.deprecated && jsx("span", { className: 'cratis-icon-picker__flag', children: deprecatedLabel }), !allowed && jsx("span", { className: 'cratis-icon-picker__flag', children: notAllowedLabel }), selected && jsx(FaCheck, { className: 'cratis-icon-picker__check', "aria-hidden": 'true', focusable: 'false' })] }));
+};
+
+export { IconPickerTile };
+//# sourceMappingURL=IconPickerTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerTile.js","sources":["../../../IconPicker/IconPickerTile.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 type { KeyboardEvent } from 'react';\nimport { FaCheck } from 'react-icons/fa6';\nimport { classNames } from '../ClassNames/classNames';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerParts } from './IconPickerParts';\nimport { useIsVisible } from './useIsVisible';\n\n/** Props for {@link IconPickerTile}. */\nexport interface IconPickerTileProps {\n    /** The icon the tile stands for. */\n    entry: IconPickerEntry;\n\n    /** Whether this icon is the current selection. */\n    selected: boolean;\n\n    /** Whether the field accepts this icon. An icon it does not accept is shown but cannot be chosen. */\n    allowed: boolean;\n\n    /** The name of the icon's library, shown when several libraries are offered. */\n    providerName?: string;\n\n    /** The text marking a deprecated icon. */\n    deprecatedLabel: string;\n\n    /** The text saying why an icon cannot be chosen. */\n    notAllowedLabel: string;\n\n    /** Picks the icon. */\n    onChoose: (entry: IconPickerEntry) => void;\n\n    /** The roving-focus props: tab stop, index marker and focus handler. */\n    roving: { tabIndex: number; onFocus: () => void; [attribute: `data-${string}`]: number };\n\n    /** Pass-through attributes for the tile and its inner parts. */\n    parts?: Pick<IconPickerParts, 'tile' | 'tileIcon' | 'tileName' | 'provider'>;\n}\n\n/**\n * One selectable icon: a bordered tile with the glyph centered in a fixed icon area and the name\n * always visible and centered beneath it. The glyph is only drawn once the tile nears the viewport.\n *\n * Selection is shown by a check mark and a heavier border, and focus by an offset outline, so neither\n * depends on color alone. An icon the field does not accept stays focusable and explains itself.\n */\nexport const IconPickerTile = ({\n    entry,\n    selected,\n    allowed,\n    providerName,\n    deprecatedLabel,\n    notAllowedLabel,\n    onChoose,\n    roving,\n    parts,\n}: IconPickerTileProps) => {\n    const { ref, isVisible } = useIsVisible();\n    const choose = () => {\n        if (allowed) onChoose(entry);\n    };\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        if (event.key !== 'Enter' && event.key !== ' ') return;\n        event.preventDefault();\n        choose();\n    };\n\n    return (\n        <div\n            {...parts?.tile}\n            {...roving}\n            ref={ref}\n            role='option'\n            aria-selected={selected}\n            aria-disabled={!allowed || undefined}\n            title={entry.name}\n            className={classNames('cratis-icon-picker__tile', parts?.tile?.className)}\n            data-cratis-part='tile'\n            data-selected={selected || undefined}\n            data-disabled={!allowed || undefined}\n            data-deprecated={entry.deprecated || undefined}\n            onClick={choose}\n            onKeyDown={onKeyDown}\n        >\n            <span\n                {...parts?.tileIcon}\n                aria-hidden='true'\n                className={classNames('cratis-icon-picker__tile-icon', parts?.tileIcon?.className)}\n                data-cratis-part='tileIcon'\n            >\n                {isVisible ? entry.renderPreview() : null}\n            </span>\n            <span\n                {...parts?.tileName}\n                className={classNames('cratis-icon-picker__tile-name', parts?.tileName?.className)}\n                data-cratis-part='tileName'\n            >\n                {entry.name}\n            </span>\n            {providerName !== undefined && (\n                <span\n                    {...parts?.provider}\n                    className={classNames('cratis-icon-picker__provider', parts?.provider?.className)}\n                    data-cratis-part='provider'\n                >\n                    {providerName}\n                </span>\n            )}\n            {entry.deprecated && <span className='cratis-icon-picker__flag'>{deprecatedLabel}</span>}\n            {!allowed && <span className='cratis-icon-picker__flag'>{notAllowedLabel}</span>}\n            {selected && <FaCheck className='cratis-icon-picker__check' aria-hidden='true' focusable='false' />}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AA+CO,MAAM,cAAc,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,EACf,QAAQ,EACR,MAAM,EACN,KAAK,GACa,KAAI;IACtB,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;IACzC,MAAM,MAAM,GAAG,MAAK;AAChB,QAAA,IAAI,OAAO;YAAE,QAAQ,CAAC,KAAK,CAAC;AAChC,IAAA,CAAC;AACD,IAAA,MAAM,SAAS,GAAG,CAAC,KAAiC,KAAI;QACpD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;YAAE;QAChD,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,EAAE;AACZ,IAAA,CAAC;IAED,QACIA,iBACQ,KAAK,EAAE,IAAI,EAAA,GACX,MAAM,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EAAA,eAAA,EACE,QAAQ,EAAA,eAAA,EACR,CAAC,OAAO,IAAI,SAAS,EACpC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,sBACxD,MAAM,EAAA,eAAA,EACR,QAAQ,IAAI,SAAS,EAAA,eAAA,EACrB,CAAC,OAAO,IAAI,SAAS,EAAA,iBAAA,EACnB,KAAK,CAAC,UAAU,IAAI,SAAS,EAC9C,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,SAAS,aAEpBC,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,KAAK,EAAE,QAAQ,EAAA,aAAA,EACP,MAAM,EAClB,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAA,kBAAA,EACjE,UAAU,YAE1B,SAAS,GAAG,KAAK,CAAC,aAAa,EAAE,GAAG,IAAI,GACtC,EACPA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,KAAK,EAAE,QAAQ,EACnB,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAA,kBAAA,EACjE,UAAU,EAAA,QAAA,EAE1B,KAAK,CAAC,IAAI,GACR,EACN,YAAY,KAAK,SAAS,KACvBA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,KAAK,EAAE,QAAQ,EACnB,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAA,kBAAA,EAChE,UAAU,EAAA,QAAA,EAE1B,YAAY,GACV,CACV,EACA,KAAK,CAAC,UAAU,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAE,eAAe,EAAA,CAAQ,EACvF,CAAC,OAAO,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,YAAE,eAAe,EAAA,CAAQ,EAC/E,QAAQ,IAAIA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,OAAO,EAAA,CAAG,CAAA,EAAA,CACjG;AAEd;;"}

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

@@ -0,0 +1,39 @@
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerTrigger}. */
+export interface IconPickerTriggerProps {
+    /** The selected icon, when the catalog holds it. */
+    entry: IconPickerEntry | undefined;
+    /** What names the selection when the catalog does not hold it, or the placeholder when nothing is selected. */
+    fallbackName: string;
+    /** The name of the selected icon's library, shown when several libraries are offered. */
+    providerName?: string;
+    /** Whether the selection is absent from a complete catalog. */
+    missing: boolean;
+    /** Whether the popout is open. */
+    open: boolean;
+    /** Whether the control is disabled. */
+    disabled: boolean;
+    /** Whether the control shows its value without letting it change. */
+    readOnly: boolean;
+    /** Whether the control is marked invalid. */
+    invalid: boolean;
+    /** The element id of the trigger. */
+    id?: string;
+    /** The element id of the name, which the trigger's accessible name includes. */
+    nameId: string;
+    /** The accessible name of the trigger, without the selection. */
+    label: string;
+    /** The id of an element naming the trigger, supplied by the host. */
+    labelledBy?: string;
+    /** The ids of the elements describing the trigger. */
+    describedBy?: string;
+    /** Pass-through attributes. */
+    parts?: IconPickerParts;
+}
+/**
+ * The closed control: the selected glyph and its name, which opens the popout. A selection the catalog
+ * does not hold shows its raw qualified identity with a warning mark rather than another icon.
+ */
+export declare const IconPickerTrigger: ({ entry, fallbackName, providerName, missing, open, disabled, readOnly, invalid, id, nameId, label, labelledBy, describedBy, parts, }: IconPickerTriggerProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerTrigger.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerTrigger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACnC,oDAAoD;IACpD,KAAK,EAAE,eAAe,GAAG,SAAS,CAAC;IAEnC,+GAA+G;IAC/G,YAAY,EAAE,MAAM,CAAC;IAErB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,+DAA+D;IAC/D,OAAO,EAAE,OAAO,CAAC;IAEjB,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IAEd,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAElB,qEAAqE;IACrE,QAAQ,EAAE,OAAO,CAAC;IAElB,6CAA6C;IAC7C,OAAO,EAAE,OAAO,CAAC;IAEjB,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,gFAAgF;IAChF,MAAM,EAAE,MAAM,CAAC;IAEf,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IAEd,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,0IAe3B,sBAAsB,gCAuDxB,CAAC"}

package/dist/esm/IconPicker/IconPickerTrigger.js

@@ -0,0 +1,13 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Button } from 'react-aria-components/Button';
+import { FaTriangleExclamation, FaChevronDown } from 'react-icons/fa6';
+import { classNames } from '../ClassNames/classNames.js';
+
+const IconPickerTrigger = ({ entry, fallbackName, providerName, missing, open, disabled, readOnly, invalid, id, nameId, label, labelledBy, describedBy, parts, }) => {
+    const name = entry?.name ?? fallbackName;
+    const glyph = entry ? (entry.renderPreview()) : missing ? (jsx(FaTriangleExclamation, { focusable: 'false' })) : null;
+    return (jsxs(Button, { ...parts?.trigger, id: id, isDisabled: disabled, "aria-disabled": readOnly || undefined, "aria-label": labelledBy ? undefined : `${label}: ${name}`, "aria-labelledby": labelledBy ? `${labelledBy} ${nameId}` : undefined, "aria-describedby": describedBy, className: classNames('cratis-icon-picker__trigger', parts?.trigger?.className), "data-cratis-part": 'trigger', "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-open": open || undefined, "data-missing": missing || undefined, children: [jsx("span", { ...parts?.glyph, "aria-hidden": 'true', className: classNames('cratis-icon-picker__glyph', parts?.glyph?.className), "data-cratis-part": 'glyph', children: glyph }), jsx("span", { ...parts?.name, id: nameId, className: classNames('cratis-icon-picker__name', parts?.name?.className), "data-cratis-part": 'name', children: name }), providerName !== undefined && (jsx("span", { ...parts?.provider, className: classNames('cratis-icon-picker__provider', parts?.provider?.className), "data-cratis-part": 'provider', children: providerName })), jsx(FaChevronDown, { className: 'cratis-icon-picker__chevron', "aria-hidden": 'true', focusable: 'false' })] }));
+};
+
+export { IconPickerTrigger };
+//# sourceMappingURL=IconPickerTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerTrigger.js","sources":["../../../IconPicker/IconPickerTrigger.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 type { ReactNode } from 'react';\nimport { Button, type ButtonProps } from 'react-aria-components/Button';\nimport { FaChevronDown, FaTriangleExclamation } from 'react-icons/fa6';\nimport { classNames } from '../ClassNames/classNames';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerParts } from './IconPickerParts';\n\n/** Props for {@link IconPickerTrigger}. */\nexport interface IconPickerTriggerProps {\n    /** The selected icon, when the catalog holds it. */\n    entry: IconPickerEntry | undefined;\n\n    /** What names the selection when the catalog does not hold it, or the placeholder when nothing is selected. */\n    fallbackName: string;\n\n    /** The name of the selected icon's library, shown when several libraries are offered. */\n    providerName?: string;\n\n    /** Whether the selection is absent from a complete catalog. */\n    missing: boolean;\n\n    /** Whether the popout is open. */\n    open: boolean;\n\n    /** Whether the control is disabled. */\n    disabled: boolean;\n\n    /** Whether the control shows its value without letting it change. */\n    readOnly: boolean;\n\n    /** Whether the control is marked invalid. */\n    invalid: boolean;\n\n    /** The element id of the trigger. */\n    id?: string;\n\n    /** The element id of the name, which the trigger's accessible name includes. */\n    nameId: string;\n\n    /** The accessible name of the trigger, without the selection. */\n    label: string;\n\n    /** The id of an element naming the trigger, supplied by the host. */\n    labelledBy?: string;\n\n    /** The ids of the elements describing the trigger. */\n    describedBy?: string;\n\n    /** Pass-through attributes. */\n    parts?: IconPickerParts;\n}\n\n/**\n * The closed control: the selected glyph and its name, which opens the popout. A selection the catalog\n * does not hold shows its raw qualified identity with a warning mark rather than another icon.\n */\nexport const IconPickerTrigger = ({\n    entry,\n    fallbackName,\n    providerName,\n    missing,\n    open,\n    disabled,\n    readOnly,\n    invalid,\n    id,\n    nameId,\n    label,\n    labelledBy,\n    describedBy,\n    parts,\n}: IconPickerTriggerProps) => {\n        const name = entry?.name ?? fallbackName;\n        const glyph: ReactNode = entry ? (\n            entry.renderPreview()\n        ) : missing ? (\n            <FaTriangleExclamation focusable='false' />\n        ) : null;\n\n        return (\n            <Button\n                // SAFETY: spread only onto a React Aria Button, which renders an HTMLButtonElement - the same\n                // element the part is typed against; only its declared event-callback parameter types are wider.\n                {...(parts?.trigger as unknown as ButtonProps | undefined)}\n                id={id}\n                isDisabled={disabled}\n                aria-disabled={readOnly || undefined}\n                aria-label={labelledBy ? undefined : `${label}: ${name}`}\n                aria-labelledby={labelledBy ? `${labelledBy} ${nameId}` : undefined}\n                aria-describedby={describedBy}\n                className={classNames('cratis-icon-picker__trigger', parts?.trigger?.className)}\n                data-cratis-part='trigger'\n                data-disabled={disabled || undefined}\n                data-invalid={invalid || undefined}\n                data-readonly={readOnly || undefined}\n                data-open={open || undefined}\n                data-missing={missing || undefined}\n            >\n                <span\n                    {...parts?.glyph}\n                    aria-hidden='true'\n                    className={classNames('cratis-icon-picker__glyph', parts?.glyph?.className)}\n                    data-cratis-part='glyph'\n                >\n                    {glyph}\n                </span>\n                <span\n                    {...parts?.name}\n                    id={nameId}\n                    className={classNames('cratis-icon-picker__name', parts?.name?.className)}\n                    data-cratis-part='name'\n                >\n                    {name}\n                </span>\n                {providerName !== undefined && (\n                    <span\n                        {...parts?.provider}\n                        className={classNames('cratis-icon-picker__provider', parts?.provider?.className)}\n                        data-cratis-part='provider'\n                    >\n                        {providerName}\n                    </span>\n                )}\n                <FaChevronDown className='cratis-icon-picker__chevron' aria-hidden='true' focusable='false' />\n            </Button>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AA2DO,MAAM,iBAAiB,GAAG,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,EAAE,EACF,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,GACgB,KAAI;AACrB,IAAA,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,YAAY;AACxC,IAAA,MAAM,KAAK,GAAc,KAAK,IAC1B,KAAK,CAAC,aAAa,EAAE,IACrB,OAAO,IACPA,GAAA,CAAC,qBAAqB,IAAC,SAAS,EAAC,OAAO,EAAA,CAAG,IAC3C,IAAI;AAER,IAAA,QACIC,IAAA,CAAC,MAAM,OAGE,KAAK,EAAE,OAA8C,EAC1D,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,QAAQ,mBACL,QAAQ,IAAI,SAAS,EAAA,YAAA,EACxB,UAAU,GAAG,SAAS,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,IAAI,EAAE,EAAA,iBAAA,EACvC,UAAU,GAAG,GAAG,UAAU,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,GAAG,SAAS,EAAA,kBAAA,EACjD,WAAW,EAC7B,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,EAAA,kBAAA,EAC9D,SAAS,mBACX,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtB,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,EAAA,WAAA,EACzB,IAAI,IAAI,SAAS,EAAA,cAAA,EACd,OAAO,IAAI,SAAS,aAElCD,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,KAAK,EAAE,KAAK,EAAA,aAAA,EACJ,MAAM,EAClB,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,sBAC1D,OAAO,EAAA,QAAA,EAEvB,KAAK,EAAA,CACH,EACPA,iBACQ,KAAK,EAAE,IAAI,EACf,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,EAAA,kBAAA,EACxD,MAAM,YAEtB,IAAI,EAAA,CACF,EACN,YAAY,KAAK,SAAS,KACvBA,GAAA,CAAA,MAAA,EAAA,EAAA,GACQ,KAAK,EAAE,QAAQ,EACnB,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,sBAChE,UAAU,EAAA,QAAA,EAE1B,YAAY,EAAA,CACV,CACV,EACDA,GAAA,CAAC,aAAa,IAAC,SAAS,EAAC,6BAA6B,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAC,OAAO,EAAA,CAAG,CAAA,EAAA,CACzF;AAErB;;"}

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

@@ -0,0 +1,16 @@
+/**
+ * The qualified, persisted identity of an icon: the shape a host stores and the picker emits.
+ *
+ * Labels, display names, CSS classes, SVG markup and catalog order are never identity. Two values name
+ * the same icon only when `library`, `key` and `variant` all match, so an icon called `home` in one
+ * library is never mistaken for an icon called `home` in another.
+ */
+export interface IconPickerValue {
+    /** The stable identity of the icon library the icon belongs to. */
+    library: string;
+    /** The stable key of the icon within its library. */
+    key: string;
+    /** The optional style variant of the icon, such as `outline` or `solid`. */
+    variant?: string;
+}
+//# sourceMappingURL=IconPickerValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerValue.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerValue.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC5B,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAEhB,qDAAqD;IACrD,GAAG,EAAE,MAAM,CAAC;IAEZ,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/esm/IconPicker/IconPickerValue.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=IconPickerValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerValue.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerValue.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/**\n * The qualified, persisted identity of an icon: the shape a host stores and the picker emits.\n *\n * Labels, display names, CSS classes, SVG markup and catalog order are never identity. Two values name\n * the same icon only when `library`, `key` and `variant` all match, so an icon called `home` in one\n * library is never mistaken for an icon called `home` in another.\n */\nexport interface IconPickerValue {\n    /** The stable identity of the icon library the icon belongs to. */\n    library: string;\n\n    /** The stable key of the icon within its library. */\n    key: string;\n\n    /** The optional style variant of the icon, such as `outline` or `solid`. */\n    variant?: string;\n}\n"]}

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

@@ -0,0 +1,10 @@
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerIndexEntry } from './IconPickerIndexEntry.js';
+/**
+ * Prepares a catalog's icons for searching, once per catalog instead of once per keystroke. An icon
+ * listed twice under one qualified identity is kept once - the first - so identities stay unique.
+ * @param icons The catalog's icons.
+ * @returns The icons in catalog order, each with its identity and lowercase search text.
+ */
+export declare const createIconPickerIndex: (icons: readonly IconPickerEntry[]) => IconPickerIndexEntry[];
+//# sourceMappingURL=createIconPickerIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createIconPickerIndex.d.ts","sourceRoot":"","sources":["../../../IconPicker/createIconPickerIndex.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAAwB,CAAC;AAGnE;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,SAAS,eAAe,EAAE,KAAG,oBAAoB,EAc7F,CAAC"}

package/dist/esm/IconPicker/createIconPickerIndex.js

@@ -0,0 +1,21 @@
+import { iconPickerIdentity } from './iconPickerIdentity.js';
+
+const createIconPickerIndex = (icons) => {
+    const seen = new Set();
+    const index = [];
+    for (const entry of icons) {
+        const identity = iconPickerIdentity(entry);
+        if (seen.has(identity))
+            continue;
+        seen.add(identity);
+        index.push({
+            entry,
+            identity,
+            searchText: [entry.name, ...(entry.tags ?? []), ...(entry.aliases ?? [])].join('\n').toLocaleLowerCase(),
+        });
+    }
+    return index;
+};
+
+export { createIconPickerIndex };
+//# sourceMappingURL=createIconPickerIndex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createIconPickerIndex.js","sources":["../../../IconPicker/createIconPickerIndex.ts"],"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 { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerIndexEntry } from './IconPickerIndexEntry';\nimport { iconPickerIdentity } from './iconPickerIdentity';\n\n/**\n * Prepares a catalog's icons for searching, once per catalog instead of once per keystroke. An icon\n * listed twice under one qualified identity is kept once - the first - so identities stay unique.\n * @param icons The catalog's icons.\n * @returns The icons in catalog order, each with its identity and lowercase search text.\n */\nexport const createIconPickerIndex = (icons: readonly IconPickerEntry[]): IconPickerIndexEntry[] => {\n    const seen = new Set<string>();\n    const index: IconPickerIndexEntry[] = [];\n    for (const entry of icons) {\n        const identity = iconPickerIdentity(entry);\n        if (seen.has(identity)) continue;\n        seen.add(identity);\n        index.push({\n            entry,\n            identity,\n            searchText: [entry.name, ...(entry.tags ?? []), ...(entry.aliases ?? [])].join('\\n').toLocaleLowerCase(),\n        });\n    }\n    return index;\n};\n"],"names":[],"mappings":";;AAaO,MAAM,qBAAqB,GAAG,CAAC,KAAiC,KAA4B;AAC/F,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU;IAC9B,MAAM,KAAK,GAA2B,EAAE;AACxC,IAAA,KAAK,MAAM,KAAK,IAAI,KAAK,EAAE;AACvB,QAAA,MAAM,QAAQ,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAC1C,QAAA,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE;AACxB,QAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;QAClB,KAAK,CAAC,IAAI,CAAC;YACP,KAAK;YACL,QAAQ;AACR,YAAA,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE;AAC3G,SAAA,CAAC;IACN;AACA,IAAA,OAAO,KAAK;AAChB;;"}

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

@@ -0,0 +1,4 @@
+import type { IconPickerLabels } from './IconPickerLabels.js';
+/** The English text an {@link IconPicker} uses for every label a host does not override. */
+export declare const defaultIconPickerLabels: Required<IconPickerLabels>;
+//# sourceMappingURL=defaultIconPickerLabels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultIconPickerLabels.d.ts","sourceRoot":"","sources":["../../../IconPicker/defaultIconPickerLabels.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AAE3D,4FAA4F;AAC5F,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,gBAAgB,CAiC9D,CAAC"}

package/dist/esm/IconPicker/defaultIconPickerLabels.js

@@ -0,0 +1,35 @@
+const defaultIconPickerLabels = {
+    placeholder: 'Select an icon',
+    title: 'Choose an icon',
+    search: 'Search icons',
+    searchPlaceholder: 'Search by name or tag',
+    clearSearch: 'Clear search',
+    close: 'Close',
+    categories: 'Categories',
+    allCategories: 'All',
+    uncategorized: 'Other',
+    showAll: count => `Show all ${count}`,
+    library: 'Library',
+    allLibraries: 'All libraries',
+    summary: ({ count, query, category, library }) => [
+        `${count} ${count === 1 ? 'icon' : 'icons'}`,
+        category === undefined ? undefined : `in ${category}`,
+        library === undefined ? undefined : `from ${library}`,
+        query === '' ? undefined : `matching “${query}”`,
+    ]
+        .filter(part => part !== undefined)
+        .join(' '),
+    loading: 'Loading icons…',
+    empty: 'There are no icons to choose from.',
+    noResults: query => (query === '' ? 'No icons match the filters.' : `No icons match “${query}”.`),
+    clearFilters: 'Clear filters',
+    error: 'The icons could not be loaded.',
+    missingSelection: identity => `The selected icon ${identity} is not in the catalog.`,
+    deprecated: 'Deprecated',
+    notAllowed: 'Not available for this field',
+    trigger: 'Icon',
+    credit: (name, version, attribution) => [name, version, attribution].filter(part => part !== undefined && part !== '').join(' · '),
+};
+
+export { defaultIconPickerLabels };
+//# sourceMappingURL=defaultIconPickerLabels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultIconPickerLabels.js","sources":["../../../IconPicker/defaultIconPickerLabels.ts"],"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 { IconPickerLabels } from './IconPickerLabels';\n\n/** The English text an {@link IconPicker} uses for every label a host does not override. */\nexport const defaultIconPickerLabels: Required<IconPickerLabels> = {\n    placeholder: 'Select an icon',\n    title: 'Choose an icon',\n    search: 'Search icons',\n    searchPlaceholder: 'Search by name or tag',\n    clearSearch: 'Clear search',\n    close: 'Close',\n    categories: 'Categories',\n    allCategories: 'All',\n    uncategorized: 'Other',\n    showAll: count => `Show all ${count}`,\n    library: 'Library',\n    allLibraries: 'All libraries',\n    summary: ({ count, query, category, library }) =>\n        [\n            `${count} ${count === 1 ? 'icon' : 'icons'}`,\n            category === undefined ? undefined : `in ${category}`,\n            library === undefined ? undefined : `from ${library}`,\n            query === '' ? undefined : `matching “${query}”`,\n        ]\n            .filter(part => part !== undefined)\n            .join(' '),\n    loading: 'Loading icons…',\n    empty: 'There are no icons to choose from.',\n    noResults: query => (query === '' ? 'No icons match the filters.' : `No icons match “${query}”.`),\n    clearFilters: 'Clear filters',\n    error: 'The icons could not be loaded.',\n    missingSelection: identity => `The selected icon ${identity} is not in the catalog.`,\n    deprecated: 'Deprecated',\n    notAllowed: 'Not available for this field',\n    trigger: 'Icon',\n    credit: (name, version, attribution) =>\n        [name, version, attribution].filter(part => part !== undefined && part !== '').join(' · '),\n};\n"],"names":[],"mappings":"AAMO,MAAM,uBAAuB,GAA+B;AAC/D,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,gBAAgB;AACvB,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,iBAAiB,EAAE,uBAAuB;AAC1C,IAAA,WAAW,EAAE,cAAc;AAC3B,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,aAAa,EAAE,OAAO;AACtB,IAAA,OAAO,EAAE,KAAK,IAAI,CAAA,SAAA,EAAY,KAAK,CAAA,CAAE;AACrC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KACzC;AACI,QAAA,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE;QAC5C,QAAQ,KAAK,SAAS,GAAG,SAAS,GAAG,CAAA,GAAA,EAAM,QAAQ,CAAA,CAAE;QACrD,OAAO,KAAK,SAAS,GAAG,SAAS,GAAG,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;QACrD,KAAK,KAAK,EAAE,GAAG,SAAS,GAAG,CAAA,UAAA,EAAa,KAAK,CAAA,CAAA,CAAG;AACnD;SACI,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS;SACjC,IAAI,CAAC,GAAG,CAAC;AAClB,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,KAAK,EAAE,oCAAoC;AAC3C,IAAA,SAAS,EAAE,KAAK,KAAK,KAAK,KAAK,EAAE,GAAG,6BAA6B,GAAG,CAAA,gBAAA,EAAmB,KAAK,IAAI,CAAC;AACjG,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,KAAK,EAAE,gCAAgC;AACvC,IAAA,gBAAgB,EAAE,QAAQ,IAAI,CAAA,kBAAA,EAAqB,QAAQ,CAAA,uBAAA,CAAyB;AACpF,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,UAAU,EAAE,8BAA8B;AAC1C,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,KAC/B,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;;;"}

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

@@ -0,0 +1,8 @@
+import type { IconPickerValue } from './IconPickerValue.js';
+/**
+ * Writes a qualified identity out for people, as shown for a selection the catalog does not contain.
+ * @param value The qualified icon value.
+ * @returns The library, key and variant joined with slashes.
+ */
+export declare const formatIconPickerIdentity: (value: IconPickerValue) => string;
+//# sourceMappingURL=formatIconPickerIdentity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatIconPickerIdentity.d.ts","sourceRoot":"","sources":["../../../IconPicker/formatIconPickerIdentity.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,UAAW,eAAe,KAAG,MACyC,CAAC"}

package/dist/esm/IconPicker/formatIconPickerIdentity.js

@@ -0,0 +1,4 @@
+const formatIconPickerIdentity = (value) => [value.library, value.key, value.variant].filter(part => part !== undefined && part !== '').join(' / ');
+
+export { formatIconPickerIdentity };
+//# sourceMappingURL=formatIconPickerIdentity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatIconPickerIdentity.js","sources":["../../../IconPicker/formatIconPickerIdentity.ts"],"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 { IconPickerValue } from './IconPickerValue';\n\n/**\n * Writes a qualified identity out for people, as shown for a selection the catalog does not contain.\n * @param value The qualified icon value.\n * @returns The library, key and variant joined with slashes.\n */\nexport const formatIconPickerIdentity = (value: IconPickerValue): string =>\n    [value.library, value.key, value.variant].filter(part => part !== undefined && part !== '').join(' / ');\n"],"names":[],"mappings":"AAUO,MAAM,wBAAwB,GAAG,CAAC,KAAsB,KAC3D,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;;"}

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

@@ -0,0 +1,10 @@
+import type { IconPickerBrowserGroup } from './IconPickerBrowserGroup.js';
+import type { IconPickerIndexEntry } from './IconPickerIndexEntry.js';
+/**
+ * Groups icons by category, in the order each category first appears. An icon listing several
+ * categories appears in each; one listing none lands in a final group named with an empty string.
+ * @param matches The icons to group.
+ * @returns The groups.
+ */
+export declare const groupIconPickerByCategory: (matches: readonly IconPickerIndexEntry[]) => IconPickerBrowserGroup[];
+//# sourceMappingURL=groupIconPickerByCategory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupIconPickerByCategory.d.ts","sourceRoot":"","sources":["../../../IconPicker/groupIconPickerByCategory.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAAwB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,YAAa,SAAS,oBAAoB,EAAE,KAAG,sBAAsB,EAa1G,CAAC"}

package/dist/esm/IconPicker/groupIconPickerByCategory.js

@@ -0,0 +1,17 @@
+const groupIconPickerByCategory = (matches) => {
+    const groups = new Map();
+    for (const { entry } of matches) {
+        const categories = entry.categories.length === 0 ? [''] : entry.categories;
+        for (const category of new Set(categories)) {
+            const group = groups.get(category) ?? { category, entries: [] };
+            group.entries.push(entry);
+            groups.set(category, group);
+        }
+    }
+    const ordered = [...groups.values()];
+    const uncategorized = ordered.filter(group => group.category === '');
+    return [...ordered.filter(group => group.category !== ''), ...uncategorized];
+};
+
+export { groupIconPickerByCategory };
+//# sourceMappingURL=groupIconPickerByCategory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupIconPickerByCategory.js","sources":["../../../IconPicker/groupIconPickerByCategory.ts"],"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 { IconPickerBrowserGroup } from './IconPickerBrowserGroup';\nimport type { IconPickerIndexEntry } from './IconPickerIndexEntry';\n\n/**\n * Groups icons by category, in the order each category first appears. An icon listing several\n * categories appears in each; one listing none lands in a final group named with an empty string.\n * @param matches The icons to group.\n * @returns The groups.\n */\nexport const groupIconPickerByCategory = (matches: readonly IconPickerIndexEntry[]): IconPickerBrowserGroup[] => {\n    const groups = new Map<string, IconPickerBrowserGroup>();\n    for (const { entry } of matches) {\n        const categories = entry.categories.length === 0 ? [''] : entry.categories;\n        for (const category of new Set(categories)) {\n            const group = groups.get(category) ?? { category, entries: [] };\n            group.entries.push(entry);\n            groups.set(category, group);\n        }\n    }\n    const ordered = [...groups.values()];\n    const uncategorized = ordered.filter(group => group.category === '');\n    return [...ordered.filter(group => group.category !== ''), ...uncategorized];\n};\n"],"names":[],"mappings":"AAYO,MAAM,yBAAyB,GAAG,CAAC,OAAwC,KAA8B;AAC5G,IAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkC;AACxD,IAAA,KAAK,MAAM,EAAE,KAAK,EAAE,IAAI,OAAO,EAAE;QAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,UAAU;QAC1E,KAAK,MAAM,QAAQ,IAAI,IAAI,GAAG,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;AAC/D,YAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,YAAA,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC;QAC/B;IACJ;IACA,MAAM,OAAO,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC;AACpC,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,EAAE,CAAC;IACpE,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,EAAE,CAAC,EAAE,GAAG,aAAa,CAAC;AAChF;;"}

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

@@ -0,0 +1,8 @@
+import type { IconPickerValue } from './IconPickerValue.js';
+/**
+ * Builds a string that is equal for two values exactly when they name the same icon.
+ * @param value The qualified icon value.
+ * @returns A stable identity string over `library`, `key` and `variant`.
+ */
+export declare const iconPickerIdentity: (value: IconPickerValue) => string;
+//# sourceMappingURL=iconPickerIdentity.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iconPickerIdentity.d.ts","sourceRoot":"","sources":["../../../IconPicker/iconPickerIdentity.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,UAAW,eAAe,KAAG,MACS,CAAC"}

package/dist/esm/IconPicker/iconPickerIdentity.js

@@ -0,0 +1,4 @@
+const iconPickerIdentity = (value) => JSON.stringify([value.library, value.key, value.variant ?? null]);
+
+export { iconPickerIdentity };
+//# sourceMappingURL=iconPickerIdentity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iconPickerIdentity.js","sources":["../../../IconPicker/iconPickerIdentity.ts"],"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 { IconPickerValue } from './IconPickerValue';\n\n/**\n * Builds a string that is equal for two values exactly when they name the same icon.\n * @param value The qualified icon value.\n * @returns A stable identity string over `library`, `key` and `variant`.\n */\nexport const iconPickerIdentity = (value: IconPickerValue): string =>\n    JSON.stringify([value.library, value.key, value.variant ?? null]);\n"],"names":[],"mappings":"AAUO,MAAM,kBAAkB,GAAG,CAAC,KAAsB,KACrD,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC;;"}

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

@@ -0,0 +1,19 @@
+export { IconPicker } from './IconPicker.js';
+export type { IconPickerProps } from './IconPicker.js';
+export type { IconPickerAllowed } from './IconPickerAllowed.js';
+export type { IconPickerCatalog } from './IconPickerCatalog.js';
+export type { IconPickerCatalogStatus } from './IconPickerCatalogStatus.js';
+export type { IconPickerEntry } from './IconPickerEntry.js';
+export type { IconPickerLabels } from './IconPickerLabels.js';
+export type { IconPickerLibrary } from './IconPickerLibrary.js';
+export type { IconPickerParts, IconPickerPartAttributes } from './IconPickerParts.js';
+export type { IconPickerPlacement } from './IconPickerPlacement.js';
+export type { IconPickerSummary } from './IconPickerSummary.js';
+export type { IconPickerValue } from './IconPickerValue.js';
+export { defaultIconPickerLabels } from './defaultIconPickerLabels.js';
+export { formatIconPickerIdentity } from './formatIconPickerIdentity.js';
+export { iconPickerIdentity } from './iconPickerIdentity.js';
+export { isIconPickerAllowed } from './isIconPickerAllowed.js';
+export { isSameIconPickerValue } from './isSameIconPickerValue.js';
+export { toIconPickerValue } from './toIconPickerValue.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../IconPicker/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAc,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,MAAM,8BAA2B,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,sBAAmB,CAAC;AACnF,YAAY,EAAE,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC"}

package/dist/esm/IconPicker/index.js

@@ -0,0 +1,8 @@
+export { IconPicker } from './IconPicker.js';
+export { defaultIconPickerLabels } from './defaultIconPickerLabels.js';
+export { formatIconPickerIdentity } from './formatIconPickerIdentity.js';
+export { iconPickerIdentity } from './iconPickerIdentity.js';
+export { isIconPickerAllowed } from './isIconPickerAllowed.js';
+export { isSameIconPickerValue } from './isSameIconPickerValue.js';
+export { toIconPickerValue } from './toIconPickerValue.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,10 @@
+import type { IconPickerAllowed } from './IconPickerAllowed.js';
+import type { IconPickerEntry } from './IconPickerEntry.js';
+/**
+ * Tells whether a field accepts an icon.
+ * @param entry The catalog entry.
+ * @param allowed The field's restriction, or undefined when it accepts every icon in the catalog.
+ * @returns True when the icon may be selected.
+ */
+export declare const isIconPickerAllowed: (entry: IconPickerEntry, allowed: IconPickerAllowed | undefined) => boolean;
+//# sourceMappingURL=isIconPickerAllowed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isIconPickerAllowed.d.ts","sourceRoot":"","sources":["../../../IconPicker/isIconPickerAllowed.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAGzD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,UAAW,eAAe,WAAW,iBAAiB,GAAG,SAAS,KAAG,OAIpG,CAAC"}

package/dist/esm/IconPicker/isIconPickerAllowed.js

@@ -0,0 +1,12 @@
+import { isSameIconPickerValue } from './isSameIconPickerValue.js';
+
+const isIconPickerAllowed = (entry, allowed) => {
+    if (allowed === undefined)
+        return true;
+    if (typeof allowed === 'function')
+        return allowed(entry);
+    return allowed.some(value => isSameIconPickerValue(value, entry));
+};
+
+export { isIconPickerAllowed };
+//# sourceMappingURL=isIconPickerAllowed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isIconPickerAllowed.js","sources":["../../../IconPicker/isIconPickerAllowed.ts"],"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 { IconPickerAllowed } from './IconPickerAllowed';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport { isSameIconPickerValue } from './isSameIconPickerValue';\n\n/**\n * Tells whether a field accepts an icon.\n * @param entry The catalog entry.\n * @param allowed The field's restriction, or undefined when it accepts every icon in the catalog.\n * @returns True when the icon may be selected.\n */\nexport const isIconPickerAllowed = (entry: IconPickerEntry, allowed: IconPickerAllowed | undefined): boolean => {\n    if (allowed === undefined) return true;\n    if (typeof allowed === 'function') return allowed(entry);\n    return allowed.some(value => isSameIconPickerValue(value, entry));\n};\n"],"names":[],"mappings":";;MAaa,mBAAmB,GAAG,CAAC,KAAsB,EAAE,OAAsC,KAAa;IAC3G,IAAI,OAAO,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI;IACtC,IAAI,OAAO,OAAO,KAAK,UAAU;AAAE,QAAA,OAAO,OAAO,CAAC,KAAK,CAAC;AACxD,IAAA,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACrE;;"}

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

@@ -0,0 +1,10 @@
+import type { IconPickerValue } from './IconPickerValue.js';
+/**
+ * Compares two qualified icon values. All three fields decide: the same key in another library, or
+ * the same key and library in another variant, is a different icon.
+ * @param left The first value.
+ * @param right The second value.
+ * @returns True when both name the same icon.
+ */
+export declare const isSameIconPickerValue: (left: IconPickerValue, right: IconPickerValue) => boolean;
+//# sourceMappingURL=isSameIconPickerValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isSameIconPickerValue.d.ts","sourceRoot":"","sources":["../../../IconPicker/isSameIconPickerValue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,SAAU,eAAe,SAAS,eAAe,KAAG,OACQ,CAAC"}

package/dist/esm/IconPicker/isSameIconPickerValue.js

@@ -0,0 +1,4 @@
+const isSameIconPickerValue = (left, right) => left.library === right.library && left.key === right.key && left.variant === right.variant;
+
+export { isSameIconPickerValue };
+//# sourceMappingURL=isSameIconPickerValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isSameIconPickerValue.js","sources":["../../../IconPicker/isSameIconPickerValue.ts"],"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 { IconPickerValue } from './IconPickerValue';\n\n/**\n * Compares two qualified icon values. All three fields decide: the same key in another library, or\n * the same key and library in another variant, is a different icon.\n * @param left The first value.\n * @param right The second value.\n * @returns True when both name the same icon.\n */\nexport const isSameIconPickerValue = (left: IconPickerValue, right: IconPickerValue): boolean =>\n    left.library === right.library && left.key === right.key && left.variant === right.variant;\n"],"names":[],"mappings":"AAYO,MAAM,qBAAqB,GAAG,CAAC,IAAqB,EAAE,KAAsB,KAC/E,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC;;"}

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

@@ -0,0 +1,9 @@
+import type { IconPickerIndexEntry } from './IconPickerIndexEntry.js';
+/**
+ * Narrows an index to the icons whose name, tags or aliases contain every word of a query, ignoring case.
+ * @param index The prepared icons.
+ * @param query What was typed. Blank matches everything.
+ * @returns The matching icons, in catalog order.
+ */
+export declare const searchIconPickerIndex: (index: readonly IconPickerIndexEntry[], query: string) => IconPickerIndexEntry[];
+//# sourceMappingURL=searchIconPickerIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"searchIconPickerIndex.d.ts","sourceRoot":"","sources":["../../../IconPicker/searchIconPickerIndex.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAAwB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,SAAS,oBAAoB,EAAE,SAAS,MAAM,KAAG,oBAAoB,EAIjH,CAAC"}

package/dist/esm/IconPicker/searchIconPickerIndex.js

@@ -0,0 +1,9 @@
+const searchIconPickerIndex = (index, query) => {
+    const words = query.toLocaleLowerCase().split(/\s+/).filter(word => word.length > 0);
+    if (words.length === 0)
+        return [...index];
+    return index.filter(candidate => words.every(word => candidate.searchText.includes(word)));
+};
+
+export { searchIconPickerIndex };
+//# sourceMappingURL=searchIconPickerIndex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"searchIconPickerIndex.js","sources":["../../../IconPicker/searchIconPickerIndex.ts"],"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 { IconPickerIndexEntry } from './IconPickerIndexEntry';\n\n/**\n * Narrows an index to the icons whose name, tags or aliases contain every word of a query, ignoring case.\n * @param index The prepared icons.\n * @param query What was typed. Blank matches everything.\n * @returns The matching icons, in catalog order.\n */\nexport const searchIconPickerIndex = (index: readonly IconPickerIndexEntry[], query: string): IconPickerIndexEntry[] => {\n    const words = query.toLocaleLowerCase().split(/\\s+/).filter(word => word.length > 0);\n    if (words.length === 0) return [...index];\n    return index.filter(candidate => words.every(word => candidate.searchText.includes(word)));\n};\n"],"names":[],"mappings":"MAWa,qBAAqB,GAAG,CAAC,KAAsC,EAAE,KAAa,KAA4B;IACnH,MAAM,KAAK,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AACpF,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,CAAC,GAAG,KAAK,CAAC;IACzC,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9F;;"}

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

@@ -0,0 +1,9 @@
+import type { IconPickerValue } from './IconPickerValue.js';
+/**
+ * Reduces anything carrying a qualified identity to just that identity - never the name, preview or
+ * category an entry also holds - which is what the picker emits and a host persists.
+ * @param source A value or catalog entry.
+ * @returns A fresh value holding `library`, `key` and, when present, `variant`.
+ */
+export declare const toIconPickerValue: (source: IconPickerValue) => IconPickerValue;
+//# sourceMappingURL=toIconPickerValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toIconPickerValue.d.ts","sourceRoot":"","sources":["../../../IconPicker/toIconPickerValue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,WAAY,eAAe,KAAG,eAGmB,CAAC"}

package/dist/esm/IconPicker/toIconPickerValue.js

@@ -0,0 +1,6 @@
+const toIconPickerValue = (source) => source.variant === undefined
+    ? { library: source.library, key: source.key }
+    : { library: source.library, key: source.key, variant: source.variant };
+
+export { toIconPickerValue };
+//# sourceMappingURL=toIconPickerValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toIconPickerValue.js","sources":["../../../IconPicker/toIconPickerValue.ts"],"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 { IconPickerValue } from './IconPickerValue';\n\n/**\n * Reduces anything carrying a qualified identity to just that identity - never the name, preview or\n * category an entry also holds - which is what the picker emits and a host persists.\n * @param source A value or catalog entry.\n * @returns A fresh value holding `library`, `key` and, when present, `variant`.\n */\nexport const toIconPickerValue = (source: IconPickerValue): IconPickerValue =>\n    source.variant === undefined\n        ? { library: source.library, key: source.key }\n        : { library: source.library, key: source.key, variant: source.variant };\n"],"names":[],"mappings":"AAWO,MAAM,iBAAiB,GAAG,CAAC,MAAuB,KACrD,MAAM,CAAC,OAAO,KAAK;AACf,MAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG;MAC1C,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO;;"}

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

@@ -0,0 +1,12 @@
+import { type RefObject } from 'react';
+/** How many columns a grid is assumed to have until it has been measured. */
+export declare const defaultGridColumns = 4;
+/**
+ * Counts the columns a CSS grid currently lays out, so Up and Down can move a whole row. The browser
+ * resolves `repeat(auto-fill, …)` into real tracks, so the count is read back from the grid's computed
+ * style whenever it resizes. Environments that cannot lay out - or measure - a grid keep the default.
+ * @param grid The grid element.
+ * @returns The grid's column count.
+ */
+export declare const useGridColumns: (grid: RefObject<HTMLElement | null>) => number;
+//# sourceMappingURL=useGridColumns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGridColumns.d.ts","sourceRoot":"","sources":["../../../IconPicker/useGridColumns.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,SAAU,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,KAAG,MAmBpE,CAAC"}