@accelint/design-system 0.3.2 → 0.4.0

package/dist/components/menu/menu.js

@@ -0,0 +1,252 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Provider, Popover, Collection, MenuStateContext, UNSTABLE_CollectionRendererContext, Menu as Menu$1, DEFAULT_SLOT, MenuItem as MenuItem$1 } from 'react-aria-components';
+import { useContextProps, useDefaultProps, useTheme, useSlot } from '../../hooks/index.js';
+import { bodies, headings } from '../../styles/index.js';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { AriaSectionContext, AriaHeaderContext, AriaSeparatorContext, AriaSection, AriaTextContext, AriaKeyboardContext, AriaText } from '../aria/index.js';
+import { createCollectionRenderer } from '../collection/index.js';
+import { IconContext } from '../icon/index.js';
+import { menuClassNames, menuStateVars, menuItemStateVars } from './menu.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var 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
+  }
+};
+var defaultSize = "lg";
+var MenuContext = createContext(null);
+var 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) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.menu?.menu, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      size,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, classNames?.menu?.menu, size, values]
+  );
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      ...rest,
+      ref,
+      className: classNames?.menu?.container,
+      style,
+      children
+    }
+  );
+});
+var MenuListContext = createContext(null);
+var 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 /* @__PURE__ */ jsx(AriaSection, { className: classNames?.list?.list, children: typeof childrenProp === "function" ? /* @__PURE__ */ jsx(Collection, { items, children: childrenProp }) : childrenProp });
+  }, [childrenProp, classNames?.list?.list, items]);
+  const renderer = useMemo(
+    () => createCollectionRenderer(MenuStateContext, values),
+    [values]
+  );
+  return /* @__PURE__ */ jsx(UNSTABLE_CollectionRendererContext.Provider, { value: renderer, children: /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx(
+    Menu$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.list?.container,
+      items,
+      selectionMode,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      children
+    }
+  ) }) });
+});
+var MenuItemContext = createContext(null);
+var 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 /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.item?.item, children: typeof content === "string" ? /* @__PURE__ */ jsx(AriaText, { slot: "label", children: content }) : content }) });
+    },
+    [childrenProp, classNames?.item?.item, size, values]
+  );
+  return /* @__PURE__ */ jsx(
+    MenuItem$1,
+    {
+      ...rest,
+      id: id ?? textValue,
+      ref,
+      className: classNames?.item?.container,
+      style,
+      textValue,
+      children
+    }
+  );
+});
+
+export { Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext };
+//# sourceMappingURL=menu.js.map
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/menu/menu.tsx"],"names":["Menu","MenuList","RACMenu","MenuItem","RACMenuItem"],"mappings":"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","file":"menu.js","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"]}

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

@@ -0,0 +1,51 @@
+import { AsType } from '../../types/generic.js';
+import { PopoverProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, PopoverRenderProps, MenuItemRenderProps as MenuItemRenderProps$1 } from 'react-aria-components';
+import { PartialDeep } from 'type-fest';
+import { IconClassNames } from '../icon/types.js';
+import 'react';
+
+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;
+    };
+}>;
+type MenuSizes = 'sm' | 'lg';
+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;
+};
+type MenuProps = Omit<PopoverProps, 'className' | 'style'> & BaseMenuProps;
+type MenuListProps<T> = Omit<MenuProps$1<T>, 'className' | 'style'> & BaseMenuProps;
+type MenuItemProps<T> = Omit<MenuItemProps$1<T>, 'className' | 'style'> & BaseMenuProps;
+type MenuRenderProps = AsType<PopoverRenderProps> & Required<Pick<BaseMenuProps, 'size'>>;
+type MenuItemRenderProps = AsType<MenuItemRenderProps$1> & Required<Pick<BaseMenuProps, 'size'>>;
+type MenuState = Omit<MenuRenderProps, 'trigger'>;
+type MenuItemState = Omit<MenuItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> & {
+    hasDescription: boolean;
+};
+
+export type { MenuClassNames, MenuItemProps, MenuItemRenderProps, MenuItemState, MenuListProps, MenuMapping, MenuProps, MenuRenderProps, MenuSizes, MenuState };

package/dist/components/menu/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,5 @@
+export { MergeProvider } from './merge-provider.js';
+export { MergeProviderProps } from './types.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../../types/react-aria.js';

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

@@ -0,0 +1,5 @@
+import '../../chunk-PZ5AY32C.js';
+export { MergeProvider } from './merge-provider.js';
+import './types.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MergeProviderProps } from './types.js';
+import 'react';
+import '../../types/react-aria.js';
+
+/**
+ * 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
+ */
+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>): react_jsx_runtime.JSX.Element;
+
+export { MergeProvider };

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

@@ -0,0 +1,46 @@
+import '../../chunk-PZ5AY32C.js';
+import { mergeProps } from '../../utils/index.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+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 /* @__PURE__ */ jsx(context.Provider, { value: merged, children });
+  };
+}
+function MergeProvider({
+  values,
+  children
+}) {
+  for (let [context, next] of values) {
+    children = /* @__PURE__ */ jsx(context.Consumer, { children: merge(context, next, children) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export { MergeProvider };
+//# sourceMappingURL=merge-provider.js.map
+//# sourceMappingURL=merge-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/merge-provider/merge-provider.tsx"],"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;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;AAE3B,MAAM,MAAA,SAAA,GACJ,OAAW,IAAA,IAAA,IAAS,IAAK,CAAA,KAAA;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;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;AAAA;AAG7C,cAAO,OAAA,GAAA;AAAA,aACT,EAAG,EAAE;AAAA;AACP,SACF;AAAA,OACS,MAAA,IAAA,CAAC,SAAa,IAAA,CAAC,SAAW,EAAA;AACnC,QAAS,MAAA,GAAA,UAAA,CAAW,MAAgB,IAAc,CAAA;AAAA;AACpD;AAGF,IAAA,2BAAQ,OAAQ,CAAA,QAAA,EAAR,EAAiB,KAAA,EAAO,QAAS,QAAS,EAAA,CAAA;AAAA,GACpD;AACF;AAcO,SAAS,aAA+C,CAAA;AAAA,EAC7D,MAAA;AAAA,EACA;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;AAAA;AAIJ,EAAA,uCAAU,QAAS,EAAA,CAAA;AACrB","file":"merge-provider.js","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"]}

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

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { ProviderValues } from '../../types/react-aria.js';
+
+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>;
+}>;
+
+export type { MergeProviderProps };

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

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

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

package/dist/components/number-field/index.d.ts

@@ -0,0 +1,12 @@
+export { NumberField, NumberFieldContext } from './number-field.js';
+export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars } from './number-field.css.js';
+export { NumberFieldClassNames, NumberFieldMapping, NumberFieldProps, NumberFieldSizes, NumberFieldState } from './types.js';
+import 'react-aria-components';
+import 'react';
+import 'type-fest';
+import '../button/types.js';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+import '../input/types.js';
+import '../../types/generic.js';

package/dist/components/number-field/index.js

@@ -0,0 +1,5 @@
+import '../../chunk-PZ5AY32C.js';
+export { NumberField, NumberFieldContext } from './number-field.js';
+export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars } from './number-field.css.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/number-field/index.js.map

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

package/dist/components/number-field/number-field.css.d.ts

@@ -0,0 +1,40 @@
+import { NumberFieldClassNames } from './types.js';
+import 'react-aria-components';
+import 'type-fest';
+import '../button/types.js';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import 'react';
+import '../icon/types.js';
+import '../input/types.js';
+import '../../types/generic.js';
+
+declare const numberFieldContainer: string;
+declare const numberFieldColorVars: {
+    description: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    error: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const numberFieldSpaceVars: {
+    group: {
+        gap: `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})`;
+    };
+    numberField: {
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const numberFieldStateVars: {
+    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const numberFieldClassNames: NumberFieldClassNames;
+
+export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars };

package/dist/components/number-field/number-field.css.js

@@ -0,0 +1,12 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/number-field/number-field.css.ts
+var numberFieldClassNames = { container: "number-field_numberFieldClassNames_container__15l4s2dc", numberField: "number-field_numberFieldClassNames_numberField__15l4s2dd", description: "number-field_numberFieldClassNames_description__15l4s2de", error: "number-field_numberFieldClassNames_error__15l4s2df", group: "number-field_numberFieldClassNames_group__15l4s2dg", label: "typography_label__j8fgabg" };
+var numberFieldColorVars = { description: { color: "var(--description-color__15l4s2d1)" }, error: { color: "var(--error-color__15l4s2d2)" } };
+var numberFieldContainer = "number-field_numberFieldContainer__15l4s2d0";
+var numberFieldSpaceVars = { group: { gap: "var(--group-gap__15l4s2d3)", x: "var(--group-x__15l4s2d4)", y: "var(--group-y__15l4s2d5)" }, numberField: { gap: "var(--numberField-gap__15l4s2d6)" } };
+var numberFieldStateVars = { size: "var(--size__15l4s2d7)", isDisabled: "var(--isDisabled__15l4s2d8)", isInvalid: "var(--isInvalid__15l4s2d9)", isReadOnly: "var(--isReadOnly__15l4s2da)", isRequired: "var(--isRequired__15l4s2db)" };
+
+export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars };
+//# sourceMappingURL=number-field.css.js.map
+//# sourceMappingURL=number-field.css.js.map

package/dist/components/number-field/number-field.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/number-field/number-field.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,qBAAwB,GAAA,EAAC,SAAU,EAAA,wDAAA,EAAyD,WAAY,EAAA,0DAAA,EAA2D,WAAY,EAAA,0DAAA,EAA2D,KAAM,EAAA,oDAAA,EAAqD,KAAM,EAAA,oDAAA,EAAqD,OAAM,2BAA2B;AACjY,IAAA,oBAAA,GAAuB,EAAC,WAAA,EAAY,EAAC,KAAA,EAAM,oCAAoC,EAAA,EAAE,KAAM,EAAA,EAAC,KAAM,EAAA,8BAAA,EAA+B;AACjI,IAAI,oBAAuB,GAAA;AAC3B,IAAI,oBAAuB,GAAA,EAAC,KAAM,EAAA,EAAC,KAAI,4BAA6B,EAAA,CAAA,EAAE,0BAA2B,EAAA,CAAA,EAAE,4BAA4B,EAAA,WAAA,EAAY,EAAC,GAAA,EAAI,oCAAmC;AAC/K,IAAA,oBAAA,GAAuB,EAAC,IAAA,EAAK,uBAAwB,EAAA,UAAA,EAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,UAAA,EAAW,6BAA8B,EAAA,UAAA,EAAW,6BAA6B","file":"number-field.css.js","sourcesContent":["export var numberFieldClassNames = {container:'number-field_numberFieldClassNames_container__15l4s2dc',numberField:'number-field_numberFieldClassNames_numberField__15l4s2dd',description:'number-field_numberFieldClassNames_description__15l4s2de',error:'number-field_numberFieldClassNames_error__15l4s2df',group:'number-field_numberFieldClassNames_group__15l4s2dg',label:'typography_label__j8fgabg'};\nexport var numberFieldColorVars = {description:{color:'var(--description-color__15l4s2d1)'},error:{color:'var(--error-color__15l4s2d2)'}};\nexport var numberFieldContainer = 'number-field_numberFieldContainer__15l4s2d0';\nexport var numberFieldSpaceVars = {group:{gap:'var(--group-gap__15l4s2d3)',x:'var(--group-x__15l4s2d4)',y:'var(--group-y__15l4s2d5)'},numberField:{gap:'var(--numberField-gap__15l4s2d6)'}};\nexport var numberFieldStateVars = {size:'var(--size__15l4s2d7)',isDisabled:'var(--isDisabled__15l4s2d8)',isInvalid:'var(--isInvalid__15l4s2d9)',isReadOnly:'var(--isReadOnly__15l4s2da)',isRequired:'var(--isRequired__15l4s2db)'};"]}

package/dist/components/number-field/number-field.d.ts

@@ -0,0 +1,20 @@
+import { NumberFieldProps, NumberFieldClassNames, NumberFieldMapping, NumberFieldSizes } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
+import 'type-fest';
+import '../button/types.js';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+import '../input/types.js';
+import '../../types/generic.js';
+
+declare const NumberFieldContext: react.Context<ContextValue<NumberFieldProps, HTMLDivElement>>;
+declare const NumberField: (props: Omit<react_aria_components.NumberFieldProps, "className" | "style"> & {
+    classNames?: NumberFieldClassNames;
+    mapping?: Partial<NumberFieldMapping>;
+    size?: NumberFieldSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { NumberField, NumberFieldContext };