@accelint/design-system 1.2.2 → 1.2.3

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/index.tsx"],"names":["TextArea","RACTextAreaContext"],"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 { useFocusRing } from '@react-aria/focus';\nimport { useHover } from '@react-aria/interactions';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  type FormEvent,\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  TextAreaContext as RACTextAreaContext,\n  type TextAreaProps as RACTextAreaProps,\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 { inputs } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { mergeClassNames, mergeProps } from '../../utils/props';\nimport { textAreaClassNames, textAreaStateVars } from './textarea.css';\nimport type { TextAreaMapping, TextAreaProps } from './types';\n\nconst defaultMapping: TextAreaMapping = {\n  font: inputs,\n};\n\nexport const TextAreaContext =\n  createContext<ContextValue<TextAreaProps, HTMLTextAreaElement>>(null);\n\n/**\n * We implement a textarea as a content editable span to provide\n * improved UX, where the input area automatically grows with input\n * content length. This can be overriden by applying max-height\n * and overflow CSS, if desired.\n *\n * This also has the side effect of changing the target element in\n * the ref and event handlers. The normal `event.target.value` is not\n * available, and must be substituted with `event.currentTarget.textContent`\n */\nexport const TextArea = forwardRef(function TextArea(\n  props: TextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RACTextAreaContext);\n\n  // Disallow props possibly provided by React Aria context\n  // could be render props functions we don't want to support\n  (props as RACTextAreaProps).className = undefined;\n  (props as RACTextAreaProps).style = undefined;\n\n  // Duplicate context prop merging to support React Aria's context\n  // and our own which establishes a superset type for the props\n  [props, ref] = useContextProps(props, ref, TextAreaContext);\n  props = useDefaultProps(props, 'TextArea');\n\n  const {\n    classNames: classNamesProp,\n    defaultValue = '',\n    disabled: isDisabled = false,\n    mapping: mappingProp,\n    placeholder,\n    readOnly: isReadOnly = false,\n    required: isRequired = false,\n    resize = 'none',\n    size = 'lg',\n    value: valueProp,\n    onChange,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n    'aria-invalid': ariaInvalid,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const isInvalid = !!ariaInvalid && ariaInvalid !== 'false';\n  const isPlaceholder = !!placeholder && !value;\n  const isEmpty = !value;\n\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    autoFocus: props.autoFocus,\n    isTextInput: true,\n  });\n\n  const { hoverProps, isHovered } = useHover({\n    isDisabled,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(textAreaClassNames, theme.TextArea, classNamesProp, {\n        textarea: mapping.font[size],\n      }),\n    [theme.TextArea, classNamesProp, mapping.font, size],\n  );\n\n  const mergedProps = useMemo(\n    () => mergeProps(rest, focusProps, hoverProps),\n    [focusProps, hoverProps, rest],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(textAreaStateVars, {\n        resize,\n        size,\n        isDisabled,\n        isEmpty,\n        isFocused,\n        isFocusVisible,\n        isHovered,\n        isInvalid,\n        isPlaceholder,\n        isReadOnly,\n        isRequired,\n      }),\n    [\n      resize,\n      size,\n      isDisabled,\n      isEmpty,\n      isFocused,\n      isFocusVisible,\n      isHovered,\n      isInvalid,\n      isPlaceholder,\n      isReadOnly,\n      isRequired,\n    ],\n  );\n\n  const handleChange = useCallback(\n    (event: FormEvent<HTMLSpanElement>) => {\n      onChange?.(event);\n\n      if (!event.defaultPrevented) {\n        setValue(event.currentTarget.textContent ?? '');\n      }\n    },\n    [onChange, setValue],\n  );\n\n  /**\n   * In order to provide the UX of an \"input\" that auto grows in height\n   * thats driven by content, we implement a content-editable span instead\n   * of a textarea. However, this has the side effect that it must be\n   * updated as an \"uncontrolled\" element, otherwise the cursor resets\n   * to the beginning of the input area after every keystroke if the value\n   * is passed in as \"children\"\n   */\n  useEffect(() => {\n    if (typeof ref !== 'function' && ref?.current) {\n      ref.current.textContent = `${value ?? ''}`;\n    }\n  }, [ref, value]);\n\n  return (\n    <div className={classNames?.container} style={style}>\n      {/* biome-ignore lint/a11y/useFocusableInteractive: TODO: refactor */}\n      <span\n        {...mergedProps}\n        {...hoverProps}\n        ref={ref}\n        className={classNames?.textarea}\n        contentEditable={!(isDisabled || isReadOnly)}\n        role='textbox'\n        suppressContentEditableWarning\n        onInput={handleChange}\n        aria-invalid={ariaInvalid}\n        data-placeholder={placeholder}\n      />\n    </div>\n  );\n});\n"]}
+{"version":3,"sources":["../../../src/components/textarea/index.tsx"],"names":["TextArea","RACTextAreaContext"],"mappings":";;;;;;;;;;;;;;;AAsCA,IAAM,cAAA,GAAkC;AAAA,EACtC,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,eAAA,GACX,cAAgE,IAAI;AAY/D,IAAM,QAAA,GAAW,UAAA,CAAW,SAASA,SAAAA,CAC1C,OACA,GAAA,EACA;AACA,EAAA,MAAM,CAAC,aAAA,EAAe,WAAW,CAAA,GAAI,eAAA;AAAA,IACnC,KAAA;AAAA,IACA,GAAA;AAAA,IACAC;AAAA,GACF;AAIA,EAAC,cAAmC,SAAA,GAAY,MAAA;AAChD,EAAC,cAAmC,KAAA,GAAQ,MAAA;AAI5C,EAAA,MAAM,CAAC,aAAA,EAAe,WAAW,CAAA,GAAI,eAAA;AAAA,IACnC,aAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,YAAA,GAAe,eAAA,CAAgB,aAAA,EAAe,UAAU,CAAA;AAE9D,EAAA,MAAM;AAAA,IACJ,UAAA,EAAY,cAAA;AAAA,IACZ,YAAA,GAAe,EAAA;AAAA,IACf,UAAU,UAAA,GAAa,KAAA;AAAA,IACvB,OAAA,EAAS,WAAA;AAAA,IACT,WAAA;AAAA,IACA,UAAU,UAAA,GAAa,KAAA;AAAA,IACvB,UAAU,UAAA,GAAa,KAAA;AAAA,IACvB,MAAA,GAAS,MAAA;AAAA,IACT,IAAA,GAAO,IAAA;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,QAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA,EAAgB,WAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,YAAA;AAEJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,kBAAA,CAAmB,WAAW,YAAY,CAAA;AACpE,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,WAAA,IAAe,WAAA,KAAgB,OAAA;AACnD,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAC,WAAA,IAAe,CAAC,KAAA;AACxC,EAAA,MAAM,UAAU,CAAC,KAAA;AAEjB,EAAA,MAAM,EAAE,SAAA,EAAW,cAAA,EAAgB,UAAA,KAAe,YAAA,CAAa;AAAA,IAC7D,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,WAAA,EAAa;AAAA,GACd,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,SAAA,EAAU,GAAI,QAAA,CAAS;AAAA,IACzC,UAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,OAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,MACE,eAAA,CAAgB,kBAAA,EAAoB,KAAA,CAAM,UAAU,cAAA,EAAgB;AAAA,MAClE,QAAA,EAAU,OAAA,CAAQ,IAAA,CAAK,IAAI;AAAA,KAC5B,CAAA;AAAA,IACH,CAAC,KAAA,CAAM,QAAA,EAAU,cAAA,EAAgB,OAAA,CAAQ,MAAM,IAAI;AAAA,GACrD;AAEA,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,MAAM,UAAA,CAAW,IAAA,EAAM,UAAA,EAAY,UAAU,CAAA;AAAA;AAAA,IAE7C,CAAC,UAAA,EAAY,UAAA,EAAY,IAAI;AAAA,GAC/B;AAEA,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,MACE,WAAW,iBAAA,EAAmB;AAAA,MAC5B,MAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACH;AAAA,MACE,MAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,KAAA,KAAsC;AACrC,MAAA,QAAA,GAAW,KAAK,CAAA;AAEhB,MAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,QAAA,QAAA,CAAS,KAAA,CAAM,aAAA,CAAc,WAAA,IAAe,EAAE,CAAA;AAAA,MAChD;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,GACrB;AAUA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,GAAA,KAAQ,UAAA,IAAc,GAAA,EAAK,OAAA,EAAS;AAC7C,MAAA,GAAA,CAAI,OAAA,CAAQ,WAAA,GAAc,CAAA,EAAG,KAAA,IAAS,EAAE,CAAA,CAAA;AAAA,IAC1C;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,KAAK,CAAC,CAAA;AAEf,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,EAAY,WAAW,KAAA,EAGrC,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,WAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,GAAA,EAAK,WAAA;AAAA,MACL,WAAW,UAAA,EAAY,QAAA;AAAA,MACvB,eAAA,EAAiB,EAAE,UAAA,IAAc,UAAA,CAAA;AAAA,MACjC,IAAA,EAAK,SAAA;AAAA,MACL,8BAAA,EAA8B,IAAA;AAAA,MAC9B,OAAA,EAAS,YAAA;AAAA,MACT,cAAA,EAAc,WAAA;AAAA,MACd,kBAAA,EAAkB;AAAA;AAAA,GACpB,EACF,CAAA;AAEJ,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 { useFocusRing } from '@react-aria/focus';\nimport { useHover } from '@react-aria/interactions';\nimport { useControlledState } from '@react-stately/utils';\nimport {\n  createContext,\n  type FormEvent,\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  TextAreaContext as RACTextAreaContext,\n  type TextAreaProps as RACTextAreaProps,\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 { inputs } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { mergeClassNames, mergeProps } from '../../utils/props';\nimport { textAreaClassNames, textAreaStateVars } from './textarea.css';\nimport type { TextAreaMapping, TextAreaProps } from './types';\n\nconst defaultMapping: TextAreaMapping = {\n  font: inputs,\n};\n\nexport const TextAreaContext =\n  createContext<ContextValue<TextAreaProps, HTMLTextAreaElement>>(null);\n\n/**\n * We implement a textarea as a content editable span to provide\n * improved UX, where the input area automatically grows with input\n * content length. This can be overriden by applying max-height\n * and overflow CSS, if desired.\n *\n * This also has the side effect of changing the target element in\n * the ref and event handlers. The normal `event.target.value` is not\n * available, and must be substituted with `event.currentTarget.textContent`\n */\nexport const TextArea = forwardRef(function TextArea(\n  props: TextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>,\n) {\n  const [contextProps1, contextRef1] = useContextProps(\n    props,\n    ref,\n    RACTextAreaContext,\n  );\n\n  // Disallow props possibly provided by React Aria context\n  // could be render props functions we don't want to support\n  (contextProps1 as RACTextAreaProps).className = undefined;\n  (contextProps1 as RACTextAreaProps).style = undefined;\n\n  // Duplicate context prop merging to support React Aria's context\n  // and our own which establishes a superset type for the props\n  const [contextProps2, contextRef2] = useContextProps(\n    contextProps1,\n    contextRef1,\n    TextAreaContext,\n  );\n  const defaultProps = useDefaultProps(contextProps2, 'TextArea');\n\n  const {\n    classNames: classNamesProp,\n    defaultValue = '',\n    disabled: isDisabled = false,\n    mapping: mappingProp,\n    placeholder,\n    readOnly: isReadOnly = false,\n    required: isRequired = false,\n    resize = 'none',\n    size = 'lg',\n    value: valueProp,\n    onChange,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n    'aria-invalid': ariaInvalid,\n    ...rest\n  } = defaultProps;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const isInvalid = !!ariaInvalid && ariaInvalid !== 'false';\n  const isPlaceholder = !!placeholder && !value;\n  const isEmpty = !value;\n\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    autoFocus: props.autoFocus,\n    isTextInput: true,\n  });\n\n  const { hoverProps, isHovered } = useHover({\n    isDisabled,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(textAreaClassNames, theme.TextArea, classNamesProp, {\n        textarea: mapping.font[size],\n      }),\n    [theme.TextArea, classNamesProp, mapping.font, size],\n  );\n\n  const mergedProps = useMemo(\n    () => mergeProps(rest, focusProps, hoverProps),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: TODO: Verify this dependency array is correct.\n    [focusProps, hoverProps, rest],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(textAreaStateVars, {\n        resize,\n        size,\n        isDisabled,\n        isEmpty,\n        isFocused,\n        isFocusVisible,\n        isHovered,\n        isInvalid,\n        isPlaceholder,\n        isReadOnly,\n        isRequired,\n      }),\n    [\n      resize,\n      size,\n      isDisabled,\n      isEmpty,\n      isFocused,\n      isFocusVisible,\n      isHovered,\n      isInvalid,\n      isPlaceholder,\n      isReadOnly,\n      isRequired,\n    ],\n  );\n\n  const handleChange = useCallback(\n    (event: FormEvent<HTMLSpanElement>) => {\n      onChange?.(event);\n\n      if (!event.defaultPrevented) {\n        setValue(event.currentTarget.textContent ?? '');\n      }\n    },\n    [onChange, setValue],\n  );\n\n  /**\n   * In order to provide the UX of an \"input\" that auto grows in height\n   * thats driven by content, we implement a content-editable span instead\n   * of a textarea. However, this has the side effect that it must be\n   * updated as an \"uncontrolled\" element, otherwise the cursor resets\n   * to the beginning of the input area after every keystroke if the value\n   * is passed in as \"children\"\n   */\n  useEffect(() => {\n    if (typeof ref !== 'function' && ref?.current) {\n      ref.current.textContent = `${value ?? ''}`;\n    }\n  }, [ref, value]);\n\n  return (\n    <div className={classNames?.container} style={style}>\n      {/* biome-ignore lint/a11y/useFocusableInteractive: TODO: refactor */}\n      {/** biome-ignore lint/a11y/useSemanticElements: Legacy */}\n      <span\n        {...mergedProps}\n        {...hoverProps}\n        ref={contextRef2}\n        className={classNames?.textarea}\n        contentEditable={!(isDisabled || isReadOnly)}\n        role='textbox'\n        suppressContentEditableWarning\n        onInput={handleChange}\n        aria-invalid={ariaInvalid}\n        data-placeholder={placeholder}\n      />\n    </div>\n  );\n});\n"]}

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

@@ -5,32 +5,32 @@ import '../../types/generic.js';
 
 declare const textAreaContainer: string;
 declare const textAreaColorVars: {
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    background: `var(--${string})`;
+    border: `var(--${string})`;
+    color: `var(--${string})`;
 };
 declare const textAreaSpaceVars: {
-    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    minWidth: `var(--${string})`;
+    width: `var(--${string})`;
+    maxWidth: `var(--${string})`;
+    minHeight: `var(--${string})`;
+    height: `var(--${string})`;
+    maxHeight: `var(--${string})`;
+    x: `var(--${string})`;
+    y: `var(--${string})`;
 };
 declare const textAreaStateVars: {
-    resize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    resize: `var(--${string})`;
+    size: `var(--${string})`;
+    isDisabled: `var(--${string})`;
+    isEmpty: `var(--${string})`;
+    isFocused: `var(--${string})`;
+    isFocusVisible: `var(--${string})`;
+    isHovered: `var(--${string})`;
+    isInvalid: `var(--${string})`;
+    isPlaceholder: `var(--${string})`;
+    isReadOnly: `var(--${string})`;
+    isRequired: `var(--${string})`;
 };
 declare const textAreaClassNames: TextAreaClassNames;
 

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

@@ -27,9 +27,13 @@ var defaultMapping = {
 var defaultSize = "lg";
 var TimeFieldContext = createContext(null);
 var TimeField = forwardRef(function TimeField2(props, ref) {
-  [props, ref] = useContextProps(props, ref, TimeFieldContext);
-  props = useDefaultProps(
+  const [contextProps, contextRef] = useContextProps(
     props,
+    ref,
+    TimeFieldContext
+  );
+  const finalProps = useDefaultProps(
+    contextProps,
     "TimeField"
   );
   const {
@@ -39,7 +43,7 @@ var TimeField = forwardRef(function TimeField2(props, ref) {
     size = defaultSize,
     value,
     ...rest
-  } = props;
+  } = finalProps;
   const theme = useTheme();
   const mapping = useMemo(
     () => ({
@@ -92,7 +96,7 @@ var TimeField = forwardRef(function TimeField2(props, ref) {
     TimeField$1,
     {
       ...rest,
-      ref,
+      ref: contextRef,
       className: classNames?.container,
       style,
       value,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/time-field/index.tsx"],"names":["TimeField","RACTimeField"],"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 type { TimeValue } from '@react-aria/datepicker';\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  Provider,\n  TimeField as RACTimeField,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  AriaFieldErrorContext,\n  type AriaLabelContext,\n  AriaTextContext,\n} from '../aria';\nimport type { DateFieldRenderProps } from '../date-field/types';\nimport { DateInputContext } from '../date-input';\nimport type { DateInputProps } from '../date-input/types';\nimport { IconContext } from '../icon';\nimport type { IconProps } from '../icon/types';\nimport { timeFieldClassNames, timeFieldStateVars } from './time-field.css';\nimport type {\n  TimeFieldMapping,\n  TimeFieldProps,\n  TimeFieldRenderProps,\n} from './types';\n\nconst defaultMapping: TimeFieldMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  icon: {\n    sm: { size: 'xs' },\n    lg: { size: 'md' },\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const TimeFieldContext =\n  createContext<ContextValue<TimeFieldProps<TimeValue>, HTMLDivElement>>(null);\n\nexport const TimeField = forwardRef(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  props = useDefaultProps(\n    props as TimeFieldProps<TimeValue>,\n    'TimeField',\n  ) as TimeFieldProps<T>;\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    value,\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(timeFieldClassNames, theme.TimeField, classNamesProp, {\n        description: mapping.description[size],\n        error: mapping.error[size],\n      }),\n    [theme.TimeField, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: DateFieldRenderProps) =>\n      inlineVars(timeFieldStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n\n  const values = useMemo<\n    [\n      [typeof DateInputContext, ContextValue<DateInputProps, HTMLDivElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n    ]\n  >(\n    () => [\n      [DateInputContext, { classNames: classNames?.input, size }],\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      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],\n    ],\n    [classNames, size, mapping],\n  );\n\n  const children = useCallback(\n    (renderProps: TimeFieldRenderProps) => {\n      return (\n        <Provider values={values}>\n          <div className={classNames?.timeField}>\n            {callRenderProps(childrenProp, {\n              ...renderProps,\n              defaultChildren: null,\n            })}\n          </div>\n        </Provider>\n      );\n    },\n    [childrenProp, values, classNames],\n  );\n\n  return (\n    <RACTimeField\n      {...rest}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n      value={value}\n    >\n      {children}\n    </RACTimeField>\n  );\n});\n"]}
+{"version":3,"sources":["../../../src/components/time-field/index.tsx"],"names":["TimeField","RACTimeField"],"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  createContext,\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type FieldErrorProps,\n  LabelContext,\n  type LabelProps,\n  Provider,\n  TimeField as RACTimeField,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  AriaFieldErrorContext,\n  type AriaLabelContext,\n  AriaTextContext,\n} from '../aria';\nimport { DateInputContext } from '../date-input';\nimport { IconContext } from '../icon';\nimport { timeFieldClassNames, timeFieldStateVars } from './time-field.css';\nimport type { TimeValue } from '@react-aria/datepicker';\nimport type { DateFieldRenderProps } from '../date-field/types';\nimport type { DateInputProps } from '../date-input/types';\nimport type { IconProps } from '../icon/types';\nimport type {\n  TimeFieldMapping,\n  TimeFieldProps,\n  TimeFieldRenderProps,\n} from './types';\n\nconst defaultMapping: TimeFieldMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  icon: {\n    sm: { size: 'xs' },\n    lg: { size: 'md' },\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const TimeFieldContext =\n  createContext<ContextValue<TimeFieldProps<TimeValue>, HTMLDivElement>>(null);\n\nexport const TimeField = forwardRef(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [contextProps, contextRef] = useContextProps(\n    props,\n    ref,\n    TimeFieldContext,\n  );\n  const finalProps = useDefaultProps(\n    contextProps as TimeFieldProps<TimeValue>,\n    'TimeField',\n  ) as TimeFieldProps<T>;\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    value,\n    ...rest\n  } = finalProps;\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(timeFieldClassNames, theme.TimeField, classNamesProp, {\n        description: mapping.description[size],\n        error: mapping.error[size],\n      }),\n    [theme.TimeField, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: DateFieldRenderProps) =>\n      inlineVars(timeFieldStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n\n  const values = useMemo<\n    [\n      [typeof DateInputContext, ContextValue<DateInputProps, HTMLDivElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n    ]\n  >(\n    () => [\n      [DateInputContext, { classNames: classNames?.input, size }],\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      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],\n    ],\n    [classNames, size, mapping],\n  );\n\n  const children = useCallback(\n    (renderProps: TimeFieldRenderProps) => {\n      return (\n        <Provider values={values}>\n          <div className={classNames?.timeField}>\n            {callRenderProps(childrenProp, {\n              ...renderProps,\n              defaultChildren: null,\n            })}\n          </div>\n        </Provider>\n      );\n    },\n    [childrenProp, values, classNames],\n  );\n\n  return (\n    <RACTimeField\n      {...rest}\n      ref={contextRef}\n      className={classNames?.container}\n      style={style}\n      value={value}\n    >\n      {children}\n    </RACTimeField>\n  );\n});\n"]}

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

@@ -11,33 +11,33 @@ import '../icon/types.js';
 
 declare const timeFieldContainer: string;
 declare const timeFieldSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    x: `var(--${string})`;
+    y: `var(--${string})`;
+    gap: `var(--${string})`;
+    minWidth: `var(--${string})`;
+    width: `var(--${string})`;
+    maxWidth: `var(--${string})`;
 };
 declare const timeFieldColorVars: {
-    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    border: `var(--${string})`;
     description: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})`;
     };
     error: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})`;
     };
     label: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        color: `var(--${string})`;
     };
 };
 declare const timeFieldStateVars: {
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    size: `var(--${string})`;
+    isDisabled: `var(--${string})`;
+    isFocused: `var(--${string})`;
+    isHovered: `var(--${string})`;
+    isInvalid: `var(--${string})`;
+    isReadOnly: `var(--${string})`;
+    isRequired: `var(--${string})`;
 };
 declare const timeFieldClassNames: TimeFieldClassNames;
 

package/dist/components/tooltip/index.js

@@ -16,8 +16,12 @@ var defaultMapping = {
 };
 var TooltipContext = createContext(null);
 var Tooltip = forwardRef(function Tooltip2(props, ref) {
-  [props, ref] = useContextProps(props, ref, TooltipContext);
-  props = useDefaultProps(props, "Tooltip");
+  const [contextProps, contextRef] = useContextProps(
+    props,
+    ref,
+    TooltipContext
+  );
+  const finalProps = useDefaultProps(contextProps, "Tooltip");
   const {
     children: childrenProp,
     classNames: classNamesProp,
@@ -26,7 +30,7 @@ var Tooltip = forwardRef(function Tooltip2(props, ref) {
     mapping: mappingProp,
     offset,
     ...rest
-  } = props;
+  } = finalProps;
   const theme = useTheme();
   const mapping = useMemo(
     () => ({
@@ -68,7 +72,7 @@ var Tooltip = forwardRef(function Tooltip2(props, ref) {
     Tooltip$1,
     {
       ...rest,
-      ref,
+      ref: contextRef,
       className: classNames?.tooltip?.container,
       style,
       children
@@ -77,15 +81,19 @@ var Tooltip = forwardRef(function Tooltip2(props, ref) {
 });
 var TooltipTargetContext = createContext(null);
 var TooltipTarget = forwardRef(function TooltipTarget2(props, ref) {
-  [props, ref] = useContextProps(props, ref, TooltipTargetContext);
-  props = useDefaultProps(props, "TooltipTarget");
+  const [contextProps, contextRef] = useContextProps(
+    props,
+    ref,
+    TooltipTargetContext
+  );
+  const finalProps = useDefaultProps(contextProps, "TooltipTarget");
   const {
     children,
     classNames: classNamesProp,
     focusable = true,
     relative = "self"
-  } = props;
-  const { focusableProps } = useFocusable({}, ref);
+  } = finalProps;
+  const { focusableProps } = useFocusable({}, contextRef);
   const theme = useTheme();
   const classNames = useMemo(
     () => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp),
@@ -102,7 +110,7 @@ var TooltipTarget = forwardRef(function TooltipTarget2(props, ref) {
     "div",
     {
       ...focusableProps,
-      ref,
+      ref: contextRef,
       className: classNames?.target?.target,
       tabIndex: focusable ? 0 : void 0,
       children

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip/index.tsx"],"names":["Tooltip","RACTooltip","TooltipTarget"],"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 { useFocusable } from '@react-aria/focus';\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  Tooltip as RACTooltip,\n  type TooltipRenderProps,\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  tooltipClassNames,\n  tooltipStateVars,\n  tooltipTargetStateVars,\n} from './tooltip.css';\nimport type { TooltipMapping, TooltipProps, TooltipTargetProps } from './types';\n\nconst defaultMapping: TooltipMapping = {\n  font: bodies.xs,\n};\n\nexport const TooltipContext =\n  createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\nexport const Tooltip = forwardRef(function Tooltip(\n  props: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n\n  props = useDefaultProps(props, 'Tooltip');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    containerPadding,\n    crossOffset,\n    mapping: mappingProp,\n    offset,\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(tooltipClassNames, theme.Tooltip, classNamesProp, {\n        tooltip: {\n          container: theme.className,\n          tooltip: mapping.font,\n        },\n      }),\n    [theme.Tooltip, classNamesProp, theme.className, mapping],\n  );\n\n  const style = useCallback(\n    ({ state, ...renderProps }: TooltipRenderProps) => ({\n      ...theme.style,\n      ...inlineVars(tooltipStateVars, {\n        containerPadding,\n        crossOffset,\n        offset,\n        ...renderProps,\n        isOpen: state.isOpen,\n      }),\n    }),\n    [theme.style, containerPadding, crossOffset, offset],\n  );\n\n  const children = useCallback(\n    (renderProps: TooltipRenderProps) => (\n      <div className={classNames?.tooltip?.tooltip}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          isOpen: renderProps.state.isOpen,\n        })}\n      </div>\n    ),\n    [classNames?.tooltip?.tooltip, childrenProp],\n  );\n\n  return (\n    <RACTooltip\n      {...rest}\n      ref={ref}\n      className={classNames?.tooltip?.container}\n      style={style}\n    >\n      {children}\n    </RACTooltip>\n  );\n});\n\nexport const TooltipTargetContext =\n  createContext<ContextValue<TooltipTargetProps, HTMLDivElement>>(null);\n\n/**\n * This target component is only needed if attempting to add a Tooltip\n * to a non-focusable element/component\n */\nexport const TooltipTarget = forwardRef(function TooltipTarget(\n  props: TooltipTargetProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TooltipTargetContext);\n\n  props = useDefaultProps(props, 'TooltipTarget');\n\n  const {\n    children,\n    classNames: classNamesProp,\n    focusable = true,\n    relative = 'self',\n  } = props;\n\n  const { focusableProps } = useFocusable({}, ref);\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp),\n    [theme.Tooltip, classNamesProp],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(tooltipTargetStateVars, {\n        focusable,\n        relative,\n      }),\n    [focusable, relative],\n  );\n\n  return (\n    <div className={classNames?.target?.container} style={style}>\n      <div\n        {...focusableProps}\n        ref={ref}\n        className={classNames?.target?.target}\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={focusable ? 0 : undefined}\n      >\n        {children}\n      </div>\n    </div>\n  );\n});\n"]}
+{"version":3,"sources":["../../../src/components/tooltip/index.tsx"],"names":["Tooltip","RACTooltip","TooltipTarget"],"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 { useFocusable } from '@react-aria/focus';\nimport {\n  createContext,\n  type ForwardedRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  Tooltip as RACTooltip,\n  type TooltipRenderProps,\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  tooltipClassNames,\n  tooltipStateVars,\n  tooltipTargetStateVars,\n} from './tooltip.css';\nimport type { TooltipMapping, TooltipProps, TooltipTargetProps } from './types';\n\nconst defaultMapping: TooltipMapping = {\n  font: bodies.xs,\n};\n\nexport const TooltipContext =\n  createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\nexport const Tooltip = forwardRef(function Tooltip(\n  props: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [contextProps, contextRef] = useContextProps(\n    props,\n    ref,\n    TooltipContext,\n  );\n\n  const finalProps = useDefaultProps(contextProps, 'Tooltip');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    containerPadding,\n    crossOffset,\n    mapping: mappingProp,\n    offset,\n    ...rest\n  } = finalProps;\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(tooltipClassNames, theme.Tooltip, classNamesProp, {\n        tooltip: {\n          container: theme.className,\n          tooltip: mapping.font,\n        },\n      }),\n    [theme.Tooltip, classNamesProp, theme.className, mapping],\n  );\n\n  const style = useCallback(\n    ({ state, ...renderProps }: TooltipRenderProps) => ({\n      ...theme.style,\n      ...inlineVars(tooltipStateVars, {\n        containerPadding,\n        crossOffset,\n        offset,\n        ...renderProps,\n        isOpen: state.isOpen,\n      }),\n    }),\n    [theme.style, containerPadding, crossOffset, offset],\n  );\n\n  const children = useCallback(\n    (renderProps: TooltipRenderProps) => (\n      <div className={classNames?.tooltip?.tooltip}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          isOpen: renderProps.state.isOpen,\n        })}\n      </div>\n    ),\n    [classNames?.tooltip?.tooltip, childrenProp],\n  );\n\n  return (\n    <RACTooltip\n      {...rest}\n      ref={contextRef}\n      className={classNames?.tooltip?.container}\n      style={style}\n    >\n      {children}\n    </RACTooltip>\n  );\n});\n\nexport const TooltipTargetContext =\n  createContext<ContextValue<TooltipTargetProps, HTMLDivElement>>(null);\n\n/**\n * This target component is only needed if attempting to add a Tooltip\n * to a non-focusable element/component\n */\nexport const TooltipTarget = forwardRef(function TooltipTarget(\n  props: TooltipTargetProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [contextProps, contextRef] = useContextProps(\n    props,\n    ref,\n    TooltipTargetContext,\n  );\n\n  const finalProps = useDefaultProps(contextProps, 'TooltipTarget');\n\n  const {\n    children,\n    classNames: classNamesProp,\n    focusable = true,\n    relative = 'self',\n  } = finalProps;\n\n  const { focusableProps } = useFocusable({}, contextRef);\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp),\n    [theme.Tooltip, classNamesProp],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(tooltipTargetStateVars, {\n        focusable,\n        relative,\n      }),\n    [focusable, relative],\n  );\n\n  return (\n    <div className={classNames?.target?.container} style={style}>\n      <div\n        {...focusableProps}\n        ref={contextRef}\n        className={classNames?.target?.target}\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={focusable ? 0 : undefined}\n      >\n        {children}\n      </div>\n    </div>\n  );\n});\n"]}

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

@@ -9,21 +9,21 @@ declare const tooltipContainers: {
     target: string;
 };
 declare const tooltipSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    x: `var(--${string})`;
+    y: `var(--${string})`;
 };
 declare const tooltipStateVars: {
-    containerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    crossOffset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    offset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    containerPadding: `var(--${string})`;
+    crossOffset: `var(--${string})`;
+    offset: `var(--${string})`;
+    placement: `var(--${string})`;
+    isEntering: `var(--${string})`;
+    isExiting: `var(--${string})`;
+    isOpen: `var(--${string})`;
 };
 declare const tooltipTargetStateVars: {
-    focusable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    relative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    focusable: `var(--${string})`;
+    relative: `var(--${string})`;
 };
 declare const tooltipClassNames: TooltipClassNames;
 

package/dist/components/tree/index.js

@@ -82,7 +82,10 @@ function defaultRenderEmptyState({ isDropTarget }) {
   return isDropTarget ? "Add to this group" : "Nothing to see here";
 }
 function Tree(props) {
-  props = useDefaultProps(props, "Tree");
+  const defaultedProps = useDefaultProps(
+    props,
+    "Tree"
+  );
   const {
     children: childrenProp,
     allowsDragging = false,
@@ -105,7 +108,7 @@ function Tree(props) {
     onSelectionChange,
     onUpdate,
     ...rest
-  } = props;
+  } = defaultedProps;
   const state = useTree({
     allowsExpansion,
     allowsVisibility,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tree/index.tsx"],"names":["RACButtonContext"],"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 { usePress } from '@react-aria/interactions';\nimport type { Key } from '@react-types/shared';\nimport { createContext, useCallback, useContext, useMemo } from 'react';\nimport {\n  type ContextValue,\n  DEFAULT_SLOT,\n  DropIndicator,\n  type DropTarget,\n  GridList,\n  GridListItem,\n  type GridListItemRenderProps,\n  type GridListRenderProps,\n  Provider,\n  ButtonContext as RACButtonContext,\n  type ButtonProps as RACButtonProps,\n  type TextProps,\n  useDragAndDrop,\n} from 'react-aria-components';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { useTree } from '../../hooks/use-tree';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaTextContext } from '../aria';\nimport { Button, ButtonContext, ToggleButtonContext } from '../button';\nimport type { ButtonProps, ToggleButtonProps } from '../button/types';\nimport { CheckboxContext } from '../checkbox';\nimport type { CheckboxProps } from '../checkbox/types';\nimport { GroupContext } from '../group';\nimport type { GroupProps } from '../group/types';\nimport { Icon } from '../icon';\nimport { MergeProvider } from '../merge-provider';\nimport {\n  treeClassNames,\n  treeGroupStateVars,\n  treeIndicatorStateVars,\n  treeItemStateVars,\n  treeStateVars,\n} from './tree.css';\nimport type {\n  TreeGroupProps,\n  TreeIndicatorRenderProps,\n  TreeItemProps,\n  TreeMapping,\n  TreeProps,\n  TreeStateContextValue,\n} from './types';\nimport { createDragAndDropHandlers } from './utils';\n\nconst emptyTree = {\n  key: '',\n  parentKey: '',\n  children: [],\n  value: { id: '', label: '' },\n};\n\nconst defaultMapping: TreeMapping = {\n  actions: {\n    sm: {},\n    lg: {},\n  },\n  button: {\n    sm: { size: 'sm', variant: 'icon' },\n    lg: { size: 'md', variant: 'icon' },\n  },\n  description: {\n    sm: bodies.sm,\n    lg: bodies.md,\n  },\n  drag: {\n    sm: {},\n    lg: {},\n  },\n  expansion: {\n    sm: {},\n    lg: {},\n  },\n  visibility: {\n    sm: {},\n    lg: {},\n  },\n};\n\nconst defaultSize = 'lg';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const TreeStateContext = createContext<TreeStateContextValue<any>>({\n  allowsDragging: true,\n  allowsExpansion: true,\n  allowsVisibility: false,\n  lookup: {},\n  selectedKeys: new Set(),\n  selectionMode: 'none',\n  tree: emptyTree,\n  actions: {\n    append: noop,\n    getItem: () => emptyTree,\n    insert: noop,\n    insertAfter: noop,\n    insertBefore: noop,\n    move: noop,\n    prepend: noop,\n    remove: noop,\n    removeSelectedItems: noop,\n    revertIsExpanded: noop,\n    setSelectedKeys: noop,\n    toggleIsExpanded: noop,\n    toggleIsSelected: noop,\n    toggleIsViewable: noop,\n    update: noop,\n  },\n});\n\nfunction defaultRenderEmptyState({ isDropTarget }: GridListRenderProps) {\n  return isDropTarget ? 'Add to this group' : 'Nothing to see here';\n}\n\n/**\n * By default Tree only works as an uncontrolled input. However, if you need to use the Tree\n * as a controlled input (passing state changes to the \"nodes\" props), you will need to add a\n * \"key\" prop that is a hash of the \"nodes\" prop to trigger a rerender of the component and\n * abandon it's previous state. Unfortunately, the underlying hooks don't provide a good way\n * to update the internal state of the Tree onces it's been initialized.\n */\nexport function Tree<T>(props: TreeProps<T>) {\n  props = useDefaultProps(props as TreeProps<unknown>, 'Tree') as TreeProps<T>;\n\n  const {\n    children: childrenProp,\n    allowsDragging = false,\n    allowsExpansion = true,\n    allowsVisibility = false,\n    classNames: classNamesProps,\n    disabledBehavior = 'all',\n    keyboardNavigationBehavior = 'arrow',\n    mapping: mappingProp,\n    nodes,\n    provider,\n    renderDragPreview,\n    renderEmptyState: renderEmptyStateProp = defaultRenderEmptyState,\n    selectionBehavior = 'replace',\n    selectionMode = 'none',\n    showTreeLines = true,\n    size = defaultSize,\n    onAction,\n    onScroll,\n    onSelectionChange,\n    onUpdate,\n    ...rest\n  } = props;\n\n  const state = useTree({\n    allowsExpansion,\n    allowsVisibility,\n    nodes,\n    selectionMode,\n    onSelectionChange,\n    onUpdate,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(treeClassNames, theme.Tree, classNamesProps, {\n        item: {\n          description: mapping.description[size],\n        },\n      }) ?? {},\n    [theme.Tree, classNamesProps, mapping, size],\n  );\n\n  const renderEmptyState = useCallback(\n    (renderProps: GridListRenderProps) => (\n      <div className={classNames?.empty}>\n        {renderEmptyStateProp(renderProps)}\n      </div>\n    ),\n    [classNames?.empty, renderEmptyStateProp],\n  );\n\n  const context = useMemo<\n    [[typeof TreeStateContext, TreeStateContextValue<T>]]\n  >(\n    () => [\n      [\n        TreeStateContext,\n        {\n          ...state,\n          allowsDragging,\n          classNames,\n          disabledBehavior,\n          keyboardNavigationBehavior,\n          renderDragPreview,\n          renderEmptyState,\n          selectionBehavior,\n          selectionMode,\n          showTreeLines,\n          size,\n          onAction,\n          onScroll,\n        },\n      ],\n    ],\n    [\n      state,\n      allowsDragging,\n      classNames,\n      disabledBehavior,\n      keyboardNavigationBehavior,\n      renderDragPreview,\n      renderEmptyState,\n      selectionBehavior,\n      selectionMode,\n      showTreeLines,\n      size,\n      onAction,\n      onScroll,\n    ],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(treeStateVars, {\n        allowsDragging,\n        allowsExpansion: state.allowsExpansion,\n        allowsVisibility: state.allowsVisibility,\n        showTreeLines,\n        size,\n      }),\n    [\n      allowsDragging,\n      state.allowsExpansion,\n      state.allowsVisibility,\n      showTreeLines,\n      size,\n    ],\n  );\n\n  const children = useMemo(() => {\n    const treeGroupProps = {\n      ...rest,\n      id: state.tree.key,\n      nodes: state.tree.children,\n    };\n\n    return provider ? (\n      callRenderProps(childrenProp, { ...state, treeGroupProps })\n    ) : (\n      <TreeGroup {...treeGroupProps}>{childrenProp}</TreeGroup>\n    );\n  }, [rest, provider, childrenProp, state]);\n\n  return (\n    <Provider values={context}>\n      <div className={classNames?.tree?.container} style={style}>\n        <div className={classNames?.tree?.tree}>{children}</div>\n      </div>\n    </Provider>\n  );\n}\n\nexport function TreeGroup<T>({\n  id,\n  children,\n  nodes,\n  types = ['all'],\n  ...rest\n}: TreeGroupProps<T>) {\n  const {\n    actions,\n    allowsDragging,\n    classNames,\n    disabledBehavior,\n    keyboardNavigationBehavior,\n    lookup,\n    renderDragPreview,\n    renderEmptyState,\n    selectedKeys,\n    selectionBehavior,\n    selectionMode,\n    onAction,\n    onScroll,\n  } = useContext(TreeStateContext);\n\n  const acceptedDragTypes = useMemo(\n    () => types.map((type) => `tree-${type}`),\n    [types],\n  );\n\n  // This function cannot be treated as a component and will throw errors if implemented as one (with hooks)\n  const renderDropIndicator = useCallback(\n    (target: DropTarget) => (\n      <DropIndicator\n        className={classNames?.indicator?.container}\n        // eslint-disable-next-line react-perf/jsx-no-new-function-as-prop, react/jsx-no-bind\n        style={(renderProps: TreeIndicatorRenderProps) =>\n          inlineVars(treeIndicatorStateVars, {\n            ...renderProps,\n            dropPosition:\n              'dropPosition' in target ? target.dropPosition : 'root',\n          })\n        }\n        target={target}\n      >\n        <div className={classNames?.indicator?.indicator} />\n      </DropIndicator>\n    ),\n    [classNames?.indicator?.container, classNames?.indicator?.indicator],\n  );\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    isDisabled: !allowsDragging,\n    renderDragPreview,\n    renderDropIndicator,\n    ...createDragAndDropHandlers(id, acceptedDragTypes, lookup, actions),\n  });\n\n  const style = useCallback(\n    (renderProps: GridListRenderProps) =>\n      inlineVars(treeGroupStateVars, { ...renderProps, count: nodes.length }),\n    [nodes.length],\n  );\n\n  const indices = useMemo(\n    () =>\n      nodes.reduce<Record<Key, number>>((acc, node, index) => {\n        acc[node.key] = index;\n\n        return acc;\n      }, {}),\n    [nodes],\n  );\n\n  return (\n    <GridList\n      {...rest}\n      className={classNames?.group}\n      disabledBehavior={disabledBehavior}\n      dragAndDropHooks={dragAndDropHooks}\n      items={nodes}\n      keyboardNavigationBehavior={keyboardNavigationBehavior}\n      renderEmptyState={renderEmptyState}\n      selectedKeys={selectedKeys}\n      selectionBehavior={selectionBehavior}\n      selectionMode={selectionMode}\n      style={style}\n      onAction={onAction}\n      onScroll={onScroll}\n    >\n      {(item) => (\n        <TreeItem\n          index={indices[item.key] ?? -1}\n          node={item}\n          isFirstChild={indices[item.key] === 0}\n          isLastChild={indices[item.key] === nodes.length - 1}\n        >\n          {children}\n        </TreeItem>\n      )}\n    </GridList>\n  );\n}\n\ntype TreeItemContexts = [\n  [\n    typeof ToggleButtonContext,\n    ContextValue<ToggleButtonProps, HTMLButtonElement>,\n  ],\n  [typeof AriaTextContext, ContextValue<TextProps, HTMLSpanElement>],\n  [\n    typeof GroupContext,\n    ContextValue<GroupProps<ButtonProps, HTMLButtonElement>, HTMLDivElement>,\n  ],\n  [typeof CheckboxContext, ContextValue<CheckboxProps, HTMLLabelElement>],\n  [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n  [typeof RACButtonContext, ContextValue<RACButtonProps, HTMLButtonElement>],\n];\n\nconst contextBlocker: TreeItemContexts = [\n  [ToggleButtonContext, null],\n  [AriaTextContext, null],\n  [GroupContext, null],\n  [CheckboxContext, null],\n  [ButtonContext, null],\n  [RACButtonContext, null],\n];\n\nexport function TreeItem<T>({\n  children: childrenProp,\n  index,\n  mapping: mappingProp,\n  node,\n  isFirstChild,\n  isLastChild,\n  ...rest\n}: TreeItemProps<T>) {\n  const {\n    actions,\n    allowsExpansion,\n    classNames,\n    size: sizeProp,\n  } = useContext(TreeStateContext);\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const selection = useMemo(() => new Set([node.key]), [node.key]);\n\n  const handleToggleExpansion = useCallback(\n    () => actions.toggleIsExpanded(selection),\n    [actions, selection],\n  );\n\n  const handleToggleSelection = useCallback(\n    () => actions.toggleIsSelected(selection),\n    [actions, selection],\n  );\n\n  const handleToggleVisibility = useCallback(\n    () => actions.toggleIsViewable(selection),\n    [actions, selection],\n  );\n\n  const { pressProps } = usePress({\n    onPress: handleToggleExpansion,\n  });\n\n  const style = useCallback(\n    (renderProps: GridListItemRenderProps) =>\n      inlineVars(treeItemStateVars, {\n        ...renderProps,\n        count: node.children.length,\n        index,\n        isExpanded: 'nodes' in node.value ? !!node.value.isExpanded : false,\n        isFirstChild,\n        isGroup: 'nodes' in node.value,\n        isLastChild,\n        isViewable: !!node.value.isViewable,\n        isVisible: !!node.value.isVisible,\n        isReadOnly: !!node.value.isReadOnly,\n      }),\n    [node.children.length, node.value, index, isFirstChild, isLastChild],\n  );\n\n  const context = useMemo<TreeItemContexts>(() => {\n    const size = sizeProp ?? defaultSize;\n    const buttonProps = mapping.button[size] ?? {};\n\n    return [\n      [\n        ToggleButtonContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: buttonProps,\n            expansion: {\n              ...buttonProps,\n              ...mapping.expansion[size],\n              classNames: classNames?.item?.expansion,\n              isSelected:\n                'nodes' in node.value ? !!node.value.isExpanded : undefined,\n              onPress: handleToggleExpansion,\n            },\n            visibility: {\n              ...buttonProps,\n              ...mapping.visibility[size],\n              classNames: classNames?.item?.visibility,\n              isSelected: !!node.value.isViewable,\n              isDisabled: !!node.value.isReadOnly,\n              onPress: handleToggleVisibility,\n            },\n          },\n        },\n      ],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            description: {\n              ...('nodes' in node.value ? pressProps : {}),\n              className: classNames?.item?.description,\n              children: node.value.label,\n            },\n          },\n        },\n      ],\n      [\n        GroupContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            actions: {\n              classNames: classNames?.item?.actions,\n              context: ButtonContext,\n              values: buttonProps,\n            },\n          },\n        },\n      ],\n      [\n        CheckboxContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            selection: {\n              classNames: classNames?.item?.selection,\n              onChange: handleToggleSelection,\n            },\n          },\n        },\n      ],\n      [\n        ButtonContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: buttonProps,\n            drag: {\n              ...buttonProps,\n              ...mapping.drag[size],\n              classNames: classNames?.item?.drag,\n            },\n            // We use a non-interactive Button for the lines to try and simplify the\n            // consistent use of space when rendered in alignment with other Buttons\n            lines: {\n              ...buttonProps,\n              classNames: classNames?.item?.lines,\n              isDisabled: true,\n            },\n          },\n        },\n      ],\n      // Need to expand the RAC ButtonContext to allow for additional slots\n      [RACButtonContext, { slots: { [DEFAULT_SLOT]: {}, lines: {} } }],\n    ] as TreeItemContexts;\n  }, [\n    classNames?.item?.lines,\n    classNames?.item?.expansion,\n    classNames?.item?.visibility,\n    classNames?.item?.description,\n    classNames?.item?.actions,\n    classNames?.item?.selection,\n    classNames?.item?.drag,\n    mapping,\n    node,\n    pressProps,\n    sizeProp,\n    handleToggleExpansion,\n    handleToggleSelection,\n    handleToggleVisibility,\n  ]);\n\n  /**\n   * We need to block the above contexts from being passed into the TreeGroup\n   * so that each TreeItem has a distinct context. We only use MergeProvider\n   * for the above contexts because the GridListItem provides contexts that\n   * we need to merge with\n   */\n  const children = useCallback(\n    (renderProps: GridListItemRenderProps) => (\n      <MergeProvider values={context}>\n        <div className={classNames?.item?.item}>\n          {node.parentKey && (\n            <Button slot='lines'>\n              <Icon />\n            </Button>\n          )}\n          <div className={classNames?.item?.bar}>\n            {callRenderProps(childrenProp, {\n              ...renderProps,\n              node,\n            })}\n          </div>\n          {'nodes' in node.value &&\n            (!allowsExpansion || node.value.isExpanded) && (\n              <Provider values={contextBlocker}>\n                <TreeGroup\n                  id={node.key}\n                  nodes={node.children}\n                  types={node.value.types}\n                  aria-label={node.value.label}\n                >\n                  {childrenProp}\n                </TreeGroup>\n              </Provider>\n            )}\n        </div>\n      </MergeProvider>\n    ),\n    [\n      context,\n      classNames?.item?.item,\n      classNames?.item?.bar,\n      node,\n      childrenProp,\n      allowsExpansion,\n    ],\n  );\n\n  return (\n    <GridListItem\n      {...rest}\n      isDisabled={!!node.value.isReadOnly}\n      className={classNames?.item?.container}\n      style={style}\n      textValue={node.value.label}\n    >\n      {children}\n    </GridListItem>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/tree/index.tsx"],"names":["RACButtonContext"],"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 { usePress } from '@react-aria/interactions';\nimport { createContext, useCallback, useContext, useMemo } from 'react';\nimport {\n  type ContextValue,\n  DEFAULT_SLOT,\n  DropIndicator,\n  type DropTarget,\n  GridList,\n  GridListItem,\n  type GridListItemRenderProps,\n  type GridListRenderProps,\n  Provider,\n  ButtonContext as RACButtonContext,\n  type ButtonProps as RACButtonProps,\n  type TextProps,\n  useDragAndDrop,\n} from 'react-aria-components';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { useTree } from '../../hooks/use-tree';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport { AriaTextContext } from '../aria';\nimport { Button, ButtonContext, ToggleButtonContext } from '../button';\nimport { CheckboxContext } from '../checkbox';\nimport { GroupContext } from '../group';\nimport { Icon } from '../icon';\nimport { MergeProvider } from '../merge-provider';\nimport {\n  treeClassNames,\n  treeGroupStateVars,\n  treeIndicatorStateVars,\n  treeItemStateVars,\n  treeStateVars,\n} from './tree.css';\nimport { createDragAndDropHandlers } from './utils';\nimport type { Key } from '@react-types/shared';\nimport type { ButtonProps, ToggleButtonProps } from '../button/types';\nimport type { CheckboxProps } from '../checkbox/types';\nimport type { GroupProps } from '../group/types';\nimport type {\n  TreeGroupProps,\n  TreeIndicatorRenderProps,\n  TreeItemProps,\n  TreeMapping,\n  TreeProps,\n  TreeStateContextValue,\n} from './types';\n\nconst emptyTree = {\n  key: '',\n  parentKey: '',\n  children: [],\n  value: { id: '', label: '' },\n};\n\nconst defaultMapping: TreeMapping = {\n  actions: {\n    sm: {},\n    lg: {},\n  },\n  button: {\n    sm: { size: 'sm', variant: 'icon' },\n    lg: { size: 'md', variant: 'icon' },\n  },\n  description: {\n    sm: bodies.sm,\n    lg: bodies.md,\n  },\n  drag: {\n    sm: {},\n    lg: {},\n  },\n  expansion: {\n    sm: {},\n    lg: {},\n  },\n  visibility: {\n    sm: {},\n    lg: {},\n  },\n};\n\nconst defaultSize = 'lg';\n\n// biome-ignore lint/suspicious/noExplicitAny: default TreeStateContext uses a generic item type\nexport const TreeStateContext = createContext<TreeStateContextValue<any>>({\n  allowsDragging: true,\n  allowsExpansion: true,\n  allowsVisibility: false,\n  lookup: {},\n  selectedKeys: new Set(),\n  selectionMode: 'none',\n  tree: emptyTree,\n  actions: {\n    append: noop,\n    getItem: () => emptyTree,\n    insert: noop,\n    insertAfter: noop,\n    insertBefore: noop,\n    move: noop,\n    prepend: noop,\n    remove: noop,\n    removeSelectedItems: noop,\n    revertIsExpanded: noop,\n    setSelectedKeys: noop,\n    toggleIsExpanded: noop,\n    toggleIsSelected: noop,\n    toggleIsViewable: noop,\n    update: noop,\n  },\n});\n\nfunction defaultRenderEmptyState({ isDropTarget }: GridListRenderProps) {\n  return isDropTarget ? 'Add to this group' : 'Nothing to see here';\n}\n\n/**\n * By default Tree only works as an uncontrolled input. However, if you need to use the Tree\n * as a controlled input (passing state changes to the \"nodes\" props), you will need to add a\n * \"key\" prop that is a hash of the \"nodes\" prop to trigger a rerender of the component and\n * abandon it's previous state. Unfortunately, the underlying hooks don't provide a good way\n * to update the internal state of the Tree onces it's been initialized.\n */\nexport function Tree<T>(props: TreeProps<T>) {\n  const defaultedProps = useDefaultProps(\n    props as TreeProps<unknown>,\n    'Tree',\n  ) as TreeProps<T>;\n\n  const {\n    children: childrenProp,\n    allowsDragging = false,\n    allowsExpansion = true,\n    allowsVisibility = false,\n    classNames: classNamesProps,\n    disabledBehavior = 'all',\n    keyboardNavigationBehavior = 'arrow',\n    mapping: mappingProp,\n    nodes,\n    provider,\n    renderDragPreview,\n    renderEmptyState: renderEmptyStateProp = defaultRenderEmptyState,\n    selectionBehavior = 'replace',\n    selectionMode = 'none',\n    showTreeLines = true,\n    size = defaultSize,\n    onAction,\n    onScroll,\n    onSelectionChange,\n    onUpdate,\n    ...rest\n  } = defaultedProps;\n\n  const state = useTree({\n    allowsExpansion,\n    allowsVisibility,\n    nodes,\n    selectionMode,\n    onSelectionChange,\n    onUpdate,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(treeClassNames, theme.Tree, classNamesProps, {\n        item: {\n          description: mapping.description[size],\n        },\n      }) ?? {},\n    [theme.Tree, classNamesProps, mapping, size],\n  );\n\n  const renderEmptyState = useCallback(\n    (renderProps: GridListRenderProps) => (\n      <div className={classNames?.empty}>\n        {renderEmptyStateProp(renderProps)}\n      </div>\n    ),\n    [classNames?.empty, renderEmptyStateProp],\n  );\n\n  const context = useMemo<\n    [[typeof TreeStateContext, TreeStateContextValue<T>]]\n  >(\n    () => [\n      [\n        TreeStateContext,\n        {\n          ...state,\n          allowsDragging,\n          classNames,\n          disabledBehavior,\n          keyboardNavigationBehavior,\n          renderDragPreview,\n          renderEmptyState,\n          selectionBehavior,\n          selectionMode,\n          showTreeLines,\n          size,\n          onAction,\n          onScroll,\n        },\n      ],\n    ],\n    [\n      state,\n      allowsDragging,\n      classNames,\n      disabledBehavior,\n      keyboardNavigationBehavior,\n      renderDragPreview,\n      renderEmptyState,\n      selectionBehavior,\n      selectionMode,\n      showTreeLines,\n      size,\n      onAction,\n      onScroll,\n    ],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(treeStateVars, {\n        allowsDragging,\n        allowsExpansion: state.allowsExpansion,\n        allowsVisibility: state.allowsVisibility,\n        showTreeLines,\n        size,\n      }),\n    [\n      allowsDragging,\n      state.allowsExpansion,\n      state.allowsVisibility,\n      showTreeLines,\n      size,\n    ],\n  );\n\n  const children = useMemo(() => {\n    const treeGroupProps = {\n      ...rest,\n      id: state.tree.key,\n      nodes: state.tree.children,\n    };\n\n    return provider ? (\n      callRenderProps(childrenProp, { ...state, treeGroupProps })\n    ) : (\n      <TreeGroup {...treeGroupProps}>{childrenProp}</TreeGroup>\n    );\n    // biome-ignore lint/correctness/useExhaustiveDependencies: `state` is intentionally included as a whole because it is spread into render props; listing all state fields would be brittle.\n  }, [rest, provider, childrenProp, state]);\n\n  return (\n    <Provider values={context}>\n      <div className={classNames?.tree?.container} style={style}>\n        <div className={classNames?.tree?.tree}>{children}</div>\n      </div>\n    </Provider>\n  );\n}\n\nexport function TreeGroup<T>({\n  id,\n  children,\n  nodes,\n  types = ['all'],\n  ...rest\n}: TreeGroupProps<T>) {\n  const {\n    actions,\n    allowsDragging,\n    classNames,\n    disabledBehavior,\n    keyboardNavigationBehavior,\n    lookup,\n    renderDragPreview,\n    renderEmptyState,\n    selectedKeys,\n    selectionBehavior,\n    selectionMode,\n    onAction,\n    onScroll,\n  } = useContext(TreeStateContext);\n\n  const acceptedDragTypes = useMemo(\n    () => types.map((type) => `tree-${type}`),\n    [types],\n  );\n\n  // This function cannot be treated as a component and will throw errors if implemented as one (with hooks)\n  const renderDropIndicator = useCallback(\n    (target: DropTarget) => (\n      <DropIndicator\n        className={classNames?.indicator?.container}\n        // eslint-disable-next-line react-perf/jsx-no-new-function-as-prop, react/jsx-no-bind\n        style={(renderProps: TreeIndicatorRenderProps) =>\n          inlineVars(treeIndicatorStateVars, {\n            ...renderProps,\n            dropPosition:\n              'dropPosition' in target ? target.dropPosition : 'root',\n          })\n        }\n        target={target}\n      >\n        <div className={classNames?.indicator?.indicator} />\n      </DropIndicator>\n    ),\n    [classNames?.indicator?.container, classNames?.indicator?.indicator],\n  );\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    isDisabled: !allowsDragging,\n    renderDragPreview,\n    renderDropIndicator,\n    ...createDragAndDropHandlers(id, acceptedDragTypes, lookup, actions),\n  });\n\n  const style = useCallback(\n    (renderProps: GridListRenderProps) =>\n      inlineVars(treeGroupStateVars, { ...renderProps, count: nodes.length }),\n    [nodes.length],\n  );\n\n  const indices = useMemo(\n    () =>\n      nodes.reduce<Record<Key, number>>((acc, node, index) => {\n        acc[node.key] = index;\n\n        return acc;\n      }, {}),\n    [nodes],\n  );\n\n  return (\n    <GridList\n      {...rest}\n      className={classNames?.group}\n      disabledBehavior={disabledBehavior}\n      dragAndDropHooks={dragAndDropHooks}\n      items={nodes}\n      keyboardNavigationBehavior={keyboardNavigationBehavior}\n      renderEmptyState={renderEmptyState}\n      selectedKeys={selectedKeys}\n      selectionBehavior={selectionBehavior}\n      selectionMode={selectionMode}\n      style={style}\n      onAction={onAction}\n      onScroll={onScroll}\n    >\n      {(item) => (\n        <TreeItem\n          index={indices[item.key] ?? -1}\n          node={item}\n          isFirstChild={indices[item.key] === 0}\n          isLastChild={indices[item.key] === nodes.length - 1}\n        >\n          {children}\n        </TreeItem>\n      )}\n    </GridList>\n  );\n}\n\ntype TreeItemContexts = [\n  [\n    typeof ToggleButtonContext,\n    ContextValue<ToggleButtonProps, HTMLButtonElement>,\n  ],\n  [typeof AriaTextContext, ContextValue<TextProps, HTMLSpanElement>],\n  [\n    typeof GroupContext,\n    ContextValue<GroupProps<ButtonProps, HTMLButtonElement>, HTMLDivElement>,\n  ],\n  [typeof CheckboxContext, ContextValue<CheckboxProps, HTMLLabelElement>],\n  [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n  [typeof RACButtonContext, ContextValue<RACButtonProps, HTMLButtonElement>],\n];\n\nconst contextBlocker: TreeItemContexts = [\n  [ToggleButtonContext, null],\n  [AriaTextContext, null],\n  [GroupContext, null],\n  [CheckboxContext, null],\n  [ButtonContext, null],\n  [RACButtonContext, null],\n];\n\nexport function TreeItem<T>({\n  children: childrenProp,\n  index,\n  mapping: mappingProp,\n  node,\n  isFirstChild,\n  isLastChild,\n  ...rest\n}: TreeItemProps<T>) {\n  const {\n    actions,\n    allowsExpansion,\n    classNames,\n    size: sizeProp,\n  } = useContext(TreeStateContext);\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const selection = useMemo(() => new Set([node.key]), [node.key]);\n\n  const handleToggleExpansion = useCallback(\n    () => actions.toggleIsExpanded(selection),\n    [actions, selection],\n  );\n\n  const handleToggleSelection = useCallback(\n    () => actions.toggleIsSelected(selection),\n    [actions, selection],\n  );\n\n  const handleToggleVisibility = useCallback(\n    () => actions.toggleIsViewable(selection),\n    [actions, selection],\n  );\n\n  const { pressProps } = usePress({\n    onPress: handleToggleExpansion,\n  });\n\n  const style = useCallback(\n    (renderProps: GridListItemRenderProps) =>\n      inlineVars(treeItemStateVars, {\n        ...renderProps,\n        count: node.children.length,\n        index,\n        isExpanded: 'nodes' in node.value ? !!node.value.isExpanded : false,\n        isFirstChild,\n        isGroup: 'nodes' in node.value,\n        isLastChild,\n        isViewable: !!node.value.isViewable,\n        isVisible: !!node.value.isVisible,\n        isReadOnly: !!node.value.isReadOnly,\n      }),\n    [node.children.length, node.value, index, isFirstChild, isLastChild],\n  );\n\n  const context = useMemo<TreeItemContexts>(() => {\n    const size = sizeProp ?? defaultSize;\n    const buttonProps = mapping.button[size] ?? {};\n\n    return [\n      [\n        ToggleButtonContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: buttonProps,\n            expansion: {\n              ...buttonProps,\n              ...mapping.expansion[size],\n              classNames: classNames?.item?.expansion,\n              isSelected:\n                'nodes' in node.value ? !!node.value.isExpanded : undefined,\n              onPress: handleToggleExpansion,\n            },\n            visibility: {\n              ...buttonProps,\n              ...mapping.visibility[size],\n              classNames: classNames?.item?.visibility,\n              isSelected: !!node.value.isViewable,\n              isDisabled: !!node.value.isReadOnly,\n              onPress: handleToggleVisibility,\n            },\n          },\n        },\n      ],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            description: {\n              ...('nodes' in node.value ? pressProps : {}),\n              className: classNames?.item?.description,\n              children: node.value.label,\n            },\n          },\n        },\n      ],\n      [\n        GroupContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            actions: {\n              classNames: classNames?.item?.actions,\n              context: ButtonContext,\n              values: buttonProps,\n            },\n          },\n        },\n      ],\n      [\n        CheckboxContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            selection: {\n              classNames: classNames?.item?.selection,\n              onChange: handleToggleSelection,\n            },\n          },\n        },\n      ],\n      [\n        ButtonContext,\n        {\n          slots: {\n            [DEFAULT_SLOT]: buttonProps,\n            drag: {\n              ...buttonProps,\n              ...mapping.drag[size],\n              classNames: classNames?.item?.drag,\n            },\n            // We use a non-interactive Button for the lines to try and simplify the\n            // consistent use of space when rendered in alignment with other Buttons\n            lines: {\n              ...buttonProps,\n              classNames: classNames?.item?.lines,\n              isDisabled: true,\n            },\n          },\n        },\n      ],\n      // Need to expand the RAC ButtonContext to allow for additional slots\n      [RACButtonContext, { slots: { [DEFAULT_SLOT]: {}, lines: {} } }],\n    ] as TreeItemContexts;\n  }, [\n    classNames?.item?.lines,\n    classNames?.item?.expansion,\n    classNames?.item?.visibility,\n    classNames?.item?.description,\n    classNames?.item?.actions,\n    classNames?.item?.selection,\n    classNames?.item?.drag,\n    mapping,\n    node,\n    pressProps,\n    sizeProp,\n    handleToggleExpansion,\n    handleToggleSelection,\n    handleToggleVisibility,\n  ]);\n\n  /**\n   * We need to block the above contexts from being passed into the TreeGroup\n   * so that each TreeItem has a distinct context. We only use MergeProvider\n   * for the above contexts because the GridListItem provides contexts that\n   * we need to merge with\n   */\n  const children = useCallback(\n    (renderProps: GridListItemRenderProps) => (\n      <MergeProvider values={context}>\n        <div className={classNames?.item?.item}>\n          {node.parentKey && (\n            <Button slot='lines'>\n              <Icon />\n            </Button>\n          )}\n          <div className={classNames?.item?.bar}>\n            {callRenderProps(childrenProp, {\n              ...renderProps,\n              node,\n            })}\n          </div>\n          {'nodes' in node.value &&\n            (!allowsExpansion || node.value.isExpanded) && (\n              <Provider values={contextBlocker}>\n                <TreeGroup\n                  id={node.key}\n                  nodes={node.children}\n                  types={node.value.types}\n                  aria-label={node.value.label}\n                >\n                  {childrenProp}\n                </TreeGroup>\n              </Provider>\n            )}\n        </div>\n      </MergeProvider>\n    ),\n    [\n      context,\n      classNames?.item?.item,\n      classNames?.item?.bar,\n      node,\n      childrenProp,\n      allowsExpansion,\n    ],\n  );\n\n  return (\n    <GridListItem\n      {...rest}\n      isDisabled={!!node.value.isReadOnly}\n      className={classNames?.item?.container}\n      style={style}\n      textValue={node.value.label}\n    >\n      {children}\n    </GridListItem>\n  );\n}\n"]}