@accelint/design-system 0.8.1 → 0.10.0

package/dist/components/menu/index.js

@@ -1,6 +1,257 @@
 import '../../chunk-PZ5AY32C.js';
-export { Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext } from './menu.js';
-import './types.js';
-export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars } from './menu.css.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Provider, Popover, Collection, MenuStateContext, CollectionRendererContext, Menu as Menu$1, DEFAULT_SLOT, MenuItem as MenuItem$1 } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useSlot } from '../../hooks/use-slot/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { bodies, headings } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/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(
+    // @ts-expect-error ts unnecessarily guarding against null state
+    () => createCollectionRenderer(MenuStateContext, values),
+    [values]
+  );
+  return /* @__PURE__ */ jsx(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=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/menu/index.tsx"],"names":["Menu","MenuList","RACMenu","MenuItem","RACMenuItem"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  type HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  Collection,\n  type CollectionRenderer,\n  CollectionRendererContext,\n  type ContextValue,\n  DEFAULT_SLOT,\n  MenuStateContext,\n  Popover,\n  type PopoverRenderProps,\n  Provider,\n  Menu as RACMenu,\n  MenuItem as RACMenuItem,\n  type MenuItemRenderProps as RACMenuItemRenderProps,\n  type SectionProps,\n  type SeparatorProps,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useSlot } from '../../hooks/use-slot';\nimport { useTheme } from '../../hooks/use-theme';\nimport { bodies, headings } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n  AriaHeaderContext,\n  AriaKeyboardContext,\n  AriaSection,\n  AriaSectionContext,\n  AriaSeparatorContext,\n  AriaText,\n  AriaTextContext,\n} from '../aria';\nimport { createCollectionRenderer } from '../collection';\nimport { IconContext } from '../icon';\nimport type { IconProps } from '../icon/types';\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    // @ts-expect-error ts unnecessarily guarding against null state\n    () => createCollectionRenderer(MenuStateContext, values),\n    [values],\n  );\n\n  return (\n    <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    </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/menu.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/menu.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,cAAA,GAAiB,EAAC,IAAK,EAAA,EAAC,WAAU,8CAA+C,EAAA,IAAA,EAAK,6FAA6F,EAAA,IAAA,EAAK,EAAC,SAAU,EAAA,8CAAA,EAA+C,MAAK,yCAA0C,EAAA,OAAA,EAAQ,8CAA6C,MAAO,EAAA,2CAAA,EAA4C,WAAU,8CAA8C,EAAA,EAAE,MAAK,EAAC,SAAA,EAAU,gDAA+C,IAAK,EAAA,yCAAA,EAA0C,MAAK,EAAC,IAAA,EAAK,gDAAgD,EAAA,KAAA,EAAM,4CAA2C,WAAY,EAAA,gDAAA,EAAiD,MAAK,EAAC,IAAA,EAAK,gDAAgD,EAAA,QAAA,EAAS,+CAA8C;AACh1B,IAAI,aAAgB,GAAA,EAAC,IAAK,EAAA,EAAC,YAAW,iCAAkC,EAAA,MAAA,EAAO,6BAA8B,EAAA,KAAA,EAAM,8BAA8B,EAAA,MAAA,EAAO,EAAC,UAAA,EAAW,qCAAoC,MAAO,EAAA,+BAAA,EAAgC,KAAM,EAAA,8BAAA,EAAgC,EAAA,SAAA,EAAU,2BAA4B,EAAA,IAAA,EAAK,EAAC,UAAW,EAAA,iCAAA,EAAkC,MAAO,EAAA,6BAAA,EAA8B,OAAM,4BAA4B,EAAA,EAAE,KAAM,EAAA,uBAAA,EAAwB,aAAY,6BAA6B;AAC9f,IAAI,iBAAiB,EAAC,IAAA,EAAK,qCAAoC,IAAK,EAAA,mCAAA,EAAoC,MAAK,mCAAmC;AAC5I,IAAA,iBAAA,GAAoB,EAAC,aAAA,EAAc,+BAAgC,EAAA,iBAAA,EAAkB,qCAAoC,IAAK,EAAA,sBAAA,EAAuB,cAAe,EAAA,gCAAA,EAAiC,UAAW,EAAA,4BAAA,EAA6B,QAAO,wBAAyB,EAAA,UAAA,EAAW,4BAA6B,EAAA,SAAA,EAAU,2BAA4B,EAAA,SAAA,EAAU,2BAA4B,EAAA,UAAA,EAAW,4BAA6B,EAAA,SAAA,EAAU,2BAA4B,EAAA,cAAA,EAAe,gCAAgC;AAC9f,IAAA,aAAA,GAAgB,EAAC,IAAK,EAAA,EAAC,UAAS,+BAAgC,EAAA,CAAA,EAAE,0BAAyB,CAAE,EAAA,wBAAA,IAA0B,IAAK,EAAA,EAAC,GAAE,wBAAyB,EAAA,CAAA,EAAE,0BAA0B,EAAA,OAAA,EAAQ,EAAC,CAAA,EAAE,4BAA6B,EAAA,CAAA,EAAE,8BAA8B,EAAA,MAAA,EAAO,EAAC,CAAE,EAAA,2BAAA,EAA4B,GAAE,2BAA2B,EAAA,EAAE,SAAU,EAAA,EAAC,CAAE,EAAA,8BAAA,EAA+B,GAAE,8BAA8B,EAAA,EAAE,MAAK,EAAC,CAAA,EAAE,2BAA0B,CAAE,EAAA,yBAAA,EAA0B,GAAI,EAAA,2BAAA,EAA4B;AAC7e,IAAA,aAAA,GAAgB,EAAC,SAAU,EAAA,2BAAA,EAA4B,MAAK,sBAAuB,EAAA,SAAA,EAAU,2BAA4B,EAAA,UAAA,EAAW,4BAA4B","file":"menu.css.js","sourcesContent":["export 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'}};\nexport 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)'};\nexport var menuContainers = {menu:'menu_menuContainers_menu__dpszds0',list:'menu_menuContainers_list__dpszds1',item:'menu_menuContainers_item__dpszds2'};\nexport 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)'};\nexport 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)'}};\nexport var menuStateVars = {placement:'var(--placement__dpszds3)',size:'var(--size__dpszds4)',isExiting:'var(--isExiting__dpszds5)',isEntering:'var(--isEntering__dpszds6)'};"]}
+{"version":3,"sources":["../../../src/components/menu/menu.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,cAAA,GAAiB,EAAC,IAAA,EAAK,EAAC,WAAU,8CAAA,EAA+C,IAAA,EAAK,6FAA2F,EAAE,IAAA,EAAK,EAAC,SAAA,EAAU,8CAAA,EAA+C,MAAK,yCAAA,EAA0C,OAAA,EAAQ,8CAA6C,MAAA,EAAO,2CAAA,EAA4C,WAAU,8CAAA,EAA8C,EAAE,MAAK,EAAC,SAAA,EAAU,gDAA+C,IAAA,EAAK,yCAAA,EAA0C,MAAK,EAAC,IAAA,EAAK,gDAA8C,EAAE,KAAA,EAAM,4CAA2C,WAAA,EAAY,gDAAA,EAAiD,MAAK,EAAC,IAAA,EAAK,gDAA8C,EAAE,QAAA,EAAS,+CAA6C;AAC/0B,IAAI,aAAA,GAAgB,EAAC,IAAA,EAAK,EAAC,YAAW,iCAAA,EAAkC,MAAA,EAAO,6BAAA,EAA8B,KAAA,EAAM,8BAA4B,EAAE,MAAA,EAAO,EAAC,UAAA,EAAW,qCAAoC,MAAA,EAAO,+BAAA,EAAgC,KAAA,EAAM,8BAAA,EAA8B,EAAE,SAAA,EAAU,2BAAA,EAA4B,IAAA,EAAK,EAAC,UAAA,EAAW,iCAAA,EAAkC,MAAA,EAAO,6BAAA,EAA8B,OAAM,4BAAA,EAA4B,EAAE,KAAA,EAAM,uBAAA,EAAwB,aAAY,6BAAA;AACje,IAAI,iBAAiB,EAAC,IAAA,EAAK,qCAAoC,IAAA,EAAK,mCAAA,EAAoC,MAAK,mCAAA;AAC7G,IAAI,iBAAA,GAAoB,EAAC,aAAA,EAAc,+BAAA,EAAgC,iBAAA,EAAkB,qCAAoC,IAAA,EAAK,sBAAA,EAAuB,cAAA,EAAe,gCAAA,EAAiC,UAAA,EAAW,4BAAA,EAA6B,QAAO,wBAAA,EAAyB,UAAA,EAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,SAAA,EAAU,2BAAA,EAA4B,UAAA,EAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,cAAA,EAAe,gCAAA;AACle,IAAI,aAAA,GAAgB,EAAC,IAAA,EAAK,EAAC,UAAS,+BAAA,EAAgC,CAAA,EAAE,0BAAyB,CAAA,EAAE,wBAAA,IAA0B,IAAA,EAAK,EAAC,GAAE,wBAAA,EAAyB,CAAA,EAAE,0BAAwB,EAAE,OAAA,EAAQ,EAAC,CAAA,EAAE,4BAAA,EAA6B,CAAA,EAAE,8BAA4B,EAAE,MAAA,EAAO,EAAC,CAAA,EAAE,2BAAA,EAA4B,GAAE,2BAAA,EAA2B,EAAE,SAAA,EAAU,EAAC,CAAA,EAAE,8BAAA,EAA+B,GAAE,8BAAA,EAA8B,EAAE,MAAK,EAAC,CAAA,EAAE,2BAA0B,CAAA,EAAE,yBAAA,EAA0B,GAAA,EAAI,2BAAA,EAA2B;AAChf,IAAI,aAAA,GAAgB,EAAC,SAAA,EAAU,2BAAA,EAA4B,MAAK,sBAAA,EAAuB,SAAA,EAAU,2BAAA,EAA4B,UAAA,EAAW,4BAAA","file":"menu.css.js","sourcesContent":["export 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'}};\nexport 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)'};\nexport var menuContainers = {menu:'menu_menuContainers_menu__dpszds0',list:'menu_menuContainers_list__dpszds1',item:'menu_menuContainers_item__dpszds2'};\nexport 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)'};\nexport 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)'}};\nexport var menuStateVars = {placement:'var(--placement__dpszds3)',size:'var(--size__dpszds4)',isExiting:'var(--isExiting__dpszds5)',isEntering:'var(--isEntering__dpszds6)'};"]}

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

@@ -1,5 +1,20 @@
-export { MergeProvider } from './merge-provider.js';
-export { MergeProviderProps } from './types.js';
-import 'react/jsx-runtime';
+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/index.js

@@ -1,5 +1,46 @@
 import '../../chunk-PZ5AY32C.js';
-export { MergeProvider } from './merge-provider.js';
-import './types.js';
+import { mergeProps } from '../../utils/props/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 (const [context, next] of values) {
+    children = /* @__PURE__ */ jsx(context.Consumer, { children: merge(context, next, children) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export { MergeProvider };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/merge-provider/index.tsx"],"names":[],"mappings":";;;;AAgBA,SAAS,KAAA,CAAS,OAAA,EAAqB,IAAA,EAAS,QAAA,EAAqB;AACnE,EAAA,OAAO,SAAS,SAAS,IAAA,EAAS;AAChC,IAAA,IAAI,MAAA,GAAS,IAAA;AAEb,IAAA,IACE,IAAA,IAAQ,QACR,IAAA,IAAQ,IAAA,IACR,OAAO,IAAA,KAAS,QAAA,IAChB,OAAO,IAAA,KAAS,QAAA,EAChB;AACA,MAAA,MAAM,SAAA,GACJ,OAAA,IAAW,IAAA,IAAS,IAAA,CAAK,KAAA;AAE3B,MAAA,MAAM,SAAA,GACJ,OAAA,IAAW,IAAA,IAAS,IAAA,CAAK,KAAA;AAE3B,MAAA,IAAI,aAAa,SAAA,EAAW;AAC1B,QAAA,MAAA,GAAS;AAAA,UACP,GAAG,IAAA;AAAA,UACH,GAAG,IAAA;AAAA,UACH,KAAA,EAAO;AAAA,YACL,GAAG,SAAA;AAAA,YACH,GAAG,SAAA;AAAA,YACH,GAAG,QAAQ,OAAA,CAAQ,SAAS,EAAE,MAAA,CAE5B,CAAC,KAAK,GAAA,KAAQ;AACd,cAAA,MAAM,KAAA,GAAQ,UAAU,GAAG,CAAA;AAE3B,cAAA,IAAI,MAAA,CAAO,MAAA,CAAO,SAAA,EAAW,GAAG,CAAA,EAAG;AACjC,gBAAA,GAAA,CAAI,GAAG,CAAA,GAAI,UAAA,CAAW,SAAA,CAAU,GAAG,GAAG,KAAK,CAAA;AAAA;AAG7C,cAAA,OAAO,GAAA;AAAA,aACT,EAAG,EAAE;AAAA;AACP,SACF;AAAA,OACF,MAAA,IAAW,EAAE,SAAA,IAAa,SAAA,CAAA,EAAY;AACpC,QAAA,MAAA,GAAS,UAAA,CAAW,MAAgB,IAAc,CAAA;AAAA;AACpD;AAGF,IAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,QAAS,QAAA,EAAS,CAAA;AAAA,GACpD;AACF;AAcO,SAAS,aAAA,CAA+C;AAAA,EAC7D,MAAA;AAAA,EACA;AACF,CAAA,EAAwD;AACtD,EAAA,KAAA,MAAW,CAAC,OAAA,EAAS,IAAI,CAAA,IAAK,MAAA,EAAQ;AACpC,IAAA,QAAA,mBACE,GAAA,CAAC,QAAQ,QAAA,EAAR,EACE,gBAAM,OAAA,EAAiC,IAAA,EAAM,QAAQ,CAAA,EACxD,CAAA;AAAA;AAIJ,EAAA,uCAAU,QAAA,EAAS,CAAA;AACrB","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { Context, ReactNode } from 'react';\nimport { mergeProps } from '../../utils/props';\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 (const [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/number-field/index.d.ts

@@ -1,12 +1,20 @@
-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 { NumberFieldClassNames, NumberFieldMapping, NumberFieldSizes, NumberFieldProps } 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 '../button/types.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 };

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

@@ -1,5 +1,130 @@
 import '../../chunk-PZ5AY32C.js';
-export { NumberField, NumberFieldContext } from './number-field.js';
-export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars } from './number-field.css.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { LabelContext, Provider, NumberField as NumberField$1 } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { bodies } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaTextContext, AriaFieldErrorContext, AriaGroupContext } from '../aria/index.js';
+import { ButtonContext } from '../button/index.js';
+import { InputContext } from '../input/index.js';
+import { numberFieldClassNames, numberFieldStateVars } from './number-field.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  description: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  error: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  increment: {
+    sm: { size: "xs", variant: "bare" },
+    lg: { size: "sm", variant: "bare" }
+  },
+  decrement: {
+    sm: { size: "xs", variant: "bare" },
+    lg: { size: "sm", variant: "bare" }
+  }
+};
+var NumberFieldContext = createContext(null);
+var NumberField = forwardRef(function NumberField2(props, ref) {
+  [props, ref] = useContextProps(props, ref, NumberFieldContext);
+  props = useDefaultProps(props, "NumberField");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = "lg",
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(
+      numberFieldClassNames,
+      theme.NumberField,
+      classNamesProp,
+      {
+        description: mapping.description[size],
+        error: mapping.error[size]
+      }
+    ),
+    [theme.NumberField, classNamesProp, mapping, size]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(numberFieldStateVars, {
+      ...renderProps,
+      size
+    }),
+    [size]
+  );
+  const values = useMemo(
+    () => [
+      [LabelContext, { className: classNames?.label }],
+      [
+        AriaTextContext,
+        {
+          slots: {
+            description: { className: classNames?.description }
+          }
+        }
+      ],
+      [AriaFieldErrorContext, { className: classNames?.error }],
+      [
+        AriaGroupContext,
+        {
+          className: classNames?.group
+        }
+      ],
+      [
+        ButtonContext,
+        {
+          slots: {
+            increment: {
+              ...mapping.increment[size],
+              classNames: classNames?.increment
+            },
+            decrement: {
+              ...mapping.decrement[size],
+              classNames: classNames?.decrement
+            }
+          }
+        }
+      ],
+      [InputContext, { classNames: classNames?.input, size }]
+    ],
+    [classNames, mapping, size]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.numberField, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, classNames?.numberField, values]
+  );
+  return /* @__PURE__ */ jsx(
+    NumberField$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.container,
+      style,
+      children
+    }
+  );
+});
+
+export { NumberField, NumberFieldContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/number-field/index.tsx"],"names":["NumberField","RACNumberField"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type FieldErrorProps,\n  LabelContext,\n  type LabelProps,\n  type NumberFieldRenderProps,\n  Provider,\n  type GroupProps as RACGroupProps,\n  NumberField as RACNumberField,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n  AriaFieldErrorContext,\n  AriaGroupContext,\n  type AriaLabelContext,\n  AriaTextContext,\n} from '../aria';\nimport { ButtonContext } from '../button';\nimport type { ButtonProps } from '../button/types';\nimport { InputContext } from '../input';\nimport type { InputProps } from '../input/types';\nimport {\n  numberFieldClassNames,\n  numberFieldStateVars,\n} from './number-field.css';\nimport type { NumberFieldMapping, NumberFieldProps } from './types';\n\nconst defaultMapping: NumberFieldMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  increment: {\n    sm: { size: 'xs', variant: 'bare' },\n    lg: { size: 'sm', variant: 'bare' },\n  },\n  decrement: {\n    sm: { size: 'xs', variant: 'bare' },\n    lg: { size: 'sm', variant: 'bare' },\n  },\n};\n\nexport const NumberFieldContext =\n  createContext<ContextValue<NumberFieldProps, HTMLDivElement>>(null);\n\nexport const NumberField = forwardRef(function NumberField(\n  props: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, NumberFieldContext);\n\n  props = useDefaultProps(props, 'NumberField');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = 'lg',\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(\n        numberFieldClassNames,\n        theme.NumberField,\n        classNamesProp,\n        {\n          description: mapping.description[size],\n          error: mapping.error[size],\n        },\n      ),\n    [theme.NumberField, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: NumberFieldRenderProps) =>\n      inlineVars(numberFieldStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n  const values = useMemo<\n    [\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n      [typeof AriaGroupContext, ContextValue<RACGroupProps, HTMLDivElement>],\n      [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n      [typeof InputContext, ContextValue<InputProps, HTMLInputElement>],\n    ]\n  >(\n    () => [\n      [LabelContext, { className: classNames?.label }],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            description: { className: classNames?.description },\n          },\n        },\n      ],\n      [AriaFieldErrorContext, { className: classNames?.error }],\n      [\n        AriaGroupContext,\n        {\n          className: classNames?.group,\n        },\n      ],\n      [\n        ButtonContext,\n        {\n          slots: {\n            increment: {\n              ...mapping.increment[size],\n              classNames: classNames?.increment,\n            },\n            decrement: {\n              ...mapping.decrement[size],\n              classNames: classNames?.decrement,\n            },\n          },\n        },\n      ],\n      [InputContext, { classNames: classNames?.input, size }],\n    ],\n    [classNames, mapping, size],\n  );\n\n  const children = useCallback(\n    (renderProps: NumberFieldRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.numberField}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.numberField, values],\n  );\n  return (\n    <RACNumberField\n      {...rest}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n    >\n      {children}\n    </RACNumberField>\n  );\n});\n"]}

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

@@ -1,8 +1,8 @@
 import { NumberFieldClassNames } from './types.js';
 import 'react-aria-components';
 import 'type-fest';
-import '../button/types.js';
 import '../../types/props.js';
+import '../button/types.js';
 import '../../types/react-aria.js';
 import 'react';
 import '../icon/types.js';

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

@@ -1 +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)'};"]}
+{"version":3,"sources":["../../../src/components/number-field/number-field.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,qBAAA,GAAwB,EAAC,SAAA,EAAU,wDAAA,EAAyD,WAAA,EAAY,0DAAA,EAA2D,WAAA,EAAY,0DAAA,EAA2D,KAAA,EAAM,oDAAA,EAAqD,KAAA,EAAM,oDAAA,EAAqD,OAAM,2BAAA;AAC1W,IAAI,oBAAA,GAAuB,EAAC,WAAA,EAAY,EAAC,KAAA,EAAM,oCAAA,EAAoC,EAAE,KAAA,EAAM,EAAC,KAAA,EAAM,8BAAA,EAA8B;AAChI,IAAI,oBAAA,GAAuB;AAC3B,IAAI,oBAAA,GAAuB,EAAC,KAAA,EAAM,EAAC,KAAI,4BAAA,EAA6B,CAAA,EAAE,0BAAA,EAA2B,CAAA,EAAE,4BAA0B,EAAE,WAAA,EAAY,EAAC,GAAA,EAAI,oCAAkC;AAClL,IAAI,oBAAA,GAAuB,EAAC,IAAA,EAAK,uBAAA,EAAwB,UAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA","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/types.d.ts

@@ -1,7 +1,7 @@
 import { NumberFieldProps as NumberFieldProps$1, NumberFieldRenderProps as NumberFieldRenderProps$1 } from 'react-aria-components';
 import { PartialDeep } from 'type-fest';
-import { ButtonClassNames, ButtonProps } from '../button/types.js';
 import { OmitProtectedProps } from '../../types/props.js';
+import { ButtonClassNames, ButtonProps } from '../button/types.js';
 import { InputClassNames } from '../input/types.js';
 import '../../types/react-aria.js';
 import 'react';