@cratis/components 4.23.0 → 4.24.0

package/compat-manifest.json

@@ -68,7 +68,7 @@
         {
             "name": "@cratis/components",
             "role": "core",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -92,7 +92,7 @@
         {
             "name": "@cratis/eslint-plugin-components",
             "role": "eslint",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -105,7 +105,7 @@
         {
             "name": "@cratis/components.migrator",
             "role": "migrator",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
@@ -116,13 +116,13 @@
         {
             "name": "@cratis/components.conformance",
             "role": "conformance",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.23.0",
+                "@cratis/components": "4.24.0",
                 "react": "^19.0.0",
                 "react-dom": "^19.0.0"
             },
@@ -132,13 +132,13 @@
         {
             "name": "@cratis/components.mui",
             "role": "renderer-adapter",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.23.0",
+                "@cratis/components": "4.24.0",
                 "@emotion/react": ">=11.5 <12",
                 "@emotion/styled": ">=11.11 <12",
                 "@mui/material": ">=9 <10",
@@ -188,13 +188,13 @@
         {
             "name": "@cratis/components.primereact",
             "role": "renderer-adapter",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.23.0",
+                "@cratis/components": "4.24.0",
                 "@primereact/core": ">=11 <12",
                 "@primereact/ui": ">=11 <12",
                 "@primeuix/themes": ">=3 <4",
@@ -256,13 +256,13 @@
         {
             "name": "@cratis/components.primereact10",
             "role": "renderer-adapter",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "releaseMajorRange": ">=4 <5",
             "independentRelease": false,
             "private": false,
             "packageAccess": "public",
             "peerDependencies": {
-                "@cratis/components": "4.23.0",
+                "@cratis/components": "4.24.0",
                 "primereact": ">=10.9.9 <11",
                 "react": "^19.0.0",
                 "react-dom": "^19.0.0"

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

@@ -0,0 +1,57 @@
+import type { IconPickerAllowed } from './IconPickerAllowed.js';
+import type { IconPickerCatalog } from './IconPickerCatalog.js';
+import type { IconPickerLabels } from './IconPickerLabels.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+import type { IconPickerPlacement } from './IconPickerPlacement.js';
+import type { IconPickerValue } from './IconPickerValue.js';
+/** Props for {@link IconPicker}. */
+export interface IconPickerProps {
+    /** The selected icon's qualified identity, or nothing when none is selected. */
+    value: IconPickerValue | null | undefined;
+    /**
+     * Called with the qualified identity of the icon picked. Never called while the picker is
+     * read-only or disabled, or for an icon outside {@link IconPickerProps.allowed}.
+     * @param value The picked icon's `library`, `key` and `variant` - never its name, markup or position.
+     */
+    onChange: (value: IconPickerValue) => void;
+    /** The icons on offer, supplied by the host. */
+    catalog: IconPickerCatalog;
+    /** Restricts what can be picked. Icons outside it are listed but cannot be selected. */
+    allowed?: IconPickerAllowed;
+    /** Shows the selection without letting it change. */
+    readOnly?: boolean;
+    /** Disables the picker. */
+    disabled?: boolean;
+    /** Marks the selection as invalid. Also implied by a `validationMessage`. */
+    invalid?: boolean;
+    /** A validation message shown beneath the trigger; it marks the picker invalid. */
+    validationMessage?: string;
+    /** Where the popout opens relative to the trigger. Defaults to `'bottom start'`. */
+    placement?: IconPickerPlacement;
+    /** How many icons a compact category group lists before offering to show them all. Defaults to 12. */
+    compactGroupSize?: number;
+    /** Overrides for the picker's labels. Unset fields fall back to English. */
+    labels?: IconPickerLabels;
+    /** The trigger's element id, for a `<label htmlFor>`. */
+    id?: string;
+    /** The trigger's accessible name. The selected icon's name is appended. Defaults to the `trigger` label. */
+    'aria-label'?: string;
+    /** The id of the element naming the trigger. The selected icon's name is appended. */
+    'aria-labelledby'?: string;
+    /** The id of the element describing the trigger. */
+    'aria-describedby'?: string;
+    /** Extra class name on the picker's root. */
+    className?: string;
+    /** Pass-through attributes for the picker's stable parts. */
+    pt?: IconPickerParts;
+}
+/**
+ * An icon property control: a closed trigger showing the selected glyph and name, which opens a
+ * searchable, categorized popout of the host's icon catalog.
+ *
+ * The picker is controlled and library-neutral. It browses exactly the catalog it is given, emits only
+ * a qualified `library`/`key`/`variant` identity, and never substitutes a same-named icon from another
+ * library for a selection it cannot find. On a narrow viewport the popout becomes a contained sheet.
+ */
+export declare const IconPicker: (props: IconPickerProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPicker.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAAuB,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAczD,oCAAoC;AACpC,MAAM,WAAW,eAAe;IAC5B,gFAAgF;IAChF,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1C;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C,gDAAgD;IAChD,OAAO,EAAE,iBAAiB,CAAC;IAE3B,wFAAwF;IACxF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,oFAAoF;IACpF,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC,sGAAsG;IACtG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4GAA4G;IAC5G,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,gCA+HhD,CAAC"}

package/dist/esm/IconPicker/IconPicker.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useId, useMemo } from 'react';
+import { DialogTrigger } from 'react-aria-components/Dialog';
+import { ModalOverlay, Modal } from 'react-aria-components/Modal';
+import { Popover } from 'react-aria-components/Popover';
+import { UNSAFE_PortalProvider } from 'react-aria';
+import { classNames } from '../ClassNames/classNames.js';
+import { unstable_useOverlayEnvironment } from '../renderer/RendererContext.js';
+import { zIndexAboveDialog, OVERLAY_OFFSET } from '../renderer/dialogStack.js';
+import { useNearestDialogZIndex } from '../renderer/DialogStackContext.js';
+import { IconPickerPopout } from './IconPickerPopout.js';
+import { IconPickerTrigger } from './IconPickerTrigger.js';
+import { defaultIconPickerLabels } from './defaultIconPickerLabels.js';
+import { formatIconPickerIdentity } from './formatIconPickerIdentity.js';
+import { iconPickerIdentity } from './iconPickerIdentity.js';
+import { isIconPickerAllowed } from './isIconPickerAllowed.js';
+import { toIconPickerValue } from './toIconPickerValue.js';
+import { useNarrowViewport } from './useNarrowViewport.js';
+
+const defaultCompactGroupSize = 12;
+const IconPicker = (props) => {
+    const { value, onChange, catalog, allowed, readOnly = false, disabled = false, placement = 'bottom start' } = props;
+    const labels = { ...defaultIconPickerLabels, ...props.labels };
+    const [open, setOpen] = useState(false);
+    const baseId = useId();
+    const overlayEnvironment = unstable_useOverlayEnvironment();
+    const nearestDialogZIndex = useNearestDialogZIndex();
+    const isNarrow = useNarrowViewport();
+    const editable = !disabled && !readOnly;
+    const invalid = props.invalid ?? props.validationMessage !== undefined;
+    const status = catalog.status ?? 'ready';
+    const zIndex = nearestDialogZIndex === null ? 'var(--cratis-z-index-overlay)' : zIndexAboveDialog(nearestDialogZIndex, OVERLAY_OFFSET);
+    const entry = useMemo(() => {
+        if (!value)
+            return undefined;
+        const identity = iconPickerIdentity(value);
+        return catalog.icons.find(candidate => iconPickerIdentity(candidate) === identity);
+    }, [catalog.icons, value]);
+    const missing = value != null && entry === undefined && status === 'ready';
+    const hasSeveralLibraries = catalog.libraries.length > 1;
+    const providerName = entry && hasSeveralLibraries
+        ? (catalog.libraries.find(library => library.id === entry.library)?.name ?? entry.library)
+        : undefined;
+    const missingMessage = missing && value ? labels.missingSelection(formatIconPickerIdentity(value)) : undefined;
+    const messageId = `${baseId}-message`;
+    const hasMessage = missingMessage !== undefined || props.validationMessage !== undefined;
+    const describedBy = [props['aria-describedby'], hasMessage ? messageId : undefined].filter(Boolean).join(' ') || undefined;
+    const choose = (picked) => {
+        if (!editable || !isIconPickerAllowed(picked, allowed))
+            return;
+        onChange(toIconPickerValue(picked));
+        setOpen(false);
+    };
+    const popout = (jsx(IconPickerPopout, { catalog: catalog, value: value, allowed: allowed, labels: labels, compactGroupSize: props.compactGroupSize ?? defaultCompactGroupSize, onChoose: choose, onClose: () => setOpen(false), parts: props.pt }));
+    return (jsxs("div", { ...props.pt?.root, className: classNames('cratis-icon-picker', props.className, props.pt?.root?.className), "data-cratis-part": 'root', "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-open": open || undefined, children: [jsx(UNSAFE_PortalProvider, { getContainer: overlayEnvironment.getContainer, children: jsxs(DialogTrigger, { isOpen: open, onOpenChange: next => setOpen(next && editable), children: [jsx(IconPickerTrigger, { entry: entry, fallbackName: value ? formatIconPickerIdentity(value) : labels.placeholder, providerName: providerName, missing: missing, open: open, disabled: disabled, readOnly: readOnly, invalid: invalid, id: props.id, nameId: `${baseId}-name`, label: props['aria-label'] ?? labels.trigger, labelledBy: props['aria-labelledby'], describedBy: describedBy, parts: props.pt }), isNarrow ? (jsx(ModalOverlay, { isDismissable: true, className: 'cratis-icon-picker__overlay', style: { zIndex }, children: jsx(Modal, { ...props.pt?.popover, className: classNames('cratis-icon-picker__sheet', props.pt?.popover?.className), "data-cratis-part": 'popover', "data-open": true, children: popout }) })) : (jsx(Popover, { ...props.pt?.popover, placement: placement, className: classNames('cratis-icon-picker__popover', props.pt?.popover?.className), style: { zIndex, ...props.pt?.popover?.style }, "data-cratis-part": 'popover', "data-open": true, children: popout }))] }) }), hasMessage && (jsxs("div", { id: messageId, className: 'cratis-icon-picker__messages', children: [missingMessage !== undefined && (jsx("p", { ...props.pt?.message, className: classNames('cratis-icon-picker__message', props.pt?.message?.className), "data-cratis-part": 'message', children: missingMessage })), props.validationMessage !== undefined && (jsx("p", { ...props.pt?.message, className: classNames('cratis-icon-picker__message', props.pt?.message?.className), "data-cratis-part": 'message', children: props.validationMessage }))] }))] }));
+};
+
+export { IconPicker };
+//# sourceMappingURL=IconPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.js","sources":["../../../IconPicker/IconPicker.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, useMemo, useState } from 'react';\nimport { DialogTrigger } from 'react-aria-components/Dialog';\nimport { Modal, ModalOverlay } from 'react-aria-components/Modal';\nimport { Popover } from 'react-aria-components/Popover';\nimport { UNSAFE_PortalProvider } from 'react-aria';\nimport { classNames } from '../ClassNames/classNames';\nimport { unstable_useOverlayEnvironment } from '../renderer/RendererContext';\nimport { OVERLAY_OFFSET, zIndexAboveDialog } from '../renderer/dialogStack';\nimport { useNearestDialogZIndex } from '../renderer/DialogStackContext';\nimport type { ExactPartKeys } from '../types/ExactPartKeys';\nimport type { PartsOf } from '../types/parts';\nimport type { IconPickerAllowed } from './IconPickerAllowed';\nimport type { IconPickerCatalog } from './IconPickerCatalog';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerLabels } from './IconPickerLabels';\nimport type { IconPickerParts } from './IconPickerParts';\nimport type { IconPickerPlacement } from './IconPickerPlacement';\nimport { IconPickerPopout } from './IconPickerPopout';\nimport { IconPickerTrigger } from './IconPickerTrigger';\nimport type { IconPickerValue } from './IconPickerValue';\nimport { defaultIconPickerLabels } from './defaultIconPickerLabels';\nimport { formatIconPickerIdentity } from './formatIconPickerIdentity';\nimport { iconPickerIdentity } from './iconPickerIdentity';\nimport { isIconPickerAllowed } from './isIconPickerAllowed';\nimport { toIconPickerValue } from './toIconPickerValue';\nimport { useNarrowViewport } from './useNarrowViewport';\n\nconst iconPickerPartsMatchManifest: ExactPartKeys<IconPickerParts, PartsOf<'IconPicker'>> = true;\nvoid iconPickerPartsMatchManifest;\n\n/** How many icons a compact category group lists before offering to show them all. */\nconst defaultCompactGroupSize = 12;\n\n/** Props for {@link IconPicker}. */\nexport interface IconPickerProps {\n    /** The selected icon's qualified identity, or nothing when none is selected. */\n    value: IconPickerValue | null | undefined;\n\n    /**\n     * Called with the qualified identity of the icon picked. Never called while the picker is\n     * read-only or disabled, or for an icon outside {@link IconPickerProps.allowed}.\n     * @param value The picked icon's `library`, `key` and `variant` - never its name, markup or position.\n     */\n    onChange: (value: IconPickerValue) => void;\n\n    /** The icons on offer, supplied by the host. */\n    catalog: IconPickerCatalog;\n\n    /** Restricts what can be picked. Icons outside it are listed but cannot be selected. */\n    allowed?: IconPickerAllowed;\n\n    /** Shows the selection without letting it change. */\n    readOnly?: boolean;\n\n    /** Disables the picker. */\n    disabled?: boolean;\n\n    /** Marks the selection as invalid. Also implied by a `validationMessage`. */\n    invalid?: boolean;\n\n    /** A validation message shown beneath the trigger; it marks the picker invalid. */\n    validationMessage?: string;\n\n    /** Where the popout opens relative to the trigger. Defaults to `'bottom start'`. */\n    placement?: IconPickerPlacement;\n\n    /** How many icons a compact category group lists before offering to show them all. Defaults to 12. */\n    compactGroupSize?: number;\n\n    /** Overrides for the picker's labels. Unset fields fall back to English. */\n    labels?: IconPickerLabels;\n\n    /** The trigger's element id, for a `<label htmlFor>`. */\n    id?: string;\n\n    /** The trigger's accessible name. The selected icon's name is appended. Defaults to the `trigger` label. */\n    'aria-label'?: string;\n\n    /** The id of the element naming the trigger. The selected icon's name is appended. */\n    'aria-labelledby'?: string;\n\n    /** The id of the element describing the trigger. */\n    'aria-describedby'?: string;\n\n    /** Extra class name on the picker's root. */\n    className?: string;\n\n    /** Pass-through attributes for the picker's stable parts. */\n    pt?: IconPickerParts;\n}\n\n/**\n * An icon property control: a closed trigger showing the selected glyph and name, which opens a\n * searchable, categorized popout of the host's icon catalog.\n *\n * The picker is controlled and library-neutral. It browses exactly the catalog it is given, emits only\n * a qualified `library`/`key`/`variant` identity, and never substitutes a same-named icon from another\n * library for a selection it cannot find. On a narrow viewport the popout becomes a contained sheet.\n */\nexport const IconPicker = (props: IconPickerProps) => {\n    const { value, onChange, catalog, allowed, readOnly = false, disabled = false, placement = 'bottom start' } = props;\n    const labels = { ...defaultIconPickerLabels, ...props.labels };\n    const [open, setOpen] = useState(false);\n    const baseId = useId();\n    const overlayEnvironment = unstable_useOverlayEnvironment();\n    const nearestDialogZIndex = useNearestDialogZIndex();\n    const isNarrow = useNarrowViewport();\n    const editable = !disabled && !readOnly;\n    const invalid = props.invalid ?? props.validationMessage !== undefined;\n    const status = catalog.status ?? 'ready';\n    const zIndex =\n        nearestDialogZIndex === null ? 'var(--cratis-z-index-overlay)' : zIndexAboveDialog(nearestDialogZIndex, OVERLAY_OFFSET);\n\n    const entry = useMemo(() => {\n        if (!value) return undefined;\n        const identity = iconPickerIdentity(value);\n        return catalog.icons.find(candidate => iconPickerIdentity(candidate) === identity);\n    }, [catalog.icons, value]);\n    const missing = value != null && entry === undefined && status === 'ready';\n    const hasSeveralLibraries = catalog.libraries.length > 1;\n    const providerName =\n        entry && hasSeveralLibraries\n            ? (catalog.libraries.find(library => library.id === entry.library)?.name ?? entry.library)\n            : undefined;\n    const missingMessage = missing && value ? labels.missingSelection(formatIconPickerIdentity(value)) : undefined;\n\n    const messageId = `${baseId}-message`;\n    const hasMessage = missingMessage !== undefined || props.validationMessage !== undefined;\n    const describedBy = [props['aria-describedby'], hasMessage ? messageId : undefined].filter(Boolean).join(' ') || undefined;\n\n    const choose = (picked: IconPickerEntry) => {\n        if (!editable || !isIconPickerAllowed(picked, allowed)) return;\n        onChange(toIconPickerValue(picked));\n        setOpen(false);\n    };\n\n    const popout = (\n        <IconPickerPopout\n            catalog={catalog}\n            value={value}\n            allowed={allowed}\n            labels={labels}\n            compactGroupSize={props.compactGroupSize ?? defaultCompactGroupSize}\n            onChoose={choose}\n            onClose={() => setOpen(false)}\n            parts={props.pt}\n        />\n    );\n\n    return (\n        <div\n            {...props.pt?.root}\n            className={classNames('cratis-icon-picker', props.className, props.pt?.root?.className)}\n            data-cratis-part='root'\n            data-disabled={disabled || undefined}\n            data-invalid={invalid || undefined}\n            data-readonly={readOnly || undefined}\n            data-open={open || undefined}\n        >\n            <UNSAFE_PortalProvider getContainer={overlayEnvironment.getContainer}>\n                <DialogTrigger isOpen={open} onOpenChange={next => setOpen(next && editable)}>\n                    <IconPickerTrigger\n                        entry={entry}\n                        fallbackName={value ? formatIconPickerIdentity(value) : labels.placeholder}\n                        providerName={providerName}\n                        missing={missing}\n                        open={open}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        invalid={invalid}\n                        id={props.id}\n                        nameId={`${baseId}-name`}\n                        label={props['aria-label'] ?? labels.trigger}\n                        labelledBy={props['aria-labelledby']}\n                        describedBy={describedBy}\n                        parts={props.pt}\n                    />\n                    {isNarrow ? (\n                        <ModalOverlay isDismissable className='cratis-icon-picker__overlay' style={{ zIndex }}>\n                            <Modal\n                                {...props.pt?.popover}\n                                className={classNames('cratis-icon-picker__sheet', props.pt?.popover?.className)}\n                                data-cratis-part='popover'\n                                data-open\n                            >\n                                {popout}\n                            </Modal>\n                        </ModalOverlay>\n                    ) : (\n                        <Popover\n                            {...props.pt?.popover}\n                            placement={placement}\n                            className={classNames('cratis-icon-picker__popover', props.pt?.popover?.className)}\n                            style={{ zIndex, ...props.pt?.popover?.style }}\n                            data-cratis-part='popover'\n                            data-open\n                        >\n                            {popout}\n                        </Popover>\n                    )}\n                </DialogTrigger>\n            </UNSAFE_PortalProvider>\n            {hasMessage && (\n                <div id={messageId} className='cratis-icon-picker__messages'>\n                    {missingMessage !== undefined && (\n                        <p\n                            {...props.pt?.message}\n                            className={classNames('cratis-icon-picker__message', props.pt?.message?.className)}\n                            data-cratis-part='message'\n                        >\n                            {missingMessage}\n                        </p>\n                    )}\n                    {props.validationMessage !== undefined && (\n                        <p\n                            {...props.pt?.message}\n                            className={classNames('cratis-icon-picker__message', props.pt?.message?.className)}\n                            data-cratis-part='message'\n                        >\n                            {props.validationMessage}\n                        </p>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerValue } from './IconPickerValue.js';
+/**
+ * Which icons a field accepts: a list of qualified values, or a predicate over catalog entries.
+ * Icons outside it stay visible in the popout but cannot be selected.
+ */
+export type IconPickerAllowed = readonly IconPickerValue[] | ((entry: IconPickerEntry) => boolean);
+//# sourceMappingURL=IconPickerAllowed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerAllowed.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerAllowed.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,eAAe,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,CAAC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerAllowed.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerAllowed.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 { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerValue } from './IconPickerValue';\n\n/**\n * Which icons a field accepts: a list of qualified values, or a predicate over catalog entries.\n * Icons outside it stay visible in the popout but cannot be selected.\n */\nexport type IconPickerAllowed = readonly IconPickerValue[] | ((entry: IconPickerEntry) => boolean);\n"]}

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

@@ -0,0 +1,32 @@
+import type { IconPickerBrowserGroup } from './IconPickerBrowserGroup.js';
+import type { IconPickerEntry } from './IconPickerEntry.js';
+/** What the popout shows and the controls that change it. */
+export interface IconPickerBrowser {
+    /** The search as typed. */
+    query: string;
+    /** Changes the search. */
+    setQuery: (query: string) => void;
+    /** The active category filter - an empty string meaning icons with no category - or undefined for all. */
+    category: string | undefined;
+    /** Filters to a category, or lifts the filter with undefined. */
+    setCategory: (category: string | undefined) => void;
+    /** The id of the active library filter, or undefined for all. */
+    library: string | undefined;
+    /** Filters to a library, or lifts the filter with undefined. */
+    setLibrary: (library: string | undefined) => void;
+    /** Lifts the search and every filter. */
+    reset: () => void;
+    /** Whether a search or filter is active. */
+    isFiltered: boolean;
+    /** Every category that has a match, in order, with its match count - the options of the category filter. */
+    categories: IconPickerBrowserGroup[];
+    /** How many icons match the search and filters. */
+    matchCount: number;
+    /** Every matching icon, once each - what a search or a chosen category lists. */
+    matches: IconPickerEntry[];
+    /** The matches by category - what browsing with no search and no category lists. */
+    groups: IconPickerBrowserGroup[];
+    /** Whether to list `groups` (browsing) or `matches` (searching or a chosen category). */
+    isGrouped: boolean;
+}
+//# sourceMappingURL=IconPickerBrowser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerBrowser.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerBrowser.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,6DAA6D;AAC7D,MAAM,WAAW,iBAAiB;IAC9B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,0GAA0G;IAC1G,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,iEAAiE;IACjE,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,iEAAiE;IACjE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5B,gEAAgE;IAChE,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,yCAAyC;IACzC,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAC;IAEpB,4GAA4G;IAC5G,UAAU,EAAE,sBAAsB,EAAE,CAAC;IAErC,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IAEnB,iFAAiF;IACjF,OAAO,EAAE,eAAe,EAAE,CAAC;IAE3B,oFAAoF;IACpF,MAAM,EAAE,sBAAsB,EAAE,CAAC;IAEjC,yFAAyF;IACzF,SAAS,EAAE,OAAO,CAAC;CACtB"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerBrowser.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerBrowser.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 { IconPickerBrowserGroup } from './IconPickerBrowserGroup';\nimport type { IconPickerEntry } from './IconPickerEntry';\n\n/** What the popout shows and the controls that change it. */\nexport interface IconPickerBrowser {\n    /** The search as typed. */\n    query: string;\n\n    /** Changes the search. */\n    setQuery: (query: string) => void;\n\n    /** The active category filter - an empty string meaning icons with no category - or undefined for all. */\n    category: string | undefined;\n\n    /** Filters to a category, or lifts the filter with undefined. */\n    setCategory: (category: string | undefined) => void;\n\n    /** The id of the active library filter, or undefined for all. */\n    library: string | undefined;\n\n    /** Filters to a library, or lifts the filter with undefined. */\n    setLibrary: (library: string | undefined) => void;\n\n    /** Lifts the search and every filter. */\n    reset: () => void;\n\n    /** Whether a search or filter is active. */\n    isFiltered: boolean;\n\n    /** Every category that has a match, in order, with its match count - the options of the category filter. */\n    categories: IconPickerBrowserGroup[];\n\n    /** How many icons match the search and filters. */\n    matchCount: number;\n\n    /** Every matching icon, once each - what a search or a chosen category lists. */\n    matches: IconPickerEntry[];\n\n    /** The matches by category - what browsing with no search and no category lists. */\n    groups: IconPickerBrowserGroup[];\n\n    /** Whether to list `groups` (browsing) or `matches` (searching or a chosen category). */\n    isGrouped: boolean;\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { IconPickerEntry } from './IconPickerEntry.js';
+/** One category's icons as the popout browses them. */
+export interface IconPickerBrowserGroup {
+    /** The category name, or an empty string for the group of icons that list no category. */
+    category: string;
+    /** Every icon in the category that matches the active search and library. */
+    entries: IconPickerEntry[];
+}
+//# sourceMappingURL=IconPickerBrowserGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerBrowserGroup.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerBrowserGroup.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,uDAAuD;AACvD,MAAM,WAAW,sBAAsB;IACnC,0FAA0F;IAC1F,QAAQ,EAAE,MAAM,CAAC;IAEjB,6EAA6E;IAC7E,OAAO,EAAE,eAAe,EAAE,CAAC;CAC9B"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerBrowserGroup.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerBrowserGroup.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 { IconPickerEntry } from './IconPickerEntry';\n\n/** One category's icons as the popout browses them. */\nexport interface IconPickerBrowserGroup {\n    /** The category name, or an empty string for the group of icons that list no category. */\n    category: string;\n\n    /** Every icon in the category that matches the active search and library. */\n    entries: IconPickerEntry[];\n}\n"]}

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

@@ -0,0 +1,19 @@
+import type { IconPickerCatalogStatus } from './IconPickerCatalogStatus.js';
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerLibrary } from './IconPickerLibrary.js';
+/**
+ * The effective icon catalog a host supplies to an `IconPicker`. The picker never resolves packages or
+ * loads icons itself; it browses and searches exactly what it is given, so a host adapts whatever
+ * icon source it has into this shape.
+ */
+export interface IconPickerCatalog {
+    /** The libraries the icons come from. */
+    libraries: readonly IconPickerLibrary[];
+    /** Every icon on offer. May grow while `status` is `loading`; the selection stays stable meanwhile. */
+    icons: readonly IconPickerEntry[];
+    /** Whether the catalog is complete. Defaults to `ready`. */
+    status?: IconPickerCatalogStatus;
+    /** What went wrong, shown when `status` is `error`. */
+    error?: string;
+}
+//# sourceMappingURL=IconPickerCatalog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerCatalog.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerCatalog.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8BAA2B,CAAC;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAqB,CAAC;AAE7D;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAC9B,yCAAyC;IACzC,SAAS,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAExC,uGAAuG;IACvG,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAElC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,uBAAuB,CAAC;IAEjC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerCatalog.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerCatalog.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 { IconPickerCatalogStatus } from './IconPickerCatalogStatus';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerLibrary } from './IconPickerLibrary';\n\n/**\n * The effective icon catalog a host supplies to an `IconPicker`. The picker never resolves packages or\n * loads icons itself; it browses and searches exactly what it is given, so a host adapts whatever\n * icon source it has into this shape.\n */\nexport interface IconPickerCatalog {\n    /** The libraries the icons come from. */\n    libraries: readonly IconPickerLibrary[];\n\n    /** Every icon on offer. May grow while `status` is `loading`; the selection stays stable meanwhile. */\n    icons: readonly IconPickerEntry[];\n\n    /** Whether the catalog is complete. Defaults to `ready`. */\n    status?: IconPickerCatalogStatus;\n\n    /** What went wrong, shown when `status` is `error`. */\n    error?: string;\n}\n"]}

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

@@ -0,0 +1,3 @@
+/** Whether the host has finished supplying an {@link IconPickerCatalog}. */
+export type IconPickerCatalogStatus = 'ready' | 'loading' | 'error';
+//# sourceMappingURL=IconPickerCatalogStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerCatalogStatus.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerCatalogStatus.ts"],"names":[],"mappings":"AAGA,4EAA4E;AAC5E,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerCatalogStatus.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerCatalogStatus.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/** Whether the host has finished supplying an {@link IconPickerCatalog}. */\nexport type IconPickerCatalogStatus = 'ready' | 'loading' | 'error';\n"]}

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

@@ -0,0 +1,25 @@
+import type { IconPickerBrowserGroup } from './IconPickerBrowserGroup.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerCategoryFilter}. */
+export interface IconPickerCategoryFilterProps {
+    /** The categories that have a match, with their icons. */
+    categories: readonly IconPickerBrowserGroup[];
+    /** The active category - an empty string meaning icons with no category - or undefined for all. */
+    selected: string | undefined;
+    /** Changes the category filter. */
+    onSelect: (category: string | undefined) => void;
+    /** Accessible name of the filter. */
+    label: string;
+    /** The text of the option that shows every category. */
+    allLabel: string;
+    /** The name shown for icons that list no category. */
+    uncategorizedLabel: string;
+    /** Pass-through attributes for the filter and its options. */
+    parts?: Pick<IconPickerParts, 'categories' | 'category'>;
+}
+/**
+ * The row of category options, a group of toggle buttons with one Tab stop and arrow-key movement. The
+ * active option is marked `aria-pressed`, and by a heavier border, not by color alone.
+ */
+export declare const IconPickerCategoryFilter: ({ categories, selected, onSelect, label, allLabel, uncategorizedLabel, parts, }: IconPickerCategoryFilterProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerCategoryFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerCategoryFilter.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerCategoryFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAGzD,kDAAkD;AAClD,MAAM,WAAW,6BAA6B;IAC1C,0DAA0D;IAC1D,UAAU,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAE9C,mGAAmG;IACnG,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,mCAAmC;IACnC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEjD,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IAEd,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,kBAAkB,EAAE,MAAM,CAAC;IAE3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,UAAU,CAAC,CAAC;CAC5D;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,oFAQlC,6BAA6B,gCA8C/B,CAAC"}

package/dist/esm/IconPicker/IconPickerCategoryFilter.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { classNames } from '../ClassNames/classNames.js';
+import { useRovingFocus } from './useRovingFocus.js';
+
+const IconPickerCategoryFilter = ({ categories, selected, onSelect, label, allLabel, uncategorizedLabel, parts, }) => {
+    const options = [
+        { category: undefined, text: allLabel },
+        ...categories.map(group => ({
+            category: group.category,
+            text: group.category === '' ? uncategorizedLabel : group.category,
+            count: group.entries.length,
+        })),
+    ];
+    const activeIndex = Math.max(options.findIndex(option => option.category === selected), 0);
+    const roving = useRovingFocus(options.length, 0, activeIndex);
+    return (jsx("div", { ...parts?.categories, ref: roving.containerRef, role: 'group', "aria-label": label, className: classNames('cratis-icon-picker__categories', parts?.categories?.className), "data-cratis-part": 'categories', onKeyDown: roving.onKeyDown, children: options.map((option, index) => {
+            const isSelected = option.category === selected;
+            return (jsxs("button", { ...parts?.category, ...roving.itemProps(index), type: 'button', "aria-pressed": isSelected, className: classNames('cratis-icon-picker__category', parts?.category?.className), "data-cratis-part": 'category', "data-selected": isSelected || undefined, onClick: () => onSelect(option.category), children: [option.text, option.count !== undefined && jsx("span", { className: 'cratis-icon-picker__count', children: option.count })] }, option.category === undefined ? 'all' : `category:${option.category}`));
+        }) }));
+};
+
+export { IconPickerCategoryFilter };
+//# sourceMappingURL=IconPickerCategoryFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerCategoryFilter.js","sources":["../../../IconPicker/IconPickerCategoryFilter.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 { IconPickerBrowserGroup } from './IconPickerBrowserGroup';\nimport type { IconPickerParts } from './IconPickerParts';\nimport { useRovingFocus } from './useRovingFocus';\n\n/** Props for {@link IconPickerCategoryFilter}. */\nexport interface IconPickerCategoryFilterProps {\n    /** The categories that have a match, with their icons. */\n    categories: readonly IconPickerBrowserGroup[];\n\n    /** The active category - an empty string meaning icons with no category - or undefined for all. */\n    selected: string | undefined;\n\n    /** Changes the category filter. */\n    onSelect: (category: string | undefined) => void;\n\n    /** Accessible name of the filter. */\n    label: string;\n\n    /** The text of the option that shows every category. */\n    allLabel: string;\n\n    /** The name shown for icons that list no category. */\n    uncategorizedLabel: string;\n\n    /** Pass-through attributes for the filter and its options. */\n    parts?: Pick<IconPickerParts, 'categories' | 'category'>;\n}\n\n/**\n * The row of category options, a group of toggle buttons with one Tab stop and arrow-key movement. The\n * active option is marked `aria-pressed`, and by a heavier border, not by color alone.\n */\nexport const IconPickerCategoryFilter = ({\n    categories,\n    selected,\n    onSelect,\n    label,\n    allLabel,\n    uncategorizedLabel,\n    parts,\n}: IconPickerCategoryFilterProps) => {\n    const options: { category: string | undefined; text: string; count?: number }[] = [\n        { category: undefined, text: allLabel },\n        ...categories.map(group => ({\n            category: group.category,\n            text: group.category === '' ? uncategorizedLabel : group.category,\n            count: group.entries.length,\n        })),\n    ];\n    const activeIndex = Math.max(\n        options.findIndex(option => option.category === selected),\n        0,\n    );\n    const roving = useRovingFocus(options.length, 0, activeIndex);\n\n    return (\n        <div\n            {...parts?.categories}\n            ref={roving.containerRef}\n            role='group'\n            aria-label={label}\n            className={classNames('cratis-icon-picker__categories', parts?.categories?.className)}\n            data-cratis-part='categories'\n            onKeyDown={roving.onKeyDown}\n        >\n            {options.map((option, index) => {\n                const isSelected = option.category === selected;\n                return (\n                    <button\n                        key={option.category === undefined ? 'all' : `category:${option.category}`}\n                        {...parts?.category}\n                        {...roving.itemProps(index)}\n                        type='button'\n                        aria-pressed={isSelected}\n                        className={classNames('cratis-icon-picker__category', parts?.category?.className)}\n                        data-cratis-part='category'\n                        data-selected={isSelected || undefined}\n                        onClick={() => onSelect(option.category)}\n                    >\n                        {option.text}\n                        {option.count !== undefined && <span className='cratis-icon-picker__count'>{option.count}</span>}\n                    </button>\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;MAoCa,wBAAwB,GAAG,CAAC,EACrC,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,KAAK,GACuB,KAAI;AAChC,IAAA,MAAM,OAAO,GAAqE;AAC9E,QAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;QACvC,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,KAAK;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACxB,YAAA,IAAI,EAAE,KAAK,CAAC,QAAQ,KAAK,EAAE,GAAG,kBAAkB,GAAG,KAAK,CAAC,QAAQ;AACjE,YAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM;AAC9B,SAAA,CAAC,CAAC;KACN;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CACxB,OAAO,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,EACzD,CAAC,CACJ;AACD,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC;IAE7D,QACIA,gBACQ,KAAK,EAAE,UAAU,EACrB,GAAG,EAAE,MAAM,CAAC,YAAY,EACxB,IAAI,EAAC,OAAO,EAAA,YAAA,EACA,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC,sBACpE,YAAY,EAC7B,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAE1B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;AAC3B,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,KAAK,QAAQ;AAC/C,YAAA,QACIC,IAAA,CAAA,QAAA,EAAA,EAAA,GAEQ,KAAK,EAAE,QAAQ,EAAA,GACf,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAC3B,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,UAAU,EACxB,SAAS,EAAE,UAAU,CAAC,8BAA8B,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAA,kBAAA,EAChE,UAAU,EAAA,eAAA,EACZ,UAAU,IAAI,SAAS,EACtC,OAAO,EAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,aAEvC,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK,KAAK,SAAS,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2BAA2B,YAAE,MAAM,CAAC,KAAK,EAAA,CAAQ,CAAA,EAAA,EAX3F,MAAM,CAAC,QAAQ,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,MAAM,CAAC,QAAQ,CAAA,CAAE,CAYrE;QAEjB,CAAC,CAAC,EAAA,CACA;AAEd;;"}

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { IconPickerValue } from './IconPickerValue.js';
+/**
+ * One icon in an {@link IconPickerCatalog}: its qualified identity, how to find it, and how to draw it.
+ * Extends {@link IconPickerValue}, so the identity fields are exactly the ones the picker emits.
+ */
+export interface IconPickerEntry extends IconPickerValue {
+    /** The name shown beneath the icon and matched by search. */
+    name: string;
+    /** The categories the icon is listed under. An icon with none is listed under an "other" group. */
+    categories: readonly string[];
+    /** Extra words that find the icon in a search. */
+    tags?: readonly string[];
+    /** Alternative names that find the icon in a search. */
+    aliases?: readonly string[];
+    /** Marks the icon as deprecated: it stays selectable and visible, flagged so people can move off it. */
+    deprecated?: boolean;
+    /**
+     * Draws the icon. Called lazily - only for icons scrolled into view - and never for an icon that
+     * stays off screen, so a large library costs nothing until it is browsed.
+     * @returns The icon's glyph, sized by the surrounding icon area.
+     */
+    renderPreview: () => ReactNode;
+}
+//# sourceMappingURL=IconPickerEntry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerEntry.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerEntry.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACpD,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IAEb,mGAAmG;IACnG,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAE9B,kDAAkD;IAClD,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAEzB,wDAAwD;IACxD,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B,wGAAwG;IACxG,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,aAAa,EAAE,MAAM,SAAS,CAAC;CAClC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerEntry.js","sourceRoot":"","sources":["../../../IconPicker/IconPickerEntry.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 { ReactNode } from 'react';\nimport type { IconPickerValue } from './IconPickerValue';\n\n/**\n * One icon in an {@link IconPickerCatalog}: its qualified identity, how to find it, and how to draw it.\n * Extends {@link IconPickerValue}, so the identity fields are exactly the ones the picker emits.\n */\nexport interface IconPickerEntry extends IconPickerValue {\n    /** The name shown beneath the icon and matched by search. */\n    name: string;\n\n    /** The categories the icon is listed under. An icon with none is listed under an \"other\" group. */\n    categories: readonly string[];\n\n    /** Extra words that find the icon in a search. */\n    tags?: readonly string[];\n\n    /** Alternative names that find the icon in a search. */\n    aliases?: readonly string[];\n\n    /** Marks the icon as deprecated: it stays selectable and visible, flagged so people can move off it. */\n    deprecated?: boolean;\n\n    /**\n     * Draws the icon. Called lazily - only for icons scrolled into view - and never for an icon that\n     * stays off screen, so a large library costs nothing until it is browsed.\n     * @returns The icon's glyph, sized by the surrounding icon area.\n     */\n    renderPreview: () => ReactNode;\n}\n"]}

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

@@ -0,0 +1,29 @@
+import type { IconPickerEntry } from './IconPickerEntry.js';
+import type { IconPickerParts } from './IconPickerParts.js';
+/** Props for {@link IconPickerGrid}. */
+export interface IconPickerGridProps {
+    /** The icons to list, in order. */
+    entries: readonly IconPickerEntry[];
+    /** The accessible name of the list. */
+    label: string;
+    /** The identity string of the selected icon, if any. */
+    selectedIdentity: string | undefined;
+    /** Tells whether the field accepts an icon. */
+    isAllowed: (entry: IconPickerEntry) => boolean;
+    /** Resolves a library id to the name shown on the tile, or undefined to show none. */
+    providerName: (library: string) => string | undefined;
+    /** The text marking a deprecated icon. */
+    deprecatedLabel: string;
+    /** The text saying why an icon cannot be chosen. */
+    notAllowedLabel: string;
+    /** Picks an icon. */
+    onChoose: (entry: IconPickerEntry) => void;
+    /** Pass-through attributes for the grid and its tiles. */
+    parts?: IconPickerParts;
+}
+/**
+ * A grid of {@link IconPickerTile}s with one Tab stop. Arrow keys move focus a tile or a row at a
+ * time, and Home and End jump to the ends; the tab stop starts on the selected tile.
+ */
+export declare const IconPickerGrid: ({ entries, label, selectedIdentity, isAllowed, providerName, deprecatedLabel, notAllowedLabel, onChoose, parts, }: IconPickerGridProps) => import("react").JSX.Element;
+//# sourceMappingURL=IconPickerGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerGrid.d.ts","sourceRoot":"","sources":["../../../IconPicker/IconPickerGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAMzD,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAChC,mCAAmC;IACnC,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;IAEpC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IAEd,wDAAwD;IACxD,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC,+CAA+C;IAC/C,SAAS,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC;IAE/C,sFAAsF;IACtF,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEtD,0CAA0C;IAC1C,eAAe,EAAE,MAAM,CAAC;IAExB,oDAAoD;IACpD,eAAe,EAAE,MAAM,CAAC;IAExB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAE3C,0DAA0D;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,sHAUxB,mBAAmB,gCAsCrB,CAAC"}

package/dist/esm/IconPicker/IconPickerGrid.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { classNames } from '../ClassNames/classNames.js';
+import { IconPickerTile } from './IconPickerTile.js';
+import { iconPickerIdentity } from './iconPickerIdentity.js';
+import { useGridColumns } from './useGridColumns.js';
+import { useRovingFocus } from './useRovingFocus.js';
+
+const IconPickerGrid = ({ entries, label, selectedIdentity, isAllowed, providerName, deprecatedLabel, notAllowedLabel, onChoose, parts, }) => {
+    const gridRef = useRef(null);
+    const columns = useGridColumns(gridRef);
+    const selectedIndex = entries.findIndex(entry => iconPickerIdentity(entry) === selectedIdentity);
+    const roving = useRovingFocus(entries.length, columns, selectedIndex);
+    return (jsx("div", { ...parts?.grid, ref: element => {
+            gridRef.current = element;
+            roving.containerRef.current = element;
+        }, role: 'listbox', "aria-label": label, className: classNames('cratis-icon-picker__grid', parts?.grid?.className), "data-cratis-part": 'grid', onKeyDown: roving.onKeyDown, children: entries.map((entry, index) => {
+            const identity = iconPickerIdentity(entry);
+            return (jsx(IconPickerTile, { entry: entry, selected: identity === selectedIdentity, allowed: isAllowed(entry), providerName: providerName(entry.library), deprecatedLabel: deprecatedLabel, notAllowedLabel: notAllowedLabel, onChoose: onChoose, roving: roving.itemProps(index), parts: parts }, identity));
+        }) }));
+};
+
+export { IconPickerGrid };
+//# sourceMappingURL=IconPickerGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerGrid.js","sources":["../../../IconPicker/IconPickerGrid.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 { classNames } from '../ClassNames/classNames';\nimport type { IconPickerEntry } from './IconPickerEntry';\nimport type { IconPickerParts } from './IconPickerParts';\nimport { IconPickerTile } from './IconPickerTile';\nimport { iconPickerIdentity } from './iconPickerIdentity';\nimport { useGridColumns } from './useGridColumns';\nimport { useRovingFocus } from './useRovingFocus';\n\n/** Props for {@link IconPickerGrid}. */\nexport interface IconPickerGridProps {\n    /** The icons to list, in order. */\n    entries: readonly IconPickerEntry[];\n\n    /** The accessible name of the list. */\n    label: string;\n\n    /** The identity string of the selected icon, if any. */\n    selectedIdentity: string | undefined;\n\n    /** Tells whether the field accepts an icon. */\n    isAllowed: (entry: IconPickerEntry) => boolean;\n\n    /** Resolves a library id to the name shown on the tile, or undefined to show none. */\n    providerName: (library: string) => string | undefined;\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 an icon. */\n    onChoose: (entry: IconPickerEntry) => void;\n\n    /** Pass-through attributes for the grid and its tiles. */\n    parts?: IconPickerParts;\n}\n\n/**\n * A grid of {@link IconPickerTile}s with one Tab stop. Arrow keys move focus a tile or a row at a\n * time, and Home and End jump to the ends; the tab stop starts on the selected tile.\n */\nexport const IconPickerGrid = ({\n    entries,\n    label,\n    selectedIdentity,\n    isAllowed,\n    providerName,\n    deprecatedLabel,\n    notAllowedLabel,\n    onChoose,\n    parts,\n}: IconPickerGridProps) => {\n    const gridRef = useRef<HTMLDivElement | null>(null);\n    const columns = useGridColumns(gridRef);\n    const selectedIndex = entries.findIndex(entry => iconPickerIdentity(entry) === selectedIdentity);\n    const roving = useRovingFocus(entries.length, columns, selectedIndex);\n\n    return (\n        <div\n            {...parts?.grid}\n            ref={element => {\n                gridRef.current = element;\n                roving.containerRef.current = element;\n            }}\n            role='listbox'\n            aria-label={label}\n            className={classNames('cratis-icon-picker__grid', parts?.grid?.className)}\n            data-cratis-part='grid'\n            onKeyDown={roving.onKeyDown}\n        >\n            {entries.map((entry, index) => {\n                const identity = iconPickerIdentity(entry);\n                return (\n                    <IconPickerTile\n                        key={identity}\n                        entry={entry}\n                        selected={identity === selectedIdentity}\n                        allowed={isAllowed(entry)}\n                        providerName={providerName(entry.library)}\n                        deprecatedLabel={deprecatedLabel}\n                        notAllowedLabel={notAllowedLabel}\n                        onChoose={onChoose}\n                        roving={roving.itemProps(index)}\n                        parts={parts}\n                    />\n                );\n            })}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AA8CO,MAAM,cAAc,GAAG,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,eAAe,EACf,eAAe,EACf,QAAQ,EACR,KAAK,GACa,KAAI;AACtB,IAAA,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC;AACnD,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;AACvC,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,kBAAkB,CAAC,KAAK,CAAC,KAAK,gBAAgB,CAAC;AAChG,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC;IAErE,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,GACQ,KAAK,EAAE,IAAI,EACf,GAAG,EAAE,OAAO,IAAG;AACX,YAAA,OAAO,CAAC,OAAO,GAAG,OAAO;AACzB,YAAA,MAAM,CAAC,YAAY,CAAC,OAAO,GAAG,OAAO;AACzC,QAAA,CAAC,EACD,IAAI,EAAC,SAAS,EAAA,YAAA,EACF,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,EAAA,kBAAA,EACxD,MAAM,EACvB,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAE1B,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AAC1B,YAAA,MAAM,QAAQ,GAAG,kBAAkB,CAAC,KAAK,CAAC;YAC1C,QACIA,GAAA,CAAC,cAAc,EAAA,EAEX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KAAK,gBAAgB,EACvC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,EACzB,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EACzC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA,EATP,QAAQ,CAUf;QAEV,CAAC,CAAC,EAAA,CACA;AAEd;;"}