@accelint/design-system 0.8.1 → 0.10.0

package/dist/components/textarea/index.js

@@ -1,6 +1,137 @@
 import '../../chunk-PZ5AY32C.js';
-export { TextArea, TextAreaContext } from './textarea.js';
-export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './textarea.css.js';
-import './types.js';
+import { useFocusRing } from '@react-aria/focus';
+import { useHover } from '@react-aria/interactions';
+import { useControlledState } from '@react-stately/utils';
+import { createContext, forwardRef, useMemo, useCallback, useEffect } from 'react';
+import { TextAreaContext as TextAreaContext$1 } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { inputs } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, mergeProps } from '../../utils/props/index.js';
+import { textAreaClassNames, textAreaStateVars } from './textarea.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  font: inputs
+};
+var TextAreaContext = createContext(null);
+var TextArea = forwardRef(function TextArea2(props, ref) {
+  [props, ref] = useContextProps(props, ref, TextAreaContext$1);
+  props.className = void 0;
+  props.style = void 0;
+  [props, ref] = useContextProps(props, ref, TextAreaContext);
+  props = useDefaultProps(props, "TextArea");
+  const {
+    classNames: classNamesProp,
+    defaultValue = "",
+    disabled: isDisabled = false,
+    mapping: mappingProp,
+    placeholder,
+    readOnly: isReadOnly = false,
+    required: isRequired = false,
+    resize = "none",
+    size = "lg",
+    value: valueProp,
+    onChange,
+    onHoverStart,
+    onHoverChange,
+    onHoverEnd,
+    "aria-invalid": ariaInvalid,
+    ...rest
+  } = props;
+  const [value, setValue] = useControlledState(valueProp, defaultValue);
+  const isInvalid = !!ariaInvalid && ariaInvalid !== "false";
+  const isPlaceholder = !!placeholder && !value;
+  const isEmpty = !value;
+  const { isFocused, isFocusVisible, focusProps } = useFocusRing({
+    autoFocus: props.autoFocus,
+    isTextInput: true
+  });
+  const { hoverProps, isHovered } = useHover({
+    isDisabled,
+    onHoverStart,
+    onHoverChange,
+    onHoverEnd
+  });
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(textAreaClassNames, theme.TextArea, classNamesProp, {
+      textarea: mapping.font[size]
+    }),
+    [theme.TextArea, classNamesProp, mapping.font, size]
+  );
+  const mergedProps = useMemo(
+    () => mergeProps(rest, focusProps, hoverProps),
+    [focusProps, hoverProps, rest]
+  );
+  const style = useMemo(
+    () => inlineVars(textAreaStateVars, {
+      resize,
+      size,
+      isDisabled,
+      isEmpty,
+      isFocused,
+      isFocusVisible,
+      isHovered,
+      isInvalid,
+      isPlaceholder,
+      isReadOnly,
+      isRequired
+    }),
+    [
+      resize,
+      size,
+      isDisabled,
+      isEmpty,
+      isFocused,
+      isFocusVisible,
+      isHovered,
+      isInvalid,
+      isPlaceholder,
+      isReadOnly,
+      isRequired
+    ]
+  );
+  const handleChange = useCallback(
+    (event) => {
+      onChange?.(event);
+      if (!event.defaultPrevented) {
+        setValue(event.currentTarget.textContent ?? "");
+      }
+    },
+    [onChange, setValue]
+  );
+  useEffect(() => {
+    if (typeof ref !== "function" && ref?.current) {
+      ref.current.textContent = `${value ?? ""}`;
+    }
+  }, [ref, value]);
+  return /* @__PURE__ */ jsx("div", { className: classNames?.container, style, children: /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...mergedProps,
+      ...hoverProps,
+      ref,
+      className: classNames?.textarea,
+      contentEditable: !(isDisabled || isReadOnly),
+      role: "textbox",
+      suppressContentEditableWarning: true,
+      onInput: handleChange,
+      "aria-invalid": ariaInvalid,
+      "data-placeholder": placeholder
+    }
+  ) });
+});
+
+export { TextArea, TextAreaContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/textarea/textarea.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,kBAAqB,GAAA,EAAC,SAAU,EAAA,iDAAA,EAAkD,UAAS,gDAAgD;AAC/I,IAAI,oBAAoB,EAAC,UAAA,EAAW,+BAA8B,MAAO,EAAA,yBAAA,EAA0B,OAAM,wBAAwB;AACjI,IAAI,iBAAoB,GAAA;AACxB,IAAI,oBAAoB,EAAC,QAAA,EAAS,2BAA4B,EAAA,KAAA,EAAM,0BAAyB,QAAS,EAAA,2BAAA,EAA4B,SAAU,EAAA,4BAAA,EAA6B,QAAO,yBAA0B,EAAA,SAAA,EAAU,8BAA6B,CAAE,EAAA,oBAAA,EAAqB,GAAE,oBAAoB;AAC1R,IAAA,iBAAA,GAAoB,EAAC,MAAO,EAAA,yBAAA,EAA0B,MAAK,uBAAwB,EAAA,UAAA,EAAW,6BAA8B,EAAA,OAAA,EAAQ,0BAA2B,EAAA,SAAA,EAAU,8BAA6B,cAAe,EAAA,iCAAA,EAAkC,SAAU,EAAA,4BAAA,EAA6B,SAAU,EAAA,4BAAA,EAA6B,eAAc,gCAAiC,EAAA,UAAA,EAAW,6BAA8B,EAAA,UAAA,EAAW,6BAA6B","file":"textarea.css.js","sourcesContent":["export var textAreaClassNames = {container:'textarea_textAreaClassNames_container__13oc1ofn',textarea:'textarea_textAreaClassNames_textarea__13oc1ofo'};\nexport var textAreaColorVars = {background:'var(--background__13oc1of1)',border:'var(--border__13oc1of2)',color:'var(--color__13oc1of3)'};\nexport var textAreaContainer = 'textarea_textAreaContainer__13oc1of0';\nexport var textAreaSpaceVars = {minWidth:'var(--minWidth__13oc1of4)',width:'var(--width__13oc1of5)',maxWidth:'var(--maxWidth__13oc1of6)',minHeight:'var(--minHeight__13oc1of7)',height:'var(--height__13oc1of8)',maxHeight:'var(--maxHeight__13oc1of9)',x:'var(--x__13oc1ofa)',y:'var(--y__13oc1ofb)'};\nexport var textAreaStateVars = {resize:'var(--resize__13oc1ofc)',size:'var(--size__13oc1ofd)',isDisabled:'var(--isDisabled__13oc1ofe)',isEmpty:'var(--isEmpty__13oc1off)',isFocused:'var(--isFocused__13oc1ofg)',isFocusVisible:'var(--isFocusVisible__13oc1ofh)',isHovered:'var(--isHovered__13oc1ofi)',isInvalid:'var(--isInvalid__13oc1ofj)',isPlaceholder:'var(--isPlaceholder__13oc1ofk)',isReadOnly:'var(--isReadOnly__13oc1ofl)',isRequired:'var(--isRequired__13oc1ofm)'};"]}
+{"version":3,"sources":["../../../src/components/textarea/textarea.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,kBAAA,GAAqB,EAAC,SAAA,EAAU,iDAAA,EAAkD,UAAS,gDAAA;AAC/F,IAAI,oBAAoB,EAAC,UAAA,EAAW,+BAA8B,MAAA,EAAO,yBAAA,EAA0B,OAAM,wBAAA;AACzG,IAAI,iBAAA,GAAoB;AACxB,IAAI,oBAAoB,EAAC,QAAA,EAAS,2BAAA,EAA4B,KAAA,EAAM,0BAAyB,QAAA,EAAS,2BAAA,EAA4B,SAAA,EAAU,4BAAA,EAA6B,QAAO,yBAAA,EAA0B,SAAA,EAAU,8BAA6B,CAAA,EAAE,oBAAA,EAAqB,GAAE,oBAAA;AAC1Q,IAAI,iBAAA,GAAoB,EAAC,MAAA,EAAO,yBAAA,EAA0B,MAAK,uBAAA,EAAwB,UAAA,EAAW,6BAAA,EAA8B,OAAA,EAAQ,0BAAA,EAA2B,SAAA,EAAU,8BAA6B,cAAA,EAAe,iCAAA,EAAkC,SAAA,EAAU,4BAAA,EAA6B,SAAA,EAAU,4BAAA,EAA6B,eAAc,gCAAA,EAAiC,UAAA,EAAW,6BAAA,EAA8B,UAAA,EAAW,6BAAA","file":"textarea.css.js","sourcesContent":["export var textAreaClassNames = {container:'textarea_textAreaClassNames_container__13oc1ofn',textarea:'textarea_textAreaClassNames_textarea__13oc1ofo'};\nexport var textAreaColorVars = {background:'var(--background__13oc1of1)',border:'var(--border__13oc1of2)',color:'var(--color__13oc1of3)'};\nexport var textAreaContainer = 'textarea_textAreaContainer__13oc1of0';\nexport var textAreaSpaceVars = {minWidth:'var(--minWidth__13oc1of4)',width:'var(--width__13oc1of5)',maxWidth:'var(--maxWidth__13oc1of6)',minHeight:'var(--minHeight__13oc1of7)',height:'var(--height__13oc1of8)',maxHeight:'var(--maxHeight__13oc1of9)',x:'var(--x__13oc1ofa)',y:'var(--y__13oc1ofb)'};\nexport var textAreaStateVars = {resize:'var(--resize__13oc1ofc)',size:'var(--size__13oc1ofd)',isDisabled:'var(--isDisabled__13oc1ofe)',isEmpty:'var(--isEmpty__13oc1off)',isFocused:'var(--isFocused__13oc1ofg)',isFocusVisible:'var(--isFocusVisible__13oc1ofh)',isHovered:'var(--isHovered__13oc1ofi)',isInvalid:'var(--isInvalid__13oc1ofj)',isPlaceholder:'var(--isPlaceholder__13oc1ofk)',isReadOnly:'var(--isReadOnly__13oc1ofl)',isRequired:'var(--isRequired__13oc1ofm)'};"]}

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

@@ -1,9 +1,8 @@
-export { TimeField, TimeFieldContext } from './time-field.js';
-export { TimeFieldClassNames, TimeFieldMapping, TimeFieldProps, TimeFieldRenderProps, TimeFieldSizes, TimeFieldState } from './types.js';
-export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './time-field.css.js';
-import 'react-aria-components';
-import 'react';
-import '@react-aria/datepicker';
+import { TimeFieldClassNames, TimeFieldMapping, TimeFieldSizes, TimeFieldProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue } from 'react-aria-components';
+import * as react from 'react';
+import { TimeValue } from '@react-aria/datepicker';
 import 'type-fest';
 import '../../types/generic.js';
 import '../../types/props.js';
@@ -11,3 +10,12 @@ import '../date-input/types.js';
 import '@react-stately/datepicker';
 import '../../types/react-aria.js';
 import '../icon/types.js';
+
+declare const TimeFieldContext: react.Context<ContextValue<TimeFieldProps<TimeValue>, HTMLDivElement>>;
+declare const TimeField: <T extends TimeValue>(props: Omit<react_aria_components.TimeFieldProps<T>, "className" | "style"> & {
+    classNames?: TimeFieldClassNames;
+    mapping?: Partial<TimeFieldMapping>;
+    size?: TimeFieldSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { TimeField, TimeFieldContext };

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

@@ -1,5 +1,106 @@
 import '../../chunk-PZ5AY32C.js';
-export { TimeField, TimeFieldContext } from './time-field.js';
-export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './time-field.css.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { LabelContext, Provider, TimeField as TimeField$1 } from 'react-aria-components';
+import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
+import { bodies } from '../../styles/index.js';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { AriaTextContext, AriaFieldErrorContext } from '../aria/index.js';
+import { DateInputContext } from '../date-input/index.js';
+import { IconContext } from '../icon/index.js';
+import { timeFieldClassNames, timeFieldStateVars } from './time-field.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  description: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  error: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  icon: {
+    sm: { size: "xs" },
+    lg: { size: "md" }
+  }
+};
+var defaultSize = "lg";
+var TimeFieldContext = createContext(null);
+var TimeField = forwardRef(function TimeField2(props, ref) {
+  [props, ref] = useContextProps(props, ref, TimeFieldContext);
+  props = useDefaultProps(
+    props,
+    "TimeField"
+  );
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = defaultSize,
+    value,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(timeFieldClassNames, theme.TimeField, classNamesProp, {
+      description: mapping.description[size],
+      error: mapping.error[size]
+    }),
+    [theme.TimeField, classNamesProp, mapping, size]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(timeFieldStateVars, {
+      ...renderProps,
+      size
+    }),
+    [size]
+  );
+  const values = useMemo(
+    () => [
+      [DateInputContext, { classNames: classNames?.input, size }],
+      [LabelContext, { className: classNames?.label }],
+      [
+        AriaTextContext,
+        {
+          slots: {
+            description: { className: classNames?.description }
+          }
+        }
+      ],
+      [AriaFieldErrorContext, { className: classNames?.error }],
+      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }]
+    ],
+    [classNames, size, mapping]
+  );
+  const children = useCallback(
+    (renderProps) => {
+      return /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.timeField, children: callRenderProps(childrenProp, {
+        ...renderProps,
+        defaultChildren: null
+      }) }) });
+    },
+    [childrenProp, values, classNames]
+  );
+  return /* @__PURE__ */ jsx(
+    TimeField$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.container,
+      style,
+      value,
+      children
+    }
+  );
+});
+
+export { TimeField, TimeFieldContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/time-field/time-field.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,mBAAA,GAAsB,EAAC,SAAA,EAAU,mDAAoD,EAAA,SAAA,EAAU,mDAAoD,EAAA,KAAA,EAAM,yEAA0E,EAAA,WAAA,EAAY,qDAAsD,EAAA,KAAA,EAAM,+CAA+C;AAC9V,IAAI,qBAAqB,EAAC,MAAA,EAAO,0BAAyB,WAAY,EAAA,EAAC,OAAM,mCAAmC,EAAA,EAAE,KAAM,EAAA,EAAC,OAAM,6BAA6B,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,+BAA8B;AACzM,IAAI,kBAAqB,GAAA;AACzB,IAAI,kBAAqB,GAAA,EAAC,CAAE,EAAA,mBAAA,EAAoB,CAAE,EAAA,mBAAA,EAAoB,GAAI,EAAA,qBAAA,EAAsB,QAAS,EAAA,0BAAA,EAA2B,KAAM,EAAA,uBAAA,EAAwB,UAAS,0BAA0B;AACrM,IAAI,kBAAqB,GAAA,EAAC,IAAK,EAAA,sBAAA,EAAuB,YAAW,4BAA6B,EAAA,SAAA,EAAU,2BAA4B,EAAA,SAAA,EAAU,6BAA4B,SAAU,EAAA,2BAAA,EAA4B,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA4B","file":"time-field.css.js","sourcesContent":["export var timeFieldClassNames = {container:'time-field_timeFieldClassNames_container__hlv6r3i',timeField:'time-field_timeFieldClassNames_timeField__hlv6r3j',label:'time-field_timeFieldClassNames_label__hlv6r3k typography_label__j8fgabg',description:'time-field_timeFieldClassNames_description__hlv6r3l',error:'time-field_timeFieldClassNames_error__hlv6r3m'};\nexport var timeFieldColorVars = {border:'var(--border__hlv6r37)',description:{color:'var(--description-color__hlv6r38)'},error:{color:'var(--error-color__hlv6r39)'},label:{color:'var(--label-color__hlv6r3a)'}};\nexport var timeFieldContainer = 'time-field_timeFieldContainer__hlv6r30';\nexport var timeFieldSpaceVars = {x:'var(--x__hlv6r31)',y:'var(--y__hlv6r32)',gap:'var(--gap__hlv6r33)',minWidth:'var(--minWidth__hlv6r34)',width:'var(--width__hlv6r35)',maxWidth:'var(--maxWidth__hlv6r36)'};\nexport var timeFieldStateVars = {size:'var(--size__hlv6r3b)',isDisabled:'var(--isDisabled__hlv6r3c)',isFocused:'var(--isFocused__hlv6r3d)',isHovered:'var(--isHovered__hlv6r3e)',isInvalid:'var(--isInvalid__hlv6r3f)',isReadOnly:'var(--isReadOnly__hlv6r3g)',isRequired:'var(--isRequired__hlv6r3h)'};"]}
+{"version":3,"sources":["../../../src/components/time-field/time-field.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,mBAAA,GAAsB,EAAC,SAAA,EAAU,mDAAA,EAAoD,SAAA,EAAU,mDAAA,EAAoD,KAAA,EAAM,yEAAA,EAA0E,WAAA,EAAY,qDAAA,EAAsD,KAAA,EAAM,+CAAA;AAC/S,IAAI,qBAAqB,EAAC,MAAA,EAAO,0BAAyB,WAAA,EAAY,EAAC,OAAM,mCAAA,EAAmC,EAAE,KAAA,EAAM,EAAC,OAAM,6BAAA,EAA6B,EAAE,OAAM,EAAC,KAAA,EAAM,+BAA6B;AACxM,IAAI,kBAAA,GAAqB;AACzB,IAAI,kBAAA,GAAqB,EAAC,CAAA,EAAE,mBAAA,EAAoB,CAAA,EAAE,mBAAA,EAAoB,GAAA,EAAI,qBAAA,EAAsB,QAAA,EAAS,0BAAA,EAA2B,KAAA,EAAM,uBAAA,EAAwB,UAAS,0BAAA;AAC3K,IAAI,kBAAA,GAAqB,EAAC,IAAA,EAAK,sBAAA,EAAuB,YAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,SAAA,EAAU,6BAA4B,SAAA,EAAU,2BAAA,EAA4B,UAAA,EAAW,4BAAA,EAA6B,YAAW,4BAAA","file":"time-field.css.js","sourcesContent":["export var timeFieldClassNames = {container:'time-field_timeFieldClassNames_container__hlv6r3i',timeField:'time-field_timeFieldClassNames_timeField__hlv6r3j',label:'time-field_timeFieldClassNames_label__hlv6r3k typography_label__j8fgabg',description:'time-field_timeFieldClassNames_description__hlv6r3l',error:'time-field_timeFieldClassNames_error__hlv6r3m'};\nexport var timeFieldColorVars = {border:'var(--border__hlv6r37)',description:{color:'var(--description-color__hlv6r38)'},error:{color:'var(--error-color__hlv6r39)'},label:{color:'var(--label-color__hlv6r3a)'}};\nexport var timeFieldContainer = 'time-field_timeFieldContainer__hlv6r30';\nexport var timeFieldSpaceVars = {x:'var(--x__hlv6r31)',y:'var(--y__hlv6r32)',gap:'var(--gap__hlv6r33)',minWidth:'var(--minWidth__hlv6r34)',width:'var(--width__hlv6r35)',maxWidth:'var(--maxWidth__hlv6r36)'};\nexport var timeFieldStateVars = {size:'var(--size__hlv6r3b)',isDisabled:'var(--isDisabled__hlv6r3c)',isFocused:'var(--isFocused__hlv6r3d)',isHovered:'var(--isHovered__hlv6r3e)',isInvalid:'var(--isInvalid__hlv6r3f)',isReadOnly:'var(--isReadOnly__hlv6r3g)',isRequired:'var(--isRequired__hlv6r3h)'};"]}

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

@@ -1,7 +1,30 @@
-export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext } from './tooltip.js';
-export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './tooltip.css.js';
-export { TooltipClassNames, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipState, TooltipTargetProps, TooltipTargetState } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../../types/react-aria.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 { TooltipClassNames, TooltipMapping, TooltipRenderProps, TooltipProps, TooltipTargetProps } from './types.js';
 import 'type-fest';
+
+declare const TooltipContext: react.Context<ContextValue<TooltipProps, HTMLDivElement>>;
+declare const Tooltip: (props: Omit<react_aria_components.TooltipProps, "children" | "className" | "style" | "UNSTABLE_portalContainer"> & {
+    classNames?: TooltipClassNames;
+    mapping?: Partial<TooltipMapping>;
+} & {
+    children?: RenderPropsChildren<TooltipRenderProps>;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const TooltipTargetContext: react.Context<ContextValue<TooltipTargetProps, HTMLDivElement>>;
+/**
+ * This target component is only needed if attempting to add a Tooltip
+ * to a non-focusable element/component
+ */
+declare const TooltipTarget: (props: {
+    classNames?: TooltipClassNames;
+    mapping?: Partial<TooltipMapping>;
+} & {
+    focusable?: boolean;
+    relative?: "parent" | "self";
+} & {
+    children?: react.ReactNode | undefined;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext };

package/dist/components/tooltip/index.js

@@ -1,6 +1,115 @@
 import '../../chunk-PZ5AY32C.js';
-export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext } from './tooltip.js';
-export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './tooltip.css.js';
-import './types.js';
+import { useFocusable } from '@react-aria/focus';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { Tooltip as Tooltip$1 } from 'react-aria-components';
+import { useContextProps } from '../../hooks/use-context-props/index.js';
+import { useDefaultProps } from '../../hooks/use-defaults/index.js';
+import { useTheme } from '../../hooks/use-theme/index.js';
+import { bodies } from '../../styles/typography.css.js';
+import { inlineVars } from '../../utils/css/index.js';
+import { mergeClassNames, callRenderProps } from '../../utils/props/index.js';
+import { tooltipClassNames, tooltipStateVars, tooltipTargetStateVars } from './tooltip.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  font: bodies.xs
+};
+var TooltipContext = createContext(null);
+var Tooltip = forwardRef(function Tooltip2(props, ref) {
+  [props, ref] = useContextProps(props, ref, TooltipContext);
+  props = useDefaultProps(props, "Tooltip");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    containerPadding,
+    crossOffset,
+    mapping: mappingProp,
+    offset,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp, {
+      tooltip: {
+        container: theme.className,
+        tooltip: mapping.font
+      }
+    }),
+    [theme.Tooltip, classNamesProp, theme.className, mapping]
+  );
+  const style = useCallback(
+    ({ state, ...renderProps }) => ({
+      ...theme.style,
+      ...inlineVars(tooltipStateVars, {
+        containerPadding,
+        crossOffset,
+        offset,
+        ...renderProps,
+        isOpen: state.isOpen
+      })
+    }),
+    [theme.style, containerPadding, crossOffset, offset]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx("div", { className: classNames?.tooltip?.tooltip, children: callRenderProps(childrenProp, {
+      ...renderProps,
+      isOpen: renderProps.state.isOpen
+    }) }),
+    [classNames?.tooltip?.tooltip, childrenProp]
+  );
+  return /* @__PURE__ */ jsx(
+    Tooltip$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.tooltip?.container,
+      style,
+      children
+    }
+  );
+});
+var TooltipTargetContext = createContext(null);
+var TooltipTarget = forwardRef(function TooltipTarget2(props, ref) {
+  [props, ref] = useContextProps(props, ref, TooltipTargetContext);
+  props = useDefaultProps(props, "TooltipTarget");
+  const {
+    children,
+    classNames: classNamesProp,
+    focusable = true,
+    relative = "self"
+  } = props;
+  const { focusableProps } = useFocusable({}, ref);
+  const theme = useTheme();
+  const classNames = useMemo(
+    () => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp),
+    [theme.Tooltip, classNamesProp]
+  );
+  const style = useMemo(
+    () => inlineVars(tooltipTargetStateVars, {
+      focusable,
+      relative
+    }),
+    [focusable, relative]
+  );
+  return /* @__PURE__ */ jsx("div", { className: classNames?.target?.container, style, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...focusableProps,
+      ref,
+      className: classNames?.target?.target,
+      tabIndex: focusable ? 0 : void 0,
+      children
+    }
+  ) });
+});
+
+export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
+{"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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip/tooltip.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,iBAAoB,GAAA,EAAC,OAAQ,EAAA,EAAC,WAAU,sDAAuD,EAAA,OAAA,EAAQ,sGAAsG,EAAA,EAAE,QAAO,EAAC,SAAA,EAAU,qDAAsD,EAAA,MAAA,EAAO,oDAAmD;AACrV,IAAI,iBAAoB,GAAA,EAAC,OAAQ,EAAA,4CAAA,EAA6C,QAAO,2CAA2C;AAChI,IAAI,gBAAmB,GAAA,EAAC,CAAE,EAAA,mBAAA,EAAoB,GAAE,mBAAmB;AACnE,IAAI,gBAAmB,GAAA,EAAC,gBAAiB,EAAA,kCAAA,EAAmC,aAAY,6BAA8B,EAAA,MAAA,EAAO,wBAAyB,EAAA,SAAA,EAAU,6BAA4B,UAAW,EAAA,4BAAA,EAA6B,SAAU,EAAA,2BAAA,EAA4B,QAAO,wBAAwB;AACzS,IAAI,sBAAyB,GAAA,EAAC,SAAU,EAAA,2BAAA,EAA4B,UAAS,0BAA0B","file":"tooltip.css.js","sourcesContent":["export var tooltipClassNames = {tooltip:{container:'tooltip_tooltipClassNames_tooltip_container__sg5iyrd',tooltip:'tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4'},target:{container:'tooltip_tooltipClassNames_target_container__sg5iyrf',target:'tooltip_tooltipClassNames_target_target__sg5iyrg'}};\nexport var tooltipContainers = {tooltip:'tooltip_tooltipContainers_tooltip__sg5iyr0',target:'tooltip_tooltipContainers_target__sg5iyr1'};\nexport var tooltipSpaceVars = {x:'var(--x__sg5iyr2)',y:'var(--y__sg5iyr3)'};\nexport var tooltipStateVars = {containerPadding:'var(--containerPadding__sg5iyr4)',crossOffset:'var(--crossOffset__sg5iyr5)',offset:'var(--offset__sg5iyr6)',placement:'var(--placement__sg5iyr7)',isEntering:'var(--isEntering__sg5iyr8)',isExiting:'var(--isExiting__sg5iyr9)',isOpen:'var(--isOpen__sg5iyra)'};\nexport var tooltipTargetStateVars = {focusable:'var(--focusable__sg5iyrb)',relative:'var(--relative__sg5iyrc)'};"]}
+{"version":3,"sources":["../../../src/components/tooltip/tooltip.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,iBAAA,GAAoB,EAAC,OAAA,EAAQ,EAAC,WAAU,sDAAA,EAAuD,OAAA,EAAQ,sGAAA,EAAsG,EAAE,QAAO,EAAC,SAAA,EAAU,qDAAA,EAAsD,MAAA,EAAO,oDAAkD;AACpV,IAAI,iBAAA,GAAoB,EAAC,OAAA,EAAQ,4CAAA,EAA6C,QAAO,2CAAA;AACrF,IAAI,gBAAA,GAAmB,EAAC,CAAA,EAAE,mBAAA,EAAoB,GAAE,mBAAA;AAChD,IAAI,gBAAA,GAAmB,EAAC,gBAAA,EAAiB,kCAAA,EAAmC,aAAY,6BAAA,EAA8B,MAAA,EAAO,wBAAA,EAAyB,SAAA,EAAU,6BAA4B,UAAA,EAAW,4BAAA,EAA6B,SAAA,EAAU,2BAAA,EAA4B,QAAO,wBAAA;AACjR,IAAI,sBAAA,GAAyB,EAAC,SAAA,EAAU,2BAAA,EAA4B,UAAS,0BAAA","file":"tooltip.css.js","sourcesContent":["export var tooltipClassNames = {tooltip:{container:'tooltip_tooltipClassNames_tooltip_container__sg5iyrd',tooltip:'tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4'},target:{container:'tooltip_tooltipClassNames_target_container__sg5iyrf',target:'tooltip_tooltipClassNames_target_target__sg5iyrg'}};\nexport var tooltipContainers = {tooltip:'tooltip_tooltipContainers_tooltip__sg5iyr0',target:'tooltip_tooltipContainers_target__sg5iyr1'};\nexport var tooltipSpaceVars = {x:'var(--x__sg5iyr2)',y:'var(--y__sg5iyr3)'};\nexport var tooltipStateVars = {containerPadding:'var(--containerPadding__sg5iyr4)',crossOffset:'var(--crossOffset__sg5iyr5)',offset:'var(--offset__sg5iyr6)',placement:'var(--placement__sg5iyr7)',isEntering:'var(--isEntering__sg5iyr8)',isExiting:'var(--isExiting__sg5iyr9)',isOpen:'var(--isOpen__sg5iyra)'};\nexport var tooltipTargetStateVars = {focusable:'var(--focusable__sg5iyrb)',relative:'var(--relative__sg5iyrc)'};"]}

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

@@ -1,8 +1,6 @@
-export { Tree, TreeGroup, TreeItem, TreeStateContext } from './tree.js';
-export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './tree.css.js';
-export { TreeClassNames, TreeGroupProps, TreeGroupRenderProps, TreeGroupState, TreeIndicatorRenderProps, TreeIndicatorState, TreeItemProps, TreeItemRenderProps, TreeItemState, TreeMapping, TreeProps, TreeRenderProps, TreeSizes, TreeState, TreeStateContextValue } from './types.js';
-import 'react/jsx-runtime';
-import 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { TreeProps, TreeGroupProps, TreeItemProps, TreeStateContextValue } from './types.js';
 import '@react-types/shared';
 import 'react-aria-components';
 import 'type-fest';
@@ -15,3 +13,17 @@ import '../button/types.js';
 import '../icon/types.js';
 import '../checkbox/types.js';
 import '../group/types.js';
+
+declare const TreeStateContext: react.Context<TreeStateContextValue<any>>;
+/**
+ * By default Tree only works as an uncontrolled input. However, if you need to use the Tree
+ * as a controlled input (passing state changes to the "nodes" props), you will need to add a
+ * "key" prop that is a hash of the "nodes" prop to trigger a rerender of the component and
+ * abandon it's previous state. Unfortunately, the underlying hooks don't provide a good way
+ * to update the internal state of the Tree onces it's been initialized.
+ */
+declare function Tree<T>(props: TreeProps<T>): react_jsx_runtime.JSX.Element;
+declare function TreeGroup<T>({ id, children, nodes, types, ...rest }: TreeGroupProps<T>): react_jsx_runtime.JSX.Element;
+declare function TreeItem<T>({ children: childrenProp, index, mapping: mappingProp, node, isFirstChild, isLastChild, ...rest }: TreeItemProps<T>): react_jsx_runtime.JSX.Element;
+
+export { Tree, TreeGroup, TreeItem, TreeStateContext };