@accelint/design-toolkit 9.10.0 → 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_runtime236 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_runtime236.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 react55 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: react55.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_runtime238 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_runtime238.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/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime235 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_runtime235 from "react/jsx-runtime";
 declare function TooltipTrigger({
   ref,
   ...props
-}: TooltipTriggerProps): react_jsx_runtime235.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 react45 from "react";
+import * as react53 from "react";
 
 //#region src/components/tree/context.d.ts
 /** Context for sharing state across Tree components */
-declare const TreeContext: react45.Context<TreeContextValue>;
+declare const TreeContext: react53.Context<TreeContextValue>;
 /** Context for sharing state within a TreeItem */
-declare const TreeItemContext: react45.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_runtime192 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_runtime192 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_runtime192.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
@@ -49,6 +52,8 @@ function collectNodeKeys(nodes, acc) {
 *
 * 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.
@@ -125,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,
@@ -140,7 +145,7 @@ function Tree({ children, className, disabledKeys: disabledKeysProp, dragAndDrop
 			visibilityComputedKeys,
 			indeterminateKeys,
 			isStatic: typeof children !== "function",
-			onVisibilityChange: onVisibilityChange ?? (() => void 0)
+			onVisibilityChange: onVisibilityChange ?? noop
 		},
 		children: /* @__PURE__ */ jsx(Tree$1, {
 			...rest,
@@ -150,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":["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 { 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 * 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 * @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 = 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        indeterminateKeys,\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;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CT,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,gBACzB,cAAyB;AACxB,MAAI,cAAc,MAChB,qBAAoB,UAAU;KAGlC;AAEJ,QACE,oBAAC,YAAY;EACX,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,UAAU,OAAO,aAAa;GAC9B,oBAAoB,6BAA6B;GAClD;YAED,oBAACA;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_runtime185 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_runtime185.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_runtime186 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_runtime186 from "react/jsx-runtime";
  */
 declare function TreeItemContent({
   children
-}: TreeItemContentProps): react_jsx_runtime186.JSX.Element;
+}: TreeItemContentProps): react_jsx_runtime200.JSX.Element;
 //#endregion
 export { TreeItemContent };
 //# sourceMappingURL=item-content.d.ts.map

package/dist/components/tree/item-content.js

@@ -13,16 +13,16 @@
 
 import { IconProvider } from "../icon/context.js";
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
-import { Checkbox as Checkbox$1 } from "../checkbox/index.js";
+import { Button } from "../button/index.js";
+import { Checkbox } from "../checkbox/index.js";
 import { TreeContext, TreeItemContext } from "./context.js";
 import { TreeLines } from "./lines.js";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { TreeItemContent as TreeItemContent$1 } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChevronDown from "@accelint/icons/chevron-down";
 import DragVert from "@accelint/icons/drag-vert";
+import { TreeItemContent as TreeItemContent$1 } from "react-aria-components/Tree";
 import styles from "./styles.module.css";
 import ChevronUp from "@accelint/icons/chevron-up";
 import Hide from "@accelint/icons/hide";
@@ -69,7 +69,7 @@ function TreeItemContent({ children }) {
 				className: clsx("group", styles.content, styles[variant]),
 				"data-last-of-set": isLastOfSet,
 				children: [
-					showVisibility && /* @__PURE__ */ jsx(Button$1, {
+					showVisibility && /* @__PURE__ */ jsx(Button, {
 						variant: "icon",
 						color: "mono-bold",
 						size,
@@ -83,7 +83,7 @@ function TreeItemContent({ children }) {
 						isLastOfSet,
 						ancestorLastOfSet
 					}),
-					hasChildItems && /* @__PURE__ */ jsx(Button$1, {
+					hasChildItems && /* @__PURE__ */ jsx(Button, {
 						slot: "chevron",
 						variant: "icon",
 						size,
@@ -100,13 +100,13 @@ function TreeItemContent({ children }) {
 							defaultChildren: null
 						}) : children
 					}),
-					shouldShowSelection && /* @__PURE__ */ jsx(Checkbox$1, {
+					shouldShowSelection && /* @__PURE__ */ jsx(Checkbox, {
 						slot: "selection",
 						isSelected,
 						isDisabled,
 						isIndeterminate: indeterminateKeys?.has(id)
 					}),
-					allowsDragging && /* @__PURE__ */ jsx(Button$1, {
+					allowsDragging && /* @__PURE__ */ jsx(Button, {
 						slot: "drag",
 						variant: "icon",
 						size,

package/dist/components/tree/item-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-content.js","names":["AriaTreeItemContent","Button","Checkbox"],"sources":["../../../src/components/tree/item-content.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport ChevronUp from '@accelint/icons/chevron-up';\nimport DragVert from '@accelint/icons/drag-vert';\nimport Hide from '@accelint/icons/hide';\nimport Show from '@accelint/icons/show';\nimport { useContext } from 'react';\nimport { TreeItemContent as AriaTreeItemContent } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeLines } from './lines';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TreeItemContentProps } from './types';\n\n/**\n * TreeItemContent - Renders the display content of a tree node\n *\n * @example\n * ```tsx\n * <TreeItem id=\"node\" textValue=\"Node\">\n *   <TreeItemContent>\n *     <TreeItemPrefixIcon><Folder /></TreeItemPrefixIcon>\n *     <TreeItemLabel>Folder Name</TreeItemLabel>\n *     <TreeItemDescription>Contains 5 items</TreeItemDescription>\n *   </TreeItemContent>\n * </TreeItem>\n * ```\n *\n * @param props - {@link TreeItemContentProps}\n * @param props.children - Content to render, or a render function receiving TreeItemContentRenderProps.\n * @returns The rendered TreeItemContent component.\n */\nexport function TreeItemContent({ children }: TreeItemContentProps) {\n  const {\n    showVisibility,\n    variant,\n    visibleKeys,\n    indeterminateKeys,\n    onVisibilityChange,\n  } = useContext(TreeContext);\n  const { isVisible, isViewable, ancestors } = useContext(TreeItemContext);\n  const size = variant === 'cozy' ? 'medium' : 'small';\n\n  return (\n    <AriaTreeItemContent>\n      {(renderProps) => {\n        const {\n          id,\n          allowsDragging,\n          hasChildItems,\n          level,\n          selectionBehavior,\n          selectionMode,\n          state,\n          isDisabled,\n          isExpanded,\n          isSelected,\n        } = renderProps;\n\n        const item = state.collection.getItem(id);\n        const isLastOfSet = !item?.nextKey;\n\n        // Determine if ancestors are last of set (excludes current item)\n        const ancestorLastOfSet = ancestors.slice(0, -1).map((ancestorKey) => {\n          const ancestorItem = state.collection.getItem(ancestorKey);\n          return !ancestorItem?.nextKey;\n        });\n\n        const shouldShowSelection =\n          selectionBehavior === 'toggle' && selectionMode !== 'none';\n\n        const handlePress = () => {\n          const keys = new Set<Key>(visibleKeys);\n          visibleKeys?.has(id) ? keys.delete(id) : keys.add(id);\n          onVisibilityChange?.(keys);\n        };\n\n        return (\n          <IconProvider size={size}>\n            <div\n              className={clsx('group', styles.content, styles[variant])}\n              data-last-of-set={isLastOfSet}\n            >\n              {showVisibility && (\n                <Button\n                  variant='icon'\n                  color='mono-bold'\n                  size={size}\n                  onPress={handlePress}\n                  isDisabled={isDisabled}\n                  className={styles.visibility}\n                >\n                  <Icon>{isVisible ? <Show /> : <Hide />}</Icon>\n                </Button>\n              )}\n              {level > 1 && (\n                <TreeLines\n                  level={level}\n                  isLastOfSet={isLastOfSet}\n                  ancestorLastOfSet={ancestorLastOfSet}\n                />\n              )}\n              {hasChildItems && (\n                <Button\n                  slot='chevron'\n                  variant='icon'\n                  size={size}\n                  className={styles.expansion}\n                >\n                  <Icon>{isExpanded ? <ChevronDown /> : <ChevronUp />}</Icon>\n                </Button>\n              )}\n              <div className={clsx(styles.display, styles[variant])}>\n                {typeof children === 'function'\n                  ? children({\n                      ...renderProps,\n                      variant,\n                      isVisible,\n                      isViewable: isViewable,\n                      defaultChildren: null,\n                    })\n                  : children}\n              </div>\n              {shouldShowSelection && (\n                <Checkbox\n                  slot='selection'\n                  isSelected={isSelected}\n                  isDisabled={isDisabled}\n                  isIndeterminate={indeterminateKeys?.has(id)}\n                />\n              )}\n              {allowsDragging && (\n                <Button\n                  slot='drag'\n                  variant='icon'\n                  size={size}\n                  isDisabled={isDisabled}\n                  className={styles.drag}\n                >\n                  <Icon>\n                    <DragVert />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n          </IconProvider>\n        );\n      }}\n    </AriaTreeItemContent>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,MAAM,EACJ,gBACA,SACA,aACA,mBACA,uBACE,WAAW,YAAY;CAC3B,MAAM,EAAE,WAAW,YAAY,cAAc,WAAW,gBAAgB;CACxE,MAAM,OAAO,YAAY,SAAS,WAAW;AAE7C,QACE,oBAACA,gCACG,gBAAgB;EAChB,MAAM,EACJ,IACA,gBACA,eACA,OACA,mBACA,eACA,OACA,YACA,YACA,eACE;EAGJ,MAAM,cAAc,CADP,MAAM,WAAW,QAAQ,GAAG,EACd;EAG3B,MAAM,oBAAoB,UAAU,MAAM,GAAG,GAAG,CAAC,KAAK,gBAAgB;AAEpE,UAAO,CADc,MAAM,WAAW,QAAQ,YAAY,EACpC;IACtB;EAEF,MAAM,sBACJ,sBAAsB,YAAY,kBAAkB;EAEtD,MAAM,oBAAoB;GACxB,MAAM,OAAO,IAAI,IAAS,YAAY;AACtC,gBAAa,IAAI,GAAG,GAAG,KAAK,OAAO,GAAG,GAAG,KAAK,IAAI,GAAG;AACrD,wBAAqB,KAAK;;AAG5B,SACE,oBAAC;GAAmB;aAClB,qBAAC;IACC,WAAW,KAAK,SAAS,OAAO,SAAS,OAAO,SAAS;IACzD,oBAAkB;;KAEjB,kBACC,oBAACC;MACC,SAAQ;MACR,OAAM;MACA;MACN,SAAS;MACG;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBAAM,YAAY,oBAAC,SAAO,GAAG,oBAAC,SAAO,GAAQ;OACvC;KAEV,QAAQ,KACP,oBAAC;MACQ;MACM;MACM;OACnB;KAEH,iBACC,oBAACA;MACC,MAAK;MACL,SAAQ;MACF;MACN,WAAW,OAAO;gBAElB,oBAAC,kBAAM,aAAa,oBAAC,gBAAc,GAAG,oBAAC,cAAY,GAAQ;OACpD;KAEX,oBAAC;MAAI,WAAW,KAAK,OAAO,SAAS,OAAO,SAAS;gBAClD,OAAO,aAAa,aACjB,SAAS;OACP,GAAG;OACH;OACA;OACY;OACZ,iBAAiB;OAClB,CAAC,GACF;OACA;KACL,uBACC,oBAACC;MACC,MAAK;MACO;MACA;MACZ,iBAAiB,mBAAmB,IAAI,GAAG;OAC3C;KAEH,kBACC,oBAACD;MACC,MAAK;MACL,SAAQ;MACF;MACM;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBACC,oBAAC,aAAW,GACP;OACA;;KAEP;IACO;KAGC"}
+{"version":3,"file":"item-content.js","names":["AriaTreeItemContent"],"sources":["../../../src/components/tree/item-content.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport ChevronUp from '@accelint/icons/chevron-up';\nimport DragVert from '@accelint/icons/drag-vert';\nimport Hide from '@accelint/icons/hide';\nimport Show from '@accelint/icons/show';\nimport { useContext } from 'react';\nimport { TreeItemContent as AriaTreeItemContent } from 'react-aria-components/Tree';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { TreeContext, TreeItemContext } from './context';\nimport { TreeLines } from './lines';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TreeItemContentProps } from './types';\n\n/**\n * TreeItemContent - Renders the display content of a tree node\n *\n * @example\n * ```tsx\n * <TreeItem id=\"node\" textValue=\"Node\">\n *   <TreeItemContent>\n *     <TreeItemPrefixIcon><Folder /></TreeItemPrefixIcon>\n *     <TreeItemLabel>Folder Name</TreeItemLabel>\n *     <TreeItemDescription>Contains 5 items</TreeItemDescription>\n *   </TreeItemContent>\n * </TreeItem>\n * ```\n *\n * @param props - {@link TreeItemContentProps}\n * @param props.children - Content to render, or a render function receiving TreeItemContentRenderProps.\n * @returns The rendered TreeItemContent component.\n */\nexport function TreeItemContent({ children }: TreeItemContentProps) {\n  const {\n    showVisibility,\n    variant,\n    visibleKeys,\n    indeterminateKeys,\n    onVisibilityChange,\n  } = useContext(TreeContext);\n  const { isVisible, isViewable, ancestors } = useContext(TreeItemContext);\n  const size = variant === 'cozy' ? 'medium' : 'small';\n\n  return (\n    <AriaTreeItemContent>\n      {(renderProps) => {\n        const {\n          id,\n          allowsDragging,\n          hasChildItems,\n          level,\n          selectionBehavior,\n          selectionMode,\n          state,\n          isDisabled,\n          isExpanded,\n          isSelected,\n        } = renderProps;\n\n        const item = state.collection.getItem(id);\n        const isLastOfSet = !item?.nextKey;\n\n        // Determine if ancestors are last of set (excludes current item)\n        const ancestorLastOfSet = ancestors.slice(0, -1).map((ancestorKey) => {\n          const ancestorItem = state.collection.getItem(ancestorKey);\n          return !ancestorItem?.nextKey;\n        });\n\n        const shouldShowSelection =\n          selectionBehavior === 'toggle' && selectionMode !== 'none';\n\n        const handlePress = () => {\n          const keys = new Set<Key>(visibleKeys);\n          visibleKeys?.has(id) ? keys.delete(id) : keys.add(id);\n          onVisibilityChange?.(keys);\n        };\n\n        return (\n          <IconProvider size={size}>\n            <div\n              className={clsx('group', styles.content, styles[variant])}\n              data-last-of-set={isLastOfSet}\n            >\n              {showVisibility && (\n                <Button\n                  variant='icon'\n                  color='mono-bold'\n                  size={size}\n                  onPress={handlePress}\n                  isDisabled={isDisabled}\n                  className={styles.visibility}\n                >\n                  <Icon>{isVisible ? <Show /> : <Hide />}</Icon>\n                </Button>\n              )}\n              {level > 1 && (\n                <TreeLines\n                  level={level}\n                  isLastOfSet={isLastOfSet}\n                  ancestorLastOfSet={ancestorLastOfSet}\n                />\n              )}\n              {hasChildItems && (\n                <Button\n                  slot='chevron'\n                  variant='icon'\n                  size={size}\n                  className={styles.expansion}\n                >\n                  <Icon>{isExpanded ? <ChevronDown /> : <ChevronUp />}</Icon>\n                </Button>\n              )}\n              <div className={clsx(styles.display, styles[variant])}>\n                {typeof children === 'function'\n                  ? children({\n                      ...renderProps,\n                      variant,\n                      isVisible,\n                      isViewable: isViewable,\n                      defaultChildren: null,\n                    })\n                  : children}\n              </div>\n              {shouldShowSelection && (\n                <Checkbox\n                  slot='selection'\n                  isSelected={isSelected}\n                  isDisabled={isDisabled}\n                  isIndeterminate={indeterminateKeys?.has(id)}\n                />\n              )}\n              {allowsDragging && (\n                <Button\n                  slot='drag'\n                  variant='icon'\n                  size={size}\n                  isDisabled={isDisabled}\n                  className={styles.drag}\n                >\n                  <Icon>\n                    <DragVert />\n                  </Icon>\n                </Button>\n              )}\n            </div>\n          </IconProvider>\n        );\n      }}\n    </AriaTreeItemContent>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,MAAM,EACJ,gBACA,SACA,aACA,mBACA,uBACE,WAAW,YAAY;CAC3B,MAAM,EAAE,WAAW,YAAY,cAAc,WAAW,gBAAgB;CACxE,MAAM,OAAO,YAAY,SAAS,WAAW;AAE7C,QACE,oBAACA,gCACG,gBAAgB;EAChB,MAAM,EACJ,IACA,gBACA,eACA,OACA,mBACA,eACA,OACA,YACA,YACA,eACE;EAGJ,MAAM,cAAc,CADP,MAAM,WAAW,QAAQ,GAAG,EACd;EAG3B,MAAM,oBAAoB,UAAU,MAAM,GAAG,GAAG,CAAC,KAAK,gBAAgB;AAEpE,UAAO,CADc,MAAM,WAAW,QAAQ,YAAY,EACpC;IACtB;EAEF,MAAM,sBACJ,sBAAsB,YAAY,kBAAkB;EAEtD,MAAM,oBAAoB;GACxB,MAAM,OAAO,IAAI,IAAS,YAAY;AACtC,gBAAa,IAAI,GAAG,GAAG,KAAK,OAAO,GAAG,GAAG,KAAK,IAAI,GAAG;AACrD,wBAAqB,KAAK;;AAG5B,SACE,oBAAC;GAAmB;aAClB,qBAAC;IACC,WAAW,KAAK,SAAS,OAAO,SAAS,OAAO,SAAS;IACzD,oBAAkB;;KAEjB,kBACC,oBAAC;MACC,SAAQ;MACR,OAAM;MACA;MACN,SAAS;MACG;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBAAM,YAAY,oBAAC,SAAO,GAAG,oBAAC,SAAO,GAAQ;OACvC;KAEV,QAAQ,KACP,oBAAC;MACQ;MACM;MACM;OACnB;KAEH,iBACC,oBAAC;MACC,MAAK;MACL,SAAQ;MACF;MACN,WAAW,OAAO;gBAElB,oBAAC,kBAAM,aAAa,oBAAC,gBAAc,GAAG,oBAAC,cAAY,GAAQ;OACpD;KAEX,oBAAC;MAAI,WAAW,KAAK,OAAO,SAAS,OAAO,SAAS;gBAClD,OAAO,aAAa,aACjB,SAAS;OACP,GAAG;OACH;OACA;OACY;OACZ,iBAAiB;OAClB,CAAC,GACF;OACA;KACL,uBACC,oBAAC;MACC,MAAK;MACO;MACA;MACZ,iBAAiB,mBAAmB,IAAI,GAAG;OAC3C;KAEH,kBACC,oBAAC;MACC,MAAK;MACL,SAAQ;MACF;MACM;MACZ,WAAW,OAAO;gBAElB,oBAAC,kBACC,oBAAC,aAAW,GACP;OACA;;KAEP;IACO;KAGC"}