@accelint/design-system 0.8.1 → 0.10.0

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

@@ -1,3 +1,32 @@
-export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext } from './aria.js';
-import 'react';
-import 'react-aria-components';
+import * as react from 'react';
+import { RefAttributes } from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue, SectionProps, SelectValueProps } from 'react-aria-components';
+
+declare const AriaFieldError: (props: react_aria_components.FieldErrorProps & RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const AriaFieldErrorContext: react.Context<ContextValue<react_aria_components.FieldErrorProps & RefAttributes<HTMLElement>, HTMLElement>>;
+declare const AriaGroup: (props: react_aria_components.GroupProps & RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const AriaGroupContext: react.Context<ContextValue<react_aria_components.GroupProps & RefAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare const AriaHeader: (props: react.HTMLAttributes<HTMLElement> & RefAttributes<object> & RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const AriaHeaderContext: react.Context<ContextValue<react.HTMLAttributes<HTMLElement> & RefAttributes<object>, HTMLElement>>;
+declare const AriaHeading: (props: react_aria_components.HeadingProps & RefAttributes<HTMLHeadingElement>) => react.ReactElement | null;
+declare const AriaHeadingContext: react.Context<ContextValue<react_aria_components.HeadingProps & RefAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+declare const AriaKeyboard: (props: react.HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const AriaKeyboardContext: react.Context<ContextValue<react.HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>, HTMLElement>>;
+declare const AriaLabel: (props: react_aria_components.LabelProps & RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
+declare const AriaLabelContext: react.Context<ContextValue<react_aria_components.LabelProps & RefAttributes<HTMLLabelElement>, HTMLLabelElement>>;
+declare const AriaSeparator: (props: react_aria_components.SeparatorProps & RefAttributes<object> & RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const AriaSeparatorContext: react.Context<ContextValue<react_aria_components.SeparatorProps & RefAttributes<object>, HTMLElement>>;
+declare const AriaText: (props: react_aria_components.TextProps & RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const AriaTextContext: react.Context<ContextValue<react_aria_components.TextProps & RefAttributes<HTMLElement>, HTMLElement>>;
+/**
+ * Due to the complexity of types and technical constraints of TS, it's not
+ * possible for the above wrapping utility to support components that accept
+ * generic parameters. This means that these components must be manually wrapped
+ */
+declare const AriaSectionContext: react.Context<ContextValue<SectionProps<object>, HTMLElement>>;
+declare const AriaSection: <T extends object>(props: SectionProps<T> & RefAttributes<HTMLElement>) => react.ReactElement | null;
+declare const AriaSelectValueContext: react.Context<ContextValue<SelectValueProps<object>, HTMLSpanElement>>;
+declare const AriaSelectValue: <T extends object>(props: SelectValueProps<T> & RefAttributes<HTMLSpanElement>) => react.ReactElement | null;
+
+export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext };

package/dist/components/aria/index.js

@@ -1,4 +1,39 @@
 import '../../chunk-PZ5AY32C.js';
-export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext } from './aria.js';
+import { createContext, forwardRef } from 'react';
+import { Section, SelectValue, FieldError, Group, Header, Heading, Keyboard, Label, Separator, Text } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function wrap(Component) {
+  const Context = createContext(null);
+  return {
+    // biome-ignore lint/style/useNamingConvention: intentional
+    Component: forwardRef(function WrappedComponent(props, ref) {
+      [props, ref] = useContextProps(props, ref, Context);
+      return /* @__PURE__ */ jsx(Component, { ...props, ref });
+    }),
+    Context
+  };
+}
+var { Component: AriaFieldError, Context: AriaFieldErrorContext } = wrap(FieldError);
+var { Component: AriaGroup, Context: AriaGroupContext } = wrap(Group);
+var { Component: AriaHeader, Context: AriaHeaderContext } = wrap(Header);
+var { Component: AriaHeading, Context: AriaHeadingContext } = wrap(Heading);
+var { Component: AriaKeyboard, Context: AriaKeyboardContext } = wrap(Keyboard);
+var { Component: AriaLabel, Context: AriaLabelContext } = wrap(Label);
+var { Component: AriaSeparator, Context: AriaSeparatorContext } = wrap(Separator);
+var { Component: AriaText, Context: AriaTextContext } = wrap(Text);
+var AriaSectionContext = createContext(null);
+var AriaSection = forwardRef(function AriaSection2(props, ref) {
+  [props, ref] = useContextProps(props, ref, AriaSectionContext);
+  return /* @__PURE__ */ jsx(Section, { ...props, ref });
+});
+var AriaSelectValueContext = createContext(null);
+var AriaSelectValue = forwardRef(function AriaSelectValue2(props, ref) {
+  [props, ref] = useContextProps(props, ref, AriaSelectValueContext);
+  return /* @__PURE__ */ jsx(SelectValue, { ...props, ref });
+});
+
+export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/aria/index.tsx"],"names":["AriaSection","AriaSelectValue"],"mappings":";;;;;;AA0CA,SAAS,KACP,SAAA,EACA;AACA,EAAA,MAAM,OAAA,GAAU,cAAkC,IAAI,CAAA;AAEtD,EAAA,OAAO;AAAA;AAAA,IAEL,SAAA,EAAW,UAAA,CAAiB,SAAS,gBAAA,CAAiB,OAAO,GAAA,EAAK;AAChE,MAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,OAAO,CAAA;AAElD,MAAA,uBAAO,GAAA,CAAC,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAAA,KACxC,CAAA;AAAA,IACD;AAAA,GACF;AACF;AAEO,IAAM,EAAE,SAAA,EAAW,cAAA,EAAgB,SAAS,qBAAA,EAAsB,GACvE,KAAK,UAAU;AAEV,IAAM,EAAE,SAAA,EAAW,SAAA,EAAW,SAAS,gBAAA,EAAiB,GAAI,KAAK,KAAK;AAEtE,IAAM,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,iBAAA,EAAkB,GAC/D,KAAK,MAAM;AAEN,IAAM,EAAE,SAAA,EAAW,WAAA,EAAa,SAAS,kBAAA,EAAmB,GACjE,KAAK,OAAO;AAEP,IAAM,EAAE,SAAA,EAAW,YAAA,EAAc,SAAS,mBAAA,EAAoB,GACnE,KAAK,QAAQ;AAER,IAAM,EAAE,SAAA,EAAW,SAAA,EAAW,SAAS,gBAAA,EAAiB,GAAI,KAAK,KAAK;AAEtE,IAAM,EAAE,SAAA,EAAW,aAAA,EAAe,SAAS,oBAAA,EAAqB,GACrE,KAAK,SAAS;AAET,IAAM,EAAE,SAAA,EAAW,QAAA,EAAU,SAAS,eAAA,EAAgB,GAAI,KAAK,IAAI;AAQnE,IAAM,kBAAA,GACX,cAA+D,IAAI;AAE9D,IAAM,WAAA,GAAc,UAAA,CAAW,SAASA,YAAAA,CAC7C,OACA,GAAA,EACA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,kBAAkB,CAAA;AAE7D,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AACvC,CAAC;AAEM,IAAM,sBAAA,GACX,cAAuE,IAAI;AAEtE,IAAM,eAAA,GAAkB,UAAA,CAAW,SAASC,gBAAAA,CAEjD,OAA4B,GAAA,EAAoC;AAChE,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAA,CAAgB,KAAA,EAAO,KAAK,sBAAsB,CAAA;AAEjE,EAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAa,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAC3C,CAAC","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 ReactNode,\n  type RefAttributes,\n  createContext,\n  forwardRef,\n} from 'react';\nimport {\n  type ContextValue,\n  FieldError,\n  Group,\n  Header,\n  Heading,\n  Keyboard,\n  Label,\n  Section,\n  type SectionProps,\n  SelectValue,\n  type SelectValueProps,\n  Separator,\n  Text,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\n\n/**\n * To better align with the guidance from RAC about establishing a unique\n * context for components to avoid conflict of props being provided by RAC\n * and design system components, this wrapping utility accepts an RAC and returns\n * a wrapped version along with the new context for the design system to use\n */\nfunction wrap<P extends object, E extends HTMLElement>(\n  Component: (props: P & RefAttributes<E>) => ReactNode,\n) {\n  const Context = createContext<ContextValue<P, E>>(null);\n\n  return {\n    // biome-ignore lint/style/useNamingConvention: intentional\n    Component: forwardRef<E, P>(function WrappedComponent(props, ref) {\n      [props, ref] = useContextProps(props, ref, Context);\n\n      return <Component {...props} ref={ref} />;\n    }),\n    Context,\n  };\n}\n\nexport const { Component: AriaFieldError, Context: AriaFieldErrorContext } =\n  wrap(FieldError);\n\nexport const { Component: AriaGroup, Context: AriaGroupContext } = wrap(Group);\n\nexport const { Component: AriaHeader, Context: AriaHeaderContext } =\n  wrap(Header);\n\nexport const { Component: AriaHeading, Context: AriaHeadingContext } =\n  wrap(Heading);\n\nexport const { Component: AriaKeyboard, Context: AriaKeyboardContext } =\n  wrap(Keyboard);\n\nexport const { Component: AriaLabel, Context: AriaLabelContext } = wrap(Label);\n\nexport const { Component: AriaSeparator, Context: AriaSeparatorContext } =\n  wrap(Separator);\n\nexport const { Component: AriaText, Context: AriaTextContext } = wrap(Text);\n\n/**\n * Due to the complexity of types and technical constraints of TS, it's not\n * possible for the above wrapping utility to support components that accept\n * generic parameters. This means that these components must be manually wrapped\n */\n\nexport const AriaSectionContext =\n  createContext<ContextValue<SectionProps<object>, HTMLElement>>(null);\n\nexport const AriaSection = forwardRef(function AriaSection<T extends object>(\n  props: SectionProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  [props, ref] = useContextProps(props, ref, AriaSectionContext);\n\n  return <Section {...props} ref={ref} />;\n});\n\nexport const AriaSelectValueContext =\n  createContext<ContextValue<SelectValueProps<object>, HTMLSpanElement>>(null);\n\nexport const AriaSelectValue = forwardRef(function AriaSelectValue<\n  T extends object,\n>(props: SelectValueProps<T>, ref: ForwardedRef<HTMLSpanElement>) {\n  [props, ref] = useContextProps(props, ref, AriaSelectValueContext);\n\n  return <SelectValue {...props} ref={ref} />;\n});\n"]}

package/dist/components/button/button.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/button.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,gBAAmB,GAAA,EAAC,SAAU,EAAA,6CAAA,EAA8C,QAAO,0CAA0C;AACjI,IAAI,kBAAkB,EAAC,aAAA,EAAc,gCAAiC,EAAA,cAAA,EAAe,mCAAkC,YAAa,EAAA,+BAAA,EAAgC,eAAgB,EAAA,kCAAA,EAAmC,YAAW,6BAA8B,EAAA,UAAA,EAAW,+BAA8B,MAAO,EAAA,yBAAA,EAA0B,OAAM,wBAAwB;AACxW,IAAI,eAAkB,GAAA;AAClB,IAAA,eAAA,GAAkB,EAAC,GAAA,EAAI,sBAAuB,EAAA,QAAA,EAAS,2BAA4B,EAAA,KAAA,EAAM,wBAAyB,EAAA,CAAA,EAAE,oBAAqB,EAAA,CAAA,EAAE,oBAAoB;AAC/J,IAAA,eAAA,GAAkB,EAAC,KAAM,EAAA,wBAAA,EAAyB,MAAK,uBAAwB,EAAA,OAAA,EAAQ,0BAA2B,EAAA,SAAA,EAAU,4BAA6B,EAAA,UAAA,EAAW,+BAA8B,SAAU,EAAA,4BAAA,EAA6B,cAAe,EAAA,iCAAA,EAAkC,SAAU,EAAA,4BAAA,EAA6B,WAAU,4BAA6B,EAAA,SAAA,EAAU,4BAA6B,EAAA,UAAA,EAAW,6BAA6B","file":"button.css.js","sourcesContent":["export var buttonClassNames = {container:'button_buttonClassNames_container__17k72zwp',button:'button_buttonClassNames_button__17k72zwq'};\nexport var buttonColorVars = {nonSolidColor:'var(--nonSolidColor__17k72zw1)',bareBackground:'var(--bareBackground__17k72zw2)',hollowBorder:'var(--hollowBorder__17k72zw3)',solidBackground:'var(--solidBackground__17k72zw4)',solidColor:'var(--solidColor__17k72zw5)',background:'var(--background__17k72zw6)',border:'var(--border__17k72zw7)',color:'var(--color__17k72zw8)'};\nexport var buttonContainer = 'button_buttonContainer__17k72zw0';\nexport var buttonSpaceVars = {gap:'var(--gap__17k72zw9)',minWidth:'var(--minWidth__17k72zwa)',width:'var(--width__17k72zwb)',x:'var(--x__17k72zwc)',y:'var(--y__17k72zwd)'};\nexport var buttonStateVars = {color:'var(--color__17k72zwe)',size:'var(--size__17k72zwf)',variant:'var(--variant__17k72zwg)',isCurrent:'var(--isCurrent__17k72zwh)',isDisabled:'var(--isDisabled__17k72zwi)',isFocused:'var(--isFocused__17k72zwj)',isFocusVisible:'var(--isFocusVisible__17k72zwk)',isHovered:'var(--isHovered__17k72zwl)',isPending:'var(--isPending__17k72zwm)',isPressed:'var(--isPressed__17k72zwn)',isSelected:'var(--isSelected__17k72zwo)'};"]}
+{"version":3,"sources":["../../../src/components/button/button.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,gBAAA,GAAmB,EAAC,SAAA,EAAU,6CAAA,EAA8C,QAAO,0CAAA;AACvF,IAAI,kBAAkB,EAAC,aAAA,EAAc,gCAAA,EAAiC,cAAA,EAAe,mCAAkC,YAAA,EAAa,+BAAA,EAAgC,eAAA,EAAgB,kCAAA,EAAmC,YAAW,6BAAA,EAA8B,UAAA,EAAW,+BAA8B,MAAA,EAAO,yBAAA,EAA0B,OAAM,wBAAA;AAChV,IAAI,eAAA,GAAkB;AACtB,IAAI,eAAA,GAAkB,EAAC,GAAA,EAAI,sBAAA,EAAuB,QAAA,EAAS,2BAAA,EAA4B,KAAA,EAAM,wBAAA,EAAyB,CAAA,EAAE,oBAAA,EAAqB,CAAA,EAAE,oBAAA;AAC/I,IAAI,eAAA,GAAkB,EAAC,KAAA,EAAM,wBAAA,EAAyB,MAAK,uBAAA,EAAwB,OAAA,EAAQ,0BAAA,EAA2B,SAAA,EAAU,4BAAA,EAA6B,UAAA,EAAW,+BAA8B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA,EAAkC,SAAA,EAAU,4BAAA,EAA6B,WAAU,4BAAA,EAA6B,SAAA,EAAU,4BAAA,EAA6B,UAAA,EAAW,6BAAA","file":"button.css.js","sourcesContent":["export var buttonClassNames = {container:'button_buttonClassNames_container__17k72zwp',button:'button_buttonClassNames_button__17k72zwq'};\nexport var buttonColorVars = {nonSolidColor:'var(--nonSolidColor__17k72zw1)',bareBackground:'var(--bareBackground__17k72zw2)',hollowBorder:'var(--hollowBorder__17k72zw3)',solidBackground:'var(--solidBackground__17k72zw4)',solidColor:'var(--solidColor__17k72zw5)',background:'var(--background__17k72zw6)',border:'var(--border__17k72zw7)',color:'var(--color__17k72zw8)'};\nexport var buttonContainer = 'button_buttonContainer__17k72zw0';\nexport var buttonSpaceVars = {gap:'var(--gap__17k72zw9)',minWidth:'var(--minWidth__17k72zwa)',width:'var(--width__17k72zwb)',x:'var(--x__17k72zwc)',y:'var(--y__17k72zwd)'};\nexport var buttonStateVars = {color:'var(--color__17k72zwe)',size:'var(--size__17k72zwf)',variant:'var(--variant__17k72zwg)',isCurrent:'var(--isCurrent__17k72zwh)',isDisabled:'var(--isDisabled__17k72zwi)',isFocused:'var(--isFocused__17k72zwj)',isFocusVisible:'var(--isFocusVisible__17k72zwk)',isHovered:'var(--isHovered__17k72zwl)',isPending:'var(--isPending__17k72zwm)',isPressed:'var(--isPressed__17k72zwn)',isSelected:'var(--isSelected__17k72zwo)'};"]}

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

@@ -1,8 +1,47 @@
-export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './button.css.js';
-export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './button.js';
-export { ButtonClassNames, ButtonColors, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, ButtonState, LinkButtonProps, ToggleButtonProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../../types/react-aria.js';
+import * as react from 'react';
+import { Context } from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { ButtonRenderProps, ButtonColors, ButtonMapping, ButtonSizes, ButtonVariants, ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
+import { RenderPropsChildren } from '../../types/react-aria.js';
 import '../../types/props.js';
 import '../icon/types.js';
+
+declare const ButtonContext: Context<ContextValue<ButtonProps, HTMLButtonElement>>;
+declare const Button: (props: Omit<react_aria_components.ButtonProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<ButtonRenderProps>;
+    classNames?: Partial<{
+        container: string;
+        button: string;
+    }> | undefined;
+    color?: ButtonColors;
+    mapping?: Partial<ButtonMapping>;
+    size?: ButtonSizes;
+    variant?: ButtonVariants;
+} & react.RefAttributes<HTMLButtonElement>) => react.ReactElement | null;
+declare const LinkButtonContext: Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare const LinkButton: (props: Omit<react_aria_components.LinkProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<ButtonRenderProps>;
+    classNames?: Partial<{
+        container: string;
+        button: string;
+    }> | undefined;
+    color?: ButtonColors;
+    mapping?: Partial<ButtonMapping>;
+    size?: ButtonSizes;
+    variant?: ButtonVariants;
+} & react.RefAttributes<HTMLAnchorElement>) => react.ReactElement | null;
+declare const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
+declare const ToggleButton: (props: Omit<react_aria_components.ToggleButtonProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<ButtonRenderProps>;
+    classNames?: Partial<{
+        container: string;
+        button: string;
+    }> | undefined;
+    color?: ButtonColors;
+    mapping?: Partial<ButtonMapping>;
+    size?: ButtonSizes;
+    variant?: ButtonVariants;
+} & react.RefAttributes<HTMLButtonElement>) => react.ReactElement | null;
+
+export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext };

package/dist/components/button/index.js

@@ -1,6 +1,108 @@
 import '../../chunk-PZ5AY32C.js';
-export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './button.css.js';
-export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './button.js';
-import './types.js';
+import { noop } from '@accelint/core';
+import { clsx } from 'clsx';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Button as Button$1, Link, ToggleButton as ToggleButton$1, Provider } 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 { surfaces } from '../../styles/surfaces.css.js';
+import { bodies } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { IconContext } from '../icon/index.js';
+import { buttonClassNames, buttonStateVars } from './button.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var noopToggleState = { isSelected: false, setSelected: noop, toggle: noop };
+var buttonSizes = ["xs", "sm", "md", "lg", "xl"];
+var defaultMapping = {
+  font: bodies,
+  icon: buttonSizes.reduce(
+    (acc, size) => {
+      acc[size] = { size };
+      return acc;
+    },
+    {}
+  )
+};
+function useButton(props, ref, context, key) {
+  [props, ref] = useContextProps(props, ref, context);
+  props = useDefaultProps(props, key);
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    color = "primary",
+    mapping: mappingProp,
+    size = "md",
+    variant = "solid",
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(buttonClassNames, theme.Button, classNamesProp, {
+      button: clsx(
+        mapping.font[size],
+        variant === "floating" && surfaces.default.proud
+      )
+    }),
+    [theme.Button, classNamesProp, mapping.font, size, variant]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(buttonStateVars, {
+      isCurrent: false,
+      isSelected: false,
+      ...renderProps,
+      color,
+      size,
+      variant
+    }),
+    [color, size, variant]
+  );
+  const values = useMemo(() => [[IconContext, mapping.icon[size]]], [mapping.icon, size]);
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("span", { className: classNames?.button, children: callRenderProps(childrenProp, {
+      state: noopToggleState,
+      isCurrent: false,
+      isPending: false,
+      isSelected: false,
+      ...renderProps
+    }) }) }),
+    [values, classNames?.button, childrenProp]
+  );
+  return useMemo(
+    () => ({ ...rest, ref, children, className: classNames?.container, style }),
+    [rest, ref, children, classNames?.container, style]
+  );
+}
+var ButtonContext = createContext(null);
+var Button = forwardRef(function Button2(props, ref) {
+  const buttonProps = useButton(props, ref, ButtonContext, "Button");
+  return /* @__PURE__ */ jsx(Button$1, { ...buttonProps });
+});
+var LinkButtonContext = createContext(null);
+var LinkButton = forwardRef(function LinkButton2(props, ref) {
+  const buttonProps = useButton(props, ref, LinkButtonContext, "LinkButton");
+  return /* @__PURE__ */ jsx(Link, { ...buttonProps });
+});
+var ToggleButtonContext = createContext(null);
+var ToggleButton = forwardRef(function ToggleButton2(props, ref) {
+  const buttonProps = useButton(
+    props,
+    ref,
+    ToggleButtonContext,
+    "ToggleButton"
+  );
+  return /* @__PURE__ */ jsx(ToggleButton$1, { ...buttonProps });
+});
+
+export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["Button","RACButton","LinkButton","ToggleButton","RACToggleButton"],"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 { noop } from '@accelint/core';\nimport { clsx } from 'clsx';\nimport {\n  type Context,\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ButtonRenderProps,\n  type ContextValue,\n  Link,\n  type LinkRenderProps,\n  Provider,\n  Button as RACButton,\n  ToggleButton as RACToggleButton,\n  type ToggleButtonRenderProps,\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 { surfaces } from '../../styles/surfaces.css';\nimport { bodies } from '../../styles/typography.css';\nimport type { OmitProtectedProps } from '../../types/props';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { IconContext } from '../icon';\nimport type { IconProps } from '../icon/types';\nimport { buttonClassNames, buttonStateVars } from './button.css';\nimport type {\n  ButtonMapping,\n  ButtonProps,\n  ButtonSizes,\n  LinkButtonProps,\n  ToggleButtonProps,\n} from './types';\n\nconst noopToggleState = { isSelected: false, setSelected: noop, toggle: noop };\nconst buttonSizes: ButtonSizes[] = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst defaultMapping: ButtonMapping = {\n  font: bodies,\n  icon: buttonSizes.reduce(\n    (acc, size) => {\n      acc[size] = { size };\n\n      return acc;\n    },\n    {} as Record<ButtonSizes, OmitProtectedProps<IconProps>>,\n  ),\n};\n\nfunction useButton<\n  P extends ButtonProps | LinkButtonProps | ToggleButtonProps,\n  E extends HTMLElement,\n>(\n  props: P,\n  ref: ForwardedRef<E>,\n  context: Context<ContextValue<P, E>>,\n  key: 'Button' | 'LinkButton' | 'ToggleButton',\n) {\n  [props, ref] = useContextProps(props, ref, context);\n\n  props = useDefaultProps(props, key);\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    color = 'primary',\n    mapping: mappingProp,\n    size = 'md',\n    variant = 'solid',\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(buttonClassNames, theme.Button, classNamesProp, {\n        button: clsx(\n          mapping.font[size],\n          variant === 'floating' && surfaces.default.proud,\n        ),\n      }),\n    [theme.Button, classNamesProp, mapping.font, size, variant],\n  );\n\n  const style = useCallback(\n    (\n      renderProps:\n        | ButtonRenderProps\n        | LinkRenderProps\n        | ToggleButtonRenderProps,\n    ) =>\n      inlineVars(buttonStateVars, {\n        isCurrent: false,\n        isSelected: false,\n        ...renderProps,\n        color,\n        size,\n        variant,\n      }),\n    [color, size, variant],\n  );\n\n  const values = useMemo<\n    [[typeof IconContext, ContextValue<IconProps, HTMLDivElement>]]\n  >(() => [[IconContext, mapping.icon[size]]], [mapping.icon, size]);\n\n  const children = useCallback(\n    (\n      renderProps:\n        | ButtonRenderProps\n        | LinkRenderProps\n        | ToggleButtonRenderProps,\n    ) => (\n      <Provider values={values}>\n        <span className={classNames?.button}>\n          {callRenderProps(childrenProp, {\n            state: noopToggleState,\n            isCurrent: false,\n            isPending: false,\n            isSelected: false,\n            ...renderProps,\n          })}\n        </span>\n      </Provider>\n    ),\n    [values, classNames?.button, childrenProp],\n  );\n\n  return useMemo(\n    () => ({ ...rest, ref, children, className: classNames?.container, style }),\n    [rest, ref, children, classNames?.container, style],\n  );\n}\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nexport const Button = forwardRef(function Button(\n  props: ButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const buttonProps = useButton(props, ref, ButtonContext, 'Button');\n\n  return <RACButton {...buttonProps} />;\n});\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nexport const LinkButton = forwardRef(function LinkButton(\n  props: LinkButtonProps,\n  ref: ForwardedRef<HTMLAnchorElement>,\n) {\n  const buttonProps = useButton(props, ref, LinkButtonContext, 'LinkButton');\n\n  return <Link {...buttonProps} />;\n});\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nexport const ToggleButton = forwardRef(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const buttonProps = useButton(\n    props,\n    ref,\n    ToggleButtonContext,\n    'ToggleButton',\n  );\n\n  return <RACToggleButton {...buttonProps} />;\n});\n"]}

package/dist/components/checkbox/checkbox.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/checkbox.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,kBAAA,GAAqB,EAAC,QAAA,EAAS,EAAC,SAAA,EAAU,4DAA2D,QAAS,EAAA,yDAAA,EAA0D,IAAK,EAAA,EAAC,SAAU,EAAA,+DAAA,IAAiE,KAAM,EAAA,gFAAA,EAAkF,EAAA,KAAA,EAAM,EAAC,SAAA,EAAU,yDAAwD,KAAM,EAAA,mDAAA,EAAoD,KAAM,EAAA,6EAAA,EAA8E;AACxiB,IAAA,iBAAA,GAAoB,EAAC,MAAO,EAAA,yBAAA,EAA0B,YAAW,6BAA8B,EAAA,KAAA,EAAM,wBAAyB,EAAA,SAAA,EAAU,4BAA4B;AACxK,IAAI,iBAAoB,GAAA;AACxB,IAAI,sBAAyB,GAAA;AACzB,IAAA,sBAAA,GAAyB,EAAC,WAAA,EAAY,8BAA+B,EAAA,UAAA,EAAW,6BAA8B,EAAA,UAAA,EAAW,6BAA8B,EAAA,UAAA,EAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA4B;AAC1O,IAAI,oBAAoB,EAAC,SAAA,EAAU,8BAA6B,GAAI,EAAA,sBAAA,EAAuB,YAAW,6BAA6B;AAC/H,IAAA,iBAAA,GAAoB,EAAC,UAAW,EAAA,6BAAA,EAA8B,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,cAAA,EAAe,iCAAkC,EAAA,SAAA,EAAU,8BAA6B,eAAgB,EAAA,kCAAA,EAAmC,SAAU,EAAA,4BAAA,EAA6B,SAAU,EAAA,4BAAA,EAA6B,YAAW,6BAA8B,EAAA,UAAA,EAAW,6BAA8B,EAAA,UAAA,EAAW,6BAA6B","file":"checkbox.css.js","sourcesContent":["export var checkboxClassNames = {checkbox:{container:'checkbox_checkboxClassNames_checkbox_container__1rajo3pp',checkbox:'checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq',icon:{container:'checkbox_checkboxClassNames_checkbox_icon_container__1rajo3pr'},label:'checkbox_checkboxClassNames_checkbox_label__1rajo3ps typography_label__j8fgabg'},group:{container:'checkbox_checkboxClassNames_group_container__1rajo3pt',group:'checkbox_checkboxClassNames_group_group__1rajo3pu',label:'checkbox_checkboxClassNames_group_label__1rajo3pv typography_label__j8fgabg'}};\nexport var checkboxColorVars = {border:'var(--border__1rajo3p2)',background:'var(--background__1rajo3p3)',color:'var(--color__1rajo3p4)',indicator:'var(--indicator__1rajo3p5)'};\nexport var checkboxContainer = 'checkbox_checkboxContainer__1rajo3p0';\nexport var checkboxGroupContainer = 'checkbox_checkboxGroupContainer__1rajo3p1';\nexport var checkboxGroupStateVars = {orientation:'var(--orientation__1rajo3pk)',isDisabled:'var(--isDisabled__1rajo3pl)',isReadOnly:'var(--isReadOnly__1rajo3pm)',isRequired:'var(--isRequired__1rajo3pn)',isInvalid:'var(--isInvalid__1rajo3po)'};\nexport var checkboxSpaceVars = {dimension:'var(--dimension__1rajo3p6)',gap:'var(--gap__1rajo3p7)',elementGap:'var(--elementGap__1rajo3p8)'};\nexport var checkboxStateVars = {alignInput:'var(--alignInput__1rajo3p9)',isDisabled:'var(--isDisabled__1rajo3pa)',isFocused:'var(--isFocused__1rajo3pb)',isFocusVisible:'var(--isFocusVisible__1rajo3pc)',isHovered:'var(--isHovered__1rajo3pd)',isIndeterminate:'var(--isIndeterminate__1rajo3pe)',isInvalid:'var(--isInvalid__1rajo3pf)',isPressed:'var(--isPressed__1rajo3pg)',isReadOnly:'var(--isReadOnly__1rajo3ph)',isRequired:'var(--isRequired__1rajo3pi)',isSelected:'var(--isSelected__1rajo3pj)'};"]}
+{"version":3,"sources":["../../../src/components/checkbox/checkbox.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,kBAAA,GAAqB,EAAC,QAAA,EAAS,EAAC,SAAA,EAAU,4DAA2D,QAAA,EAAS,yDAAA,EAA0D,IAAA,EAAK,EAAC,SAAA,EAAU,+DAAA,IAAiE,KAAA,EAAM,gFAAA,EAAgF,EAAE,KAAA,EAAM,EAAC,SAAA,EAAU,yDAAwD,KAAA,EAAM,mDAAA,EAAoD,KAAA,EAAM,6EAAA,EAA6E;AAC3iB,IAAI,iBAAA,GAAoB,EAAC,MAAA,EAAO,yBAAA,EAA0B,YAAW,6BAAA,EAA8B,KAAA,EAAM,wBAAA,EAAyB,SAAA,EAAU,4BAAA;AAC5I,IAAI,iBAAA,GAAoB;AACxB,IAAI,sBAAA,GAAyB;AAC7B,IAAI,sBAAA,GAAyB,EAAC,WAAA,EAAY,8BAAA,EAA+B,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA;AAC9M,IAAI,oBAAoB,EAAC,SAAA,EAAU,8BAA6B,GAAA,EAAI,sBAAA,EAAuB,YAAW,6BAAA;AACtG,IAAI,iBAAA,GAAoB,EAAC,UAAA,EAAW,6BAAA,EAA8B,YAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA,EAAkC,SAAA,EAAU,8BAA6B,eAAA,EAAgB,kCAAA,EAAmC,SAAA,EAAU,4BAAA,EAA6B,SAAA,EAAU,4BAAA,EAA6B,YAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA","file":"checkbox.css.js","sourcesContent":["export var checkboxClassNames = {checkbox:{container:'checkbox_checkboxClassNames_checkbox_container__1rajo3pp',checkbox:'checkbox_checkboxClassNames_checkbox_checkbox__1rajo3pq',icon:{container:'checkbox_checkboxClassNames_checkbox_icon_container__1rajo3pr'},label:'checkbox_checkboxClassNames_checkbox_label__1rajo3ps typography_label__j8fgabg'},group:{container:'checkbox_checkboxClassNames_group_container__1rajo3pt',group:'checkbox_checkboxClassNames_group_group__1rajo3pu',label:'checkbox_checkboxClassNames_group_label__1rajo3pv typography_label__j8fgabg'}};\nexport var checkboxColorVars = {border:'var(--border__1rajo3p2)',background:'var(--background__1rajo3p3)',color:'var(--color__1rajo3p4)',indicator:'var(--indicator__1rajo3p5)'};\nexport var checkboxContainer = 'checkbox_checkboxContainer__1rajo3p0';\nexport var checkboxGroupContainer = 'checkbox_checkboxGroupContainer__1rajo3p1';\nexport var checkboxGroupStateVars = {orientation:'var(--orientation__1rajo3pk)',isDisabled:'var(--isDisabled__1rajo3pl)',isReadOnly:'var(--isReadOnly__1rajo3pm)',isRequired:'var(--isRequired__1rajo3pn)',isInvalid:'var(--isInvalid__1rajo3po)'};\nexport var checkboxSpaceVars = {dimension:'var(--dimension__1rajo3p6)',gap:'var(--gap__1rajo3p7)',elementGap:'var(--elementGap__1rajo3p8)'};\nexport var checkboxStateVars = {alignInput:'var(--alignInput__1rajo3p9)',isDisabled:'var(--isDisabled__1rajo3pa)',isFocused:'var(--isFocused__1rajo3pb)',isFocusVisible:'var(--isFocusVisible__1rajo3pc)',isHovered:'var(--isHovered__1rajo3pd)',isIndeterminate:'var(--isIndeterminate__1rajo3pe)',isInvalid:'var(--isInvalid__1rajo3pf)',isPressed:'var(--isPressed__1rajo3pg)',isReadOnly:'var(--isReadOnly__1rajo3ph)',isRequired:'var(--isRequired__1rajo3pi)',isSelected:'var(--isSelected__1rajo3pj)'};"]}

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

@@ -1,9 +1,30 @@
-export { Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext } from './checkbox.js';
-export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './checkbox.css.js';
-export { CheckboxAlignment, CheckboxClassNames, CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxGroupState, CheckboxProps, CheckboxRenderProps, CheckboxState } from './types.js';
-import '@react-types/shared';
-import 'react';
-import 'react-aria-components';
-import '../../types/react-aria.js';
+import * as _react_types_shared from '@react-types/shared';
+import { CheckboxRenderProps, CheckboxClassNames, CheckboxAlignment, CheckboxProps, CheckboxGroupRenderProps, CheckboxGroupProps } from './types.js';
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import { RenderPropsChildren } from '../../types/react-aria.js';
 import 'type-fest';
 import '../icon/types.js';
+
+declare const CheckboxContext: react.Context<ContextValue<CheckboxProps, HTMLLabelElement>>;
+declare const Checkbox: (props: Omit<react_aria_components.CheckboxProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<CheckboxRenderProps>;
+    label?: string;
+    classNames?: CheckboxClassNames;
+    alignInput?: CheckboxAlignment;
+} & react.RefAttributes<HTMLLabelElement>) => react.ReactElement | null;
+declare const CheckboxGroupContext: react.Context<ContextValue<CheckboxGroupProps, HTMLDivElement>>;
+declare const CheckboxGroup: (props: Omit<react_aria_components.CheckboxGroupProps, "children" | "className" | "style"> & {
+    children?: RenderPropsChildren<CheckboxGroupRenderProps>;
+    classNames?: CheckboxClassNames;
+    label?: string;
+    orientation?: _react_types_shared.Orientation;
+} & Pick<{
+    children?: RenderPropsChildren<CheckboxRenderProps>;
+    label?: string;
+    classNames?: CheckboxClassNames;
+    alignInput?: CheckboxAlignment;
+}, "alignInput"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext };

package/dist/components/checkbox/index.js

@@ -1,6 +1,127 @@
 import '../../chunk-PZ5AY32C.js';
-export { Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext } from './checkbox.js';
-export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './checkbox.css.js';
-import './types.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { TextContext, Provider, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$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 { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { AriaTextContext, AriaLabelContext } from '../aria/index.js';
+import { IconContext } from '../icon/index.js';
+import { checkboxClassNames, checkboxStateVars, checkboxGroupStateVars } from './checkbox.css.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CheckboxContext = createContext(null);
+var Checkbox = forwardRef(function Checkbox2(props, ref) {
+  [props, ref] = useContextProps(props, ref, CheckboxContext);
+  props = useDefaultProps(props, "Checkbox");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    alignInput = "end",
+    ...rest
+  } = props;
+  const [iconRef, hasIcon] = useSlot();
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),
+    [theme.Checkbox, classNamesProp]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(checkboxStateVars, {
+      ...renderProps,
+      alignInput
+    }),
+    [alignInput]
+  );
+  const values = useMemo(
+    () => [
+      [AriaTextContext, { className: classNames?.checkbox?.label }],
+      [
+        IconContext,
+        {
+          ref: iconRef,
+          classNames: classNames?.checkbox?.icon
+        }
+      ],
+      [TextContext, null]
+    ],
+    [classNames?.checkbox?.label, classNames?.checkbox?.icon, iconRef]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsxs("div", { className: classNames?.checkbox?.checkbox, children: [
+      !hasIcon && /* @__PURE__ */ jsx("span", { className: classNames?.checkbox?.icon?.container }),
+      callRenderProps(childrenProp, renderProps)
+    ] }) }),
+    [childrenProp, classNames?.checkbox, hasIcon, values]
+  );
+  return /* @__PURE__ */ jsx(
+    Checkbox$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.checkbox?.container,
+      style,
+      children
+    }
+  );
+});
+var CheckboxGroupContext = createContext(null);
+var CheckboxGroup = forwardRef(function CheckboxGroup2(props, ref) {
+  [props, ref] = useContextProps(props, ref, CheckboxGroupContext);
+  props = useDefaultProps(props, "CheckboxGroup");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    alignInput = "end",
+    orientation = "vertical",
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),
+    [classNamesProp, theme.Checkbox]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(checkboxGroupStateVars, {
+      ...renderProps,
+      orientation
+    }),
+    [orientation]
+  );
+  const values = useMemo(
+    () => [
+      [AriaLabelContext, { className: classNames?.group?.label }],
+      [
+        CheckboxContext,
+        {
+          classNames,
+          alignInput
+        }
+      ]
+    ],
+    [alignInput, classNames]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.group?.group, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      defaultChildren: null
+    }) }) }),
+    [childrenProp, classNames?.group, values]
+  );
+  return /* @__PURE__ */ jsx(
+    CheckboxGroup$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.group?.container,
+      style,
+      children
+    }
+  );
+});
+
+export { Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["Checkbox","RACCheckbox","CheckboxGroup","RACCheckboxGroup"],"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 LabelProps,\n  Provider,\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  TextContext,\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 { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaLabelContext, AriaTextContext } from '../aria';\nimport { IconContext } from '../icon';\nimport type { IconProps } from '../icon/types';\nimport {\n  checkboxClassNames,\n  checkboxGroupStateVars,\n  checkboxStateVars,\n} from './checkbox.css';\nimport type {\n  CheckboxGroupProps,\n  CheckboxGroupRenderProps,\n  CheckboxProps,\n  CheckboxRenderProps,\n} from './types';\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\nexport const Checkbox = forwardRef(function Checkbox(\n  props: CheckboxProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxContext);\n\n  props = useDefaultProps(props, 'Checkbox');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    ...rest\n  } = props;\n\n  const [iconRef, hasIcon] = useSlot();\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),\n    [theme.Checkbox, classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: CheckboxRenderProps) =>\n      inlineVars(checkboxStateVars, {\n        ...renderProps,\n        alignInput,\n      }),\n    [alignInput],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [typeof TextContext, ContextValue<TextProps, HTMLElement>],\n    ]\n  >(\n    () => [\n      [AriaTextContext, { className: classNames?.checkbox?.label }],\n      [\n        IconContext,\n        {\n          ref: iconRef,\n          classNames: classNames?.checkbox?.icon,\n        },\n      ],\n      [TextContext, null],\n    ],\n    [classNames?.checkbox?.label, classNames?.checkbox?.icon, iconRef],\n  );\n\n  const children = useCallback(\n    (renderProps: CheckboxRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.checkbox?.checkbox}>\n          {!hasIcon && (\n            <span className={classNames?.checkbox?.icon?.container} />\n          )}\n          {callRenderProps(childrenProp, renderProps)}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.checkbox, hasIcon, values],\n  );\n\n  return (\n    <RACCheckbox\n      {...rest}\n      ref={ref}\n      className={classNames?.checkbox?.container}\n      style={style}\n    >\n      {children}\n    </RACCheckbox>\n  );\n});\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(\n  props: CheckboxGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxGroupContext);\n\n  props = useDefaultProps(props, 'CheckboxGroup');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),\n    [classNamesProp, theme.Checkbox],\n  );\n\n  const style = useCallback(\n    (renderProps: CheckboxGroupRenderProps) =>\n      inlineVars(checkboxGroupStateVars, {\n        ...renderProps,\n        orientation,\n      }),\n    [orientation],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof CheckboxContext, ContextValue<CheckboxProps, HTMLLabelElement>],\n    ]\n  >(\n    () => [\n      [AriaLabelContext, { className: classNames?.group?.label }],\n      [\n        CheckboxContext,\n        {\n          classNames,\n          alignInput,\n        },\n      ],\n    ],\n    [alignInput, classNames],\n  );\n\n  const children = useCallback(\n    (renderProps: CheckboxGroupRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.group?.group}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.group, values],\n  );\n\n  return (\n    <RACCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={classNames?.group?.container}\n      style={style}\n    >\n      {children}\n    </RACCheckboxGroup>\n  );\n});\n"]}

package/dist/components/chip/chip.css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chip/chip.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,cAAA,GAAiB,EAAC,IAAA,EAAK,oCAAqC,EAAA,SAAA,EAAU,yCAA0C,EAAA,IAAA,EAAK,oCAAqC,EAAA,KAAA,EAAM,qCAAsC,EAAA,MAAA,EAAO,sCAAsC;AACvP,IAAI,gBAAgB,EAAC,UAAA,EAAW,+BAA8B,MAAO,EAAA,yBAAA,EAA0B,OAAM,wBAAwB;AAC7H,IAAI,aAAgB,GAAA;AACpB,IAAI,aAAgB,GAAA,EAAC,IAAK,EAAA,EAAC,KAAI,2BAA2B,EAAA,EAAE,IAAK,EAAA,EAAC,KAAI,2BAA4B,EAAA,CAAA,EAAE,yBAA0B,EAAA,CAAA,EAAE,2BAA0B;AACtJ,IAAA,aAAA,GAAgB,EAAC,KAAM,EAAA,wBAAA,EAAyB,MAAK,uBAAwB,EAAA,cAAA,EAAe,iCAAkC,EAAA,iBAAA,EAAkB,oCAAqC,EAAA,aAAA,EAAc,kCAAiC,UAAW,EAAA,6BAAA,EAA8B,SAAU,EAAA,4BAAA,EAA6B,cAAe,EAAA,iCAAA,EAAkC,WAAU,4BAA6B,EAAA,SAAA,EAAU,4BAA6B,EAAA,UAAA,EAAW,6BAA6B","file":"chip.css.js","sourcesContent":["export var chipClassNames = {list:'chip_chipClassNames_list__1t8hj09j',container:'chip_chipClassNames_container__1t8hj09k',chip:'chip_chipClassNames_chip__1t8hj09l',label:'chip_chipClassNames_label__1t8hj09m',remove:'chip_chipClassNames_remove__1t8hj09n'};\nexport var chipColorVars = {background:'var(--background__1t8hj091)',border:'var(--border__1t8hj092)',color:'var(--color__1t8hj093)'};\nexport var chipContainer = 'chip_chipContainer__1t8hj090';\nexport var chipSpaceVars = {list:{gap:'var(--list-gap__1t8hj094)'},chip:{gap:'var(--chip-gap__1t8hj095)',x:'var(--chip-x__1t8hj096)',y:'var(--chip-y__1t8hj097)'}};\nexport var chipStateVars = {color:'var(--color__1t8hj098)',size:'var(--size__1t8hj099)',allowsRemoving:'var(--allowsRemoving__1t8hj09a)',selectionBehavior:'var(--selectionBehavior__1t8hj09b)',selectionMode:'var(--selectionMode__1t8hj09c)',isDisabled:'var(--isDisabled__1t8hj09d)',isFocused:'var(--isFocused__1t8hj09e)',isFocusVisible:'var(--isFocusVisible__1t8hj09f)',isHovered:'var(--isHovered__1t8hj09g)',isPressed:'var(--isPressed__1t8hj09h)',isSelected:'var(--isSelected__1t8hj09i)'};"]}
+{"version":3,"sources":["../../../src/components/chip/chip.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,cAAA,GAAiB,EAAC,IAAA,EAAK,oCAAA,EAAqC,SAAA,EAAU,yCAAA,EAA0C,IAAA,EAAK,oCAAA,EAAqC,KAAA,EAAM,qCAAA,EAAsC,MAAA,EAAO,sCAAA;AACjN,IAAI,gBAAgB,EAAC,UAAA,EAAW,+BAA8B,MAAA,EAAO,yBAAA,EAA0B,OAAM,wBAAA;AACrG,IAAI,aAAA,GAAgB;AACpB,IAAI,aAAA,GAAgB,EAAC,IAAA,EAAK,EAAC,KAAI,2BAAA,EAA2B,EAAE,IAAA,EAAK,EAAC,KAAI,2BAAA,EAA4B,CAAA,EAAE,yBAAA,EAA0B,CAAA,EAAE,2BAAyB;AACzJ,IAAI,aAAA,GAAgB,EAAC,KAAA,EAAM,wBAAA,EAAyB,MAAK,uBAAA,EAAwB,cAAA,EAAe,iCAAA,EAAkC,iBAAA,EAAkB,oCAAA,EAAqC,aAAA,EAAc,kCAAiC,UAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,4BAAA,EAA6B,cAAA,EAAe,iCAAA,EAAkC,WAAU,4BAAA,EAA6B,SAAA,EAAU,4BAAA,EAA6B,UAAA,EAAW,6BAAA","file":"chip.css.js","sourcesContent":["export var chipClassNames = {list:'chip_chipClassNames_list__1t8hj09j',container:'chip_chipClassNames_container__1t8hj09k',chip:'chip_chipClassNames_chip__1t8hj09l',label:'chip_chipClassNames_label__1t8hj09m',remove:'chip_chipClassNames_remove__1t8hj09n'};\nexport var chipColorVars = {background:'var(--background__1t8hj091)',border:'var(--border__1t8hj092)',color:'var(--color__1t8hj093)'};\nexport var chipContainer = 'chip_chipContainer__1t8hj090';\nexport var chipSpaceVars = {list:{gap:'var(--list-gap__1t8hj094)'},chip:{gap:'var(--chip-gap__1t8hj095)',x:'var(--chip-x__1t8hj096)',y:'var(--chip-y__1t8hj097)'}};\nexport var chipStateVars = {color:'var(--color__1t8hj098)',size:'var(--size__1t8hj099)',allowsRemoving:'var(--allowsRemoving__1t8hj09a)',selectionBehavior:'var(--selectionBehavior__1t8hj09b)',selectionMode:'var(--selectionMode__1t8hj09c)',isDisabled:'var(--isDisabled__1t8hj09d)',isFocused:'var(--isFocused__1t8hj09e)',isFocusVisible:'var(--isFocusVisible__1t8hj09f)',isHovered:'var(--isHovered__1t8hj09g)',isPressed:'var(--isPressed__1t8hj09h)',isSelected:'var(--isSelected__1t8hj09i)'};"]}

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

@@ -1,11 +1,41 @@
-export { Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList } from './chip.js';
-export { chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './chip.css.js';
-export { ChipClassNames, ChipColors, ChipGroupProps, ChipItemProps, ChipListProps, ChipMapping, ChipProps, ChipRenderProps, ChipSizes, ChipState } from './types.js';
-import 'react-aria-components';
-import 'react';
-import 'react/jsx-runtime';
+import { ChipProps, ChipItemProps, BaseChipProps, ChipGroupProps, ChipListProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import '../../types/generic.js';
 import '../../types/props.js';
 import '../../types/react-aria.js';
 import '../button/types.js';
 import '../icon/types.js';
+
+declare function Chip(props: ChipProps): react_jsx_runtime.JSX.Element;
+declare const ChipContext: react.Context<ContextValue<ChipItemProps, HTMLDivElement>>;
+/**
+ * Must be used in conjunction with ChipList & ChipGroup and
+ * cannot be used outside of ChipList, else will throw error
+ *
+ * Color & Size props can be passed in from ChipGroup and overriden
+ * on each instance of this components
+ *
+ * Order of precedence (from lowest to highest):
+ * Design System Defaults of Chip
+ * Global Defaults of ChipGroup
+ * Instance of ChipGroup
+ * Global Defaults of ChipItem
+ * Instance of ChipItem
+ */
+declare const ChipItem: (props: Omit<react_aria_components.TagProps, "children" | "className" | "style"> & BaseChipProps & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+/**
+ * Must be used in conjunction with ChipItem & ChipGroup and
+ * cannot be used outside of ChipGroup, else will throw error
+ */
+declare function ChipList<T extends object>({ classNames: classNamesProp, ...rest }: ChipListProps<T>): react_jsx_runtime.JSX.Element;
+declare const ChipGroupContext: react.Context<ContextValue<ChipGroupProps, HTMLDivElement>>;
+/**
+ * Color & Size props are passed down to ChipItem but can be overridden
+ * on each component if desired
+ */
+declare const ChipGroup: (props: Omit<react_aria_components.TagGroupProps, "className" | "style"> & Omit<BaseChipProps, "children"> & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList };