@accelint/design-toolkit 9.9.2 → 9.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaTextField","Label","Input"],"sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TextField as AriaTextField,\n  composeRenderProps,\n  FieldError,\n  Text,\n  useContextProps,\n} from 'react-aria-components';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { TextFieldProps } from './types';\n\n/**\n * TextField - Single-line text input with label and validation\n *\n * Provides integrated label, description, and error message with automatic accessibility.\n *\n * @param props - {@link TextFieldProps}\n * @param props.ref - Ref to the field container element.\n * @param props.classNames - Custom CSS class names for field elements.\n * @param props.description - Helper text displayed below the input.\n * @param props.errorMessage - Error message displayed when validation fails.\n * @param props.inputProps - Props passed to the underlying Input element.\n * @param props.label - Label text for the field.\n * @param props.size - Size variant of the field.\n * @param props.isInvalid - Whether the field is in an invalid state.\n * @returns The rendered TextField component.\n *\n * @example\n * ```tsx\n * <TextField label=\"Email\" type=\"email\" onChange={setEmail} />\n * ```\n */\nexport function TextField({ ref, ...props }: TextFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTextField\n      {...rest}\n      aria-label={labelProp}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/text-field', styles.field, className),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <Input\n            {...inputProps}\n            classNames={{\n              ...classNames?.input,\n              sizer: clsx(styles.input, classNames?.input?.sizer),\n            }}\n            disabled={isDisabled}\n            required={isRequired}\n            size={size}\n            isInvalid={isInvalid}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={clsx(styles.description, classNames?.description)}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTextField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,UAAU,EAAE,KAAK,GAAG,SAAyB;AAC3D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,iBAAiB;CAEpE,MAAM,EACJ,YACA,aAAa,iBACb,cAAc,kBACd,YACA,OAAO,WACP,OAAO,UACP,WAAW,eACX,GAAG,SACD;CACJ,MAAM,eAAe,oBAAoB;CACzC,MAAM,UAAU,SAAS;AAEzB,QACE,oBAACA;EACC,GAAI;EACJ,cAAY;EACP;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,oBAAoB,OAAO,OAAO,UAAU,CAClD;EACD,WAAW,kBAAkB,eAAe,OAAO;EACnD,aAAW;aAGT,EAAE,YAAY,WAAW,iBAEzB;GACG,CAAC,CAAC,aAAa,CAAC,WACf,oBAACC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK;GAEV,oBAACC;IACC,GAAI;IACJ,YAAY;KACV,GAAG,YAAY;KACf,OAAO,KAAK,OAAO,OAAO,YAAY,OAAO,MAAM;KACpD;IACD,UAAU;IACV,UAAU;IACJ;IACK;KACX;GACD,CAAC,CAAC,mBAAmB,EAAE,WAAW,cACjC,oBAAC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;cAE3D;KACI;GAET,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;MACZ;GAES"}
+{"version":3,"file":"index.js","names":["AriaTextField"],"sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { FieldError } from 'react-aria-components/FieldError';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { Text } from 'react-aria-components/Text';\nimport { TextField as AriaTextField } from 'react-aria-components/TextField';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { TextFieldProps } from './types';\n\n/**\n * TextField - Single-line text input with label and validation\n *\n * Provides integrated label, description, and error message with automatic accessibility.\n *\n * @param props - {@link TextFieldProps}\n * @param props.ref - Ref to the field container element.\n * @param props.classNames - Custom CSS class names for field elements.\n * @param props.description - Helper text displayed below the input.\n * @param props.errorMessage - Error message displayed when validation fails.\n * @param props.inputProps - Props passed to the underlying Input element.\n * @param props.label - Label text for the field.\n * @param props.size - Size variant of the field.\n * @param props.isInvalid - Whether the field is in an invalid state.\n * @returns The rendered TextField component.\n *\n * @example\n * ```tsx\n * <TextField label=\"Email\" type=\"email\" onChange={setEmail} />\n * ```\n */\nexport function TextField({ ref, ...props }: TextFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n  const {\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    inputProps,\n    label: labelProp,\n    size = 'medium',\n    isInvalid: isInvalidProp,\n    ...rest\n  } = props;\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTextField\n      {...rest}\n      aria-label={labelProp}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/text-field', styles.field, className),\n      )}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      data-size={size}\n    >\n      {(\n        { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!!labelProp && !isSmall && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <Input\n            {...inputProps}\n            classNames={{\n              ...classNames?.input,\n              sizer: clsx(styles.input, classNames?.input?.sizer),\n            }}\n            disabled={isDisabled}\n            required={isRequired}\n            size={size}\n            isInvalid={isInvalid}\n          />\n          {!!descriptionProp && !(isSmall || isInvalid) && (\n            <Text\n              slot='description'\n              className={clsx(styles.description, classNames?.description)}\n            >\n              {descriptionProp}\n            </Text>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTextField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,UAAU,EAAE,KAAK,GAAG,SAAyB;AAC3D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,iBAAiB;CAEpE,MAAM,EACJ,YACA,aAAa,iBACb,cAAc,kBACd,YACA,OAAO,WACP,OAAO,UACP,WAAW,eACX,GAAG,SACD;CACJ,MAAM,eAAe,oBAAoB;CACzC,MAAM,UAAU,SAAS;AAEzB,QACE,oBAACA;EACC,GAAI;EACJ,cAAY;EACP;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,oBAAoB,OAAO,OAAO,UAAU,CAClD;EACD,WAAW,kBAAkB,eAAe,OAAO;EACnD,aAAW;aAGT,EAAE,YAAY,WAAW,iBAEzB;GACG,CAAC,CAAC,aAAa,CAAC,WACf,oBAAC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK;GAEV,oBAAC;IACC,GAAI;IACJ,YAAY;KACV,GAAG,YAAY;KACf,OAAO,KAAK,OAAO,OAAO,YAAY,OAAO,MAAM;KACpD;IACD,UAAU;IACV,UAAU;IACJ;IACK;KACX;GACD,CAAC,CAAC,mBAAmB,EAAE,WAAW,cACjC,oBAAC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;cAE3D;KACI;GAET,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;MACZ;GAES"}

package/dist/components/text-field/types.d.ts

@@ -10,10 +10,11 @@
  * governing permissions and limitations under the License.
  */
 
-import { LabelProps as LabelProps$1 } from "../label/types.js";
-import { InputProps as InputProps$1 } from "../input/types.js";
+import { LabelProps } from "../label/types.js";
+import { InputProps } from "../input/types.js";
 import { RefAttributes } from "react";
-import { FieldErrorProps, TextFieldProps as TextFieldProps$1 } from "react-aria-components";
+import { FieldErrorProps } from "react-aria-components/FieldError";
+import { TextFieldProps as TextFieldProps$1 } from "react-aria-components/TextField";
 
 //#region src/components/text-field/types.d.ts
 /**
@@ -23,15 +24,15 @@ type TextFieldProps = Omit<TextFieldProps$1, 'children' | 'className' | 'type' |
   /** Custom CSS class names for field elements. */
   classNames?: {
     field?: TextFieldProps$1['className'];
-    label?: LabelProps$1['className'];
-    input?: InputProps$1['classNames'];
+    label?: LabelProps['className'];
+    input?: InputProps['classNames'];
     description?: string;
     error?: FieldErrorProps['className'];
   };
   /** Label text for the field. */
   label?: string;
   /** Props passed to the underlying Input element. */
-  inputProps?: InputProps$1;
+  inputProps?: InputProps;
   /** Helper text displayed below the input. */
   description?: string;
   /** Error message displayed when validation fails. */

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

@@ -12,8 +12,8 @@
 
 import { TimeFieldProps as TimeFieldProps$1 } from "./types.js";
 import "client-only";
-import { TimeValue } from "react-aria-components";
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime201 from "react/jsx-runtime";
+import { TimeValue } from "react-aria-components/TimeField";
 
 //#region src/components/time-field/index.d.ts
 
@@ -58,7 +58,7 @@ declare function TimeField<T extends TimeValue>({
   isRequired,
   isReadOnly,
   ...rest
-}: TimeFieldProps$1<T>): react_jsx_runtime100.JSX.Element;
+}: TimeFieldProps$1<T>): react_jsx_runtime201.JSX.Element;
 //#endregion
 export { TimeField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -14,12 +14,13 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Label as Label$1 } from "../label/index.js";
+import { Label } from "../label/index.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { DateInput, DateSegment, FieldError, Text, TimeField as TimeField$1, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Time from "@accelint/icons/time";
+import { DateInput, DateSegment, FieldError, Text, TimeField as TimeField$1 } from "react-aria-components/TimeField";
 import styles from "./styles.module.css";
 
 //#region src/components/time-field/index.tsx
@@ -65,7 +66,7 @@ function TimeField({ classNames, description: descriptionProp, errorMessage: err
 		"aria-label": labelProp,
 		"data-size": size,
 		children: ({ isDisabled: isDisabled$1 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-			!isSmall && labelProp && /* @__PURE__ */ jsx(Label$1, {
+			!isSmall && labelProp && /* @__PURE__ */ jsx(Label, {
 				className: clsx(styles.label, classNames?.label),
 				isDisabled: isDisabled$1,
 				isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaTimeField","Label","isDisabled","AriaDateInput","AriaText"],"sources":["../../../src/components/time-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Time from '@accelint/icons/time';\nimport {\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  TimeField as AriaTimeField,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n  type TimeValue,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport styles from './styles.module.css';\nimport type { TimeFieldProps } from './types';\n\n/**\n * TimeField - Form input for time values\n *\n * Provides configurable granularity, 12/24-hour format, and automatic accessibility.\n *\n * @param props - {@link TimeFieldProps}\n * @param props.classNames - Custom CSS class names for field elements.\n * @param props.description - Helper text displayed below the input.\n * @param props.errorMessage - Error message displayed when validation fails.\n * @param props.granularity - The granularity of the time value (hour, minute, second).\n * @param props.hourCycle - Whether to use 12 or 24 hour time format.\n * @param props.inputProps - Props passed to the underlying DateInput element.\n * @param props.label - Label text for the field.\n * @param props.shouldForceLeadingZeros - Whether to force leading zeros in time segments.\n * @param props.size - Size variant of the field.\n * @param props.isDisabled - Whether the field is disabled.\n * @param props.isInvalid - Whether the field is in an invalid state.\n * @param props.isRequired - Whether the field is required.\n * @param props.isReadOnly - Whether the field is read-only.\n * @returns The rendered TimeField component.\n *\n * @example\n * ```tsx\n * <TimeField label=\"Start time\" granularity=\"minute\" onChange={setTime} />\n * ```\n */\nexport function TimeField<T extends TimeValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  granularity = 'second',\n  hourCycle = 24,\n  inputProps,\n  label: labelProp,\n  shouldForceLeadingZeros = true,\n  size = 'medium',\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  isReadOnly = false,\n  ...rest\n}: TimeFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTimeField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/time-field', styles.field, className),\n      )}\n      granularity={granularity}\n      hourCycle={hourCycle}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && labelProp && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={clsx(styles.control, classNames?.control)}\n            data-readonly={isReadOnly || null}\n          >\n            {!isReadOnly && size === 'medium' && (\n              <Icon>\n                <Time />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            >\n              {(segmentProp) => (\n                <DateSegment\n                  segment={segmentProp}\n                  className={composeRenderProps(\n                    classNames?.segment,\n                    (className) => clsx(styles.segment, className),\n                  )}\n                />\n              )}\n            </AriaDateInput>\n            <span>Z</span>\n          </div>\n          {descriptionProp && !(isSmall || isInvalidProp) && !errorMessage && (\n            <AriaText\n              slot='description'\n              className={clsx(styles.description, classNames?.description)}\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTimeField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,UAA+B,EAC7C,YACA,aAAa,iBACb,cAAc,kBACd,cAAc,UACd,YAAY,IACZ,YACA,OAAO,WACP,0BAA0B,MAC1B,OAAO,UACP,YACA,WAAW,eACX,YACA,aAAa,OACb,GAAG,QACiB;CACpB,MAAM,eAAe,oBAAoB;CACzC,MAAM,UAAU,SAAS;AAEzB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,oBAAoB,OAAO,OAAO,UAAU,CAClD;EACY;EACF;EACc;EACb;EACZ,WAAW,kBAAkB,eAAe,OAAO;EACvC;EACA;EACZ,cAAY;EACZ,aAAW;aAGT,EAAE,+BAEF;GACG,CAAC,WAAW,aACX,oBAACC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IAChD,YAAYC;IACA;cAEX;KACK;GAEV,qBAAC;IACC,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;IACpD,iBAAe,cAAc;;KAE5B,CAAC,cAAc,SAAS,YACvB,oBAAC,kBACC,oBAAC,SAAO,GACH;KAET,oBAACC;MACC,GAAI;MACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;iBAEC,gBACA,oBAAC;OACC,SAAS;OACT,WAAW,mBACT,YAAY,UACX,cAAc,KAAK,OAAO,SAAS,UAAU,CAC/C;QACD;OAEU;KAChB,oBAAC,oBAAK,MAAQ;;KACV;GACL,mBAAmB,EAAE,WAAW,kBAAkB,CAAC,gBAClD,oBAACC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;cAE3D;KACQ;GAEb,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;MACZ;GAES"}
+{"version":3,"file":"index.js","names":["AriaTimeField","isDisabled","AriaDateInput","AriaText"],"sources":["../../../src/components/time-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Time from '@accelint/icons/time';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport {\n  DateInput as AriaDateInput,\n  DateSegment,\n  FieldError,\n  Text as AriaText,\n  TimeField as AriaTimeField,\n  type TimeValue,\n} from 'react-aria-components/TimeField';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport styles from './styles.module.css';\nimport type { TimeFieldProps } from './types';\n\n/**\n * TimeField - Form input for time values\n *\n * Provides configurable granularity, 12/24-hour format, and automatic accessibility.\n *\n * @param props - {@link TimeFieldProps}\n * @param props.classNames - Custom CSS class names for field elements.\n * @param props.description - Helper text displayed below the input.\n * @param props.errorMessage - Error message displayed when validation fails.\n * @param props.granularity - The granularity of the time value (hour, minute, second).\n * @param props.hourCycle - Whether to use 12 or 24 hour time format.\n * @param props.inputProps - Props passed to the underlying DateInput element.\n * @param props.label - Label text for the field.\n * @param props.shouldForceLeadingZeros - Whether to force leading zeros in time segments.\n * @param props.size - Size variant of the field.\n * @param props.isDisabled - Whether the field is disabled.\n * @param props.isInvalid - Whether the field is in an invalid state.\n * @param props.isRequired - Whether the field is required.\n * @param props.isReadOnly - Whether the field is read-only.\n * @returns The rendered TimeField component.\n *\n * @example\n * ```tsx\n * <TimeField label=\"Start time\" granularity=\"minute\" onChange={setTime} />\n * ```\n */\nexport function TimeField<T extends TimeValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  granularity = 'second',\n  hourCycle = 24,\n  inputProps,\n  label: labelProp,\n  shouldForceLeadingZeros = true,\n  size = 'medium',\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  isReadOnly = false,\n  ...rest\n}: TimeFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaTimeField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/time-field', styles.field, className),\n      )}\n      granularity={granularity}\n      hourCycle={hourCycle}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      isDisabled={isDisabled}\n      isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      aria-label={labelProp}\n      data-size={size}\n    >\n      {(\n        { isDisabled }, // Rely on internal state, not props, since state could differ from props\n      ) => (\n        <>\n          {!isSmall && labelProp && (\n            <Label\n              className={clsx(styles.label, classNames?.label)}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n            >\n              {labelProp}\n            </Label>\n          )}\n          <div\n            className={clsx(styles.control, classNames?.control)}\n            data-readonly={isReadOnly || null}\n          >\n            {!isReadOnly && size === 'medium' && (\n              <Icon>\n                <Time />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            >\n              {(segmentProp) => (\n                <DateSegment\n                  segment={segmentProp}\n                  className={composeRenderProps(\n                    classNames?.segment,\n                    (className) => clsx(styles.segment, className),\n                  )}\n                />\n              )}\n            </AriaDateInput>\n            <span>Z</span>\n          </div>\n          {descriptionProp && !(isSmall || isInvalidProp) && !errorMessage && (\n            <AriaText\n              slot='description'\n              className={clsx(styles.description, classNames?.description)}\n            >\n              {descriptionProp}\n            </AriaText>\n          )}\n          <FieldError\n            className={composeRenderProps(classNames?.error, (className) =>\n              clsx(styles.error, className),\n            )}\n          >\n            {errorMessage}\n          </FieldError>\n        </>\n      )}\n    </AriaTimeField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,SAAgB,UAA+B,EAC7C,YACA,aAAa,iBACb,cAAc,kBACd,cAAc,UACd,YAAY,IACZ,YACA,OAAO,WACP,0BAA0B,MAC1B,OAAO,UACP,YACA,WAAW,eACX,YACA,aAAa,OACb,GAAG,QACiB;CACpB,MAAM,eAAe,oBAAoB;CACzC,MAAM,UAAU,SAAS;AAEzB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,oBAAoB,OAAO,OAAO,UAAU,CAClD;EACY;EACF;EACc;EACb;EACZ,WAAW,kBAAkB,eAAe,OAAO;EACvC;EACA;EACZ,cAAY;EACZ,aAAW;aAGT,EAAE,+BAEF;GACG,CAAC,WAAW,aACX,oBAAC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IAChD,YAAYC;IACA;cAEX;KACK;GAEV,qBAAC;IACC,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;IACpD,iBAAe,cAAc;;KAE5B,CAAC,cAAc,SAAS,YACvB,oBAAC,kBACC,oBAAC,SAAO,GACH;KAET,oBAACC;MACC,GAAI;MACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;iBAEC,gBACA,oBAAC;OACC,SAAS;OACT,WAAW,mBACT,YAAY,UACX,cAAc,KAAK,OAAO,SAAS,UAAU,CAC/C;QACD;OAEU;KAChB,oBAAC,oBAAK,MAAQ;;KACV;GACL,mBAAmB,EAAE,WAAW,kBAAkB,CAAC,gBAClD,oBAACC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;cAE3D;KACQ;GAEb,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;MACZ;GAES"}

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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import { DateInputProps, DateSegmentProps, FieldErrorProps, LabelProps, TimeFieldProps as TimeFieldProps$1, TimeValue } from "react-aria-components";
+import { DateInputProps, DateSegmentProps, FieldErrorProps, LabelProps, TimeFieldProps as TimeFieldProps$1, TimeValue } from "react-aria-components/TimeField";
 
 //#region src/components/time-field/types.d.ts
 /**

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

@@ -12,12 +12,12 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react32 from "react";
-import { ContextValue } from "react-aria-components";
+import * as react50 from "react";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/tooltip/context.d.ts
 /** Context for sharing props across TooltipTrigger components */
-declare const TooltipContext: react32.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
+declare const TooltipContext: react50.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
 //#endregion
 export { TooltipContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tooltip/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { TooltipTriggerProps } from './types';\n\n/** Context for sharing props across TooltipTrigger components */\nexport const TooltipContext =\n  createContext<ContextValue<TooltipTriggerProps, HTMLDivElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,iBACX,cAAiE,KAAK"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tooltip/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { TooltipTriggerProps } from './types';\n\n/** Context for sharing props across TooltipTrigger components */\nexport const TooltipContext =\n  createContext<ContextValue<TooltipTriggerProps, HTMLDivElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,iBACX,cAAiE,KAAK"}

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

@@ -12,7 +12,7 @@
 
 import { TooltipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime120 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region src/components/tooltip/index.d.ts
 
@@ -44,7 +44,7 @@ declare function Tooltip({
   offset,
   placement,
   ...props
-}: TooltipProps): react_jsx_runtime120.JSX.Element;
+}: TooltipProps): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { Tooltip };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/index.js

@@ -17,9 +17,10 @@ import { PortalProvider } from "../../providers/portal.js";
 import "client-only";
 import { useMemo } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Tooltip as Tooltip$1, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
-import { useIsSSR } from "@react-aria/ssr";
+import { useIsSSR } from "react-aria/SSRProvider";
+import { Tooltip as Tooltip$1 } from "react-aria-components/Tooltip";
 import styles from "./styles.module.css";
 
 //#region src/components/tooltip/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaTooltip","className"],"sources":["../../../src/components/tooltip/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useIsSSR } from '@react-aria/ssr';\nimport { useMemo } from 'react';\nimport {\n  Tooltip as AriaTooltip,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { PortalProvider } from '@/providers/portal';\nimport styles from './styles.module.css';\nimport type { TooltipProps } from './types';\n\n/**\n * Tooltip - Contextual popup for additional information\n *\n * Displays on hover or focus with automatic positioning and accessibility support.\n *\n * @param props - {@link TooltipProps}\n * @param props.children - Tooltip content.\n * @param props.parentRef - Ref to the parent element for portal positioning.\n * @param props.className - CSS class for the tooltip.\n * @param props.offset - Distance from the trigger element.\n * @param props.placement - Position relative to the trigger.\n * @returns The rendered Tooltip component.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>Additional information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip({\n  children,\n  parentRef,\n  className,\n  offset = 5,\n  placement = 'bottom',\n  ...props\n}: TooltipProps) {\n  const isSSR = useIsSSR();\n  const overlayContainer = useMemo(() => {\n    if (isSSR) {\n      return null;\n    }\n\n    const div = document.createElement('div');\n\n    div.setAttribute('class', 'absolute');\n\n    return div;\n  }, [isSSR]);\n\n  return (\n    <PortalProvider parentRef={parentRef} inject={overlayContainer}>\n      <AriaTooltip\n        {...props}\n        className={composeRenderProps(className, (className) =>\n          clsx(styles.tooltip, className),\n        )}\n        offset={offset}\n        placement={placement}\n      >\n        {children}\n      </AriaTooltip>\n    </PortalProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,QAAQ,EACtB,UACA,WACA,WACA,SAAS,GACT,YAAY,UACZ,GAAG,SACY;CACf,MAAM,QAAQ,UAAU;AAaxB,QACE,oBAAC;EAA0B;EAAW,QAbf,cAAc;AACrC,OAAI,MACF,QAAO;GAGT,MAAM,MAAM,SAAS,cAAc,MAAM;AAEzC,OAAI,aAAa,SAAS,WAAW;AAErC,UAAO;KACN,CAAC,MAAM,CAAC;YAIP,oBAACA;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,SAASC,YAAU,CAChC;GACO;GACG;GAEV;IACW;GACC"}
+{"version":3,"file":"index.js","names":["AriaTooltip","className"],"sources":["../../../src/components/tooltip/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useIsSSR } from 'react-aria/SSRProvider';\nimport { useMemo } from 'react';\nimport { Tooltip as AriaTooltip } from 'react-aria-components/Tooltip';\nimport { PortalProvider } from '@/providers/portal';\nimport styles from './styles.module.css';\nimport type { TooltipProps } from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\n\n/**\n * Tooltip - Contextual popup for additional information\n *\n * Displays on hover or focus with automatic positioning and accessibility support.\n *\n * @param props - {@link TooltipProps}\n * @param props.children - Tooltip content.\n * @param props.parentRef - Ref to the parent element for portal positioning.\n * @param props.className - CSS class for the tooltip.\n * @param props.offset - Distance from the trigger element.\n * @param props.placement - Position relative to the trigger.\n * @returns The rendered Tooltip component.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>Additional information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip({\n  children,\n  parentRef,\n  className,\n  offset = 5,\n  placement = 'bottom',\n  ...props\n}: TooltipProps) {\n  const isSSR = useIsSSR();\n  const overlayContainer = useMemo(() => {\n    if (isSSR) {\n      return null;\n    }\n\n    const div = document.createElement('div');\n\n    div.setAttribute('class', 'absolute');\n\n    return div;\n  }, [isSSR]);\n\n  return (\n    <PortalProvider parentRef={parentRef} inject={overlayContainer}>\n      <AriaTooltip\n        {...props}\n        className={composeRenderProps(className, (className) =>\n          clsx(styles.tooltip, className),\n        )}\n        offset={offset}\n        placement={placement}\n      >\n        {children}\n      </AriaTooltip>\n    </PortalProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,QAAQ,EACtB,UACA,WACA,WACA,SAAS,GACT,YAAY,UACZ,GAAG,SACY;CACf,MAAM,QAAQ,UAAU;AAaxB,QACE,oBAAC;EAA0B;EAAW,QAbf,cAAc;AACrC,OAAI,MACF,QAAO;GAGT,MAAM,MAAM,SAAS,cAAc,MAAM;AAEzC,OAAI,aAAa,SAAS,WAAW;AAErC,UAAO;KACN,CAAC,MAAM,CAAC;YAIP,oBAACA;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,SAASC,YAAU,CAChC;GACO;GACG;GAEV;IACW;GACC"}

package/dist/components/tooltip/styles.module.css

@@ -14,7 +14,42 @@
 
 @layer components.l1 {
   .tooltip {
+    --offset: var(--spacing-xxs);
+    --offset-neg: calc(var(--spacing-xxs) * -1);
+
     @apply fg-primary-bold rounded-small bg-surface-overlay px-s py-xs text-body-xs shadow-elevation-overlay flex items-center justify-center text-center wrap-break-word select-none;
     max-width: 160px;
+
+    @variant motion-safe {
+      transition:
+        transform var(--animation-duration-normal),
+        opacity var(--animation-duration-normal);
+
+      @variant placement-top {
+        --origin: translateY(var(--offset));
+      }
+
+      @variant placement-bottom {
+        --origin: translateY(var(--offset-neg));
+      }
+
+      @variant placement-left {
+        --origin: translateX(var(--offset));
+      }
+
+      @variant placement-right {
+        --origin: translateX(var(--offset-neg));
+      }
+
+      @variant entering {
+        transform: var(--origin);
+        opacity: 0;
+      }
+
+      @variant exiting {
+        transform: var(--origin);
+        opacity: 0;
+      }
+    }
   }
 }

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

@@ -12,7 +12,7 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime169 from "react/jsx-runtime";
+import * as react_jsx_runtime205 from "react/jsx-runtime";
 
 //#region src/components/tooltip/trigger.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime169 from "react/jsx-runtime";
 declare function TooltipTrigger({
   ref,
   ...props
-}: TooltipTriggerProps): react_jsx_runtime169.JSX.Element;
+}: TooltipTriggerProps): react_jsx_runtime205.JSX.Element;
 //#endregion
 export { TooltipTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/tooltip/trigger.js

@@ -16,10 +16,13 @@
 import { TooltipContext } from "./context.js";
 import "client-only";
 import { Children, cloneElement, version } from "react";
-import { TooltipTrigger as TooltipTrigger$1, useContextProps } from "react-aria-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useFocusable } from "@react-aria/interactions";
-import { mergeProps, mergeRefs, useObjectRef } from "@react-aria/utils";
+import { useContextProps } from "react-aria-components/slots";
+import { TooltipTrigger as TooltipTrigger$1 } from "react-aria-components/Tooltip";
+import { useFocusable } from "react-aria/useFocusable";
+import { mergeProps } from "react-aria/mergeProps";
+import { useObjectRef } from "react-aria/useObjectRef";
+import { mergeRefs } from "react-aria/mergeRefs";
 
 //#region src/components/tooltip/trigger.tsx
 function TooltipFocusable({ children, ref, ...props }) {

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":["AriaTooltipTrigger"],"sources":["../../../src/components/tooltip/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport {\n  type FocusableProviderProps,\n  useFocusable,\n} from '@react-aria/interactions';\nimport { mergeProps, mergeRefs, useObjectRef } from '@react-aria/utils';\nimport {\n  Children,\n  cloneElement,\n  type DOMAttributes,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n  version,\n} from 'react';\nimport {\n  TooltipTrigger as AriaTooltipTrigger,\n  useContextProps,\n} from 'react-aria-components';\nimport { TooltipContext } from './context';\nimport type { FocusableElement } from '@react-types/shared';\nimport type { TooltipTriggerProps } from './types';\n\nfunction TooltipFocusable({\n  children,\n  ref,\n  ...props\n}: FocusableProviderProps & RefAttributes<FocusableElement>) {\n  ref = useObjectRef(ref);\n\n  const { focusableProps } = useFocusable(props, ref);\n  const [trigger, tooltip] = Children.toArray(children) as [\n    ReactElement<DOMAttributes<FocusableElement>, string>,\n    ReactNode,\n  ];\n\n  const childRef =\n    //@ts-expect-error\n    Number.parseInt(version, 10) < 19 ? trigger.ref : trigger.props.ref;\n\n  return (\n    <>\n      {cloneElement(trigger, {\n        ...mergeProps(focusableProps, trigger.props),\n        //@ts-expect-error\n        ref: mergeRefs(childRef, ref),\n      })}\n      {tooltip}\n    </>\n  );\n}\n\n/**\n * TooltipTrigger - Wrapper that manages tooltip display on hover or focus\n *\n * @example\n * ```tsx\n * <TooltipTrigger delay={500}>\n *   <Button>\n *     <Icon><Info /></Icon>\n *   </Button>\n *   <Tooltip>Additional information about this action</Tooltip>\n * </TooltipTrigger>\n * ```\n *\n * @param props - {@link TooltipTriggerProps}\n * @param props.ref - Ref to the focusable trigger element.\n * @param props.children - Trigger element and Tooltip content.\n * @param props.delay - Delay in milliseconds before showing the tooltip.\n * @returns The rendered TooltipTrigger component.\n */\nexport function TooltipTrigger({ ref, ...props }: TooltipTriggerProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TooltipContext);\n\n  const { children, delay = 250, ...rest } = props;\n\n  return (\n    <AriaTooltipTrigger {...rest} delay={delay}>\n      <TooltipFocusable ref={ref}>{children}</TooltipFocusable>\n    </AriaTooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAS,iBAAiB,EACxB,UACA,KACA,GAAG,SACwD;AAC3D,OAAM,aAAa,IAAI;CAEvB,MAAM,EAAE,mBAAmB,aAAa,OAAO,IAAI;CACnD,MAAM,CAAC,SAAS,WAAW,SAAS,QAAQ,SAAS;CAKrD,MAAM,WAEJ,OAAO,SAAS,SAAS,GAAG,GAAG,KAAK,QAAQ,MAAM,QAAQ,MAAM;AAElE,QACE,8CACG,aAAa,SAAS;EACrB,GAAG,WAAW,gBAAgB,QAAQ,MAAM;EAE5C,KAAK,UAAU,UAAU,IAAI;EAC9B,CAAC,EACD,WACA;;;;;;;;;;;;;;;;;;;;;AAuBP,SAAgB,eAAe,EAAE,KAAK,GAAG,SAA8B;AACrE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,eAAe;CAElE,MAAM,EAAE,UAAU,QAAQ,KAAK,GAAG,SAAS;AAE3C,QACE,oBAACA;EAAmB,GAAI;EAAa;YACnC,oBAAC;GAAsB;GAAM;IAA4B;GACtC"}
+{"version":3,"file":"trigger.js","names":["AriaTooltipTrigger"],"sources":["../../../src/components/tooltip/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport 'client-only';\nimport { useFocusable } from 'react-aria/useFocusable';\nimport { mergeProps } from 'react-aria/mergeProps';\nimport { useObjectRef } from 'react-aria/useObjectRef';\nimport { mergeRefs } from 'react-aria/mergeRefs';\nimport {\n  Children,\n  cloneElement,\n  type DOMAttributes,\n  type ReactElement,\n  type ReactNode,\n  version,\n} from 'react';\nimport { TooltipTrigger as AriaTooltipTrigger } from 'react-aria-components/Tooltip';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { TooltipContext } from './context';\nimport type { FocusableElement } from '@react-types/shared';\nimport type { TooltipFocusableProps, TooltipTriggerProps } from './types';\n\nfunction TooltipFocusable({ children, ref, ...props }: TooltipFocusableProps) {\n  ref = useObjectRef(ref);\n\n  const { focusableProps } = useFocusable(props, ref);\n  const [trigger, tooltip] = Children.toArray(children) as [\n    ReactElement<DOMAttributes<FocusableElement>, string>,\n    ReactNode,\n  ];\n\n  const childRef =\n    //@ts-expect-error\n    Number.parseInt(version, 10) < 19 ? trigger.ref : trigger.props.ref;\n\n  return (\n    <>\n      {cloneElement(trigger, {\n        ...mergeProps(focusableProps, trigger.props),\n        //@ts-expect-error\n        ref: mergeRefs(childRef, ref),\n      })}\n      {tooltip}\n    </>\n  );\n}\n\n/**\n * TooltipTrigger - Wrapper that manages tooltip display on hover or focus\n *\n * @example\n * ```tsx\n * <TooltipTrigger delay={500}>\n *   <Button>\n *     <Icon><Info /></Icon>\n *   </Button>\n *   <Tooltip>Additional information about this action</Tooltip>\n * </TooltipTrigger>\n * ```\n *\n * @param props - {@link TooltipTriggerProps}\n * @param props.ref - Ref to the focusable trigger element.\n * @param props.children - Trigger element and Tooltip content.\n * @param props.delay - Delay in milliseconds before showing the tooltip.\n * @returns The rendered TooltipTrigger component.\n */\nexport function TooltipTrigger({ ref, ...props }: TooltipTriggerProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TooltipContext);\n\n  const { children, delay = 250, ...rest } = props;\n\n  return (\n    <AriaTooltipTrigger {...rest} delay={delay}>\n      <TooltipFocusable ref={ref}>{children}</TooltipFocusable>\n    </AriaTooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAS,iBAAiB,EAAE,UAAU,KAAK,GAAG,SAAgC;AAC5E,OAAM,aAAa,IAAI;CAEvB,MAAM,EAAE,mBAAmB,aAAa,OAAO,IAAI;CACnD,MAAM,CAAC,SAAS,WAAW,SAAS,QAAQ,SAAS;CAKrD,MAAM,WAEJ,OAAO,SAAS,SAAS,GAAG,GAAG,KAAK,QAAQ,MAAM,QAAQ,MAAM;AAElE,QACE,8CACG,aAAa,SAAS;EACrB,GAAG,WAAW,gBAAgB,QAAQ,MAAM;EAE5C,KAAK,UAAU,UAAU,IAAI;EAC9B,CAAC,EACD,WACA;;;;;;;;;;;;;;;;;;;;;AAuBP,SAAgB,eAAe,EAAE,KAAK,GAAG,SAA8B;AACrE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,eAAe;CAElE,MAAM,EAAE,UAAU,QAAQ,KAAK,GAAG,SAAS;AAE3C,QACE,oBAACA;EAAmB,GAAI;EAAa;YACnC,oBAAC;GAAsB;GAAM;IAA4B;GACtC"}

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

@@ -10,8 +10,10 @@
  * governing permissions and limitations under the License.
  */
 
-import { ComponentPropsWithRef } from "react";
-import { TooltipProps as TooltipProps$1, TooltipTriggerComponentProps } from "react-aria-components";
+import { ComponentPropsWithRef, ReactNode, RefAttributes } from "react";
+import { TooltipProps as TooltipProps$1, TooltipTriggerComponentProps } from "react-aria-components/Tooltip";
+import { FocusableElement } from "@react-types/shared";
+import { FocusableProps } from "react-aria/Focusable";
 
 //#region src/components/tooltip/types.d.ts
 /**
@@ -25,6 +27,9 @@ type TooltipProps = TooltipProps$1 & {
   /** Ref to the parent element for portal positioning. */
   parentRef?: React.RefObject<HTMLElement | null>;
 };
+type TooltipFocusableProps = Omit<FocusableProps, 'children'> & RefAttributes<FocusableElement> & {
+  children?: ReactNode;
+};
 //#endregion
-export { TooltipProps, TooltipTriggerProps };
+export { TooltipFocusableProps, TooltipProps, TooltipTriggerProps };
 //# sourceMappingURL=types.d.ts.map

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

@@ -12,13 +12,13 @@
 
 import { TreeContextValue, TreeItemContextValue } from "./types.js";
 import "client-only";
-import * as react33 from "react";
+import * as react53 from "react";
 
 //#region src/components/tree/context.d.ts
 /** Context for sharing state across Tree components */
-declare const TreeContext: react33.Context<TreeContextValue>;
+declare const TreeContext: react53.Context<TreeContextValue>;
 /** Context for sharing state within a TreeItem */
-declare const TreeItemContext: react33.Context<TreeItemContextValue>;
+declare const TreeItemContext: react53.Context<TreeItemContextValue>;
 //#endregion
 export { TreeContext, TreeItemContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TreeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime121 from "react/jsx-runtime";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
 
 //#region src/components/tree/index.d.ts
 
@@ -21,6 +21,8 @@ import * as react_jsx_runtime121 from "react/jsx-runtime";
  *
  * Supports static or dynamic collections with keyboard navigation and accessibility.
  *
+ * @template T - The type of custom values stored in tree nodes (accessed via `node.values`).
+ *
  * @param props - {@link TreeProps}
  * @param props.children - Tree items or render function for dynamic collections.
  * @param props.className - CSS class for the tree container.
@@ -75,7 +77,7 @@ declare function Tree<T>({
   onVisibilityChange,
   onSelectionChange,
   ...rest
-}: TreeProps<T>): react_jsx_runtime121.JSX.Element;
+}: TreeProps<T>): react_jsx_runtime211.JSX.Element;
 //#endregion
 export { Tree };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree/index.js

@@ -16,10 +16,13 @@
 import { TreeContext } from "./context.js";
 import { Cache } from "../../hooks/use-tree/actions/cache.js";
 import "client-only";
-import { useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { DropIndicator, Tree as Tree$1, composeRenderProps, useDragAndDrop } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { noop } from "@accelint/core";
+import { Tree as Tree$1 } from "react-aria-components/Tree";
+import { DropIndicator, useDragAndDrop } from "react-aria-components/useDragAndDrop";
 import styles from "./styles.module.css";
 
 //#region src/components/tree/index.tsx
@@ -30,10 +33,27 @@ const defaultRenderDropIndicator = (target) => {
 	});
 };
 /**
+* Helper to collect node state keys from cache tree nodes.
+* Reduces cognitive complexity by extracting the iteration logic.
+*/
+function collectNodeKeys(nodes, acc) {
+	for (const node of nodes) {
+		if (node.isDisabled) acc.disabledKeys?.add(node.key);
+		if (node.isExpanded) acc.expandedKeys?.add(node.key);
+		if (node.isSelected) acc.selectedKeys?.add(node.key);
+		if (node.isVisible) acc.visibleKeys?.add(node.key);
+		if (node.isVisibleComputed) acc.visibilityComputedKeys.add(node.key);
+		if (node.isIndeterminate) acc.indeterminateKeys.add(node.key);
+	}
+	return acc;
+}
+/**
 * Tree - Hierarchical tree view with selection, visibility, and drag-and-drop
 *
 * Supports static or dynamic collections with keyboard navigation and accessibility.
 *
+* @template T - The type of custom values stored in tree nodes (accessed via `node.values`).
+*
 * @param props - {@link TreeProps}
 * @param props.children - Tree items or render function for dynamic collections.
 * @param props.className - CSS class for the tree container.
@@ -92,23 +112,17 @@ function Tree({ children, className, disabledKeys: disabledKeysProp, dragAndDrop
 	});
 	const cache = useMemo(() => items ? new Cache([...items]) : null, [items]);
 	const nodes = useMemo(() => cache?.getAllNodes(), [cache]);
-	const { disabledKeys, expandedKeys, selectedKeys, visibleKeys, visibilityComputedKeys } = useMemo(() => {
+	const { disabledKeys, expandedKeys, selectedKeys, visibleKeys, visibilityComputedKeys, indeterminateKeys } = useMemo(() => {
 		const acc = {
 			disabledKeys: nodes ? /* @__PURE__ */ new Set() : disabledKeysProp,
 			expandedKeys: nodes ? /* @__PURE__ */ new Set() : expandedKeysProp,
 			selectedKeys: nodes ? /* @__PURE__ */ new Set() : selectedKeysProp,
 			visibleKeys: nodes ? /* @__PURE__ */ new Set() : visibleKeysProp,
-			visibilityComputedKeys: /* @__PURE__ */ new Set()
+			visibilityComputedKeys: /* @__PURE__ */ new Set(),
+			indeterminateKeys: /* @__PURE__ */ new Set()
 		};
 		if (!nodes) return acc;
-		return nodes.reduce((acc$1, { key, isDisabled, isExpanded, isSelected, isVisible, isVisibleComputed }) => {
-			if (isDisabled) acc$1.disabledKeys?.add(key);
-			if (isExpanded) acc$1.expandedKeys?.add(key);
-			if (isSelected) acc$1.selectedKeys?.add(key);
-			if (isVisible) acc$1.visibleKeys?.add(key);
-			if (isVisibleComputed) acc$1.visibilityComputedKeys.add(key);
-			return acc$1;
-		}, acc);
+		return collectNodeKeys(nodes, acc);
 	}, [
 		nodes,
 		disabledKeysProp,
@@ -116,9 +130,9 @@ function Tree({ children, className, disabledKeys: disabledKeysProp, dragAndDrop
 		selectedKeysProp,
 		visibleKeysProp
 	]);
-	const handleSelectionChange = selectedKeys ? (selection) => {
+	const handleSelectionChange = useCallback((selection) => {
 		if (selection !== "all") onSelectionChange?.(selection);
-	} : void 0;
+	}, [onSelectionChange]);
 	return /* @__PURE__ */ jsx(TreeContext.Provider, {
 		value: {
 			disabledKeys,
@@ -129,8 +143,9 @@ function Tree({ children, className, disabledKeys: disabledKeysProp, dragAndDrop
 			variant,
 			visibleKeys,
 			visibilityComputedKeys,
+			indeterminateKeys,
 			isStatic: typeof children !== "function",
-			onVisibilityChange: onVisibilityChange ?? (() => void 0)
+			onVisibilityChange: onVisibilityChange ?? noop
 		},
 		children: /* @__PURE__ */ jsx(Tree$1, {
 			...rest,
@@ -140,7 +155,7 @@ function Tree({ children, className, disabledKeys: disabledKeysProp, dragAndDrop
 			expandedKeys,
 			items,
 			selectedKeys,
-			onSelectionChange: handleSelectionChange,
+			onSelectionChange: selectedKeys ? handleSelectionChange : void 0,
 			selectionMode,
 			children
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["acc","AriaTree","className"],"sources":["../../../src/components/tree/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport { Cache } from '@/hooks/use-tree/actions/cache';\nimport type { Key, Selection } from '@react-types/shared';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useMemo } from 'react';\nimport {\n  Tree as AriaTree,\n  composeRenderProps,\n  DropIndicator,\n  type DropTarget,\n  useDragAndDrop,\n} from 'react-aria-components';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\nimport type { TreeProps } from './types';\n\nconst defaultRenderDropIndicator = (target: DropTarget) => {\n  const isBetweenItems =\n    target.type === 'item' &&\n    (target.dropPosition === 'before' || target.dropPosition === 'after');\n  return (\n    <DropIndicator\n      target={target}\n      className={\n        isBetweenItems ? styles.dropIndicatorBetween : styles.dropIndicator\n      }\n    />\n  );\n};\n\n/**\n * Tree - Hierarchical tree view with selection, visibility, and drag-and-drop\n *\n * Supports static or dynamic collections with keyboard navigation and accessibility.\n *\n * @param props - {@link TreeProps}\n * @param props.children - Tree items or render function for dynamic collections.\n * @param props.className - CSS class for the tree container.\n * @param props.disabledKeys - Set of disabled item keys.\n * @param props.dragAndDropConfig - Configuration for drag and drop behavior.\n * @param props.expandedKeys - Set of expanded item keys.\n * @param props.items - Data source for dynamic collections.\n * @param props.selectedKeys - Set of selected item keys.\n * @param props.showRuleLines - Whether to show connecting lines between items.\n * @param props.showVisibility - Whether to show visibility toggle buttons.\n * @param props.selectionMode - Selection mode for the tree.\n * @param props.variant - Visual density variant.\n * @param props.visibleKeys - Set of visible item keys.\n * @param props.onVisibilityChange - Callback when item visibility changes.\n * @param props.onSelectionChange - Callback when selection changes.\n * @returns The rendered Tree component.\n *\n * @example\n * // Dynamic collection\n * ```tsx\n * <Tree items={items} expandedKeys={expandedKeys}>\n *   {(node) => <TreeItem key={node.key}>{node.label}</TreeItem>}\n * </Tree>\n * ```\n *\n * @example\n * ```tsx\n * // Static collection\n * <Tree>\n *   <TreeItem id=\"one\" textValue=\"one\">\n *     <TreeItemContent>One</TreeItemContent>\n *     <TreeItem id=\"two\" textValue=\"two\">\n *       <TreeItemContent>Two</TreeItemContent>\n *     </TreeItem>\n *   </TreeItem>\n * </Tree>\n * ```\n */\nexport function Tree<T>({\n  children,\n  className,\n  disabledKeys: disabledKeysProp,\n  dragAndDropConfig,\n  expandedKeys: expandedKeysProp,\n  items,\n  selectedKeys: selectedKeysProp,\n  showRuleLines = true,\n  showVisibility = true,\n  selectionMode = 'multiple',\n  variant = 'cozy',\n  visibleKeys: visibleKeysProp,\n  onVisibilityChange,\n  onSelectionChange,\n  ...rest\n}: TreeProps<T>) {\n  /**\n   * A static collection is hard-coded. Dynamic is data-driven from an external source.\n   * https://react-spectrum.adobe.com/react-aria/Tree.html#content\n   *\n   * Controlled state should only be used on a static tree.\n   */\n  if (\n    items &&\n    (disabledKeysProp ||\n      expandedKeysProp ||\n      selectedKeysProp ||\n      visibleKeysProp)\n  ) {\n    throw new Error(\n      'Tree should only be controlled with state from either `items` or keys props, not both',\n    );\n  }\n\n  /**\n   * A static tree won't support the node iterator pattern.\n   */\n  if (!!items !== (typeof children === 'function')) {\n    throw new Error(\n      'Tree `items` and node iterator `children` must be used together',\n    );\n  }\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    renderDropIndicator: defaultRenderDropIndicator,\n    getAllowedDropOperations: () => ['move'],\n    getDropOperation: () => 'move',\n    ...dragAndDropConfig,\n  });\n  const cache = useMemo(() => (items ? new Cache([...items]) : null), [items]);\n  const nodes = useMemo(() => cache?.getAllNodes(), [cache]);\n  const {\n    disabledKeys,\n    expandedKeys,\n    selectedKeys,\n    visibleKeys,\n    visibilityComputedKeys,\n  } = useMemo(() => {\n    const acc = {\n      disabledKeys: nodes ? new Set<Key>() : disabledKeysProp,\n      expandedKeys: nodes ? new Set<Key>() : expandedKeysProp,\n      selectedKeys: nodes ? new Set<Key>() : selectedKeysProp,\n      visibleKeys: nodes ? new Set<Key>() : visibleKeysProp,\n      visibilityComputedKeys: new Set<Key>(),\n    };\n\n    if (!nodes) {\n      return acc;\n    }\n\n    return nodes.reduce(\n      (\n        acc,\n        {\n          key,\n          isDisabled,\n          isExpanded,\n          isSelected,\n          isVisible,\n          isVisibleComputed,\n        },\n      ) => {\n        if (isDisabled) {\n          acc.disabledKeys?.add(key);\n        }\n        if (isExpanded) {\n          acc.expandedKeys?.add(key);\n        }\n        if (isSelected) {\n          acc.selectedKeys?.add(key);\n        }\n        if (isVisible) {\n          acc.visibleKeys?.add(key);\n        }\n        if (isVisibleComputed) {\n          acc.visibilityComputedKeys.add(key);\n        }\n        return acc;\n      },\n      acc,\n    );\n  }, [\n    nodes,\n    disabledKeysProp,\n    expandedKeysProp,\n    selectedKeysProp,\n    visibleKeysProp,\n  ]);\n\n  const handleSelectionChange = selectedKeys\n    ? (selection: Selection) => {\n        if (selection !== 'all') {\n          onSelectionChange?.(selection);\n        }\n      }\n    : undefined;\n\n  return (\n    <TreeContext.Provider\n      value={{\n        disabledKeys,\n        expandedKeys,\n        selectedKeys,\n        showRuleLines,\n        showVisibility,\n        variant,\n        visibleKeys,\n        visibilityComputedKeys,\n        isStatic: typeof children !== 'function',\n        onVisibilityChange: onVisibilityChange ?? (() => undefined), // TODO: improve\n      }}\n    >\n      <AriaTree\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          clsx(styles.tree, className),\n        )}\n        disabledKeys={disabledKeys}\n        dragAndDropHooks={dragAndDropHooks}\n        expandedKeys={expandedKeys}\n        items={items}\n        selectedKeys={selectedKeys}\n        onSelectionChange={handleSelectionChange}\n        selectionMode={selectionMode}\n      >\n        {children}\n      </AriaTree>\n    </TreeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,8BAA8B,WAAuB;AAIzD,QACE,oBAAC;EACS;EACR,WALF,OAAO,SAAS,WACf,OAAO,iBAAiB,YAAY,OAAO,iBAAiB,WAKxC,OAAO,uBAAuB,OAAO;GAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CN,SAAgB,KAAQ,EACtB,UACA,WACA,cAAc,kBACd,mBACA,cAAc,kBACd,OACA,cAAc,kBACd,gBAAgB,MAChB,iBAAiB,MACjB,gBAAgB,YAChB,UAAU,QACV,aAAa,iBACb,oBACA,mBACA,GAAG,QACY;;;;;;;AAOf,KACE,UACC,oBACC,oBACA,oBACA,iBAEF,OAAM,IAAI,MACR,wFACD;;;;AAMH,KAAI,CAAC,CAAC,WAAW,OAAO,aAAa,YACnC,OAAM,IAAI,MACR,kEACD;CAGH,MAAM,EAAE,qBAAqB,eAAe;EAC1C,qBAAqB;EACrB,gCAAgC,CAAC,OAAO;EACxC,wBAAwB;EACxB,GAAG;EACJ,CAAC;CACF,MAAM,QAAQ,cAAe,QAAQ,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,MAAO,CAAC,MAAM,CAAC;CAC5E,MAAM,QAAQ,cAAc,OAAO,aAAa,EAAE,CAAC,MAAM,CAAC;CAC1D,MAAM,EACJ,cACA,cACA,cACA,aACA,2BACE,cAAc;EAChB,MAAM,MAAM;GACV,cAAc,wBAAQ,IAAI,KAAU,GAAG;GACvC,cAAc,wBAAQ,IAAI,KAAU,GAAG;GACvC,cAAc,wBAAQ,IAAI,KAAU,GAAG;GACvC,aAAa,wBAAQ,IAAI,KAAU,GAAG;GACtC,wCAAwB,IAAI,KAAU;GACvC;AAED,MAAI,CAAC,MACH,QAAO;AAGT,SAAO,MAAM,QAET,OACA,EACE,KACA,YACA,YACA,YACA,WACA,wBAEC;AACH,OAAI,WACF,OAAI,cAAc,IAAI,IAAI;AAE5B,OAAI,WACF,OAAI,cAAc,IAAI,IAAI;AAE5B,OAAI,WACF,OAAI,cAAc,IAAI,IAAI;AAE5B,OAAI,UACF,OAAI,aAAa,IAAI,IAAI;AAE3B,OAAI,kBACF,OAAI,uBAAuB,IAAI,IAAI;AAErC,UAAOA;KAET,IACD;IACA;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,wBAAwB,gBACzB,cAAyB;AACxB,MAAI,cAAc,MAChB,qBAAoB,UAAU;KAGlC;AAEJ,QACE,oBAAC,YAAY;EACX,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,UAAU,OAAO,aAAa;GAC9B,oBAAoB,6BAA6B;GAClD;YAED,oBAACC;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMC,YAAU,CAC7B;GACa;GACI;GACJ;GACP;GACO;GACd,mBAAmB;GACJ;GAEd;IACQ;GACU"}
+{"version":3,"file":"index.js","names":["AriaTree","className"],"sources":["../../../src/components/tree/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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'use client';\n\nimport { Cache, type CacheTreeNode } from '@/hooks/use-tree/actions/cache';\nimport type { Key, Selection } from '@react-types/shared';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useCallback, useMemo } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Tree as AriaTree, type DropTarget } from 'react-aria-components/Tree';\nimport {\n  DropIndicator,\n  useDragAndDrop,\n} from 'react-aria-components/useDragAndDrop';\nimport { TreeContext } from './context';\nimport styles from './styles.module.css';\nimport type { TreeProps } from './types';\nimport { noop } from '@accelint/core';\n\nconst defaultRenderDropIndicator = (target: DropTarget) => {\n  const isBetweenItems =\n    target.type === 'item' &&\n    (target.dropPosition === 'before' || target.dropPosition === 'after');\n  return (\n    <DropIndicator\n      target={target}\n      className={\n        isBetweenItems ? styles.dropIndicatorBetween : styles.dropIndicator\n      }\n    />\n  );\n};\n\n/**\n * Helper to collect node state keys from cache tree nodes.\n * Reduces cognitive complexity by extracting the iteration logic.\n */\nfunction collectNodeKeys<T>(\n  nodes: MapIterator<CacheTreeNode<T>>,\n  acc: {\n    disabledKeys?: Set<Key>;\n    expandedKeys?: Set<Key>;\n    selectedKeys?: Set<Key>;\n    visibleKeys?: Set<Key>;\n    visibilityComputedKeys: Set<Key>;\n    indeterminateKeys: Set<Key>;\n  },\n) {\n  for (const node of nodes) {\n    if (node.isDisabled) {\n      acc.disabledKeys?.add(node.key);\n    }\n    if (node.isExpanded) {\n      acc.expandedKeys?.add(node.key);\n    }\n    if (node.isSelected) {\n      acc.selectedKeys?.add(node.key);\n    }\n    if (node.isVisible) {\n      acc.visibleKeys?.add(node.key);\n    }\n    if (node.isVisibleComputed) {\n      acc.visibilityComputedKeys.add(node.key);\n    }\n    if (node.isIndeterminate) {\n      acc.indeterminateKeys.add(node.key);\n    }\n  }\n  return acc;\n}\n\n/**\n * Tree - Hierarchical tree view with selection, visibility, and drag-and-drop\n *\n * Supports static or dynamic collections with keyboard navigation and accessibility.\n *\n * @template T - The type of custom values stored in tree nodes (accessed via `node.values`).\n *\n * @param props - {@link TreeProps}\n * @param props.children - Tree items or render function for dynamic collections.\n * @param props.className - CSS class for the tree container.\n * @param props.disabledKeys - Set of disabled item keys.\n * @param props.dragAndDropConfig - Configuration for drag and drop behavior.\n * @param props.expandedKeys - Set of expanded item keys.\n * @param props.items - Data source for dynamic collections.\n * @param props.selectedKeys - Set of selected item keys.\n * @param props.showRuleLines - Whether to show connecting lines between items.\n * @param props.showVisibility - Whether to show visibility toggle buttons.\n * @param props.selectionMode - Selection mode for the tree.\n * @param props.variant - Visual density variant.\n * @param props.visibleKeys - Set of visible item keys.\n * @param props.onVisibilityChange - Callback when item visibility changes.\n * @param props.onSelectionChange - Callback when selection changes.\n * @returns The rendered Tree component.\n *\n * @example\n * // Dynamic collection\n * ```tsx\n * <Tree items={items} expandedKeys={expandedKeys}>\n *   {(node) => <TreeItem key={node.key}>{node.label}</TreeItem>}\n * </Tree>\n * ```\n *\n * @example\n * ```tsx\n * // Static collection\n * <Tree>\n *   <TreeItem id=\"one\" textValue=\"one\">\n *     <TreeItemContent>One</TreeItemContent>\n *     <TreeItem id=\"two\" textValue=\"two\">\n *       <TreeItemContent>Two</TreeItemContent>\n *     </TreeItem>\n *   </TreeItem>\n * </Tree>\n * ```\n */\nexport function Tree<T>({\n  children,\n  className,\n  disabledKeys: disabledKeysProp,\n  dragAndDropConfig,\n  expandedKeys: expandedKeysProp,\n  items,\n  selectedKeys: selectedKeysProp,\n  showRuleLines = true,\n  showVisibility = true,\n  selectionMode = 'multiple',\n  variant = 'cozy',\n  visibleKeys: visibleKeysProp,\n  onVisibilityChange,\n  onSelectionChange,\n  ...rest\n}: TreeProps<T>) {\n  /**\n   * A static collection is hard-coded. Dynamic is data-driven from an external source.\n   * https://react-spectrum.adobe.com/react-aria/Tree.html#content\n   *\n   * Controlled state should only be used on a static tree.\n   */\n  if (\n    items &&\n    (disabledKeysProp ||\n      expandedKeysProp ||\n      selectedKeysProp ||\n      visibleKeysProp)\n  ) {\n    throw new Error(\n      'Tree should only be controlled with state from either `items` or keys props, not both',\n    );\n  }\n\n  /**\n   * A static tree won't support the node iterator pattern.\n   */\n  if (!!items !== (typeof children === 'function')) {\n    throw new Error(\n      'Tree `items` and node iterator `children` must be used together',\n    );\n  }\n\n  const { dragAndDropHooks } = useDragAndDrop({\n    renderDropIndicator: defaultRenderDropIndicator,\n    getAllowedDropOperations: () => ['move'],\n    getDropOperation: () => 'move',\n    ...dragAndDropConfig,\n  });\n  const cache = useMemo(() => (items ? new Cache([...items]) : null), [items]);\n  const nodes = useMemo(() => cache?.getAllNodes(), [cache]);\n  const {\n    disabledKeys,\n    expandedKeys,\n    selectedKeys,\n    visibleKeys,\n    visibilityComputedKeys,\n    indeterminateKeys,\n  } = useMemo(() => {\n    const acc = {\n      disabledKeys: nodes ? new Set<Key>() : disabledKeysProp,\n      expandedKeys: nodes ? new Set<Key>() : expandedKeysProp,\n      selectedKeys: nodes ? new Set<Key>() : selectedKeysProp,\n      visibleKeys: nodes ? new Set<Key>() : visibleKeysProp,\n      visibilityComputedKeys: new Set<Key>(),\n      indeterminateKeys: new Set<Key>(),\n    };\n\n    if (!nodes) {\n      return acc;\n    }\n\n    return collectNodeKeys<T>(nodes, acc);\n  }, [\n    nodes,\n    disabledKeysProp,\n    expandedKeysProp,\n    selectedKeysProp,\n    visibleKeysProp,\n  ]);\n\n  const handleSelectionChange = useCallback(\n    (selection: Selection) => {\n      if (selection !== 'all') {\n        onSelectionChange?.(selection);\n      }\n    },\n    [onSelectionChange],\n  );\n\n  return (\n    <TreeContext.Provider\n      value={{\n        disabledKeys,\n        expandedKeys,\n        selectedKeys,\n        showRuleLines,\n        showVisibility,\n        variant,\n        visibleKeys,\n        visibilityComputedKeys,\n        indeterminateKeys,\n        isStatic: typeof children !== 'function',\n        onVisibilityChange: onVisibilityChange ?? noop,\n      }}\n    >\n      <AriaTree\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          clsx(styles.tree, className),\n        )}\n        disabledKeys={disabledKeys}\n        dragAndDropHooks={dragAndDropHooks}\n        expandedKeys={expandedKeys}\n        items={items}\n        selectedKeys={selectedKeys}\n        onSelectionChange={selectedKeys ? handleSelectionChange : undefined}\n        selectionMode={selectionMode}\n      >\n        {children}\n      </AriaTree>\n    </TreeContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,8BAA8B,WAAuB;AAIzD,QACE,oBAAC;EACS;EACR,WALF,OAAO,SAAS,WACf,OAAO,iBAAiB,YAAY,OAAO,iBAAiB,WAKxC,OAAO,uBAAuB,OAAO;GAExD;;;;;;AAQN,SAAS,gBACP,OACA,KAQA;AACA,MAAK,MAAM,QAAQ,OAAO;AACxB,MAAI,KAAK,WACP,KAAI,cAAc,IAAI,KAAK,IAAI;AAEjC,MAAI,KAAK,WACP,KAAI,cAAc,IAAI,KAAK,IAAI;AAEjC,MAAI,KAAK,WACP,KAAI,cAAc,IAAI,KAAK,IAAI;AAEjC,MAAI,KAAK,UACP,KAAI,aAAa,IAAI,KAAK,IAAI;AAEhC,MAAI,KAAK,kBACP,KAAI,uBAAuB,IAAI,KAAK,IAAI;AAE1C,MAAI,KAAK,gBACP,KAAI,kBAAkB,IAAI,KAAK,IAAI;;AAGvC,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDT,SAAgB,KAAQ,EACtB,UACA,WACA,cAAc,kBACd,mBACA,cAAc,kBACd,OACA,cAAc,kBACd,gBAAgB,MAChB,iBAAiB,MACjB,gBAAgB,YAChB,UAAU,QACV,aAAa,iBACb,oBACA,mBACA,GAAG,QACY;;;;;;;AAOf,KACE,UACC,oBACC,oBACA,oBACA,iBAEF,OAAM,IAAI,MACR,wFACD;;;;AAMH,KAAI,CAAC,CAAC,WAAW,OAAO,aAAa,YACnC,OAAM,IAAI,MACR,kEACD;CAGH,MAAM,EAAE,qBAAqB,eAAe;EAC1C,qBAAqB;EACrB,gCAAgC,CAAC,OAAO;EACxC,wBAAwB;EACxB,GAAG;EACJ,CAAC;CACF,MAAM,QAAQ,cAAe,QAAQ,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,MAAO,CAAC,MAAM,CAAC;CAC5E,MAAM,QAAQ,cAAc,OAAO,aAAa,EAAE,CAAC,MAAM,CAAC;CAC1D,MAAM,EACJ,cACA,cACA,cACA,aACA,wBACA,sBACE,cAAc;EAChB,MAAM,MAAM;GACV,cAAc,wBAAQ,IAAI,KAAU,GAAG;GACvC,cAAc,wBAAQ,IAAI,KAAU,GAAG;GACvC,cAAc,wBAAQ,IAAI,KAAU,GAAG;GACvC,aAAa,wBAAQ,IAAI,KAAU,GAAG;GACtC,wCAAwB,IAAI,KAAU;GACtC,mCAAmB,IAAI,KAAU;GAClC;AAED,MAAI,CAAC,MACH,QAAO;AAGT,SAAO,gBAAmB,OAAO,IAAI;IACpC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,wBAAwB,aAC3B,cAAyB;AACxB,MAAI,cAAc,MAChB,qBAAoB,UAAU;IAGlC,CAAC,kBAAkB,CACpB;AAED,QACE,oBAAC,YAAY;EACX,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,UAAU,OAAO,aAAa;GAC9B,oBAAoB,sBAAsB;GAC3C;YAED,oBAACA;GACC,GAAI;GACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMC,YAAU,CAC7B;GACa;GACI;GACJ;GACP;GACO;GACd,mBAAmB,eAAe,wBAAwB;GAC3C;GAEd;IACQ;GACU"}

package/dist/components/tree/item-actions.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
 
 //#region src/components/tree/item-actions.d.ts
 
@@ -39,7 +39,7 @@ declare function TreeItemActions({
   className
 }: PropsWithChildren & {
   className?: string;
-}): react_jsx_runtime134.JSX.Element;
+}): react_jsx_runtime213.JSX.Element;
 //#endregion
 export { TreeItemActions };
 //# sourceMappingURL=item-actions.d.ts.map

package/dist/components/tree/item-content.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TreeItemContentProps } from "./types.js";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as react_jsx_runtime200 from "react/jsx-runtime";
 
 //#region src/components/tree/item-content.d.ts
 
@@ -35,7 +35,7 @@ import * as react_jsx_runtime101 from "react/jsx-runtime";
  */
 declare function TreeItemContent({
   children
-}: TreeItemContentProps): react_jsx_runtime101.JSX.Element;
+}: TreeItemContentProps): react_jsx_runtime200.JSX.Element;
 //#endregion
 export { TreeItemContent };
 //# sourceMappingURL=item-content.d.ts.map