@react-md/core 1.0.0-next.0 → 1.0.0-next.10

package/dist/divider/useVerticalDividerHeight.d.ts

@@ -1,37 +0,0 @@
-import type { CSSProperties, Ref, RefCallback } from "react";
-/** @remarks \@since 5.0.0 */
-export interface VerticalDividerHookOptions<E extends HTMLElement> {
-    /**
-     * An optional ref to merge with the returned ref.
-     */
-    ref?: Ref<E>;
-    /**
-     * An optional style object to merge with the divider's height style.
-     */
-    style?: CSSProperties;
-    /**
-     * The max height for the vertical divider. When this is `<= 0`, the hook will
-     * be disabled.
-     *
-     * When the value is between 0 and 1, it will be used as a multiplier with the
-     * parent element's height. When the value is greater than 1, it will be used
-     * in `Math.min(parentElementHeight, maxHeight)`.
-     */
-    maxHeight: number;
-}
-/** @remarks \@since 5.0.0 */
-export interface VerticalDividerHeight<E extends HTMLElement> {
-    ref: RefCallback<E>;
-    style: CSSProperties | undefined;
-}
-/**
- * This is a small hook that is used to automatically create a vertical divider
- * based on the computed height of its parent element.
- *
- * @internal
- * @remarks \@since 5.0.0 The hook accepts an object instead of using multiple
- * params and uses a generic for the HTMLElement type.
- * @remarks \@since 6.0.0 Updated to be internal only since it doesn't make much
- * sense to be a public API.
- */
-export declare function useVerticalDividerHeight<E extends HTMLElement>(options: VerticalDividerHookOptions<E>): VerticalDividerHeight<E>;

package/dist/divider/useVerticalDividerHeight.js

@@ -1,40 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-import { applyRef } from "../utils/applyRef.js";
-/**
- * This is a small hook that is used to automatically create a vertical divider
- * based on the computed height of its parent element.
- *
- * @internal
- * @remarks \@since 5.0.0 The hook accepts an object instead of using multiple
- * params and uses a generic for the HTMLElement type.
- * @remarks \@since 6.0.0 Updated to be internal only since it doesn't make much
- * sense to be a public API.
- */ export function useVerticalDividerHeight(options) {
-    const { ref, style, maxHeight } = options;
-    const [height, setHeight] = useState(undefined);
-    const refCallback = useCallback((instance)=>{
-        applyRef(instance, ref);
-        if (!instance || !instance.parentElement || maxHeight === 0) {
-            return;
-        }
-        const height = instance.parentElement.offsetHeight;
-        if (maxHeight <= 1) {
-            setHeight(height * maxHeight);
-        } else {
-            setHeight(Math.min(height, maxHeight));
-        }
-    }, [
-        maxHeight,
-        ref
-    ]);
-    return {
-        ref: refCallback,
-        style: maxHeight <= 0 ? style : {
-            ...style,
-            height
-        }
-    };
-}
-
-//# sourceMappingURL=useVerticalDividerHeight.js.map

package/dist/divider/useVerticalDividerHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/divider/useVerticalDividerHeight.ts"],"sourcesContent":["\"use client\";\nimport type { CSSProperties, Ref, RefCallback } from \"react\";\nimport { useCallback, useState } from \"react\";\nimport { applyRef } from \"../utils/applyRef.js\";\n\n/** @remarks \\@since 5.0.0 */\nexport interface VerticalDividerHookOptions<E extends HTMLElement> {\n  /**\n   * An optional ref to merge with the returned ref.\n   */\n  ref?: Ref<E>;\n\n  /**\n   * An optional style object to merge with the divider's height style.\n   */\n  style?: CSSProperties;\n\n  /**\n   * The max height for the vertical divider. When this is `<= 0`, the hook will\n   * be disabled.\n   *\n   * When the value is between 0 and 1, it will be used as a multiplier with the\n   * parent element's height. When the value is greater than 1, it will be used\n   * in `Math.min(parentElementHeight, maxHeight)`.\n   */\n  maxHeight: number;\n}\n\n/** @remarks \\@since 5.0.0 */\nexport interface VerticalDividerHeight<E extends HTMLElement> {\n  ref: RefCallback<E>;\n  style: CSSProperties | undefined;\n}\n\n/**\n * This is a small hook that is used to automatically create a vertical divider\n * based on the computed height of its parent element.\n *\n * @internal\n * @remarks \\@since 5.0.0 The hook accepts an object instead of using multiple\n * params and uses a generic for the HTMLElement type.\n * @remarks \\@since 6.0.0 Updated to be internal only since it doesn't make much\n * sense to be a public API.\n */\nexport function useVerticalDividerHeight<E extends HTMLElement>(\n  options: VerticalDividerHookOptions<E>\n): VerticalDividerHeight<E> {\n  const { ref, style, maxHeight } = options;\n\n  const [height, setHeight] = useState<number | undefined>(undefined);\n  const refCallback = useCallback(\n    (instance: E | null) => {\n      applyRef(instance, ref);\n      if (!instance || !instance.parentElement || maxHeight === 0) {\n        return;\n      }\n\n      const height = instance.parentElement.offsetHeight;\n      if (maxHeight <= 1) {\n        setHeight(height * maxHeight);\n      } else {\n        setHeight(Math.min(height, maxHeight));\n      }\n    },\n    [maxHeight, ref]\n  );\n\n  return {\n    ref: refCallback,\n    style: maxHeight <= 0 ? style : { ...style, height },\n  };\n}\n"],"names":["useCallback","useState","applyRef","useVerticalDividerHeight","options","ref","style","maxHeight","height","setHeight","undefined","refCallback","instance","parentElement","offsetHeight","Math","min"],"mappings":"AAAA;AAEA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAC9C,SAASC,QAAQ,QAAQ,uBAAuB;AA+BhD;;;;;;;;;CASC,GACD,OAAO,SAASC,yBACdC,OAAsC;IAEtC,MAAM,EAAEC,GAAG,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGH;IAElC,MAAM,CAACI,QAAQC,UAAU,GAAGR,SAA6BS;IACzD,MAAMC,cAAcX,YAClB,CAACY;QACCV,SAASU,UAAUP;QACnB,IAAI,CAACO,YAAY,CAACA,SAASC,aAAa,IAAIN,cAAc,GAAG;YAC3D;QACF;QAEA,MAAMC,SAASI,SAASC,aAAa,CAACC,YAAY;QAClD,IAAIP,aAAa,GAAG;YAClBE,UAAUD,SAASD;QACrB,OAAO;YACLE,UAAUM,KAAKC,GAAG,CAACR,QAAQD;QAC7B;IACF,GACA;QAACA;QAAWF;KAAI;IAGlB,OAAO;QACLA,KAAKM;QACLL,OAAOC,aAAa,IAAID,QAAQ;YAAE,GAAGA,KAAK;YAAEE;QAAO;IACrD;AACF"}

package/dist/form/SelectValue.d.ts

@@ -1,17 +0,0 @@
-import { type ReactElement } from "react";
-import { type OptionProps } from "./Option.js";
-/**
- * @remarks \@since 6.0.0
- */
-export interface SelectValueProps extends Partial<OptionProps> {
-    disableAddon: boolean;
-}
-/**
- * **Server Component**
- *
- * This component is used to render the current option.
- *
- * @remarks \@since 6.0.0
- * @internal
- */
-export declare function SelectValue(props: SelectValueProps): ReactElement;

package/dist/form/SelectValue.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cnb } from "cnbuilder";
-import { bem } from "../utils/bem.js";
-const styles = bem("rmd-select-value");
-/**
- * **Server Component**
- *
- * This component is used to render the current option.
- *
- * @remarks \@since 6.0.0
- * @internal
- */ export function SelectValue(props) {
-    const { leftAddon, disableAddon, children: propChildren } = props;
-    let children = propChildren;
-    // when the children are a string or number, wrap it in additional span so
-    // that overflow can be ellipsis-ed
-    if (typeof children === "string" || typeof children === "number") {
-        children = /*#__PURE__*/ _jsx("span", {
-            className: styles("v"),
-            children: children
-        });
-    }
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cnb(styles()),
-        children: [
-            !disableAddon && leftAddon,
-            children
-        ]
-    });
-}
-
-//# sourceMappingURL=SelectValue.js.map

package/dist/form/SelectValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/form/SelectValue.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { type ReactElement } from \"react\";\nimport { bem } from \"../utils/bem.js\";\nimport { type OptionProps } from \"./Option.js\";\n\nconst styles = bem(\"rmd-select-value\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface SelectValueProps extends Partial<OptionProps> {\n  disableAddon: boolean;\n}\n\n/**\n * **Server Component**\n *\n * This component is used to render the current option.\n *\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport function SelectValue(props: SelectValueProps): ReactElement {\n  const { leftAddon, disableAddon, children: propChildren } = props;\n\n  let children = propChildren;\n  // when the children are a string or number, wrap it in additional span so\n  // that overflow can be ellipsis-ed\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    children = <span className={styles(\"v\")}>{children}</span>;\n  }\n\n  return (\n    <div className={cnb(styles())}>\n      {!disableAddon && leftAddon}\n      {children}\n    </div>\n  );\n}\n"],"names":["cnb","bem","styles","SelectValue","props","leftAddon","disableAddon","children","propChildren","span","className","div"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,GAAG,QAAQ,kBAAkB;AAGtC,MAAMC,SAASD,IAAI;AASnB;;;;;;;CAOC,GACD,OAAO,SAASE,YAAYC,KAAuB;IACjD,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,UAAUC,YAAY,EAAE,GAAGJ;IAE5D,IAAIG,WAAWC;IACf,0EAA0E;IAC1E,mCAAmC;IACnC,IAAI,OAAOD,aAAa,YAAY,OAAOA,aAAa,UAAU;QAChEA,yBAAW,KAACE;YAAKC,WAAWR,OAAO;sBAAOK;;IAC5C;IAEA,qBACE,MAACI;QAAID,WAAWV,IAAIE;;YACjB,CAACI,gBAAgBD;YACjBE;;;AAGP"}

package/dist/icon/MaterialIconsProvider.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { MaterialIconFamily } from "./material.js";
-/**
- * **Client Component**
- *
- * @remarks \@since 6.0.0
- */
-export declare const MaterialIconsProvider: import("react").Provider<MaterialIconFamily>;
-/**
- * @remarks \@since 6.0.0
- */
-export declare function useMaterialIconsFamily(override?: MaterialIconFamily): MaterialIconFamily;

package/dist/icon/MaterialIconsProvider.js

@@ -1,17 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-const context = createContext("filled");
-context.displayName = "MaterialIcons";
-/**
- * **Client Component**
- *
- * @remarks \@since 6.0.0
- */ export const { Provider: MaterialIconsProvider } = context;
-/**
- * @remarks \@since 6.0.0
- */ export function useMaterialIconsFamily(override) {
-    const value = useContext(context);
-    return override || value;
-}
-
-//# sourceMappingURL=MaterialIconsProvider.js.map

package/dist/icon/MaterialIconsProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/icon/MaterialIconsProvider.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\nimport type { MaterialIconFamily } from \"./material.js\";\n\nconst context = createContext<MaterialIconFamily>(\"filled\");\ncontext.displayName = \"MaterialIcons\";\n\n/**\n * **Client Component**\n *\n * @remarks \\@since 6.0.0\n */\nexport const { Provider: MaterialIconsProvider } = context;\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function useMaterialIconsFamily(\n  override?: MaterialIconFamily\n): MaterialIconFamily {\n  const value = useContext(context);\n  return override || value;\n}\n"],"names":["createContext","useContext","context","displayName","Provider","MaterialIconsProvider","useMaterialIconsFamily","override","value"],"mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAGlD,MAAMC,UAAUF,cAAkC;AAClDE,QAAQC,WAAW,GAAG;AAEtB;;;;CAIC,GACD,OAAO,MAAM,EAAEC,UAAUC,qBAAqB,EAAE,GAAGH,QAAQ;AAE3D;;CAEC,GACD,OAAO,SAASI,uBACdC,QAA6B;IAE7B,MAAMC,QAAQP,WAAWC;IACzB,OAAOK,YAAYC;AACrB"}

package/dist/icon/MaterialSymbolsProvider.js

@@ -1,60 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from "react";
-const context = /*#__PURE__*/ createContext({
-    fill: 0,
-    weight: 400,
-    grade: 0,
-    opticalSize: 24,
-    family: "outlined"
-});
-context.displayName = "MaterialSymbol";
-const { Provider } = context;
-/**
- * @remarks \@since 6.0.0
- */ export function useMaterialSymbolConfiguration() {
-    return useContext(context);
-}
-/**
- * @remarks \@since 6.0.0
- */ export function useFontVariationSettings(options) {
-    const configuration = useMaterialSymbolConfiguration();
-    let { style } = options;
-    const { fill = configuration.fill, grade = configuration.grade, opticalSize = configuration.opticalSize, weight = configuration.weight, family = configuration.family } = options;
-    if (!style?.fontVariationSettings && (fill !== configuration.fill || grade !== configuration.grade || opticalSize !== configuration.opticalSize || weight !== configuration.weight)) {
-        style = {
-            ...style,
-            fontVariationSettings: `"FILL" ${fill}, "wght" ${weight}, "GRAD" ${grade}, "opsz" ${opticalSize}`
-        };
-    }
-    return {
-        family,
-        style
-    };
-}
-/**
- * **Client Component**
- *
- * @remarks \@since 6.0.0
- */ export function MaterialSymbolsProvider(props) {
-    const { fill = 0, weight = 400, grade = 0, family: type = "outlined", opticalSize = 48, children } = props;
-    const value = useMemo(()=>({
-            fill,
-            weight,
-            grade,
-            family: type,
-            opticalSize
-        }), [
-        fill,
-        grade,
-        opticalSize,
-        type,
-        weight
-    ]);
-    return /*#__PURE__*/ _jsx(Provider, {
-        value: value,
-        children: children
-    });
-}
-
-//# sourceMappingURL=MaterialSymbolsProvider.js.map

package/dist/icon/MaterialSymbolsProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/icon/MaterialSymbolsProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { type MaterialSymbolFamily } from \"./material.js\";\n\n/**\n * Fill gives you the ability to modify the default icon style. A single icon\n * can render both unfilled and filled states.\n *\n * To convey a state transition, use the fill axis for animation or\n * interaction. The values are 0 for default or 1 for completely filled. Along\n * with the weight axis, the fill also impacts the look of the icon.\n *\n * @remarks \\@since 6.0.0\n */\nexport type MaterialSymbolFill = 0 | 1;\n\n/**\n * Weight defines the symbol’s stroke weight, with a range of weights between\n * thin (100) and bold (700). Weight can also affect the overall size of the\n * symbol.\n *\n * @remarks \\@since 6.0.0\n */\nexport type MaterialSymbolWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;\n\n/**\n * Weight and grade affect a symbol’s thickness. Adjustments to grade are more\n * granular than adjustments to weight and have a small impact on the size of\n * the symbol.\n *\n * Grade is also available in some text fonts. You can match grade levels\n * between text and symbols for a harmonious visual effect. For example, if\n * the text font has a -25 grade value, the symbols can match it with a\n * suitable value, say -25.\n *\n * You can use grade for different needs:\n *\n * - Low emphasis (e.g. -25 grade): To reduce glare for a light symbol on a\n *   dark background, use a low grade.\n * - High emphasis (e.g. 200 grade): To highlight a symbol, increase the\n *   positive grade.\n *\n * @remarks \\@since 6.0.0\n */\nexport type MaterialSymbolGrade = -25 | 0 | 200;\n\n/**\n * Optical Sizes range from 20dp to 48dp.\n *\n * For the image to look the same at different sizes, the stroke weight\n * (thickness) changes as the icon size scales. Optical Size offers a way to\n * automatically adjust the stroke weight when you increase or decrease the\n * symbol size.\n *\n * @remarks \\@since 6.0.0\n */\nexport type MaterialSymbolOpticalSize = 20 | 24 | 40 | 48;\n\n/**\n * The comments for each customizable part was copied from\n * https://fonts.google.com/icons?icon.set=Material+Symbols and clicking the\n * info icon next to each property.\n *\n * @see https://fonts.google.com/icons?icon.set=Material+Symbols\n * @remarks \\@since 6.0.0\n */\nexport interface MaterialSymbolCustomization {\n  /**\n   * Fill gives you the ability to modify the default icon style. A single icon\n   * can render both unfilled and filled states.\n   *\n   * To convey a state transition, use the fill axis for animation or\n   * interaction. The values are 0 for default or 1 for completely filled. Along\n   * with the weight axis, the fill also impacts the look of the icon.\n   *\n   * @defaultValue `0`\n   */\n  fill?: MaterialSymbolFill;\n\n  /**\n   * Weight defines the symbol’s stroke weight, with a range of weights between\n   * thin (100) and bold (700). Weight can also affect the overall size of the\n   * symbol.\n   *\n   * @defaultValue `400`\n   */\n  weight?: MaterialSymbolWeight;\n\n  /**\n   * Weight and grade affect a symbol’s thickness. Adjustments to grade are more\n   * granular than adjustments to weight and have a small impact on the size of\n   * the symbol.\n   *\n   * Grade is also available in some text fonts. You can match grade levels\n   * between text and symbols for a harmonious visual effect. For example, if\n   * the text font has a -25 grade value, the symbols can match it with a\n   * suitable value, say -25.\n   *\n   * You can use grade for different needs:\n   *\n   * - Low emphasis (e.g. -25 grade): To reduce glare for a light symbol on a\n   *   dark background, use a low grade.\n   * - High emphasis (e.g. 200 grade): To highlight a symbol, increase the\n   *   positive grade.\n   *\n   * @defaultValue `0`\n   */\n  grade?: MaterialSymbolGrade;\n\n  /**\n   * Optical Sizes range from 20dp to 48dp.\n   *\n   * For the image to look the same at different sizes, the stroke weight\n   * (thickness) changes as the icon size scales. Optical Size offers a way to\n   * automatically adjust the stroke weight when you increase or decrease the\n   * symbol size.\n   *\n   * @defaultValue `48`\n   */\n  opticalSize?: MaterialSymbolOpticalSize;\n\n  /**\n   * @defaultValue `\"outlined\"`\n   */\n  family?: MaterialSymbolFamily;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type MaterialSymbolConfiguration = Required<MaterialSymbolCustomization>;\n\nconst context = createContext<MaterialSymbolConfiguration>({\n  fill: 0,\n  weight: 400,\n  grade: 0,\n  opticalSize: 24,\n  family: \"outlined\",\n});\ncontext.displayName = \"MaterialSymbol\";\nconst { Provider } = context;\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function useMaterialSymbolConfiguration(): MaterialSymbolConfiguration {\n  return useContext(context);\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function useFontVariationSettings(\n  options: MaterialSymbolCustomization & { style?: CSSProperties }\n): { style?: CSSProperties; family: MaterialSymbolFamily } {\n  const configuration = useMaterialSymbolConfiguration();\n  let { style } = options;\n  const {\n    fill = configuration.fill,\n    grade = configuration.grade,\n    opticalSize = configuration.opticalSize,\n    weight = configuration.weight,\n    family = configuration.family,\n  } = options;\n  if (\n    !style?.fontVariationSettings &&\n    (fill !== configuration.fill ||\n      grade !== configuration.grade ||\n      opticalSize !== configuration.opticalSize ||\n      weight !== configuration.weight)\n  ) {\n    style = {\n      ...style,\n      fontVariationSettings: `\"FILL\" ${fill}, \"wght\" ${weight}, \"GRAD\" ${grade}, \"opsz\" ${opticalSize}`,\n    };\n  }\n\n  return { family, style };\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface MaterialSymbolsProviderProps\n  extends MaterialSymbolCustomization {\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * @remarks \\@since 6.0.0\n */\nexport function MaterialSymbolsProvider(\n  props: MaterialSymbolsProviderProps\n): ReactElement {\n  const {\n    fill = 0,\n    weight = 400,\n    grade = 0,\n    family: type = \"outlined\",\n    opticalSize = 48,\n    children,\n  } = props;\n  const value = useMemo<MaterialSymbolConfiguration>(\n    () => ({\n      fill,\n      weight,\n      grade,\n      family: type,\n      opticalSize,\n    }),\n    [fill, grade, opticalSize, type, weight]\n  );\n\n  return <Provider value={value}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","useMemo","context","fill","weight","grade","opticalSize","family","displayName","Provider","useMaterialSymbolConfiguration","useFontVariationSettings","options","configuration","style","fontVariationSettings","MaterialSymbolsProvider","props","type","children","value"],"mappings":"AAAA;;AACA,SACEA,aAAa,EACbC,UAAU,EACVC,OAAO,QAIF,QAAQ;AAmIf,MAAMC,wBAAUH,cAA2C;IACzDI,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,aAAa;IACbC,QAAQ;AACV;AACAL,QAAQM,WAAW,GAAG;AACtB,MAAM,EAAEC,QAAQ,EAAE,GAAGP;AAErB;;CAEC,GACD,OAAO,SAASQ;IACd,OAAOV,WAAWE;AACpB;AAEA;;CAEC,GACD,OAAO,SAASS,yBACdC,OAAgE;IAEhE,MAAMC,gBAAgBH;IACtB,IAAI,EAAEI,KAAK,EAAE,GAAGF;IAChB,MAAM,EACJT,OAAOU,cAAcV,IAAI,EACzBE,QAAQQ,cAAcR,KAAK,EAC3BC,cAAcO,cAAcP,WAAW,EACvCF,SAASS,cAAcT,MAAM,EAC7BG,SAASM,cAAcN,MAAM,EAC9B,GAAGK;IACJ,IACE,CAACE,OAAOC,yBACPZ,CAAAA,SAASU,cAAcV,IAAI,IAC1BE,UAAUQ,cAAcR,KAAK,IAC7BC,gBAAgBO,cAAcP,WAAW,IACzCF,WAAWS,cAAcT,MAAM,AAAD,GAChC;QACAU,QAAQ;YACN,GAAGA,KAAK;YACRC,uBAAuB,CAAC,OAAO,EAAEZ,KAAK,SAAS,EAAEC,OAAO,SAAS,EAAEC,MAAM,SAAS,EAAEC,YAAY,CAAC;QACnG;IACF;IAEA,OAAO;QAAEC;QAAQO;IAAM;AACzB;AAUA;;;;CAIC,GACD,OAAO,SAASE,wBACdC,KAAmC;IAEnC,MAAM,EACJd,OAAO,CAAC,EACRC,SAAS,GAAG,EACZC,QAAQ,CAAC,EACTE,QAAQW,OAAO,UAAU,EACzBZ,cAAc,EAAE,EAChBa,QAAQ,EACT,GAAGF;IACJ,MAAMG,QAAQnB,QACZ,IAAO,CAAA;YACLE;YACAC;YACAC;YACAE,QAAQW;YACRZ;QACF,CAAA,GACA;QAACH;QAAME;QAAOC;QAAaY;QAAMd;KAAO;IAG1C,qBAAO,KAACK;QAASW,OAAOA;kBAAQD;;AAClC"}

package/dist/link/LinkProvider.d.ts

@@ -1,29 +0,0 @@
-import { type ForwardRefExoticComponent, type ReactElement, type ReactNode } from "react";
-/**
- * @remarks \@since 6.0.0
- */
-export type CustomLinkComponent = ForwardRefExoticComponent<{
-    href: string;
-}> | ForwardRefExoticComponent<{
-    to: string;
-}> | "a";
-/**
- * @remarks \@since 6.0.0
- */
-export declare function useLink(): CustomLinkComponent;
-/**
- * @remarks \@since 6.0.0
- */
-export interface LinkProviderProps {
-    /**
-     * @defaultValue `useLink() ?? Link`
-     */
-    value?: CustomLinkComponent;
-    children: ReactNode;
-}
-/**
- * **Client Component**
- *
- * @remarks \@since 6.0.0
- */
-export declare function LinkProvider(props: LinkProviderProps): ReactElement;

package/dist/link/LinkProvider.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import { Link } from "./Link.js";
-const context = /*#__PURE__*/ createContext(Link);
-const { Provider } = context;
-context.displayName = "Link";
-/**
- * @remarks \@since 6.0.0
- */ export function useLink() {
-    return useContext(context);
-}
-/**
- * **Client Component**
- *
- * @remarks \@since 6.0.0
- */ export function LinkProvider(props) {
-    const { value, children } = props;
-    const inherited = useLink();
-    return /*#__PURE__*/ _jsx(Provider, {
-        value: value ?? inherited,
-        children: children
-    });
-}
-
-//# sourceMappingURL=LinkProvider.js.map

package/dist/link/LinkProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/link/LinkProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  type ForwardRefExoticComponent,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { Link } from \"./Link.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport type CustomLinkComponent =\n  | ForwardRefExoticComponent<{ href: string }>\n  | ForwardRefExoticComponent<{ to: string }>\n  | \"a\";\n\nconst context = createContext<CustomLinkComponent>(Link);\nconst { Provider } = context;\ncontext.displayName = \"Link\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function useLink(): CustomLinkComponent {\n  return useContext(context);\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface LinkProviderProps {\n  /**\n   * @defaultValue `useLink() ?? Link`\n   */\n  value?: CustomLinkComponent;\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * @remarks \\@since 6.0.0\n */\nexport function LinkProvider(props: LinkProviderProps): ReactElement {\n  const { value, children } = props;\n  const inherited = useLink();\n\n  return <Provider value={value ?? inherited}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","Link","context","Provider","displayName","useLink","LinkProvider","props","value","children","inherited"],"mappings":"AAAA;;AACA,SACEA,aAAa,EACbC,UAAU,QAIL,QAAQ;AACf,SAASC,IAAI,QAAQ,YAAY;AAUjC,MAAMC,wBAAUH,cAAmCE;AACnD,MAAM,EAAEE,QAAQ,EAAE,GAAGD;AACrBA,QAAQE,WAAW,GAAG;AAEtB;;CAEC,GACD,OAAO,SAASC;IACd,OAAOL,WAAWE;AACpB;AAaA;;;;CAIC,GACD,OAAO,SAASI,aAAaC,KAAwB;IACnD,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAMG,YAAYL;IAElB,qBAAO,KAACF;QAASK,OAAOA,SAASE;kBAAYD;;AAC/C"}

package/dist/tooltip/useOverflowTooltip.d.ts

@@ -1,61 +0,0 @@
-import { type Ref, type RefCallback } from "react";
-import { type TooltipImplementation, type TooltipOptions } from "./useTooltip.js";
-/**
- * @remarks \@since 6.0.0
- */
-export interface OverflowTooltipOptions extends TooltipOptions {
-    elementRef?: Ref<HTMLElement>;
-}
-/**
- * @remarks \@since 6.0.0
- */
-export interface OverflowTooltipImplementation extends TooltipImplementation {
-    nodeRef: RefCallback<HTMLElement>;
-}
-/**
- * This hook will ensure that a tooltip will only appear when text has
- * overflown by checking the size with the {@link useResizeObserver}.
- *
- * @example
- * ```tsx
- * import {
- *   cssUtils,
- *   Link,
- *   Tooltip,
- *   useOverflowTooltip,
- *   type LinkProps,
- * } from "@react-md/core";
- * import { type ReactElement } from "react";
- *
- * function NavigationLink(props: LinkProps): ReactElement {
- *   const { children, ...remaining } = props;
- *   const { nodeRef, elementProps, tooltipProps } = useOverflowTooltip(remaining);
- *
- *   return (
- *     <Link {...remaining} {...elementProps} style={{ width: "100%" }}>
- *       <span ref={nodeRef} className={cssUtils({ textOverflow: "ellipsis" })}>
- *         {children}
- *       </span>
- *       <Tooltip {...tooltipProps}>
- *         {children}
- *       </Tooltip>
- *     </Link>
- *   );
- * }
- *
- * function Example(): ReactElement {
- *   return (
- *     <div style={{ width: "10rem", overflow: "auto" }}>
- *       <NavigationLink href="/">Home</NavigationLink>
- *       <NavigationLink href="/some-path">
- *         Super long text that will be truncated with ellipsis and
- *         have a tooltip appear
- *       </NavigationLink>
- *     </div>
- *   );
- * }
- * ```
- *
- * @remarks \@since 6.0.0
- */
-export declare function useOverflowTooltip(options?: OverflowTooltipOptions): OverflowTooltipImplementation;

package/dist/tooltip/useOverflowTooltip.js

@@ -1,71 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-import { useResizeObserver } from "../useResizeObserver.js";
-import { useTooltip } from "./useTooltip.js";
-/**
- * This hook will ensure that a tooltip will only appear when text has
- * overflown by checking the size with the {@link useResizeObserver}.
- *
- * @example
- * ```tsx
- * import {
- *   cssUtils,
- *   Link,
- *   Tooltip,
- *   useOverflowTooltip,
- *   type LinkProps,
- * } from "@react-md/core";
- * import { type ReactElement } from "react";
- *
- * function NavigationLink(props: LinkProps): ReactElement {
- *   const { children, ...remaining } = props;
- *   const { nodeRef, elementProps, tooltipProps } = useOverflowTooltip(remaining);
- *
- *   return (
- *     <Link {...remaining} {...elementProps} style={{ width: "100%" }}>
- *       <span ref={nodeRef} className={cssUtils({ textOverflow: "ellipsis" })}>
- *         {children}
- *       </span>
- *       <Tooltip {...tooltipProps}>
- *         {children}
- *       </Tooltip>
- *     </Link>
- *   );
- * }
- *
- * function Example(): ReactElement {
- *   return (
- *     <div style={{ width: "10rem", overflow: "auto" }}>
- *       <NavigationLink href="/">Home</NavigationLink>
- *       <NavigationLink href="/some-path">
- *         Super long text that will be truncated with ellipsis and
- *         have a tooltip appear
- *       </NavigationLink>
- *     </div>
- *   );
- * }
- * ```
- *
- * @remarks \@since 6.0.0
- */ export function useOverflowTooltip(options = {}) {
-    const { disabled, elementRef, ...tooltipOptions } = options;
-    const [overflown, setOverflown] = useState(false);
-    const nodeRef = useResizeObserver({
-        ref: elementRef,
-        disableHeight: true,
-        onUpdate: useCallback((entry)=>{
-            const target = entry.target;
-            setOverflown(target.offsetWidth < target.scrollWidth);
-        }, [])
-    });
-    const implementation = useTooltip({
-        ...tooltipOptions,
-        disabled: !overflown || disabled
-    });
-    return {
-        nodeRef,
-        ...implementation
-    };
-}
-
-//# sourceMappingURL=useOverflowTooltip.js.map

package/dist/tooltip/useOverflowTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/tooltip/useOverflowTooltip.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useState, type Ref, type RefCallback } from \"react\";\nimport { useResizeObserver } from \"../useResizeObserver.js\";\nimport {\n  useTooltip,\n  type TooltipImplementation,\n  type TooltipOptions,\n} from \"./useTooltip.js\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface OverflowTooltipOptions extends TooltipOptions {\n  elementRef?: Ref<HTMLElement>;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface OverflowTooltipImplementation extends TooltipImplementation {\n  nodeRef: RefCallback<HTMLElement>;\n}\n\n/**\n * This hook will ensure that a tooltip will only appear when text has\n * overflown by checking the size with the {@link useResizeObserver}.\n *\n * @example\n * ```tsx\n * import {\n *   cssUtils,\n *   Link,\n *   Tooltip,\n *   useOverflowTooltip,\n *   type LinkProps,\n * } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n *\n * function NavigationLink(props: LinkProps): ReactElement {\n *   const { children, ...remaining } = props;\n *   const { nodeRef, elementProps, tooltipProps } = useOverflowTooltip(remaining);\n *\n *   return (\n *     <Link {...remaining} {...elementProps} style={{ width: \"100%\" }}>\n *       <span ref={nodeRef} className={cssUtils({ textOverflow: \"ellipsis\" })}>\n *         {children}\n *       </span>\n *       <Tooltip {...tooltipProps}>\n *         {children}\n *       </Tooltip>\n *     </Link>\n *   );\n * }\n *\n * function Example(): ReactElement {\n *   return (\n *     <div style={{ width: \"10rem\", overflow: \"auto\" }}>\n *       <NavigationLink href=\"/\">Home</NavigationLink>\n *       <NavigationLink href=\"/some-path\">\n *         Super long text that will be truncated with ellipsis and\n *         have a tooltip appear\n *       </NavigationLink>\n *     </div>\n *   );\n * }\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport function useOverflowTooltip(\n  options: OverflowTooltipOptions = {}\n): OverflowTooltipImplementation {\n  const { disabled, elementRef, ...tooltipOptions } = options;\n  const [overflown, setOverflown] = useState(false);\n  const nodeRef = useResizeObserver({\n    ref: elementRef,\n    disableHeight: true,\n    onUpdate: useCallback((entry) => {\n      const target = entry.target as HTMLElement;\n      setOverflown(target.offsetWidth < target.scrollWidth);\n    }, []),\n  });\n\n  const implementation = useTooltip({\n    ...tooltipOptions,\n    disabled: !overflown || disabled,\n  });\n\n  return {\n    nodeRef,\n    ...implementation,\n  };\n}\n"],"names":["useCallback","useState","useResizeObserver","useTooltip","useOverflowTooltip","options","disabled","elementRef","tooltipOptions","overflown","setOverflown","nodeRef","ref","disableHeight","onUpdate","entry","target","offsetWidth","scrollWidth","implementation"],"mappings":"AAAA;AACA,SAASA,WAAW,EAAEC,QAAQ,QAAoC,QAAQ;AAC1E,SAASC,iBAAiB,QAAQ,0BAA0B;AAC5D,SACEC,UAAU,QAGL,kBAAkB;AAgBzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CC,GACD,OAAO,SAASC,mBACdC,UAAkC,CAAC,CAAC;IAEpC,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGC,gBAAgB,GAAGH;IACpD,MAAM,CAACI,WAAWC,aAAa,GAAGT,SAAS;IAC3C,MAAMU,UAAUT,kBAAkB;QAChCU,KAAKL;QACLM,eAAe;QACfC,UAAUd,YAAY,CAACe;YACrB,MAAMC,SAASD,MAAMC,MAAM;YAC3BN,aAAaM,OAAOC,WAAW,GAAGD,OAAOE,WAAW;QACtD,GAAG,EAAE;IACP;IAEA,MAAMC,iBAAiBhB,WAAW;QAChC,GAAGK,cAAc;QACjBF,UAAU,CAACG,aAAaH;IAC1B;IAEA,OAAO;QACLK;QACA,GAAGQ,cAAc;IACnB;AACF"}

package/dist/utils/filters.d.ts

@@ -1,196 +0,0 @@
-import type { TextExtractor } from "../types.js";
-/**
- * @remarks \@since 6.0.0
- */
-export interface BaseFilterOptions<T> {
-    list: readonly T[];
-    /**
-     * The current query string. i.e. `"SeArch"`
-     */
-    query: string;
-    /**
-     * This is required if the list includes anything other than strings.
-     * @see {@link TextExtractor}
-     */
-    extractor?: TextExtractor<T>;
-    /**
-     * @defaultValue `"keep"`
-     */
-    whitespace?: "ignore" | "trim" | "keep";
-}
-/**
- * @internal
- * @remarks \@since 6.0.0
- */
-export interface FilterOptions<T> extends BaseFilterOptions<T> {
-    filter(query: string, value: string): boolean;
-    extractor: TextExtractor<T>;
-}
-/**
- * @remarks \@since 6.0.0
- */
-export interface CaseInsensitiveOptions<T> extends BaseFilterOptions<T> {
-    /**
-     * Set this to `true` if the item in the list must start with the query
-     * instead of only including it.
-     *
-     * @example
-     * ```ts
-     * const fruits = ["Apple", "Banana", "Grape", "Orange"];
-     *
-     * caseInsensitiveFilter({
-     *   list: fruits,
-     *   query: "ap",
-     * });
-     * // ["Apple", "Grape"]
-     *
-     * caseInsensitiveFilter({
-     *   list: fruits,
-     *   query: "ap",
-     *   startsWith: true,
-     * });
-     * // ["Apple"]
-     * ```
-     *
-     * @defaultValue `false`
-     */
-    startsWith?: boolean;
-}
-/**
- * @example
- * String list
- * ```ts
- * const fruits = ["Apple", "Banana", "Grape", "Orange"];
- *
- * caseInsensitiveFilter({
- *   list: fruits,
- *   query: "ap",
- * });
- * // ["Apple", "Grape"]
- *
- * caseInsensitiveFilter({
- *   list: fruits,
- *   query: "ap",
- *   startsWith: true,
- * });
- * // ["Apple"]
- *
- * caseInsensitiveFilter({
- *   list: fruits,
- *   query: "  a p",
- * });
- * // []
- *
- * caseInsensitiveFilter({
- *   list: fruits,
- *   query: "  a p",
- *   whitespace: "ignore",
- * });
- * // ["Apple", "Grape"]
- *
- * caseInsensitiveFilter({
- *   list: fruits,
- *   query: "  ap  ",
- *   whitespace: "trim",
- * });
- * // ["Apple", "Grape"]
- * ```
- *
- * @example
- * Objects
- * ```ts
- * const fruits = [
- *   { name: "Apple", value: 0 },
- *   { name: "Banana", value: 1 },
- *   { name: "Grape", value: 2 },
- *   { name: "Orange", value: 3 },
- * ];
- *
- * caseInsensitiveFilter({
- *   list: fruits,
- *   query: "ap",
- *   extractor: (item) => item.name,
- * });
- * // [{ name: "Apple", value: 0 }, { name: "Grape", value: 2 }]
- * ```
- *
- * @remarks \@since 6.0.0
- */
-export declare function caseInsensitiveFilter<T extends string>(options: Omit<CaseInsensitiveOptions<T>, "extractor">): readonly T[];
-export declare function caseInsensitiveFilter<T>(options: CaseInsensitiveOptions<T> & {
-    extractor: TextExtractor<T>;
-}): readonly T[];
-/**
- * @remarks \@since 6.0.0
- */
-export type FuzzyFilterOptions<T> = BaseFilterOptions<T>;
-/**
- * Filters a list by making sure that all the letters appear in order ignoring
- * case, punctuation, whitespace, and special characters. This is kind of the
- * same filtering that appears in text editors.
- *
- * @example
- * Simple Example
- * ```ts
- * const list = [
- *   "at",
- *   "charAt",
- *   "charCodeAt",
- *   "codePointAt",
- *   "concat",
- *   "constructor",
- *   "endsWith",
- *   "includes",
- *   "indexOf",
- *   "lastIndexOf",
- *   "length",
- *   "localeCompare",
- *   "match",
- *   "matchAll",
- *   "normalize",
- *   "padEnd",
- *   "padStart",
- *   "repeat",
- *   "replace",
- *   "replaceAll",
- *   "search",
- *   "slice",
- *   "split",
- *   "startsWith",
- *   "substring",
- *   "toLocaleLowerCase",
- *   "toLocaleUpperCase",
- *   "toLowerCase",
- *   "toString",
- *   "toUpperCase",
- *   "trim",
- *   "trimEnd",
- *   "trimStart",
- *   "valueOf",
- * ];
- *
- * fuzzyFilter({ list: list, query: "la" });
- * // [
- * //   "lastIndexOf",
- * //    ^^
- * //   "localeCompare",
- * //    ^  ^
- * //   "replace",
- * //       ^^
- * //   "replaceAll",
- * //       ^^
- * //   "toLocaleLowerCase",
- * //      ^  ^
- * //   "toLocaleUpperCase",
- * //      ^  ^
- * //   "toLowerCase",
- * //      ^     ^
- * // ]
- * ```
- *
- * @remarks \@since 6.0.0
- */
-export declare function fuzzyFilter<T extends string>(options: Omit<FuzzyFilterOptions<T>, "extractor">): readonly T[];
-export declare function fuzzyFilter<T>(option: FuzzyFilterOptions<T> & {
-    extractor: TextExtractor<T>;
-}): readonly T[];