@react-md/core 1.0.0-next.1 → 1.0.0-next.2

package/src/window-splitter/_window-splitter.scss

@@ -9,43 +9,17 @@ $disable-vertical: false !default;
 $disable-reversed: false !default;
 $disable-absolute-position: false !default;
 
-$window-splitter-size: 1rem !default;
-$window-splitter-background-size: 0.25rem !default;
-$window-splitter-background-color: interaction.get-var(focus-color) !default;
-$window-splitter-z-index: 30 !default;
-
-$var-lookup: (
-  top: (
-    var: --rmd-window-splitter-top,
-    value: 0,
-  ),
-  right: (
-    var: --rmd-window-splitter-right,
-    value: 0,
-  ),
-  bottom: (
-    var: --rmd-window-splitter-bottom,
-    value: 0,
-  ),
-  left: (
-    var: --rmd-window-splitter-left,
-    value: 0,
-  ),
-  opacity: (
-    var: --rmd-window-splitter-opacity,
-    value: 0,
-  ),
-  position: (
-    var: --rmd-window-splitter-position,
-    value: 0,
-  ),
-);
+$size: 1rem !default;
+$background-size: 0.25rem !default;
+$background-color: interaction.get-var(focus-color) !default;
+$z-index: 30 !default;
 
-@function get-var($name, $fallback: null) {
-  $found: utils.validate($var-lookup, $name, "window-splitter var");
-  $var: map.get($found, var);
-  $value: if($fallback, $fallback, map.get($found, value));
+$variables: (top, right, bottom, left, opacity, position);
 
+@function get-var($name, $fallback: null) {
+  $var: utils.get-var-name($variables, $name, "window-splitter");
+  // window-splitter variables don't make much sense to set globally
+  $value: if($fallback, $fallback, 0);
   @if $value {
     @return var(#{$var}, #{$value});
   }
@@ -54,9 +28,9 @@ $var-lookup: (
 }
 
 @mixin set-var($name, $value) {
-  $var: map.get(utils.validate($var-lookup, $name, "window-splitter var"), var);
-
-  #{$var}: #{$value};
+  @if $value {
+    #{utils.get-var-name($variables, $name, "window-splitter")}: #{$value};
+  }
 }
 
 @mixin use-var($property, $name: $property, $fallback: null) {
@@ -74,10 +48,10 @@ $var-lookup: (
       padding: 0;
       position: fixed;
       transition: opacity transition.$linear-duration;
-      z-index: $window-splitter-z-index;
+      z-index: $z-index;
 
       &::after {
-        background-color: $window-splitter-background-color;
+        background-color: $background-color;
         content: "";
         inset: 0;
         position: absolute;
@@ -106,10 +80,10 @@ $var-lookup: (
           @include use-var(top);
 
           cursor: col-resize;
-          width: $window-splitter-size;
+          width: $size;
 
           &::after {
-            width: $window-splitter-background-size;
+            width: $background-size;
           }
         }
 
@@ -133,11 +107,11 @@ $var-lookup: (
           @include use-var(top, position);
 
           cursor: row-resize;
-          height: $window-splitter-size;
+          height: $size;
           width: 100%;
 
           &::after {
-            height: $window-splitter-background-size;
+            height: $background-size;
           }
         }
 
@@ -148,7 +122,7 @@ $var-lookup: (
             top: auto;
 
             &::after {
-              top: calc(100% - $window-splitter-background-size);
+              top: calc(100% - $background-size);
             }
           }
         }

package/.turbo/turbo-lint.log

@@ -1,12 +0,0 @@
-
-> @react-md/core@1.0.0-next.0 lint /home/mlaursen/code/react-md/packages/core
-> npm-run-all lint-scripts lint-styles
-
-
-> @react-md/core@1.0.0-next.0 lint-scripts /home/mlaursen/code/react-md/packages/core
-> eslint "src/**/*.{ts,tsx,js,jsx,cjs,mjs}"
-
-
-> @react-md/core@1.0.0-next.0 lint-styles /home/mlaursen/code/react-md/packages/core
-> stylelint "src/**/*.{css,scss}"
-

package/.turbo/turbo-test.log

@@ -1,166 +0,0 @@
-
-> @react-md/core@1.0.0-next.0 test /home/mlaursen/code/react-md/packages/core
-> NODE_OPTIONS=--experimental-vm-modules NODE_NO_WARNINGS=1 jest
-
-PASS src/layout/__tests__/useLayoutTree.tsx
-PASS src/overlay/__tests__/Overlay.tsx
-PASS src/tabs/__tests__/TabList.tsx
-PASS src/__tests__/useThrottledFunction.tsx
-PASS src/expansion-panel/__tests__/ExpansionPanel.tsx
-PASS src/dialog/__tests__/Dialog.tsx
-PASS src/focus/__tests__/useFocusContainer.tsx
-PASS src/layout/__tests__/useResizableLayout.tsx
-PASS src/form/__tests__/Switch.tsx
-PASS src/tabs/__tests__/useTabs.tsx
-PASS src/snackbar/__tests__/ToastManagerProvider.tsx
-PASS src/form/__tests__/useCheckboxGroup.tsx
-PASS src/form/__tests__/useFileUpload.tsx
-PASS src/form/__tests__/useRadioGroup.tsx
-PASS src/layout/__tests__/useExpandableLayout.tsx
-PASS src/utils/__tests__/wait.ts
-PASS src/table/__tests__/TableRadio.tsx
-PASS src/layout/__tests__/useTemporaryLayout.tsx
-PASS src/__tests__/useDebouncedFunction.tsx
-PASS src/table/__tests__/TableCheckbox.tsx
-PASS src/table/__tests__/Table.tsx
-PASS src/table/__tests__/TableRow.tsx
-PASS src/draggable/__tests__/useDraggable.tsx
-PASS src/list/__tests__/ListItem.tsx
-PASS src/table/__tests__/TableBody.tsx
-PASS src/transition/__tests__/useCrossFadeTransition.tsx
-PASS src/chip/__tests__/Chip.tsx
-PASS src/button/__tests__/AsyncButton.tsx
-PASS src/layout/__tests__/LayoutAppBar.tsx
-PASS src/menu/__tests__/MenuBar.tsx (5.644 s)
-PASS src/snackbar/__tests__/ToastCloseButton.tsx
-PASS src/transition/__tests__/useTransition.tsx
-PASS src/snackbar/__tests__/Snackbar.tsx
-PASS src/icon/__tests__/TextIconSpacing.tsx
-PASS src/transition/__tests__/useCollapseTransition.tsx
-PASS src/tree/__tests__/Tree.tsx (5.729 s)
-PASS src/__tests__/useLocalStorage.tsx
-PASS src/tree/__tests__/TreeGroup.tsx
-PASS src/__tests__/useOrientation.node.tsx
-PASS src/positioning/__tests__/useFixedPositioning.tsx
-PASS src/card/__tests__/CardTitle.tsx
-PASS src/media-queries/__tests__/useMediaQuery.node.tsx
-PASS src/form/__tests__/FileInput.tsx
-PASS src/menu/__tests__/DropdownMenu.tsx (6.189 s)
-PASS src/tooltip/__tests__/TooltipHoverModeProvider.tsx (6.154 s)
-PASS src/transition/__tests__/useCSSTransition.tsx
-PASS src/portal/__tests__/PortalContainerProvider.node.tsx
-PASS src/button/__tests__/Button.tsx
-PASS src/snackbar/__tests__/ToastActionButton.tsx
-PASS src/__tests__/useToggle.tsx
-PASS src/transition/__tests__/Collapse.tsx
-PASS src/theme/__tests__/LocalStorageColorSchemeProvider.tsx
-PASS src/__tests__/useEnsuredState.tsx
-PASS src/__tests__/useAsyncAction.tsx
-PASS src/utils/__tests__/parseCssLengthUnit.node.ts
-PASS src/app-bar/__tests__/AppBar.tsx
-PASS src/list/__tests__/ListSubheader.tsx
-PASS src/icon/__tests__/MaterialSymbol.tsx
-PASS src/theme/__tests__/useCSSVariables.tsx
-PASS src/__tests__/useDropzone.tsx
-PASS src/transition/__tests__/CrossFade.tsx
-PASS src/card/__tests__/CardSubtitle.tsx
-PASS src/tabs/__tests__/Tab.tsx
-PASS src/segmented-button/__tests__/SegmentedButton.tsx
-PASS src/transition/__tests__/ScaleTransition.tsx
-PASS src/progress/__tests__/LinearProgress.tsx
-PASS src/transition/__tests__/useMaxWidthTransition.tsx
-PASS src/media-queries/__tests__/AppSizeProvider.tsx
-PASS src/link/__tests__/SkipToMainContent.tsx
-PASS src/snackbar/__tests__/ToastContent.tsx
-PASS src/layout/__tests__/LayoutWindowSplitter.tsx
-PASS src/icon/__tests__/FontIcon.tsx
-PASS src/progress/__tests__/CircularProgress.tsx
-PASS src/icon/__tests__/IconRotator.tsx
-PASS src/interaction/__tests__/UserInteractionModeProvider.tsx
-PASS src/dialog/__tests__/DialogFooter.tsx
-PASS src/progress/__tests__/getProgressA11y.ts
-PASS src/icon/__tests__/SVGIcon.tsx
-PASS src/__tests__/NoSsr.node.tsx
-PASS src/responsive-item/__tests__/ResponsiveItemContainer.tsx
-PASS src/button/__tests__/ButtonUnstyled.tsx
-PASS src/layout/__tests__/Main.tsx
-PASS src/portal/__tests__/PortalContainerProvider.tsx
-PASS src/__tests__/useResizeObserver.tsx
-PASS src/theme/__tests__/ThemeProvider.tsx
-PASS src/card/__tests__/Card.tsx
-PASS src/chip/__tests__/styles.ts
-PASS src/__tests__/useHtmlClassName.tsx
-PASS src/form/__tests__/Label.tsx
-PASS src/test-utils/__tests__/ResizeObserver.ts
-PASS src/icon/__tests__/MaterialIcon.tsx
-PASS src/list/__tests__/List.tsx
-PASS src/typography/__tests__/Typography.tsx
-PASS src/transition/__tests__/CSSTransition.tsx
-PASS src/card/__tests__/CardFooter.tsx
-PASS src/form/__tests__/Checkbox.tsx
-PASS src/app-bar/__tests__/AppBarTitle.tsx
-PASS src/typography/__tests__/WritingDirectionProvider.tsx
-PASS src/snackbar/__tests__/Toast.tsx
-PASS src/card/__tests__/CardHeader.tsx
-PASS src/link/__tests__/Link.tsx
-PASS src/avatar/__tests__/Avatar.tsx
-PASS src/interaction/__tests__/useHigherContrastChildren.tsx
-PASS src/menu/__tests__/MenuVisibilityProvider.tsx
-PASS src/tooltip/__tests__/Tooltip.tsx (8.92 s)
-PASS src/positioning/__tests__/utils.ts
-PASS src/responsive-item/__tests__/ResponsiveItemOverlay.tsx
-PASS src/transition/__tests__/useScaleTransition.tsx
-PASS src/media-queries/__tests__/useMediaQuery.tsx
-PASS src/list/__tests__/ListItemLink.tsx
-PASS src/movement/__tests__/utils.ts
-PASS src/form/__tests__/Radio.tsx
-PASS src/tree/__tests__/TreeItemExpander.tsx
-PASS src/form/__tests__/Legend.tsx
-PASS src/theme/__tests__/useColorSchemeMetaTag.tsx
-PASS src/layout/__tests__/LayoutNav.tsx
-PASS src/utils/__tests__/filters.ts
-PASS src/tree/__tests__/utils.ts
-PASS src/badge/__tests__/Badge.tsx
-PASS src/form/__tests__/utils.ts
-PASS src/divider/__tests__/Divider.tsx
-PASS src/utils/__tests__/bem.ts
-PASS src/card/__tests__/CardContent.tsx
-PASS src/table/__tests__/TableContainer.tsx
-PASS src/dialog/__tests__/DialogContent.tsx
-PASS src/typography/__tests__/SrOnly.tsx
-PASS src/segmented-button/__tests__/SegmentedButtonContainer.tsx
-PASS src/typography/__tests__/TextContainer.tsx
-PASS src/utils/__tests__/nearest.ts
-PASS src/form/__tests__/Fieldset.tsx
-PASS src/utils/__tests__/RenderRecursively.tsx
-PASS src/__tests__/NoSsr.tsx
-PASS src/__tests__/useEnsuredId.tsx
-PASS src/menu/__tests__/utils.ts
-PASS src/positioning/__tests__/createVerticalPosition.ts
-PASS src/__tests__/useOrientation.tsx
-PASS src/utils/__tests__/applyRef.ts
-PASS src/dialog/__tests__/DialogTitle.tsx
-PASS src/icon/__tests__/styles.ts
-PASS src/positioning/__tests__/createHorizontalPosition.ts
-PASS src/utils/__tests__/parseCssLengthUnit.ts
-PASS src/utils/__tests__/getPercentage.ts
-PASS src/list/__tests__/getListItemHeight.ts
-PASS src/theme/__tests__/utils.ts
-PASS src/tooltip/__tests__/utils.ts
-PASS src/movement/__tests__/findMatchIndex.ts
-PASS src/responsive-item/__tests__/styles.ts
-PASS src/card/__tests__/styles.ts
-PASS src/dialog/__tests__/DialogHeader.tsx
-PASS src/media-queries/__tests__/AppSizeProvider.node.tsx
-PASS src/utils/__tests__/withinRange.ts
-PASS src/utils/__tests__/loop.ts
-PASS src/transition/__tests__/utils.ts
-PASS src/button/__tests__/buttonStyles.ts
-PASS src/typography/__tests__/WritingDirectionProvider.node.tsx
-PASS src/utils/__tests__/getRangeSteps.ts
-
-Test Suites: 156 passed, 156 total
-Tests:       2 todo, 684 passed, 686 total
-Snapshots:   788 passed, 788 total
-Time:        12.138 s
-Ran all test suites.

package/.turbo/turbo-typecheck.log

@@ -1,4 +0,0 @@
-
-> @react-md/core@1.0.0-next.0 typecheck /home/mlaursen/code/react-md/packages/core
-> tsc --noEmit
-

package/dist/divider/VerticalDivider.d.ts

@@ -1,32 +0,0 @@
-import { type HTMLAttributes } from "react";
-import { type VerticalDividerHookOptions } from "./useVerticalDividerHeight.js";
-export interface VerticalDividerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * @see {@link VerticalDividerHookOptions.maxHeight}
-     * @defaultValue `1`
-     */
-    maxHeight?: VerticalDividerHookOptions<HTMLDivElement>["maxHeight"];
-}
-/**
- * **Client Component**
- *
- * This component is used to create a vertical divider based on a parent
- * element's height. This is really only needed when the parent element **has no
- * defined height**.  If there is a defined height, this component is not worth
- * much as the height can be computed in css as normal. This really just fixes
- * the issue that the height would be set to `auto` (which computes to 0 most of
- * the time) when it is not set on a parent element.
- *
- * @example
- * Server Component Implementation
- * ```tsx
- * import type { ReactElement } from "react";
- * import { Divider } from "@react-md/core";
- *
- * function Example(): ReactElement {
- *   // or use a custom className
- *   return <Divider vertical style={{ height: "80%" }} />;
- * }
- * ```
- */
-export declare const VerticalDivider: import("react").ForwardRefExoticComponent<VerticalDividerProps & import("react").RefAttributes<HTMLDivElement>>;

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/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.d.ts

@@ -1,145 +0,0 @@
-import { type CSSProperties, type ReactElement, type ReactNode } from "react";
-import { type MaterialSymbolFamily } from "./material.js";
-/**
- * Fill gives you the ability to modify the default icon style. A single icon
- * can render both unfilled and filled states.
- *
- * To convey a state transition, use the fill axis for animation or
- * interaction. The values are 0 for default or 1 for completely filled. Along
- * with the weight axis, the fill also impacts the look of the icon.
- *
- * @remarks \@since 6.0.0
- */
-export type MaterialSymbolFill = 0 | 1;
-/**
- * Weight defines the symbol’s stroke weight, with a range of weights between
- * thin (100) and bold (700). Weight can also affect the overall size of the
- * symbol.
- *
- * @remarks \@since 6.0.0
- */
-export type MaterialSymbolWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;
-/**
- * Weight and grade affect a symbol’s thickness. Adjustments to grade are more
- * granular than adjustments to weight and have a small impact on the size of
- * the symbol.
- *
- * Grade is also available in some text fonts. You can match grade levels
- * between text and symbols for a harmonious visual effect. For example, if
- * the text font has a -25 grade value, the symbols can match it with a
- * suitable value, say -25.
- *
- * You can use grade for different needs:
- *
- * - Low emphasis (e.g. -25 grade): To reduce glare for a light symbol on a
- *   dark background, use a low grade.
- * - High emphasis (e.g. 200 grade): To highlight a symbol, increase the
- *   positive grade.
- *
- * @remarks \@since 6.0.0
- */
-export type MaterialSymbolGrade = -25 | 0 | 200;
-/**
- * Optical Sizes range from 20dp to 48dp.
- *
- * For the image to look the same at different sizes, the stroke weight
- * (thickness) changes as the icon size scales. Optical Size offers a way to
- * automatically adjust the stroke weight when you increase or decrease the
- * symbol size.
- *
- * @remarks \@since 6.0.0
- */
-export type MaterialSymbolOpticalSize = 20 | 24 | 40 | 48;
-/**
- * The comments for each customizable part was copied from
- * https://fonts.google.com/icons?icon.set=Material+Symbols and clicking the
- * info icon next to each property.
- *
- * @see https://fonts.google.com/icons?icon.set=Material+Symbols
- * @remarks \@since 6.0.0
- */
-export interface MaterialSymbolCustomization {
-    /**
-     * Fill gives you the ability to modify the default icon style. A single icon
-     * can render both unfilled and filled states.
-     *
-     * To convey a state transition, use the fill axis for animation or
-     * interaction. The values are 0 for default or 1 for completely filled. Along
-     * with the weight axis, the fill also impacts the look of the icon.
-     *
-     * @defaultValue `0`
-     */
-    fill?: MaterialSymbolFill;
-    /**
-     * Weight defines the symbol’s stroke weight, with a range of weights between
-     * thin (100) and bold (700). Weight can also affect the overall size of the
-     * symbol.
-     *
-     * @defaultValue `400`
-     */
-    weight?: MaterialSymbolWeight;
-    /**
-     * Weight and grade affect a symbol’s thickness. Adjustments to grade are more
-     * granular than adjustments to weight and have a small impact on the size of
-     * the symbol.
-     *
-     * Grade is also available in some text fonts. You can match grade levels
-     * between text and symbols for a harmonious visual effect. For example, if
-     * the text font has a -25 grade value, the symbols can match it with a
-     * suitable value, say -25.
-     *
-     * You can use grade for different needs:
-     *
-     * - Low emphasis (e.g. -25 grade): To reduce glare for a light symbol on a
-     *   dark background, use a low grade.
-     * - High emphasis (e.g. 200 grade): To highlight a symbol, increase the
-     *   positive grade.
-     *
-     * @defaultValue `0`
-     */
-    grade?: MaterialSymbolGrade;
-    /**
-     * Optical Sizes range from 20dp to 48dp.
-     *
-     * For the image to look the same at different sizes, the stroke weight
-     * (thickness) changes as the icon size scales. Optical Size offers a way to
-     * automatically adjust the stroke weight when you increase or decrease the
-     * symbol size.
-     *
-     * @defaultValue `48`
-     */
-    opticalSize?: MaterialSymbolOpticalSize;
-    /**
-     * @defaultValue `"outlined"`
-     */
-    family?: MaterialSymbolFamily;
-}
-/**
- * @remarks \@since 6.0.0
- */
-export type MaterialSymbolConfiguration = Required<MaterialSymbolCustomization>;
-/**
- * @remarks \@since 6.0.0
- */
-export declare function useMaterialSymbolConfiguration(): MaterialSymbolConfiguration;
-/**
- * @remarks \@since 6.0.0
- */
-export declare function useFontVariationSettings(options: MaterialSymbolCustomization & {
-    style?: CSSProperties;
-}): {
-    style?: CSSProperties;
-    family: MaterialSymbolFamily;
-};
-/**
- * @remarks \@since 6.0.0
- */
-export interface MaterialSymbolsProviderProps extends MaterialSymbolCustomization {
-    children: ReactNode;
-}
-/**
- * **Client Component**
- *
- * @remarks \@since 6.0.0
- */
-export declare function MaterialSymbolsProvider(props: MaterialSymbolsProviderProps): ReactElement;

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;