@accelint/design-system 0.2.0 → 0.3.0

package/dist/components/input/input.js

@@ -1,93 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useControlledState } from '@react-stately/utils';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { useFocusRing, useHover } from 'react-aria';
-import { InputContext as InputContext$1 } from 'react-aria-components';
-import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
-import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames, mergeProps } from '../../utils/props.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { inputs } from '../../styles/typography.vanilla.js';
-import { inputClassNames, inputStateVars } from './input.vanilla.js';
-
-const defaultMapping = {
-  sizer: {
-    sm: inputs.sm,
-    lg: inputs.lg
-  },
-  input: {
-    sm: inputs.sm,
-    lg: inputs.lg
-  }
-};
-const InputContext = createContext(null);
-const Input = forwardRef(function Input2(props, ref) {
-  [props, ref] = useContextProps(props, ref, InputContext$1);
-  delete props.className;
-  delete props.style;
-  [props, ref] = useContextProps(props, ref, InputContext);
-  props = useDefaultProps(props, "Input");
-  const { classNames: classNamesProp, defaultValue = "", disabled: isDisabled = false, mapping: mappingProp, placeholder, readOnly: isReadOnly = false, required: isRequired = false, size = "lg", type = "text", value: valueProp, onChange, onHoverStart, onHoverChange, onHoverEnd, "aria-invalid": ariaInvalid, ...rest } = props;
-  const [value, setValue] = useControlledState(valueProp, defaultValue);
-  const length = (`${value ?? ""}`.length || placeholder?.length) ?? 0;
-  const isInvalid = !!ariaInvalid && ariaInvalid !== "false";
-  const isPlaceholder = !!placeholder && !value;
-  const isEmpty = !value;
-  const { isFocused, isFocusVisible, focusProps } = useFocusRing({
-    autoFocus: props.autoFocus,
-    isTextInput: true
-  });
-  const { hoverProps, isHovered } = useHover({
-    isDisabled,
-    onHoverStart,
-    onHoverChange,
-    onHoverEnd
-  });
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(inputClassNames, theme.Input, classNamesProp, {
-    sizer: mapping.sizer[size],
-    input: mapping.input[size]
-  }), [theme.Input, classNamesProp, mapping, size]);
-  const mergedProps = useMemo(() => mergeProps(rest, focusProps, hoverProps), [focusProps, hoverProps, rest]);
-  const style = useMemo(() => inlineVars(inputStateVars, {
-    length,
-    size,
-    type,
-    isDisabled,
-    isEmpty,
-    isFocused,
-    isFocusVisible,
-    isHovered,
-    isInvalid,
-    isPlaceholder,
-    isReadOnly,
-    isRequired
-  }), [
-    length,
-    size,
-    type,
-    isDisabled,
-    isEmpty,
-    isFocused,
-    isFocusVisible,
-    isHovered,
-    isInvalid,
-    isPlaceholder,
-    isReadOnly,
-    isRequired
-  ]);
-  const handleChange = useCallback((event) => {
-    onChange?.(event);
-    if (!event.defaultPrevented) {
-      setValue(event.target.value);
-    }
-  }, [onChange, setValue]);
-  return jsx("div", { className: classNames?.container, style, children: jsx("div", { className: classNames?.sizer, children: jsx("input", { ...mergedProps, ref, className: classNames?.input, disabled: isDisabled, placeholder, readOnly: isReadOnly, required: isRequired, type, value, onChange: handleChange, "aria-invalid": ariaInvalid }) }) });
-});
-
-export { Input, InputContext };

package/dist/components/input/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  type ChangeEvent,\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useFocusRing, useHover } from 'react-aria';\nimport {\n  type ContextValue,\n  InputContext as RACInputContext,\n  type InputProps as RACInputProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { inputs } from '../../styles';\nimport { inlineVars, mergeClassNames, mergeProps } from '../../utils';\nimport { inputClassNames, inputStateVars } from './input.css';\nimport type { InputMapping, InputProps } from './types';\n\nconst defaultMapping: InputMapping = {\n  sizer: {\n    sm: inputs.sm,\n    lg: inputs.lg,\n  },\n  input: {\n    sm: inputs.sm,\n    lg: inputs.lg,\n  },\n};\n\nexport const InputContext =\n  createContext<ContextValue<InputProps, HTMLInputElement>>(null);\n\n/**\n * Only intended for generic text-like inputs, see types in props for list\n * Other more specific inputs should be handled by other components\n */\nexport const Input = forwardRef(function Input(\n  props: InputProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RACInputContext);\n\n  // Disallow props possibly provided by React Aria context\n  // could be render props functions we don't want to support\n  delete (props as RACInputProps).className;\n  delete (props as RACInputProps).style;\n\n  // Duplicate context prop merging to support React Aria's context\n  // and our own which establishes a superset type for the props\n  [props, ref] = useContextProps(props, ref, InputContext);\n\n  props = useDefaultProps(props, 'Input');\n\n  const {\n    classNames: classNamesProp,\n    defaultValue = '',\n    disabled: isDisabled = false,\n    mapping: mappingProp,\n    placeholder,\n    readOnly: isReadOnly = false,\n    required: isRequired = false,\n    size = 'lg',\n    type = 'text',\n    value: valueProp,\n    onChange,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n    'aria-invalid': ariaInvalid,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const length = (`${value ?? ''}`.length || placeholder?.length) ?? 0;\n  const isInvalid = !!ariaInvalid && ariaInvalid !== 'false';\n  const isPlaceholder = !!placeholder && !value;\n  const isEmpty = !value;\n\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    autoFocus: props.autoFocus,\n    isTextInput: true,\n  });\n\n  const { hoverProps, isHovered } = useHover({\n    isDisabled,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(inputClassNames, theme.Input, classNamesProp, {\n        sizer: mapping.sizer[size],\n        input: mapping.input[size],\n      }),\n    [theme.Input, classNamesProp, mapping, size],\n  );\n\n  const mergedProps = useMemo(\n    () => mergeProps(rest, focusProps, hoverProps),\n    [focusProps, hoverProps, rest],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(inputStateVars, {\n        length,\n        size,\n        type,\n        isDisabled,\n        isEmpty,\n        isFocused,\n        isFocusVisible,\n        isHovered,\n        isInvalid,\n        isPlaceholder,\n        isReadOnly,\n        isRequired,\n      }),\n    [\n      length,\n      size,\n      type,\n      isDisabled,\n      isEmpty,\n      isFocused,\n      isFocusVisible,\n      isHovered,\n      isInvalid,\n      isPlaceholder,\n      isReadOnly,\n      isRequired,\n    ],\n  );\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event);\n\n      if (!event.defaultPrevented) {\n        setValue(event.target.value);\n      }\n    },\n    [onChange, setValue],\n  );\n\n  return (\n    <div className={classNames?.container} style={style}>\n      <div className={classNames?.sizer}>\n        <input\n          {...mergedProps}\n          ref={ref}\n          className={classNames?.input}\n          disabled={isDisabled}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          required={isRequired}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          aria-invalid={ariaInvalid}\n        />\n      </div>\n    </div>\n  );\n});\n"],"names":["Input","RACInputContext"],"mappings":"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"}

package/dist/components/input/input.vanilla.js

@@ -1,8 +0,0 @@
-
-var inputClassNames = { container: "input_inputClassNames_container__6yc0ril", sizer: "input_inputClassNames_sizer__6yc0rim", input: "input_inputClassNames_input__6yc0rin" };
-var inputColorVars = { background: "var(--background__6yc0ri1)", border: "var(--border__6yc0ri2)", color: "var(--color__6yc0ri3)" };
-var inputContainer = "input_inputContainer__6yc0ri0";
-var inputSpaceVars = { minWidth: "var(--minWidth__6yc0ri4)", width: "var(--width__6yc0ri5)", maxWidth: "var(--maxWidth__6yc0ri6)", x: "var(--x__6yc0ri7)", y: "var(--y__6yc0ri8)" };
-var inputStateVars = { length: "var(--length__6yc0ri9)", size: "var(--size__6yc0ria)", type: "var(--type__6yc0rib)", isDisabled: "var(--isDisabled__6yc0ric)", isEmpty: "var(--isEmpty__6yc0rid)", isFocused: "var(--isFocused__6yc0rie)", isFocusVisible: "var(--isFocusVisible__6yc0rif)", isHovered: "var(--isHovered__6yc0rig)", isInvalid: "var(--isInvalid__6yc0rih)", isPlaceholder: "var(--isPlaceholder__6yc0rii)", isReadOnly: "var(--isReadOnly__6yc0rij)", isRequired: "var(--isRequired__6yc0rik)" };
-
-export { inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars };

package/dist/components/input/input.vanilla.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/input/types.d.ts

@@ -1,44 +0,0 @@
-import type { AsType } from '../../types';
-import type { InputRenderProps as RACInputRenderProps, InputProps as RACInputProps } from 'react-aria-components';
-export type InputClassNames = Partial<{
-    container: string;
-    sizer: string;
-    input: string;
-}>;
-export type InputRenderProps = AsType<RACInputRenderProps> & {
-    /**
-     * If value is undefined or empty
-     */
-    isEmpty: boolean;
-    /**
-     * If placeholder is provided and value is undefined or empty
-     */
-    isPlaceholder: boolean;
-    /**
-     * If read only
-     */
-    isReadOnly: boolean;
-    /**
-     * If required
-     */
-    isRequired: boolean;
-};
-export type InputSize = 'sm' | 'lg';
-export type InputMapping = {
-    sizer: Partial<Record<InputSize, string>>;
-    input: Partial<Record<InputSize, string>>;
-};
-export type InputType = 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
-export type BaseInputProps = {
-    classNames?: InputClassNames;
-    mapping?: Partial<InputMapping>;
-    size?: InputSize;
-    type?: InputType;
-};
-export type InputState = InputRenderProps & Required<Pick<BaseInputProps, 'size' | 'type'>> & {
-    /**
-     * The length of the input value or placeholder (whichever is currently rendered)
-     */
-    length: string;
-};
-export type InputProps = Omit<RACInputProps, 'children' | 'className' | 'size' | 'style' | 'type'> & BaseInputProps;

package/dist/components/menu/index.d.ts

@@ -1,3 +0,0 @@
-export { Menu, MenuContext, MenuList, MenuListContext, MenuItem, MenuItemContext, } from './menu';
-export { type MenuClassNames, type MenuItemProps, type MenuItemRenderProps, type MenuItemState, type MenuListProps, type MenuMapping, type MenuProps, type MenuRenderProps, type MenuSizes, type MenuState, } from './types';
-export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars, } from './menu.css';

package/dist/components/menu/menu.css.d.ts

@@ -1,75 +0,0 @@
-import type { MenuClassNames } from './types';
-export declare const menuContainers: {
-    menu: string;
-    list: string;
-    item: string;
-};
-export declare const menuStateVars: {
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const menuItemStateVars: {
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hasDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hasSubmenu: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const menuColorVars: {
-    list: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    separator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    item: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    description: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const menuSpaceVars: {
-    menu: {
-        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    list: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    section: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    header: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    separator: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    item: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-export declare const menuClassNames: MenuClassNames;

package/dist/components/menu/menu.d.ts

@@ -1,24 +0,0 @@
-import { type ContextValue } from 'react-aria-components';
-import type { MenuItemProps, MenuListProps, MenuMapping, MenuProps } from './types';
-export declare const MenuContext: import("react").Context<ContextValue<MenuProps, HTMLElement>>;
-/**
- * Menu component that supports display and selection of menu items via a trigger (right-click or click)
- * Customization of React Aria's Menu and Menu Item components https://react-spectrum.adobe.com/react-aria/Menu.html
- */
-export declare const Menu: (props: Omit<import("react-aria-components").PopoverProps, "className" | "style"> & {
-    classNames?: import("./types").MenuClassNames;
-    mapping?: Partial<MenuMapping>;
-    size?: import("./types").MenuSizes;
-} & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement | null;
-export declare const MenuListContext: import("react").Context<ContextValue<MenuListProps<unknown>, HTMLDivElement>>;
-export declare const MenuList: <T extends object>(props: Omit<import("react-aria-components").MenuProps<T>, "className" | "style"> & {
-    classNames?: import("./types").MenuClassNames;
-    mapping?: Partial<MenuMapping>;
-    size?: import("./types").MenuSizes;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
-export declare const MenuItemContext: import("react").Context<ContextValue<MenuItemProps<unknown>, HTMLDivElement>>;
-export declare const MenuItem: <T extends object>(props: Omit<import("react-aria-components").MenuItemProps<T>, "className" | "style"> & {
-    classNames?: import("./types").MenuClassNames;
-    mapping?: Partial<MenuMapping>;
-    size?: import("./types").MenuSizes;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;

package/dist/components/menu/menu.js

@@ -1,155 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { Provider, Popover, Collection, UNSTABLE_CollectionRendererContext, Menu as Menu$1, DEFAULT_SLOT, MenuItem as MenuItem$1, MenuStateContext } from 'react-aria-components';
-import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
-import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames, callRenderProps } from '../../utils/props.js';
-import { useSlot } from '../../hooks/use-slot/use-slot.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { bodies, headings } from '../../styles/typography.vanilla.js';
-import { AriaSectionContext, AriaHeaderContext, AriaSeparatorContext, AriaSection, AriaTextContext, AriaKeyboardContext, AriaText } from '../aria/aria.js';
-import { createCollectionRenderer } from '../collection/collection.js';
-import { IconContext } from '../icon/icon.js';
-import { menuClassNames, menuStateVars, menuItemStateVars } from './menu.vanilla.js';
-
-const defaultMapping = {
-  description: {
-    sm: bodies.xs,
-    lg: bodies.xs
-  },
-  header: {
-    sm: headings.v4,
-    lg: headings.v5
-  },
-  label: {
-    sm: bodies.sm,
-    lg: bodies.sm
-  },
-  shortcut: {
-    sm: bodies.xs,
-    lg: bodies.xs
-  }
-};
-const defaultSize = "lg";
-const MenuContext = createContext(null);
-const Menu = forwardRef(function Menu2(props, ref) {
-  [props, ref] = useContextProps(props, ref, MenuContext);
-  props = useDefaultProps(props, "Menu");
-  const { children: childrenProp, classNames: classNamesProp, mapping: mappingProp, size = defaultSize, ...rest } = props;
-  const theme = useTheme();
-  const classNames = useMemo(() => mergeClassNames(menuClassNames, classNamesProp, theme.Menu, {
-    menu: { container: theme.className }
-    // required to consume global theme within Popover
-  }), [classNamesProp, theme.Menu, theme.className]);
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const style = useCallback((renderProps) => ({
-    ...theme.style,
-    // required to consume global styles within Popover
-    ...inlineVars(menuStateVars, {
-      ...renderProps,
-      size
-    })
-  }), [theme.style, size]);
-  const values = useMemo(() => [[MenuListContext, { classNames, mapping, size }]], [classNames, mapping, size]);
-  const children = useCallback((renderProps) => jsx(Provider, { values, children: jsx("div", { className: classNames?.menu?.menu, children: callRenderProps(childrenProp, {
-    ...renderProps,
-    size,
-    defaultChildren: null
-  }) }) }), [childrenProp, classNames?.menu?.menu, size, values]);
-  return jsx(Popover, { ...rest, ref, className: classNames?.menu?.container, style, children });
-});
-const MenuListContext = createContext(null);
-const MenuList = forwardRef(function MenuList2(props, ref) {
-  [props, ref] = useContextProps(props, ref, MenuListContext);
-  props = useDefaultProps(props, "Menu");
-  const { children: childrenProp, classNames: classNamesProp, items, mapping: mappingProp, selectionMode = "single", size = defaultSize, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest } = props;
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(menuClassNames, theme.Menu, classNamesProp, {
-    list: { header: mapping.header[size] }
-  }), [theme.Menu, classNamesProp, mapping.header, size]);
-  const values = useMemo(() => [
-    [MenuItemContext, { classNames, mapping, size }],
-    [AriaSectionContext, { className: classNames?.list?.section }],
-    [AriaHeaderContext, { className: classNames?.list?.header }],
-    [AriaSeparatorContext, { className: classNames?.list?.separator }]
-  ], [classNames, mapping, size]);
-  const children = useMemo(() => {
-    if (!(childrenProp || items)) {
-      return null;
-    }
-    return jsx(AriaSection, { className: classNames?.list?.list, children: typeof childrenProp === "function" ? jsx(Collection, { items, children: childrenProp }) : childrenProp });
-  }, [childrenProp, classNames?.list?.list, items]);
-  const renderer = useMemo(() => createCollectionRenderer(MenuStateContext, values), [values]);
-  return jsx(UNSTABLE_CollectionRendererContext.Provider, { value: renderer, children: jsx(Provider, { values, children: jsx(Menu$1, { ...rest, ref, className: classNames?.list?.container, items, selectionMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children }) }) });
-});
-const MenuItemContext = createContext(null);
-const MenuItem = forwardRef(function MenuItem2(props, ref) {
-  [props, ref] = useContextProps(props, ref, MenuItemContext);
-  props = useDefaultProps(props, "MenuItem");
-  const { id, children: childrenProp, classNames: classNamesProp, mapping: mappingProp, size = defaultSize, textValue = typeof childrenProp === "string" ? childrenProp : void 0, ...rest } = props;
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(menuClassNames, classNamesProp, theme.Menu, {
-    item: {
-      description: mapping.description[size],
-      label: mapping.label[size],
-      shortcut: mapping.shortcut[size]
-    }
-  }), [theme.Menu, classNamesProp, mapping, size]);
-  const [descriptionRef, hasDescription] = useSlot();
-  const style = useCallback((renderProps) => inlineVars(menuItemStateVars, { ...renderProps, size, hasDescription }), [hasDescription, size]);
-  const values = useMemo(() => [
-    [
-      AriaTextContext,
-      {
-        slots: {
-          [DEFAULT_SLOT]: {},
-          label: { className: classNames?.item?.label },
-          description: {
-            ref: descriptionRef,
-            className: classNames?.item?.description
-          }
-        }
-      }
-    ],
-    [
-      IconContext,
-      {
-        slots: {
-          [DEFAULT_SLOT]: { classNames: classNames?.item?.icon },
-          more: { classNames: classNames?.item?.more }
-        }
-      }
-    ],
-    [AriaKeyboardContext, { className: classNames?.item?.shortcut }]
-  ], [
-    classNames?.item?.label,
-    descriptionRef,
-    classNames?.item?.description,
-    classNames?.item?.icon,
-    classNames?.item?.more,
-    classNames?.item?.shortcut
-  ]);
-  const children = useCallback((renderProps) => {
-    const content = callRenderProps(childrenProp, {
-      ...renderProps,
-      size,
-      defaultChildren: null
-    });
-    return jsx(Provider, { values, children: jsx("div", { className: classNames?.item?.item, children: typeof content === "string" ? jsx(AriaText, { slot: "label", children: content }) : content }) });
-  }, [childrenProp, classNames?.item?.item, size, values]);
-  return jsx(MenuItem$1, { ...rest, id: id ?? textValue, ref, className: classNames?.item?.container, style, textValue, children });
-});
-
-export { Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext };

package/dist/components/menu/menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n  type ForwardedRef,\n  type HTMLAttributes,\n} from 'react';\nimport {\n  Collection,\n  DEFAULT_SLOT,\n  MenuStateContext,\n  Popover,\n  Provider,\n  Menu as RACMenu,\n  MenuItem as RACMenuItem,\n  UNSTABLE_CollectionRendererContext,\n  type CollectionRenderer,\n  type ContextValue,\n  type PopoverRenderProps,\n  type MenuItemRenderProps as RACMenuItemRenderProps,\n  type SectionProps,\n  type SeparatorProps,\n  type TextProps,\n} from 'react-aria-components';\nimport {\n  useContextProps,\n  useDefaultProps,\n  useSlot,\n  useTheme,\n} from '../../hooks';\nimport { bodies, headings } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  AriaHeaderContext,\n  AriaKeyboardContext,\n  AriaSection,\n  AriaSectionContext,\n  AriaSeparatorContext,\n  AriaText,\n  AriaTextContext,\n} from '../aria';\nimport { createCollectionRenderer } from '../collection';\nimport { IconContext, type IconProps } from '../icon';\nimport { menuClassNames, menuItemStateVars, menuStateVars } from './menu.css';\nimport type {\n  MenuItemProps,\n  MenuListProps,\n  MenuMapping,\n  MenuProps,\n} from './types';\n\nconst defaultMapping: MenuMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  header: {\n    sm: headings.v4,\n    lg: headings.v5,\n  },\n  label: {\n    sm: bodies.sm,\n    lg: bodies.sm,\n  },\n  shortcut: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const MenuContext =\n  createContext<ContextValue<MenuProps, HTMLElement>>(null);\n\n/**\n * Menu component that supports display and selection of menu items via a trigger (right-click or click)\n * Customization of React Aria's Menu and Menu Item components https://react-spectrum.adobe.com/react-aria/Menu.html\n */\nexport const Menu = forwardRef(function Menu(\n  props: MenuProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  [props, ref] = useContextProps(props, ref, MenuContext);\n  props = useDefaultProps(props, 'Menu');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(menuClassNames, classNamesProp, theme.Menu, {\n        menu: { container: theme.className }, // required to consume global theme within Popover\n      }),\n    [classNamesProp, theme.Menu, theme.className],\n  );\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const style = useCallback(\n    (renderProps: PopoverRenderProps) => ({\n      ...theme.style, // required to consume global styles within Popover\n      ...inlineVars(menuStateVars, {\n        ...renderProps,\n        size,\n      }),\n    }),\n    [theme.style, size],\n  );\n\n  const values = useMemo<\n    [\n      [\n        typeof MenuListContext,\n        ContextValue<MenuListProps<unknown>, HTMLDivElement>,\n      ],\n    ]\n  >(\n    () => [[MenuListContext, { classNames, mapping, size }]],\n    [classNames, mapping, size],\n  );\n\n  const children = useCallback(\n    (renderProps: PopoverRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.menu?.menu}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            size,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.menu?.menu, size, values],\n  );\n\n  return (\n    <Popover\n      {...rest}\n      ref={ref}\n      className={classNames?.menu?.container}\n      style={style}\n    >\n      {children}\n    </Popover>\n  );\n});\n\nexport const MenuListContext =\n  createContext<ContextValue<MenuListProps<unknown>, HTMLDivElement>>(null);\n\ntype MenuListContexts = [\n  [\n    typeof MenuItemContext,\n    ContextValue<MenuItemProps<unknown>, HTMLDivElement>,\n  ],\n  [typeof AriaSectionContext, ContextValue<SectionProps<object>, HTMLElement>],\n  [\n    typeof AriaHeaderContext,\n    ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>,\n  ],\n  [typeof AriaSeparatorContext, ContextValue<SeparatorProps, HTMLElement>],\n];\n\nexport const MenuList = forwardRef(function MenuList<T extends object>(\n  props: MenuListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, MenuListContext);\n  props = useDefaultProps(props, 'Menu');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    items,\n    mapping: mappingProp,\n    selectionMode = 'single',\n    size = defaultSize,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(menuClassNames, theme.Menu, classNamesProp, {\n        list: { header: mapping.header[size] },\n      }),\n    [theme.Menu, classNamesProp, mapping.header, size],\n  );\n\n  const values = useMemo<MenuListContexts>(\n    () => [\n      [MenuItemContext, { classNames, mapping, size }],\n      [AriaSectionContext, { className: classNames?.list?.section }],\n      [AriaHeaderContext, { className: classNames?.list?.header }],\n      [AriaSeparatorContext, { className: classNames?.list?.separator }],\n    ],\n    [classNames, mapping, size],\n  );\n\n  const children = useMemo(() => {\n    if (!(childrenProp || items)) {\n      return null;\n    }\n\n    return (\n      <AriaSection className={classNames?.list?.list}>\n        {typeof childrenProp === 'function' ? (\n          <Collection items={items}>{childrenProp}</Collection>\n        ) : (\n          childrenProp\n        )}\n      </AriaSection>\n    );\n  }, [childrenProp, classNames?.list?.list, items]);\n\n  const renderer = useMemo<CollectionRenderer>(\n    () => createCollectionRenderer(MenuStateContext, values),\n    [values],\n  );\n\n  return (\n    <UNSTABLE_CollectionRendererContext.Provider value={renderer}>\n      <Provider values={values}>\n        <RACMenu<T>\n          {...rest}\n          ref={ref}\n          className={classNames?.list?.container}\n          items={items}\n          selectionMode={selectionMode}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n        >\n          {children}\n        </RACMenu>\n      </Provider>\n    </UNSTABLE_CollectionRendererContext.Provider>\n  );\n});\n\nexport const MenuItemContext =\n  createContext<ContextValue<MenuItemProps<unknown>, HTMLDivElement>>(null);\n\nexport const MenuItem = forwardRef(function MenuItem<T extends object>(\n  props: MenuItemProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, MenuItemContext);\n  props = useDefaultProps(props, 'MenuItem');\n\n  const {\n    id,\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    textValue = typeof childrenProp === 'string' ? childrenProp : undefined,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(menuClassNames, classNamesProp, theme.Menu, {\n        item: {\n          description: mapping.description[size],\n          label: mapping.label[size],\n          shortcut: mapping.shortcut[size],\n        },\n      }),\n    [theme.Menu, classNamesProp, mapping, size],\n  );\n\n  const [descriptionRef, hasDescription] = useSlot();\n\n  const style = useCallback(\n    (renderProps: RACMenuItemRenderProps) =>\n      inlineVars(menuItemStateVars, { ...renderProps, size, hasDescription }),\n    [hasDescription, size],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [\n        typeof AriaKeyboardContext,\n        ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>,\n      ],\n    ]\n  >(\n    () => [\n      [\n        AriaTextContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            label: { className: classNames?.item?.label },\n            description: {\n              ref: descriptionRef,\n              className: classNames?.item?.description,\n            },\n          },\n        },\n      ],\n      [\n        IconContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: { classNames: classNames?.item?.icon },\n            more: { classNames: classNames?.item?.more },\n          },\n        },\n      ],\n      [AriaKeyboardContext, { className: classNames?.item?.shortcut }],\n    ],\n    [\n      classNames?.item?.label,\n      descriptionRef,\n      classNames?.item?.description,\n      classNames?.item?.icon,\n      classNames?.item?.more,\n      classNames?.item?.shortcut,\n    ],\n  );\n\n  const children = useCallback(\n    (renderProps: RACMenuItemRenderProps) => {\n      const content = callRenderProps(childrenProp, {\n        ...renderProps,\n        size,\n        defaultChildren: null,\n      });\n\n      return (\n        <Provider values={values}>\n          <div className={classNames?.item?.item}>\n            {typeof content === 'string' ? (\n              <AriaText slot='label'>{content}</AriaText>\n            ) : (\n              content\n            )}\n          </div>\n        </Provider>\n      );\n    },\n    [childrenProp, classNames?.item?.item, size, values],\n  );\n\n  return (\n    <RACMenuItem<T>\n      {...rest}\n      id={id ?? textValue}\n      ref={ref as ForwardedRef<T>}\n      className={classNames?.item?.container}\n      style={style}\n      textValue={textValue}\n    >\n      {children}\n    </RACMenuItem>\n  );\n});\n"],"names":["Menu","MenuList","RACMenu","MenuItem","RACMenuItem"],"mappings":"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"}

package/dist/components/menu/menu.vanilla.js

@@ -1,8 +0,0 @@
-
-var menuClassNames = { menu: { container: "menu_menuClassNames_menu_container__dpszds19", menu: "menu_menuClassNames_menu_menu__dpszds1a surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4" }, list: { container: "menu_menuClassNames_list_container__dpszds1b", list: "menu_menuClassNames_list_list__dpszds1c", section: "menu_menuClassNames_list_section__dpszds1d", header: "menu_menuClassNames_list_header__dpszds1e", separator: "menu_menuClassNames_list_separator__dpszds1f" }, item: { container: "menu_menuClassNames_item_container__dpszds1g", item: "menu_menuClassNames_item_item__dpszds1h", icon: { icon: "menu_menuClassNames_item_icon_icon__dpszds1i" }, label: "menu_menuClassNames_item_label__dpszds1j", description: "menu_menuClassNames_item_description__dpszds1k", more: { icon: "menu_menuClassNames_item_more_icon__dpszds1l" }, shortcut: "menu_menuClassNames_item_shortcut__dpszds1m" } };
-var menuColorVars = { list: { background: "var(--list-background__dpszdsj)", border: "var(--list-border__dpszdsk)", color: "var(--list-color__dpszdsl)" }, header: { background: "var(--header-background__dpszdsm)", border: "var(--header-border__dpszdsn)", color: "var(--header-color__dpszdso)" }, separator: "var(--separator__dpszdsp)", item: { background: "var(--item-background__dpszdsq)", border: "var(--item-border__dpszdsr)", color: "var(--item-color__dpszdss)" }, label: "var(--label__dpszdst)", description: "var(--description__dpszdsu)" };
-var menuItemStateVars = { selectionMode: "var(--selectionMode__dpszds7)", selectionBehavior: "var(--selectionBehavior__dpszds8)", size: "var(--size__dpszds9)", hasDescription: "var(--hasDescription__dpszdsa)", hasSubmenu: "var(--hasSubmenu__dpszdsb)", isOpen: "var(--isOpen__dpszdsc)", isDisabled: "var(--isDisabled__dpszdsd)", isHovered: "var(--isHovered__dpszdse)", isPressed: "var(--isPressed__dpszdsf)", isSelected: "var(--isSelected__dpszdsg)", isFocused: "var(--isFocused__dpszdsh)", isFocusVisible: "var(--isFocusVisible__dpszdsi)" };
-var menuSpaceVars = { menu: { minWidth: "var(--menu-minWidth__dpszdsv)", x: "var(--menu-x__dpszdsw)", y: "var(--menu-y__dpszdsx)" }, list: { x: "var(--list-x__dpszdsy)", y: "var(--list-y__dpszdsz)" }, section: { x: "var(--section-x__dpszds10)", y: "var(--section-y__dpszds11)" }, header: { x: "var(--header-x__dpszds12)", y: "var(--header-y__dpszds13)" }, separator: { x: "var(--separator-x__dpszds14)", y: "var(--separator-y__dpszds15)" }, item: { x: "var(--item-x__dpszds16)", y: "var(--item-y__dpszds17)", gap: "var(--item-gap__dpszds18)" } };
-var menuStateVars = { placement: "var(--placement__dpszds3)", size: "var(--size__dpszds4)", isExiting: "var(--isExiting__dpszds5)", isEntering: "var(--isEntering__dpszds6)" };
-
-export { menuClassNames, menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars };

package/dist/components/menu/menu.vanilla.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/menu/types.d.ts

@@ -1,48 +0,0 @@
-import type { AsType } from '../../types';
-import type { PopoverRenderProps, MenuItemProps as RACMenuItemProps, MenuItemRenderProps as RACMenuItemRenderProps, MenuProps as RACMenuProps, PopoverProps as RACPopoverProps } from 'react-aria-components';
-import type { PartialDeep } from 'type-fest';
-import type { IconClassNames } from '../icon/types';
-export type MenuClassNames = PartialDeep<{
-    menu: {
-        container: string;
-        menu: string;
-    };
-    list: {
-        container: string;
-        list: string;
-        section: string;
-        header: string;
-        separator: string;
-    };
-    item: {
-        container: string;
-        item: string;
-        icon: IconClassNames;
-        label: string;
-        description: string;
-        more: IconClassNames;
-        shortcut: string;
-    };
-}>;
-export type MenuSizes = 'sm' | 'lg';
-export type MenuMapping = {
-    description: Partial<Record<MenuSizes, string>>;
-    header: Partial<Record<MenuSizes, string>>;
-    label: Partial<Record<MenuSizes, string>>;
-    shortcut: Partial<Record<MenuSizes, string>>;
-};
-type BaseMenuProps = {
-    classNames?: MenuClassNames;
-    mapping?: Partial<MenuMapping>;
-    size?: MenuSizes;
-};
-export type MenuProps = Omit<RACPopoverProps, 'className' | 'style'> & BaseMenuProps;
-export type MenuListProps<T> = Omit<RACMenuProps<T>, 'className' | 'style'> & BaseMenuProps;
-export type MenuItemProps<T> = Omit<RACMenuItemProps<T>, 'className' | 'style'> & BaseMenuProps;
-export type MenuRenderProps = AsType<PopoverRenderProps> & Required<Pick<BaseMenuProps, 'size'>>;
-export type MenuItemRenderProps = AsType<RACMenuItemRenderProps> & Required<Pick<BaseMenuProps, 'size'>>;
-export type MenuState = Omit<MenuRenderProps, 'trigger'>;
-export type MenuItemState = Omit<MenuItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> & {
-    hasDescription: boolean;
-};
-export {};

package/dist/components/merge-provider/index.d.ts

@@ -1,2 +0,0 @@
-export { MergeProvider } from './merge-provider';
-export { type MergeProviderProps } from './types';

package/dist/components/merge-provider/merge-provider.d.ts

@@ -1,14 +0,0 @@
-import type { MergeProviderProps } from './types';
-/**
- * Merges provided contexts with parent contexts, if available and of the same structure
- * If parent context doesn't exist or differs in structure (slotted vs non-slotted) from
- * the context being provided, the provided context will override the parent context
- *
- * This is typically used in conjunction with React Aria Component's contexts, where a
- * RAC may provide a slotted context (ex: ButtonContext, with a slot of "remove") where
- * that slot has a number of attributes and event listeners, but we want to merge in our
- * own to supplement things for stylistic or additional functionality purposes
- *
- * See tests for examples
- */
-export declare function MergeProvider<A, B, C, D, E, F, G, H, I, J, K>({ values, children, }: MergeProviderProps<A, B, C, D, E, F, G, H, I, J, K>): import("react/jsx-runtime").JSX.Element;

package/dist/components/merge-provider/merge-provider.js

@@ -1,40 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { mergeProps } from '../../utils/props.js';
-
-function merge(context, next, children) {
-  return function Consumer(prev) {
-    let merged = next;
-    if (prev != null && next != null && typeof prev === "object" && typeof next === "object") {
-      const prevSlots = "slots" in prev && prev.slots;
-      const nextSlots = "slots" in next && next.slots;
-      if (prevSlots && nextSlots) {
-        merged = {
-          ...prev,
-          ...next,
-          slots: {
-            ...prevSlots,
-            ...nextSlots,
-            ...Reflect.ownKeys(nextSlots).reduce((acc, key) => {
-              const value = nextSlots[key];
-              if (Object.hasOwn(prevSlots, key)) {
-                acc[key] = mergeProps(prevSlots[key], value);
-              }
-              return acc;
-            }, {})
-          }
-        };
-      } else if (!prevSlots && !nextSlots) {
-        merged = mergeProps(prev, next);
-      }
-    }
-    return jsx(context.Provider, { value: merged, children });
-  };
-}
-function MergeProvider({ values, children }) {
-  for (let [context, next] of values) {
-    children = jsx(context.Consumer, { children: merge(context, next, children) });
-  }
-  return jsx(Fragment, { children });
-}
-
-export { MergeProvider };

package/dist/components/merge-provider/merge-provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-provider.js","sources":["../../../src/components/merge-provider/merge-provider.tsx"],"sourcesContent":["import type { Context, ReactNode } from 'react';\nimport { mergeProps } from '../../utils';\nimport type { MergeProviderProps } from './types';\n\nfunction merge<T>(context: Context<T>, next: T, children: ReactNode) {\n  return function Consumer(prev: T) {\n    let merged = next;\n\n    if (\n      prev != null &&\n      next != null &&\n      typeof prev === 'object' &&\n      typeof next === 'object'\n    ) {\n      const prevSlots =\n        'slots' in prev && (prev.slots as Record<string | symbol, object>);\n\n      const nextSlots =\n        'slots' in next && (next.slots as Record<string | symbol, object>);\n\n      if (prevSlots && nextSlots) {\n        merged = {\n          ...prev,\n          ...next,\n          slots: {\n            ...prevSlots,\n            ...nextSlots,\n            ...Reflect.ownKeys(nextSlots).reduce<\n              Record<string | symbol, object>\n            >((acc, key) => {\n              const value = nextSlots[key];\n\n              if (Object.hasOwn(prevSlots, key)) {\n                acc[key] = mergeProps(prevSlots[key], value);\n              }\n\n              return acc;\n            }, {}),\n          },\n        } as T;\n      } else if (!prevSlots && !nextSlots) {\n        merged = mergeProps(prev as object, next as object) as T;\n      }\n    }\n\n    return <context.Provider value={merged}>{children}</context.Provider>;\n  };\n}\n\n/**\n * Merges provided contexts with parent contexts, if available and of the same structure\n * If parent context doesn't exist or differs in structure (slotted vs non-slotted) from\n * the context being provided, the provided context will override the parent context\n *\n * This is typically used in conjunction with React Aria Component's contexts, where a\n * RAC may provide a slotted context (ex: ButtonContext, with a slot of \"remove\") where\n * that slot has a number of attributes and event listeners, but we want to merge in our\n * own to supplement things for stylistic or additional functionality purposes\n *\n * See tests for examples\n */\nexport function MergeProvider<A, B, C, D, E, F, G, H, I, J, K>({\n  values,\n  children,\n}: MergeProviderProps<A, B, C, D, E, F, G, H, I, J, K>) {\n  for (let [context, next] of values) {\n    children = (\n      <context.Consumer>\n        {merge(context as Context<typeof next>, next, children)}\n      </context.Consumer>\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIA,SAAS,KAAA,CAAS,OAAqB,EAAA,IAAA,EAAS,QAAqB,EAAA;AACnE,EAAO,OAAA,SAAS,SAAS,IAAS,EAAA;AAChC,IAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AAEb,IACE,IAAA,IAAA,IAAQ,QACR,IAAQ,IAAA,IAAA,IACR,OAAO,IAAS,KAAA,QAAA,IAChB,OAAO,IAAA,KAAS,QAChB,EAAA;AACA,MAAM,MAAA,SAAA,GACJ,OAAW,IAAA,IAAA,IAAS,IAAK,CAAA,KAAA,CAAA;AAE3B,MAAM,MAAA,SAAA,GACJ,OAAW,IAAA,IAAA,IAAS,IAAK,CAAA,KAAA,CAAA;AAE3B,MAAA,IAAI,aAAa,SAAW,EAAA;AAC1B,QAAS,MAAA,GAAA;AAAA,UACP,GAAG,IAAA;AAAA,UACH,GAAG,IAAA;AAAA,UACH,KAAO,EAAA;AAAA,YACL,GAAG,SAAA;AAAA,YACH,GAAG,SAAA;AAAA,YACH,GAAG,QAAQ,OAAQ,CAAA,SAAS,EAAE,MAE5B,CAAA,CAAC,KAAK,GAAQ,KAAA;AACd,cAAM,MAAA,KAAA,GAAQ,UAAU,GAAG,CAAA,CAAA;AAE3B,cAAA,IAAI,MAAO,CAAA,MAAA,CAAO,SAAW,EAAA,GAAG,CAAG,EAAA;AACjC,gBAAA,GAAA,CAAI,GAAG,CAAI,GAAA,UAAA,CAAW,SAAU,CAAA,GAAG,GAAG,KAAK,CAAA,CAAA;AAAA,eAC7C;AAEA,cAAO,OAAA,GAAA,CAAA;AAAA,aACT,EAAG,EAAE,CAAA;AAAA,WACP;AAAA,SACF,CAAA;AAAA,OACS,MAAA,IAAA,CAAC,SAAa,IAAA,CAAC,SAAW,EAAA;AACnC,QAAS,MAAA,GAAA,UAAA,CAAW,MAAgB,IAAc,CAAA,CAAA;AAAA,OACpD;AAAA,KACF;AAEA,IAAA,2BAAQ,OAAQ,CAAA,QAAA,EAAR,EAAiB,KAAA,EAAO,QAAS,QAAS,EAAA,CAAA,CAAA;AAAA,GACpD,CAAA;AACF,CAAA;AAcO,SAAS,aAA+C,CAAA;AAAA,EAC7D,MAAA;AAAA,EACA,QAAA;AACF,CAAwD,EAAA;AACtD,EAAA,KAAA,IAAS,CAAC,OAAA,EAAS,IAAI,CAAA,IAAK,MAAQ,EAAA;AAClC,IACE,QAAA,mBAAA,GAAA,CAAC,QAAQ,QAAR,EAAA,EACE,gBAAM,OAAiC,EAAA,IAAA,EAAM,QAAQ,CACxD,EAAA,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uCAAU,QAAS,EAAA,CAAA,CAAA;AACrB;;;;"}

package/dist/components/merge-provider/types.d.ts

@@ -1,5 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { ProviderValues } from '../../types';
-export type MergeProviderProps<A = any, B = any, C = any, D = any, E = any, F = any, G = any, H = any, I = any, J = any, K = any> = PropsWithChildren<{
-    values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K>;
-}>;

package/dist/components/options/index.d.ts

@@ -1,3 +0,0 @@
-export { Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext, } from './options';
-export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, } from './options.css';
-export { type OptionsClassNames, type OptionsItemProps, type OptionsItemState, type OptionsListProps, type OptionsListState, type OptionsMapping, type OptionsProps, type OptionsSizes, type OptionsState, } from './types';