@kwiz/fluentui 1.0.216 → 1.0.219

package/dist/controls/accordion.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { makeStyles } from "@fluentui/react-components";
+import { makeStyles, mergeClasses } from "@fluentui/react-components";
 import { ChevronLeftRegular, ChevronRightRegular } from "@fluentui/react-icons";
 import * as React from 'react';
 import { useKWIZFluentContext } from "../helpers/context-internal";
@@ -9,10 +9,12 @@ import { DividerEX } from "./divider";
 import { Horizontal } from "./horizontal";
 import { Vertical } from "./vertical";
 const useStyles = makeStyles({
-    opened: {
-        transform: "rotate(90deg)",
+    chevronIcon: {
         transition: "transform 200ms ease-out"
     },
+    opened: {
+        transform: "rotate(90deg)"
+    },
     header: {
         paddingLeft: 0
     },
@@ -30,8 +32,7 @@ export const AccordionEX = (props) => {
     const ctx = useKWIZFluentContext();
     const classes = useStyles();
     const [opened, setOpened] = React.useState(props.opened || props.groups[0].key);
-    return (_jsx(Vertical, { main: true, css: [classes.root, props.fillHeight && classes.rootFill, KnownClassNames.accordion], children: props.groups.map(group => _jsxs(React.Fragment, { children: [_jsx(ButtonEX, { className: `${classes.header} ${KnownClassNames.accordionHeader} ${opened === group.key ? ` ${KnownClassNames.isOpen}` : ''}`, icon: ctx.isRtl
-                        ? _jsx(ChevronLeftRegular, { className: opened === group.key ? classes.opened : '' })
-                        : _jsx(ChevronRightRegular, { className: opened === group.key ? classes.opened : '' }), title: group.title, showTitleWithIcon: true, dontCenterText: true, onClick: () => setOpened(current => props.allowClose && current === group.key ? undefined : group.key) }), _jsx(DividerEX, {}), group.key === opened && _jsxs(_Fragment, { children: [_jsx(Horizontal, { main: true, css: [classes.body, KnownClassNames.accordionBodyWrapper, KnownClassNames.overflowContent], children: _jsx(Vertical, { main: true, css: [KnownClassNames.accordionBody], children: group.content }) }), _jsx(DividerEX, {})] })] }, group.key)) }));
+    const Chevron = React.useMemo(() => ctx.isRtl ? ChevronLeftRegular : ChevronRightRegular, [ctx.isRtl]);
+    return (_jsx(Vertical, { main: true, css: [classes.root, props.fillHeight && classes.rootFill, KnownClassNames.accordion], children: props.groups.map(group => _jsxs(React.Fragment, { children: [_jsx(ButtonEX, { className: `${classes.header} ${KnownClassNames.accordionHeader} ${opened === group.key ? ` ${KnownClassNames.isOpen}` : ''}`, icon: _jsx(Chevron, { className: mergeClasses(classes.chevronIcon, opened === group.key ? classes.opened : '') }), title: group.title, showTitleWithIcon: true, dontCenterText: true, onClick: () => setOpened(current => props.allowClose && current === group.key ? undefined : group.key) }), _jsx(DividerEX, {}), group.key === opened && _jsxs(_Fragment, { children: [_jsx(Horizontal, { main: true, css: [classes.body, KnownClassNames.accordionBodyWrapper, KnownClassNames.overflowContent], children: _jsx(Vertical, { main: true, css: [KnownClassNames.accordionBody], children: group.content }) }), _jsx(DividerEX, {})] })] }, group.key)) }));
 };
 //# sourceMappingURL=accordion.js.map

package/dist/controls/accordion.js.map

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

package/dist/controls/drop-divider.d.ts

@@ -0,0 +1,19 @@
+import { FluentIcon } from '@fluentui/react-icons';
+interface iProps {
+    vertical?: boolean;
+    label?: string;
+    drop: {
+        isOver: boolean;
+        dropRef: (element: HTMLDivElement | null) => void;
+    };
+    expectingDrop: boolean;
+    /** show the divider even when not hovering to drop */
+    showWhenNotOver?: boolean;
+    /** use a different icon when not hovering to drop */
+    notOverIcon?: FluentIcon;
+    /** provide an on click handler when not hovering to drop */
+    onClick?: () => void;
+}
+/** use by passing a useDragDropContext with dropInfo, pass the props as-is <DropDivider {...dropContext} /> */
+export declare function DropDivider(props: iProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/drop-divider.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';
+import { AddCircleRegular, MoreHorizontalRegular, MoreVerticalRegular } from '@fluentui/react-icons';
+import { useMemo } from 'react';
+import { DividerEX } from './divider';
+const useStyles = makeStyles({
+    dropDivider: {
+        "::before": Object.assign({}, shorthands.borderWidth(tokens.strokeWidthThickest)),
+        "::after": Object.assign({}, shorthands.borderWidth(tokens.strokeWidthThickest)),
+    },
+    dropDividerOver: {
+        "::before": Object.assign({}, shorthands.borderColor(tokens.colorBrandBackground)),
+        "::after": Object.assign({}, shorthands.borderColor(tokens.colorBrandBackground)),
+    }
+});
+/** use by passing a useDragDropContext with dropInfo, pass the props as-is <DropDivider {...dropContext} /> */
+export function DropDivider(props) {
+    const classes = useStyles();
+    const NoOverIcon = useMemo(() => props.notOverIcon || (props.vertical ? AddCircleRegular : MoreHorizontalRegular), [props.vertical, props.notOverIcon]);
+    return props.expectingDrop
+        ? _jsx(DividerEX, { ref: props.drop.dropRef, className: mergeClasses(classes.dropDivider, props.drop && props.drop.isOver && classes.dropDividerOver), vertical: props.vertical, title: props.label || "insert here", children: props.vertical ? _jsx(MoreVerticalRegular, {}) : _jsx(MoreHorizontalRegular, {}) })
+        : props.showWhenNotOver ? _jsx(DividerEX, { vertical: props.vertical, title: props.label || "insert here", onClick: props.onClick, children: _jsx(NoOverIcon, {}) }) : undefined;
+}
+//# sourceMappingURL=drop-divider.js.map

package/dist/controls/drop-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-divider.js","sourceRoot":"","sources":["../../src/controls/drop-divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAc,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,WAAW,EAAE;QACT,UAAU,oBACH,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACxD;QACD,SAAS,oBACF,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,mBAAmB,CAAC,CACxD;KACJ;IACD,eAAe,EAAE;QACb,UAAU,oBACH,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACzD;QACD,SAAS,oBACF,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACzD;KACJ;CACJ,CAAC,CAAC;AAiBH,+GAA+G;AAC/G,MAAM,UAAU,WAAW,CAAC,KAAa;IACrC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExJ,OAAO,KAAK,CAAC,aAAa;QACtB,CAAC,CAAC,KAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,aAAa,YACxM,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAC,CAAC,KAAC,qBAAqB,KAAG,GAC7D;QACZ,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,YACtH,KAAC,UAAU,KAAG,GACN,CAAC,CAAC,CAAC,SAAS,CAAC;AACjC,CAAC"}

package/dist/controls/icon-picker.d.ts

@@ -0,0 +1,17 @@
+import { FluentIconsProps } from "@fluentui/react-icons";
+import { ButtonEXProps } from "../types";
+export declare function IconGallery({ value, onChange, searchable, withNone }: {
+    value?: string;
+    onChange: (icon?: string) => void;
+    searchable?: boolean;
+    /** show first item "none" */
+    withNone?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function IconPicker({ value, onChange, extendButtonProps }: {
+    value: string;
+    onChange: (icon?: string) => void;
+    extendButtonProps?: Partial<ButtonEXProps>;
+}): import("react/jsx-runtime").JSX.Element;
+export default function DynamicIcon(props: {
+    name?: string;
+} & FluentIconsProps): import("react/jsx-runtime").JSX.Element;

package/dist/controls/icon-picker.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Caption1, makeStyles, tokens } from "@fluentui/react-components";
+import { DismissRegular, ImageColor, ImageDismissRegular } from "@fluentui/react-icons";
+import { shorthands } from "@griffel/react";
+import { isNotEmptyString, isNullOrEmptyString } from "@kwiz/common";
+import { useEffect, useState } from "react";
+import { useFluentIcon, useFluentIconsList } from "../helpers/use-fluent-icon";
+import { ButtonEX } from "./button";
+import { DrawerEX } from "./drawer-ex";
+import { Horizontal } from "./horizontal";
+import { Search } from "./search";
+import { Vertical } from "./vertical";
+const useStyles = makeStyles({
+    icon: {
+        width: '80px',
+        padding: tokens.spacingHorizontalM,
+        border: `${tokens.strokeWidthThin} solid transparent`,
+        borderRadius: tokens.borderRadiusSmall,
+        ':hover': Object.assign({}, shorthands.borderColor(tokens.colorNeutralStroke1Hover))
+    },
+    selected: Object.assign({}, shorthands.borderColor(tokens.colorNeutralStroke1Selected))
+});
+export function IconGallery({ value, onChange, searchable, withNone }) {
+    const css = useStyles();
+    const icons = useFluentIconsList();
+    const [search, setSearch] = useState("");
+    useEffect(() => {
+        if (!searchable)
+            setSearch(""); //in case caller set it to searchable, user searches, then they change it.
+    }, [searchable]);
+    return _jsxs(Vertical, { main: true, children: [searchable && _jsx(Search, { value: search, onChangeDeferred: newValue => setSearch(newValue || "") }), _jsxs(Horizontal, { wrap: true, main: true, children: [(withNone && isNullOrEmptyString(search)) && _jsxs(Vertical, { centered: true, css: [css.icon, isNullOrEmptyString(value) ? css.selected : ''], onClick: () => onChange(), children: [_jsx(ImageDismissRegular, { fontSize: tokens.fontSizeBase600 }), _jsx(Caption1, { style: { textAlign: "center" }, children: "None" })] }), (isNotEmptyString(search) ? icons.filter(icon => icon.name.toLowerCase().includes(search.toLowerCase())) : icons)
+                        .map(icon => _jsxs(Vertical, { centered: true, css: [css.icon, icon.name === value ? css.selected : ''], onClick: () => onChange(icon.name), children: [_jsx(DynamicIcon, { name: icon.name, fontSize: tokens.fontSizeBase600 }, icon.name), _jsx(Caption1, { style: { textAlign: "center" }, children: icon.title })] }, icon.name))] })] });
+}
+export function IconPicker({ value, onChange, extendButtonProps }) {
+    const [open, setOpen] = useState(false);
+    return _jsxs(_Fragment, { children: [_jsx(ButtonEX, Object.assign({ icon: isNotEmptyString(value) ? _jsx(DynamicIcon, { name: value }) : _jsx(ImageColor, {}), title: "Pick an icon", showTitleWithIcon: true, dontCenterText: true }, (extendButtonProps || {}), { 
+                //after teh expand so they don't take over our onclick
+                onClick: () => setOpen(true) })), open && _jsxs(DrawerEX, { title: "Icon gallery", open: true, size: "large", titleActions: _jsx(ButtonEX, { icon: _jsx(DismissRegular, {}), title: "Close", onClick: () => setOpen(false) }), children: [_jsx("br", {}), _jsx(IconGallery, { withNone: true, searchable: true, value: value, onChange: icon => {
+                            onChange(icon);
+                            setOpen(false);
+                        } })] })] });
+}
+export default function DynamicIcon(props) {
+    const Icon = useFluentIcon(props === null || props === void 0 ? void 0 : props.name);
+    return Icon ? _jsx(Icon, Object.assign({}, (props || {}))) : null;
+}
+//# sourceMappingURL=icon-picker.js.map

package/dist/controls/icon-picker.js.map

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

package/dist/controls/index.d.ts

@@ -21,7 +21,9 @@ export * from './file-upload';
 export * from './form';
 export * from './horizontal';
 export * from './html-editor';
+export * from './icon-picker';
 export * from './input';
+export * from './drop-divider';
 export * from './kwizoverflow';
 export * from './kwizoverflow2';
 export * from './list';

package/dist/controls/index.js

@@ -21,7 +21,9 @@ export * from './file-upload';
 export * from './form';
 export * from './horizontal';
 export * from './html-editor';
+export * from './icon-picker';
 export * from './input';
+export * from './drop-divider';
 export * from './kwizoverflow';
 export * from './kwizoverflow2';
 export * from './list';

package/dist/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}

package/dist/controls/kwizoverflow2.d.ts

@@ -4,13 +4,20 @@ import { ButtonEXProps } from "../types";
 import { iHorizontalProps } from "./horizontal";
 import { iMenuExProps } from "./menu";
 export declare const kwizOVerflowMoreMenuCSSName = "kfui-overflow-more";
+export interface iOverflowV2OverflowButtonProps<ItemType> extends iOverflowV2Props<ItemType> {
+    overflowItems: {
+        item: ItemType;
+        /** used internally for the overflow menu */
+        $originalIndex?: number;
+    }[];
+}
 export interface iOverflowV2Props<ItemType> {
     /** you cannot have a menu with trigger in overflow items. put those in groupWrapper controls before/after rendering children. */
     items: ItemType[];
     /** when overflow:true, if using the OOB menu, should return a <MenuItem> */
     renderItem: (item: ItemType, index: number, overflow?: boolean) => JSX.Element;
     /** items will only have the items that need to overflow. Add kwizOVerflowMoreMenuCSSName to the button */
-    renderOverflowMenuButton?: (props: iOverflowV2Props<ItemType>) => JSX.Element;
+    renderOverflowMenuButton?: (props: iOverflowV2OverflowButtonProps<ItemType>) => JSX.Element;
     root?: Partial<iHorizontalProps>;
     nowrap?: boolean;
     /** if you have this inside a TabList, turn this flag on to make sure tabs don't wrap / shrink text */

package/dist/controls/kwizoverflow2.js.map

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

package/dist/helpers/use-fluent-icon.d.ts

@@ -0,0 +1,8 @@
+import type { FluentIcon } from "@fluentui/react-icons";
+/** renders a FluentUI 9 icon by best match to a name, e.g. Search finds SearchRegular. renders nothing if nothing matches */
+export declare function useFluentIcon(name?: string): FluentIcon | undefined;
+/** all available icon names, without size or variant suffix, e.g. Search. Empty until the icons package is loaded */
+export declare function useFluentIconsList(): {
+    name: string;
+    title: string;
+}[];

package/dist/helpers/use-fluent-icon.js

@@ -0,0 +1,83 @@
+import { useEffect, useState } from "react";
+let iconsPromise;
+const variants = ["regular", "filled", "color"];
+const normalize = (value) => value.toLowerCase().replace(/[^a-z0-9]/g, "");
+/** loads the icons package only once, and only when an icon is actually needed */
+function loadIcons() {
+    iconsPromise !== null && iconsPromise !== void 0 ? iconsPromise : (iconsPromise = import("@fluentui/react-icons").then(m => {
+        const icons = m;
+        const entries = [];
+        Object.keys(icons).forEach(name => {
+            const match = /^([A-Z][A-Za-z]*?)(\d*)(Regular|Filled|Color)$/.exec(name);
+            if (match)
+                entries.push({ base: match[1], stem: normalize(match[1]), sized: match[2] !== "", variantRank: variants.indexOf(match[3].toLowerCase()), name });
+        });
+        return { icons, entries };
+    }));
+    return iconsPromise;
+}
+/** best match for a name like "search", "Search" or "SearchFilled". prefers exact names, then the regular variant, then unsized icons */
+function findBestIcon({ icons, entries }, name) {
+    var _a;
+    const exact = (_a = icons[`${name}Regular`]) !== null && _a !== void 0 ? _a : icons[name];
+    if (exact)
+        return exact;
+    const query = normalize(name);
+    const requested = variants.find(v => query.endsWith(v));
+    const base = requested ? query.slice(0, -requested.length) : query;
+    if (!base)
+        return undefined;
+    let best;
+    let bestScore = Infinity;
+    for (const entry of entries) {
+        let score;
+        if (entry.stem === base)
+            score = 0;
+        else if (entry.stem.startsWith(base))
+            score = 10 + (entry.stem.length - base.length) / 100;
+        else if (entry.stem.includes(base))
+            score = 20 + (entry.stem.length - base.length) / 100;
+        else
+            continue;
+        const variant = requested ? (variants[entry.variantRank] === requested ? 0 : 1 + entry.variantRank) : entry.variantRank;
+        score += variant + (entry.sized ? 0.5 : 0);
+        if (score < bestScore) {
+            bestScore = score;
+            best = entry;
+        }
+    }
+    return best ? icons[best.name] : undefined;
+}
+/** renders a FluentUI 9 icon by best match to a name, e.g. Search finds SearchRegular. renders nothing if nothing matches */
+export function useFluentIcon(name) {
+    const [icon, setIcon] = useState();
+    useEffect(() => {
+        let cancelled = false;
+        setIcon(undefined);
+        if (name)
+            loadIcons().then(index => {
+                const found = findBestIcon(index, name);
+                if (!cancelled && found)
+                    setIcon(() => found);
+            });
+        return () => { cancelled = true; };
+    }, [name]);
+    return icon;
+}
+/** all available icon names, without size or variant suffix, e.g. Search. Empty until the icons package is loaded */
+export function useFluentIconsList() {
+    const [names, setNames] = useState([]);
+    useEffect(() => {
+        let cancelled = false;
+        loadIcons().then(({ entries }) => {
+            if (!cancelled)
+                setNames(Array.from(new Set(entries.map(e => e.base))).sort().map(name => ({
+                    name,
+                    title: name.replace(/(?<!^)([A-Z])/g, " $1")
+                })));
+        });
+        return () => { cancelled = true; };
+    }, []);
+    return names;
+}
+//# sourceMappingURL=use-fluent-icon.js.map

package/dist/helpers/use-fluent-icon.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.216",
+    "version": "1.0.219",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -80,9 +80,10 @@
         "resolve-pkg-maps": "^1.0.0"
     },
     "peerDependencies": {
-        "@fluentui/react-components": ">=9.54.17 <10.0.0",
-        "@fluentui/react-icons": "^2.0.269",
+        "@fluentui/react-components": "^9.75.1",
+        "@fluentui/react-icons": "^2.0.345",
         "@fluentui/react-utilities": "^9.18.20",
+        "@griffel/react": "^1.5.32",
         "@types/react": ">=16.14.0 <19.0.0",
         "@types/react-dom": ">=16.9.0 <19.0.0",
         "react": ">=16.14.0 <19.0.0",