@aglyn/shared-ui-jsx 1.0.0-beta.143

package/src/lib/contexts/confirmation.context.js

@@ -0,0 +1,49 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { noop } from "@aglyn/shared-util-tools";
+import { createContext, useContext } from "react";
+export const DEFAULT_CONTEXT_VALUE = {
+    confirm: noop
+};
+export const DEFAULT_CONTEXT_CONFIG = {
+    title: 'Are you sure?',
+    description: '',
+    confirmationText: 'OK',
+    cancellationText: 'Cancel',
+    dialogProps: {},
+    confirmationButtonProps: {},
+    cancellationButtonProps: {}
+};
+export const buildConfirmationContextConfig = (defaultConfig, config)=>{
+    const dialogProps = _extends({}, defaultConfig.dialogProps || DEFAULT_CONTEXT_CONFIG.dialogProps, config.dialogProps || {});
+    const confirmationButtonProps = _extends({}, defaultConfig.confirmationButtonProps || DEFAULT_CONTEXT_CONFIG.confirmationButtonProps, config.confirmationButtonProps || {});
+    const cancellationButtonProps = _extends({}, defaultConfig.cancellationButtonProps || DEFAULT_CONTEXT_CONFIG.cancellationButtonProps, config.cancellationButtonProps || {});
+    return _extends({}, DEFAULT_CONTEXT_CONFIG, defaultConfig, config, {
+        dialogProps,
+        confirmationButtonProps,
+        cancellationButtonProps
+    });
+};
+export const ConfirmationContext = createContext(DEFAULT_CONTEXT_VALUE);
+ConfirmationContext.displayName = 'ConfirmationContext';
+ConfirmationContext.aglyn = true;
+export function useConfirmationContext() {
+    return useContext(ConfirmationContext);
+}
+export default ConfirmationContext;
+
+//# sourceMappingURL=confirmation.context.js.map

package/src/lib/contexts/confirmation.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/contexts/confirmation.context.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { noop } from '@aglyn/shared-util-tools'\nimport type { ButtonProps, DialogProps } from '@mui/material'\nimport { type Context, createContext, useContext } from 'react'\n\nexport type ConfirmationContextConfig = {\n  cancellationText?: JSX.Children\n  confirmationText?: JSX.Children\n  cancellationButtonProps?: Partial<ButtonProps>\n  confirmationButtonProps?: Partial<ButtonProps>\n  dialogProps?: Partial<DialogProps>\n  title?: JSX.Children\n  description?: JSX.Children\n}\nexport type ConfirmFunctionOptions = ConfirmationContextConfig\nexport type ConfirmFunction = <T>(\n  options?: ConfirmFunctionOptions,\n) => Promise<T>\nexport type ConfirmationContextType = {\n  confirm: ConfirmFunction\n}\nexport type ConfirmationContext = Context<ConfirmationContextType>\n\nexport const DEFAULT_CONTEXT_VALUE: ConfirmationContextType = {\n  confirm: noop,\n}\nexport const DEFAULT_CONTEXT_CONFIG: ConfirmationContextConfig = {\n  title: 'Are you sure?',\n  description: '',\n  confirmationText: 'OK',\n  cancellationText: 'Cancel',\n  dialogProps: {},\n  confirmationButtonProps: {},\n  cancellationButtonProps: {},\n}\n\nexport const buildConfirmationContextConfig = (defaultConfig: ConfirmationContextConfig, config: ConfirmationContextConfig) => {\n  const dialogProps = {\n    ...(defaultConfig.dialogProps || DEFAULT_CONTEXT_CONFIG.dialogProps),\n    ...(config.dialogProps || {}),\n  }\n  const confirmationButtonProps = {\n    ...(defaultConfig.confirmationButtonProps ||\n      DEFAULT_CONTEXT_CONFIG.confirmationButtonProps),\n    ...(config.confirmationButtonProps || {}),\n  }\n  const cancellationButtonProps = {\n    ...(defaultConfig.cancellationButtonProps ||\n      DEFAULT_CONTEXT_CONFIG.cancellationButtonProps),\n    ...(config.cancellationButtonProps || {}),\n  }\n\n  return {\n    ...DEFAULT_CONTEXT_CONFIG,\n    ...defaultConfig,\n    ...config,\n    dialogProps,\n    confirmationButtonProps,\n    cancellationButtonProps,\n  }\n}\n\nexport const ConfirmationContext: ConfirmationContext =\n  createContext<ConfirmationContextType>(DEFAULT_CONTEXT_VALUE)\nConfirmationContext.displayName = 'ConfirmationContext'\nConfirmationContext.aglyn = true\n\nexport function useConfirmationContext(): ConfirmationContextType {\n  return useContext(ConfirmationContext)\n}\n\nexport default ConfirmationContext\n"],"names":["noop","createContext","useContext","DEFAULT_CONTEXT_VALUE","confirm","DEFAULT_CONTEXT_CONFIG","title","description","confirmationText","cancellationText","dialogProps","confirmationButtonProps","cancellationButtonProps","buildConfirmationContextConfig","defaultConfig","config","ConfirmationContext","displayName","aglyn","useConfirmationContext"],"mappings":";AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,IAAI,QAAQ,2BAA0B;AAE/C,SAAuBC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAoB/D,OAAO,MAAMC,wBAAiD;IAC5DC,SAASJ;AACX,EAAC;AACD,OAAO,MAAMK,yBAAoD;IAC/DC,OAAO;IACPC,aAAa;IACbC,kBAAkB;IAClBC,kBAAkB;IAClBC,aAAa,CAAC;IACdC,yBAAyB,CAAC;IAC1BC,yBAAyB,CAAC;AAC5B,EAAC;AAED,OAAO,MAAMC,iCAAiC,CAACC,eAA0CC;IACvF,MAAML,cAAc,aACdI,cAAcJ,WAAW,IAAIL,uBAAuBK,WAAW,EAC/DK,OAAOL,WAAW,IAAI,CAAC;IAE7B,MAAMC,0BAA0B,aAC1BG,cAAcH,uBAAuB,IACvCN,uBAAuBM,uBAAuB,EAC5CI,OAAOJ,uBAAuB,IAAI,CAAC;IAEzC,MAAMC,0BAA0B,aAC1BE,cAAcF,uBAAuB,IACvCP,uBAAuBO,uBAAuB,EAC5CG,OAAOH,uBAAuB,IAAI,CAAC;IAGzC,OAAO,aACFP,wBACAS,eACAC;QACHL;QACAC;QACAC;;AAEJ,EAAC;AAED,OAAO,MAAMI,sBACXf,cAAuCE,uBAAsB;AAC/Da,oBAAoBC,WAAW,GAAG;AAClCD,oBAAoBE,KAAK,GAAG;AAE5B,OAAO,SAASC;IACd,OAAOjB,WAAWc;AACpB;AAEA,eAAeA,oBAAmB"}

package/src/lib/contexts/loading.context.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ContextType } from 'react';
+import { type InjectedContextConsumerProps } from '../hocs/create-hoc-with-context-consumer';
+export type QueueId = string;
+export type Queues = QueueId[];
+export type TupledDequeue = [QueueId, DequeueLoading];
+export type QueueResponse<T extends boolean> = ConditionalNonDist<T, true, TupledDequeue, DequeueLoading>;
+export interface LoadingHelper {
+    enqueue<T extends boolean = false>(asTuple?: T): QueueResponse<T>;
+    dequeue(queueId?: QueueId): void;
+    dequeueAll(): void;
+    check(queueId?: QueueId): boolean;
+}
+export type EnqueueLoading = LoadingHelper['enqueue'];
+export type DequeueLoading = LoadingHelper['dequeue'];
+export type DequeueAllLoading = LoadingHelper['dequeueAll'];
+export type CheckLoading = LoadingHelper['check'];
+export type EnqueueResponse = {
+    (): LoadingManager;
+    readonly queueId: QueueId;
+};
+export declare class LoaderItem {
+    readonly id: QueueId;
+    private readonly manager;
+    loading(): boolean;
+    constructor(id: QueueId, manager: LoadingManager);
+    dequeue(): this;
+}
+export declare class LoadingManager {
+    queues: Map<QueueId, LoaderItem>;
+    get loading(): boolean;
+    constructor();
+    check: (id: QueueId) => boolean;
+    static createQueueId(): string;
+    enqueue(): LoaderItem;
+    dequeue(id: QueueId): this;
+}
+export declare const LoadingContext: import("react").Context<{
+    loading: boolean;
+    queueLoading: EnqueueLoading;
+    dequeueLoading: DequeueLoading;
+    dequeueAllLoading: DequeueAllLoading;
+    checkLoading: CheckLoading;
+}>;
+export type LoadingContextType = ContextType<typeof LoadingContext>;
+export declare const LoadingConsumer: import("react").Consumer<{
+    loading: boolean;
+    queueLoading: EnqueueLoading;
+    dequeueLoading: DequeueLoading;
+    dequeueAllLoading: DequeueAllLoading;
+    checkLoading: CheckLoading;
+}>;
+export declare const useLoading: () => {
+    loading: boolean;
+    queueLoading: EnqueueLoading;
+    dequeueLoading: DequeueLoading;
+    dequeueAllLoading: DequeueAllLoading;
+    checkLoading: CheckLoading;
+};
+export interface LoadingProviderProps {
+    children?: JSX.Children;
+}
+export declare function LoadingProviderComponent(props: LoadingProviderProps): import("react").JSX.Element;
+declare const WithN = "_contextLoading";
+type WithN = typeof WithN;
+export type LoadingConsumer = typeof LoadingConsumer;
+export type WithInjectedLoadingContextProps = InjectedContextConsumerProps<typeof LoadingContext.Consumer, WithN>;
+/**
+ * App loading context HOC prop injector
+ */
+export declare const withInjectedLoadingContext: import("../..").WithContextConsumer<{
+    loading: boolean;
+    queueLoading: EnqueueLoading;
+    dequeueLoading: DequeueLoading;
+    dequeueAllLoading: DequeueAllLoading;
+    checkLoading: CheckLoading;
+}, "_contextLoading">;
+export {};

package/src/lib/contexts/loading.context.js

@@ -0,0 +1,126 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { noop } from "@aglyn/shared-util-tools";
+import { createUid } from "@aglyn/shared-util-vendor";
+import { makeAutoObservable } from "mobx";
+// The leaf module, not the 68 KB package bundle — see the note there.
+import { computedFn } from "@aglyn/shared-util-vendor/mobx-computed-fn";
+import { createContext, useContext, useRef, useState } from "react";
+import { createHocWithContextConsumer } from "../hocs/create-hoc-with-context-consumer.js";
+export class LoaderItem {
+    loading() {
+        return this.manager.queues.has(this.id);
+    }
+    dequeue() {
+        this.manager.dequeue(this.id);
+        return this;
+    }
+    constructor(id, manager){
+        this.id = id;
+        this.manager = manager;
+        makeAutoObservable(this);
+    }
+}
+export class LoadingManager {
+    get loading() {
+        return this.queues.size > 0;
+    }
+    static createQueueId() {
+        return createUid();
+    }
+    enqueue() {
+        const id = LoadingManager.createQueueId();
+        const loader = new LoaderItem(id, this);
+        this.queues.set(id, new LoaderItem(id, this));
+        return loader;
+    }
+    dequeue(id) {
+        if (this.queues.has(id)) {
+            this.queues.delete(id);
+        } else {
+            console.error('Invalid loading queue ID', id);
+        }
+        return this;
+    }
+    constructor(){
+        this.queues = new Map();
+        this.check = computedFn((id)=>{
+            return this.queues.has(id);
+        });
+        makeAutoObservable(this);
+    }
+}
+export const LoadingContext = /*#__PURE__*/ createContext({
+    loading: false,
+    queueLoading: noop,
+    dequeueLoading: noop,
+    dequeueAllLoading: noop,
+    checkLoading: noop
+});
+LoadingContext.displayName = 'LoadingContext';
+export const { Consumer: LoadingConsumer } = LoadingContext;
+const createQueueId = ()=>{
+    return createUid();
+};
+export const useLoading = ()=>{
+    return useContext(LoadingContext);
+};
+export function LoadingProviderComponent(props) {
+    const { children } = props;
+    const localRef = useRef([]);
+    const [state, setState] = useState(()=>({
+            loading: false,
+            queueLoading: (asTuple)=>{
+                const queueId = createQueueId();
+                const dequeue = ()=>state.dequeueLoading(queueId);
+                localRef.current.push(queueId);
+                setState((prev)=>_extends({}, prev, {
+                        loading: true
+                    }));
+                return asTuple === true ? [
+                    queueId,
+                    dequeue
+                ] : dequeue;
+            },
+            dequeueLoading: (queueId)=>{
+                localRef.current = localRef.current.filter((i)=>i !== queueId);
+                setState((prev)=>_extends({}, prev, {
+                        loading: state.checkLoading()
+                    }));
+            },
+            dequeueAllLoading: ()=>{
+                localRef.current = [];
+            },
+            checkLoading: (queueId)=>{
+                if (queueId) {
+                    return localRef.current.indexOf(queueId) >= 0;
+                }
+                return localRef.current.length > 0;
+            }
+        }));
+    return /*#__PURE__*/ _jsx(LoadingContext.Provider, {
+        value: state,
+        children: children
+    });
+}
+const WithN = '_contextLoading';
+/**
+ * App loading context HOC prop injector
+ */ export const withInjectedLoadingContext = createHocWithContextConsumer(LoadingContext.Consumer, WithN);
+
+//# sourceMappingURL=loading.context.js.map

package/src/lib/contexts/loading.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/contexts/loading.context.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { noop } from '@aglyn/shared-util-tools'\nimport { createUid } from '@aglyn/shared-util-vendor'\nimport { makeAutoObservable } from 'mobx'\n// The leaf module, not the 68 KB package bundle — see the note there.\nimport { computedFn } from '@aglyn/shared-util-vendor/mobx-computed-fn'\nimport { ContextType, createContext, useContext, useRef, useState } from 'react'\nimport {\n  createHocWithContextConsumer,\n  type InjectedContextConsumerProps,\n} from '../hocs/create-hoc-with-context-consumer'\n\nexport type QueueId = string\nexport type Queues = QueueId[]\nexport type TupledDequeue = [QueueId, DequeueLoading]\nexport type QueueResponse<T extends boolean> = ConditionalNonDist<\n  T,\n  true,\n  TupledDequeue,\n  DequeueLoading\n>\n\nexport interface LoadingHelper {\n  enqueue<T extends boolean = false>(asTuple?: T): QueueResponse<T>\n  dequeue(queueId?: QueueId): void\n  dequeueAll(): void\n  check(queueId?: QueueId): boolean\n}\n\nexport type EnqueueLoading = LoadingHelper['enqueue']\nexport type DequeueLoading = LoadingHelper['dequeue']\nexport type DequeueAllLoading = LoadingHelper['dequeueAll']\nexport type CheckLoading = LoadingHelper['check']\n\nexport type EnqueueResponse = {\n  (): LoadingManager\n  readonly queueId: QueueId\n}\n\nexport class LoaderItem {\n  public loading(): boolean {\n    return this.manager.queues.has(this.id)\n  }\n\n  constructor(\n    public readonly id: QueueId,\n    private readonly manager: LoadingManager,\n  ) {\n    makeAutoObservable(this)\n  }\n\n  public dequeue() {\n    this.manager.dequeue(this.id)\n    return this\n  }\n}\n\nexport class LoadingManager {\n  public queues: Map<QueueId, LoaderItem> = new Map()\n\n  public get loading(): boolean {\n    return this.queues.size > 0\n  }\n\n  constructor() {\n    makeAutoObservable(this)\n  }\n\n  public check = computedFn((id: QueueId) => {\n    return this.queues.has(id)\n  })\n\n  public static createQueueId() {\n    return createUid()\n  }\n\n  public enqueue(): LoaderItem {\n    const id = LoadingManager.createQueueId()\n    const loader = new LoaderItem(id, this)\n    this.queues.set(id, new LoaderItem(id, this))\n    return loader\n  }\n\n  public dequeue(id: QueueId): this {\n    if (this.queues.has(id)) {\n      this.queues.delete(id)\n    } else {\n      console.error('Invalid loading queue ID', id)\n    }\n    return this\n  }\n}\n\nexport const LoadingContext = createContext({\n  loading: false,\n  queueLoading: noop as EnqueueLoading,\n  dequeueLoading: noop as DequeueLoading,\n  dequeueAllLoading: noop as DequeueAllLoading,\n  checkLoading: noop as CheckLoading,\n})\nLoadingContext.displayName = 'LoadingContext'\n\nexport type LoadingContextType = ContextType<typeof LoadingContext>\n\nexport const { Consumer: LoadingConsumer } = LoadingContext\n\nconst createQueueId = () => {\n  return createUid()\n}\n\nexport const useLoading = () => {\n  return useContext(LoadingContext)\n}\n\nexport interface LoadingProviderProps {\n  children?: JSX.Children\n}\n\nexport function LoadingProviderComponent(props: LoadingProviderProps) {\n  const { children } = props\n  const localRef = useRef<Queues>([])\n  const [state, setState] = useState<LoadingContextType>(() => ({\n    loading: false,\n    queueLoading: <T extends boolean>(asTuple?: T): QueueResponse<T> => {\n      const queueId = createQueueId()\n      const dequeue: DequeueLoading = () => state.dequeueLoading(queueId)\n      localRef.current.push(queueId)\n      setState((prev) => ({ ...prev, loading: true }))\n      return (\n        asTuple === true ? [queueId, dequeue] : dequeue\n      ) as QueueResponse<T>\n    },\n    dequeueLoading: (queueId?: QueueId) => {\n      localRef.current = localRef.current.filter((i) => i !== queueId)\n      setState((prev) => ({ ...prev, loading: state.checkLoading() }))\n    },\n    dequeueAllLoading: () => {\n      localRef.current = []\n    },\n    checkLoading: (queueId?: QueueId) => {\n      if (queueId) {\n        return localRef.current.indexOf(queueId) >= 0\n      }\n      return localRef.current.length > 0\n    },\n  }))\n\n  return (\n    <LoadingContext.Provider value={state}>{children}</LoadingContext.Provider>\n  )\n}\n\nconst WithN = '_contextLoading'\ntype WithN = typeof WithN\nexport type LoadingConsumer = typeof LoadingConsumer\nexport type WithInjectedLoadingContextProps = InjectedContextConsumerProps<\n  typeof LoadingContext.Consumer,\n  WithN\n>\n\n/**\n * App loading context HOC prop injector\n */\nexport const withInjectedLoadingContext = createHocWithContextConsumer(\n  LoadingContext.Consumer,\n  WithN,\n)\n"],"names":["noop","createUid","makeAutoObservable","computedFn","createContext","useContext","useRef","useState","createHocWithContextConsumer","LoaderItem","loading","manager","queues","has","id","dequeue","LoadingManager","size","createQueueId","enqueue","loader","set","delete","console","error","Map","check","LoadingContext","queueLoading","dequeueLoading","dequeueAllLoading","checkLoading","displayName","Consumer","LoadingConsumer","useLoading","LoadingProviderComponent","props","children","localRef","state","setState","asTuple","queueId","current","push","prev","filter","i","indexOf","length","Provider","value","WithN","withInjectedLoadingContext"],"mappings":"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"}

package/src/lib/hocs/create-hoc-with-context-consumer.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ComponentType, Consumer, ForwardRefExoticComponent } from 'react';
+export declare const DEFAULT_INJECTED_PROP_NAME = "ctx";
+export type DEFAULT_INJECTED_PROP_NAME = typeof DEFAULT_INJECTED_PROP_NAME;
+/**
+ * Infer the context type from the consumer
+ */
+export type ConsumerContextType<C extends Consumer<any>> = C extends Consumer<infer T> ? T : never;
+/** The context props to inject into the component */
+export type InjectedContextConsumerProps<C extends Consumer<any>, NM extends string = DEFAULT_INJECTED_PROP_NAME> = {
+    [K in NM]: ConsumerContextType<C>;
+};
+/** A react component awaiting decoration of injected prop */
+export type ComponentWithInjectedProp<P, CTX_C extends Consumer<any>, InjectedProp extends string = DEFAULT_INJECTED_PROP_NAME> = ComponentType<P & InjectedContextConsumerProps<CTX_C, InjectedProp>>;
+export interface WithContextConsumer<T, Key extends string = 'ctx'> {
+    <P>(component: ComponentType<P & Record<Key, T>>): ForwardRefExoticComponent<Omit<P, Key>>;
+}
+/**
+ * Helper util to HOC a context consumer
+ */
+export declare function createHocWithContextConsumer<T, K extends string = 'ctx'>(Consumer: Consumer<T>, prop?: K): WithContextConsumer<T, K>;

package/src/lib/hocs/create-hoc-with-context-consumer.js

@@ -0,0 +1,44 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getDisplayName } from "@aglyn/shared-util-tools";
+import { hoistNonReactStatics } from "@aglyn/shared-util-vendor";
+import { forwardRef } from "react";
+export const DEFAULT_INJECTED_PROP_NAME = 'ctx';
+/**
+ * Helper util to HOC a context consumer
+ */ export function createHocWithContextConsumer(Consumer, prop) {
+    const injectedPropName = prop || DEFAULT_INJECTED_PROP_NAME;
+    function withContextConsumer(Component) {
+        const displayName = getDisplayName(Component);
+        const DecoratedComponent = /*#__PURE__*/ forwardRef((props, ref)=>{
+            return /*#__PURE__*/ _jsx(Consumer, {
+                children: (ctx)=>/*#__PURE__*/ _jsx(Component, _extends({
+                        ref: ref
+                    }, {
+                        [injectedPropName]: ctx
+                    }, props))
+            });
+        });
+        DecoratedComponent.displayName = `WithContext(${displayName})`;
+        hoistNonReactStatics(DecoratedComponent, Component);
+        return DecoratedComponent;
+    }
+    return withContextConsumer;
+}
+
+//# sourceMappingURL=create-hoc-with-context-consumer.js.map

package/src/lib/hocs/create-hoc-with-context-consumer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/hocs/create-hoc-with-context-consumer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { getDisplayName } from '@aglyn/shared-util-tools'\nimport { hoistNonReactStatics } from '@aglyn/shared-util-vendor'\nimport {\n  ComponentType,\n  Consumer,\n  forwardRef,\n  ForwardRefExoticComponent,\n} from 'react'\n\nexport const DEFAULT_INJECTED_PROP_NAME = 'ctx'\nexport type DEFAULT_INJECTED_PROP_NAME = typeof DEFAULT_INJECTED_PROP_NAME\n\n/**\n * Infer the context type from the consumer\n */\nexport type ConsumerContextType<C extends Consumer<any>> = C extends Consumer<\n  infer T\n>\n  ? T\n  : never\n\n/** The context props to inject into the component */\nexport type InjectedContextConsumerProps<\n  C extends Consumer<any>,\n  NM extends string = DEFAULT_INJECTED_PROP_NAME,\n> = {\n  [K in NM]: ConsumerContextType<C>\n}\n\n/** A react component awaiting decoration of injected prop */\nexport type ComponentWithInjectedProp<\n  P,\n  CTX_C extends Consumer<any>,\n  InjectedProp extends string = DEFAULT_INJECTED_PROP_NAME,\n> = ComponentType<P & InjectedContextConsumerProps<CTX_C, InjectedProp>>\n\nexport interface WithContextConsumer<T, Key extends string = 'ctx'> {\n  <P>(\n    component: ComponentType<P & Record<Key, T>>,\n  ): ForwardRefExoticComponent<Omit<P, Key>>\n}\n\n/**\n * Helper util to HOC a context consumer\n */\nexport function createHocWithContextConsumer<T, K extends string = 'ctx'>(\n  Consumer: Consumer<T>,\n  prop?: K,\n): WithContextConsumer<T, K> {\n  const injectedPropName = prop || DEFAULT_INJECTED_PROP_NAME\n\n  function withContextConsumer<P>(\n    Component: ComponentType<P & Record<K, T>>,\n  ): ForwardRefExoticComponent<Omit<P, K>> {\n    const displayName = getDisplayName(Component)\n\n    const DecoratedComponent = forwardRef<any, P>((props, ref) => {\n      return (\n        <Consumer>\n          {(ctx) => (\n            <Component\n              ref={ref}\n              {...({ [injectedPropName]: ctx } as Record<K, T>)}\n              {...(props as P)}\n            />\n          )}\n        </Consumer>\n      )\n    })\n\n    DecoratedComponent.displayName = `WithContext(${displayName})`\n    hoistNonReactStatics(DecoratedComponent, Component)\n    return DecoratedComponent as ForwardRefExoticComponent<Omit<P, K>>\n  }\n\n  return withContextConsumer\n}\n"],"names":["getDisplayName","hoistNonReactStatics","forwardRef","DEFAULT_INJECTED_PROP_NAME","createHocWithContextConsumer","Consumer","prop","injectedPropName","withContextConsumer","Component","displayName","DecoratedComponent","props","ref","ctx"],"mappings":";;AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAGEC,UAAU,QAEL,QAAO;AAEd,OAAO,MAAMC,6BAA6B,MAAK;AAiC/C;;CAEC,GACD,OAAO,SAASC,6BACdC,QAAqB,EACrBC,IAAQ;IAER,MAAMC,mBAAmBD,QAAQH;IAEjC,SAASK,oBACPC,SAA0C;QAE1C,MAAMC,cAAcV,eAAeS;QAEnC,MAAME,mCAAqBT,WAAmB,CAACU,OAAOC;YACpD,qBACE,KAACR;0BACE,CAACS,oBACA,KAACL;wBACCI,KAAKA;uBACA;wBAAE,CAACN,iBAAiB,EAAEO;oBAAI,GAC1BF;;QAKf;QAEAD,mBAAmBD,WAAW,GAAG,CAAC,YAAY,EAAEA,YAAY,CAAC,CAAC;QAC9DT,qBAAqBU,oBAAoBF;QACzC,OAAOE;IACT;IAEA,OAAOH;AACT"}

package/src/lib/hocs/with-hoc.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ComponentType } from 'react';
+/** Merge props for WithHoc utility functions */
+export type WithHocProps<P, N extends MapKey, T> = P & {
+    [K in N]: T;
+};
+/** Component with merge props from WithHocProps for WithHoc utility functions */
+export type WithHocComponent<P, N extends MapKey, T> = ComponentType<WithHocProps<P, N, T>>;
+/** "with*" HOC function type */
+export type WithHocFn<P, T, K extends MapKey> = {
+    (Component: WithHocComponent<P, K, T>, prop?: K): ComponentType<P>;
+};
+/** Utility "with*" HOC utility function builder  */
+export type WithHocFnBuilder = {
+    <P, T, U extends string>(value: T | ((props: P) => T), injectedPropName: U): WithHocFn<P, T, U>;
+};
+export declare const withHocFactoryBuilder: WithHocFnBuilder;

package/src/lib/hocs/with-hoc.js

@@ -0,0 +1,37 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { _isFnT, getDisplayName } from "@aglyn/shared-util-tools";
+import { hoistNonReactStatics } from "@aglyn/shared-util-vendor";
+import { createElement } from "react";
+function withHocFactoryBuilderImpl(value, injectedPropName) {
+    return function withHocFactory(Component, overrideInjectedPropName) {
+        const propName = overrideInjectedPropName || injectedPropName;
+        function WithHocFactory(props) {
+            const _value = _isFnT(value) ? value(props) : value;
+            const mergedProps = _extends({}, props, {
+                [propName]: _value
+            });
+            return createElement(Component, mergedProps);
+        }
+        WithHocFactory.name = `WithHocFactory(${getDisplayName(Component)})`;
+        hoistNonReactStatics(WithHocFactory, Component);
+        return WithHocFactory;
+    };
+}
+export const withHocFactoryBuilder = withHocFactoryBuilderImpl;
+
+//# sourceMappingURL=with-hoc.js.map

package/src/lib/hocs/with-hoc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/hocs/with-hoc.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { _isFnT, getDisplayName } from '@aglyn/shared-util-tools'\nimport { hoistNonReactStatics } from '@aglyn/shared-util-vendor'\nimport { ComponentType, createElement } from 'react'\n\n\n/** Merge props for WithHoc utility functions */\nexport type WithHocProps<P, N extends MapKey, T> = P & { [K in N]: T }\n\n/** Component with merge props from WithHocProps for WithHoc utility functions */\nexport type WithHocComponent<P, N extends MapKey, T> = ComponentType<\n  WithHocProps<P, N, T>\n>\n\n/** \"with*\" HOC function type */\nexport type WithHocFn<P, T, K extends MapKey> = {\n  (Component: WithHocComponent<P, K, T>, prop?: K): ComponentType<P>\n}\n\n/** Utility \"with*\" HOC utility function builder  */\nexport type WithHocFnBuilder = {\n  <P, T, U extends string>(\n    value: T | ((props: P) => T),\n    injectedPropName: U,\n  ): WithHocFn<P, T, U>\n}\n\nfunction withHocFactoryBuilderImpl<P, T, U extends MapKey>(\n  value: T | { (props: P): T },\n  injectedPropName: U,\n) {\n  return function withHocFactory(\n    Component: WithHocComponent<P, U, T>,\n    overrideInjectedPropName?: U,\n  ): ComponentType<P> {\n    const propName = overrideInjectedPropName || injectedPropName\n    function WithHocFactory(props: P) {\n      const _value = _isFnT(value) ? value(props) : value\n      const mergedProps = { ...props, [propName]: _value } as P & {\n        [K in U]: T\n      }\n      return createElement(Component, mergedProps)\n    }\n    WithHocFactory.name = `WithHocFactory(${getDisplayName(Component)})`\n    hoistNonReactStatics(WithHocFactory, Component)\n    return WithHocFactory\n  }\n}\n\nexport const withHocFactoryBuilder: WithHocFnBuilder = withHocFactoryBuilderImpl\n"],"names":["_isFnT","getDisplayName","hoistNonReactStatics","createElement","withHocFactoryBuilderImpl","value","injectedPropName","withHocFactory","Component","overrideInjectedPropName","propName","WithHocFactory","props","_value","mergedProps","name","withHocFactoryBuilder"],"mappings":";AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,MAAM,EAAEC,cAAc,QAAQ,2BAA0B;AACjE,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAAwBC,aAAa,QAAQ,QAAO;AAwBpD,SAASC,0BACPC,KAA4B,EAC5BC,gBAAmB;IAEnB,OAAO,SAASC,eACdC,SAAoC,EACpCC,wBAA4B;QAE5B,MAAMC,WAAWD,4BAA4BH;QAC7C,SAASK,eAAeC,KAAQ;YAC9B,MAAMC,SAASb,OAAOK,SAASA,MAAMO,SAASP;YAC9C,MAAMS,cAAc,aAAKF;gBAAO,CAACF,SAAS,EAAEG;;YAG5C,OAAOV,cAAcK,WAAWM;QAClC;QACAH,eAAeI,IAAI,GAAG,CAAC,eAAe,EAAEd,eAAeO,WAAW,CAAC,CAAC;QACpEN,qBAAqBS,gBAAgBH;QACrC,OAAOG;IACT;AACF;AAEA,OAAO,MAAMK,wBAA0CZ,0BAAyB"}

package/src/lib/hooks/mdi-icon/use-mdi-icon.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type * as MdiJs from '@mdi/js';
+type IconPath<T> = [T] extends [keyof typeof MdiJs] ? typeof MdiJs[T] : string;
+export declare function useMdiIcon<T>(id: T): IconPath<T>;
+export default useMdiIcon;

package/src/lib/hooks/mdi-icon/use-mdi-icon.js

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2023 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { DEFAULT_ICON } from "@aglyn/shared-data-mdi";
+import useAsyncEffect from "../use-async-effect.js";
+import { useState } from "react";
+export function useMdiIcon(id) {
+    const [path, setPath] = useState(()=>DEFAULT_ICON.path);
+    useAsyncEffect(async (isMounted)=>{
+        if (!id || typeof id !== 'string') return;
+        const data = await import("@mdi/js").then(({ [id]: path })=>path).catch(console.error);
+        if (isMounted() && data) setPath(data);
+    }, [
+        id
+    ]);
+    // useEffect(() => {
+    //   let unmounted = false
+    //
+    //   ;(async () => {
+    //     if (!id || typeof id !== 'string') return
+    //     const data = await import('@mdi/js')
+    //       .then(({ [id]: path }) => path as IconPath<T>)
+    //       .catch(console.error)
+    //     if (unmounted) return
+    //     if (data) setPath(data)
+    //   })()
+    //
+    //   return () => {
+    //     unmounted = true
+    //   }
+    // }, [id])
+    return path;
+}
+export default useMdiIcon;
+
+//# sourceMappingURL=use-mdi-icon.js.map

package/src/lib/hooks/mdi-icon/use-mdi-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../libs/shared/ui/jsx/src/lib/hooks/mdi-icon/use-mdi-icon.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2023 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { DEFAULT_ICON } from '@aglyn/shared-data-mdi'\nimport useAsyncEffect from '../use-async-effect'\nimport type * as MdiJs from '@mdi/js'\nimport { useState } from 'react'\n\ntype IconPath<T> = [T] extends [keyof typeof MdiJs] ? typeof MdiJs[T] : string\n\nexport function useMdiIcon<T>(id: T): IconPath<T> {\n  const [path, setPath] = useState<IconPath<T>>(() => DEFAULT_ICON.path)\n\n  useAsyncEffect(\n    async (isMounted) => {\n      if (!id || typeof id !== 'string') return\n      const data = await import('@mdi/js')\n        .then(({ [id]: path }) => path as IconPath<T>)\n        .catch(console.error)\n      if (isMounted() && data) setPath(data)\n    },\n    [id],\n  )\n\n  // useEffect(() => {\n  //   let unmounted = false\n  //\n  //   ;(async () => {\n  //     if (!id || typeof id !== 'string') return\n  //     const data = await import('@mdi/js')\n  //       .then(({ [id]: path }) => path as IconPath<T>)\n  //       .catch(console.error)\n  //     if (unmounted) return\n  //     if (data) setPath(data)\n  //   })()\n  //\n  //   return () => {\n  //     unmounted = true\n  //   }\n  // }, [id])\n\n  return path\n}\n\nexport default useMdiIcon\n"],"names":["DEFAULT_ICON","useAsyncEffect","useState","useMdiIcon","id","path","setPath","isMounted","data","then","catch","console","error"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,YAAY,QAAQ,yBAAwB;AACrD,OAAOC,oBAAoB,yBAAqB;AAEhD,SAASC,QAAQ,QAAQ,QAAO;AAIhC,OAAO,SAASC,WAAcC,EAAK;IACjC,MAAM,CAACC,MAAMC,QAAQ,GAAGJ,SAAsB,IAAMF,aAAaK,IAAI;IAErEJ,eACE,OAAOM;QACL,IAAI,CAACH,MAAM,OAAOA,OAAO,UAAU;QACnC,MAAMI,OAAO,MAAM,MAAM,CAAC,WACvBC,IAAI,CAAC,CAAC,EAAE,CAACL,GAAG,EAAEC,IAAI,EAAE,GAAKA,MACzBK,KAAK,CAACC,QAAQC,KAAK;QACtB,IAAIL,eAAeC,MAAMF,QAAQE;IACnC,GACA;QAACJ;KAAG;IAGN,oBAAoB;IACpB,0BAA0B;IAC1B,EAAE;IACF,oBAAoB;IACpB,gDAAgD;IAChD,2CAA2C;IAC3C,uDAAuD;IACvD,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,SAAS;IACT,EAAE;IACF,mBAAmB;IACnB,uBAAuB;IACvB,MAAM;IACN,WAAW;IAEX,OAAOC;AACT;AAEA,eAAeF,WAAU"}

package/src/lib/hooks/mdi-icon/use-mdi-icons-fuzzy.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { Icon, IconId } from '@aglyn/shared-data-mdi';
+import type { ApplyFilterFn, ClearFilterFn } from '../../types';
+type UseMdiIconsReturn = [
+    filteredIcons: Icon[],
+    allIcons: Icon[],
+    applyFilter: ApplyFilterFn,
+    clearFilter: ClearFilterFn
+];
+export declare function useMdiIconsFuzzy(iconId?: IconId[]): UseMdiIconsReturn;
+export default useMdiIconsFuzzy;

package/src/lib/hooks/mdi-icon/use-mdi-icons-fuzzy.js

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { Fuse } from "@aglyn/shared-util-vendor/fuse";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useMdiIcons } from "./use-mdi-icons.js";
+export function useMdiIconsFuzzy(iconId) {
+    const allIcons = useMdiIcons(iconId);
+    const [filteredIcons, setFilteredIcons] = useState(allIcons);
+    // The catalog arrives async (AGL-189): when the icon set materializes
+    // after mount, refresh the unfiltered view or the grid stays empty.
+    useEffect(()=>{
+        setFilteredIcons(allIcons);
+    }, [
+        allIcons
+    ]);
+    const fuzzy = useMemo(()=>{
+        return new Fuse(allIcons, {
+            keys: [
+                {
+                    name: 'name',
+                    weight: 0.5
+                },
+                {
+                    name: 'as',
+                    weight: 0.25
+                },
+                {
+                    name: 'tags',
+                    weight: 0.25
+                }
+            ],
+            includeScore: true,
+            shouldSort: true
+        });
+    }, [
+        allIcons
+    ]);
+    const clearFilter = useCallback(()=>{
+        setFilteredIcons(allIcons);
+    }, [
+        allIcons,
+        setFilteredIcons
+    ]);
+    const applyFilter = useCallback(async (query)=>{
+        const results = fuzzy.search(query);
+        setFilteredIcons(results.map((i)=>i.item));
+    }, [
+        fuzzy,
+        setFilteredIcons
+    ]);
+    return [
+        filteredIcons,
+        allIcons,
+        applyFilter,
+        clearFilter
+    ];
+}
+export default useMdiIconsFuzzy;
+
+//# sourceMappingURL=use-mdi-icons-fuzzy.js.map