@accelint/design-toolkit 9.11.3 → 9.13.0

package/dist/components/status-indicator/index.d.ts

@@ -12,30 +12,36 @@
 
 import { StatusIndicatorProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime233 from "react/jsx-runtime";
 
 //#region src/components/status-indicator/index.d.ts
+
 /**
  * StatusIndicator - A component for displaying connection/service status information
  *
  * Provides a purely presentational component to allow users to display the status of something.
- * Only 'good,' 'degraded,', and 'poor' statuses are being supported.
+ * Supports 'good', 'degraded', 'poor', 'unknown', and 'pending' statuses.
  *
  * @param props - {@link StatusIndicatorProps}
- * @param props.status - The status to display (good, degraded, or poor)
+ * @param props.status - The status to display
+ * @param props.textValue - Optional label to display next to the status icon
  * @returns The rendered StatusIndicator component.
  *
  * @example
  * ```tsx
  * // Basic status indicator
  * <StatusIndicator status="good" />
+ *
+ * // With label
+ * <StatusIndicator status="degraded" textValue="Connection unstable" />
  * ```
  */
 declare function StatusIndicator({
   className,
   status,
+  textValue,
   ...rest
-}: StatusIndicatorProps): react_jsx_runtime127.JSX.Element;
+}: StatusIndicatorProps): react_jsx_runtime233.JSX.Element;
 //#endregion
 export { StatusIndicator };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/status-indicator/index.js

@@ -15,7 +15,8 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "react-aria-components/Label";
 import styles from "./styles.module.css";
 
 //#region src/components/status-indicator/index.tsx
@@ -23,25 +24,37 @@ import styles from "./styles.module.css";
 * StatusIndicator - A component for displaying connection/service status information
 *
 * Provides a purely presentational component to allow users to display the status of something.
-* Only 'good,' 'degraded,', and 'poor' statuses are being supported.
+* Supports 'good', 'degraded', 'poor', 'unknown', and 'pending' statuses.
 *
 * @param props - {@link StatusIndicatorProps}
-* @param props.status - The status to display (good, degraded, or poor)
+* @param props.status - The status to display
+* @param props.textValue - Optional label to display next to the status icon
 * @returns The rendered StatusIndicator component.
 *
 * @example
 * ```tsx
 * // Basic status indicator
 * <StatusIndicator status="good" />
+*
+* // With label
+* <StatusIndicator status="degraded" textValue="Connection unstable" />
 * ```
 */
-function StatusIndicator({ className, status = "good", ...rest }) {
-	return /* @__PURE__ */ jsx("span", {
+function StatusIndicator({ className, status = "good", textValue, ...rest }) {
+	const statusIcon = /* @__PURE__ */ jsx("span", {
 		...rest,
 		className: clsx(styles.icon, className),
 		"data-status": status,
 		"data-testid": `status-${status}-icon`
 	});
+	if (textValue) return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-s",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex min-w-m justify-center",
+			children: statusIcon
+		}), /* @__PURE__ */ jsx(Label, { children: textValue })]
+	});
+	return statusIcon;
 }
 
 //#endregion

package/dist/components/status-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/status-indicator/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 styles from './styles.module.css';\nimport type { StatusIndicatorProps } from './types';\n\n/**\n * StatusIndicator - A component for displaying connection/service status information\n *\n * Provides a purely presentational component to allow users to display the status of something.\n * Only 'good,' 'degraded,', and 'poor' statuses are being supported.\n *\n * @param props - {@link StatusIndicatorProps}\n * @param props.status - The status to display (good, degraded, or poor)\n * @returns The rendered StatusIndicator component.\n *\n * @example\n * ```tsx\n * // Basic status indicator\n * <StatusIndicator status=\"good\" />\n * ```\n */\n\nexport function StatusIndicator({\n  className,\n  status = 'good',\n  ...rest\n}: StatusIndicatorProps) {\n  return (\n    <span\n      {...rest}\n      className={clsx(styles.icon, className)}\n      data-status={status}\n      data-testid={`status-${status}-icon`}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,gBAAgB,EAC9B,WACA,SAAS,QACT,GAAG,QACoB;AACvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,MAAM,UAAU;EACvC,eAAa;EACb,eAAa,UAAU,OAAO;GAC9B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/status-indicator/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 styles from './styles.module.css';\nimport type { StatusIndicatorProps } from './types';\nimport { Label } from 'react-aria-components/Label';\n\n/**\n * StatusIndicator - A component for displaying connection/service status information\n *\n * Provides a purely presentational component to allow users to display the status of something.\n * Supports 'good', 'degraded', 'poor', 'unknown', and 'pending' statuses.\n *\n * @param props - {@link StatusIndicatorProps}\n * @param props.status - The status to display\n * @param props.textValue - Optional label to display next to the status icon\n * @returns The rendered StatusIndicator component.\n *\n * @example\n * ```tsx\n * // Basic status indicator\n * <StatusIndicator status=\"good\" />\n *\n * // With label\n * <StatusIndicator status=\"degraded\" textValue=\"Connection unstable\" />\n * ```\n */\nexport function StatusIndicator({\n  className,\n  status = 'good',\n  textValue,\n  ...rest\n}: StatusIndicatorProps) {\n  const statusIcon = (\n    <span\n      {...rest}\n      className={clsx(styles.icon, className)}\n      data-status={status}\n      data-testid={`status-${status}-icon`}\n    />\n  );\n\n  if (textValue) {\n    return (\n      <div className='flex items-center gap-s'>\n        <div className='flex min-w-m justify-center'>{statusIcon}</div>\n        <Label>{textValue}</Label>\n      </div>\n    );\n  }\n\n  return statusIcon;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,gBAAgB,EAC9B,WACA,SAAS,QACT,WACA,GAAG,QACoB;CACvB,MAAM,aACJ,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,OAAO,MAAM,UAAU;EACvC,eAAa;EACb,eAAa,UAAU,OAAO;GAC9B;AAGJ,KAAI,UACF,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAI,WAAU;aAA+B;IAAiB,EAC/D,oBAAC,mBAAO,YAAkB;GACtB;AAIV,QAAO"}

package/dist/components/status-indicator/styles.module.css

@@ -30,5 +30,13 @@
       /* isosceles triangle */
       clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
     }
+
+    @variant data-[status=pending] {
+      @apply outline-accent-primary-bold size-s rounded-full bg-transparent outline-2;
+    }
+
+    @variant data-[status=unknown] {
+      @apply size-s rounded-full bg-(--fg-info-bold);
+    }
   }
 }

package/dist/components/status-indicator/types.d.ts

@@ -14,7 +14,8 @@ import { ComponentPropsWithRef } from "react";
 
 //#region src/components/status-indicator/types.d.ts
 type StatusIndicatorProps = ComponentPropsWithRef<'span'> & {
-  status?: 'good' | 'degraded' | 'poor';
+  status?: 'good' | 'degraded' | 'poor' | 'pending' | 'unknown';
+  textValue?: string;
 };
 //#endregion
 export { StatusIndicatorProps };

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

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SwitchProps } from "./types.js";
 import "client-only";
-import * as react34 from "react";
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react32 from "react";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/switch/context.d.ts
 /** Context for sharing props across Switch components */
-declare const SwitchContext: react34.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
+declare const SwitchContext: react32.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
 /**
  * Sets default props for all Switch components within.
  *
@@ -38,7 +38,7 @@ declare const SwitchContext: react34.Context<ContextValue<SwitchProps, HTMLLabel
 declare function SwitchProvider({
   children,
   ...props
-}: ProviderProps<SwitchProps>): react_jsx_runtime122.JSX.Element;
+}: ProviderProps<SwitchProps>): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { SwitchContext, SwitchProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SwitchProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/components/switch/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime128 from "react/jsx-runtime";
 declare function Switch({
   ref,
   ...props
-}: SwitchProps): react_jsx_runtime128.JSX.Element;
+}: SwitchProps): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/body.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableBodyProps } from "./types.js";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
 
 //#region src/components/table/body.d.ts
 
@@ -39,7 +39,7 @@ declare function TableBody<T>({
   ref,
   rows,
   ...rest
-}: TableBodyProps<T>): react_jsx_runtime129.JSX.Element;
+}: TableBodyProps<T>): react_jsx_runtime101.JSX.Element;
 //#endregion
 export { TableBody };
 //# sourceMappingURL=body.d.ts.map

package/dist/components/table/cell.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableCellProps } from "./types.js";
-import * as react_jsx_runtime146 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 
 //#region src/components/table/cell.d.ts
 
@@ -40,7 +40,7 @@ declare function TableCell<T>({
   className,
   cell,
   ...rest
-}: TableCellProps<T>): react_jsx_runtime146.JSX.Element;
+}: TableCellProps<T>): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { TableCell };
 //# sourceMappingURL=cell.d.ts.map

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

@@ -11,11 +11,11 @@
  */
 
 import { TableContextValue } from "./types.js";
-import * as react39 from "react";
+import * as react28 from "react";
 
 //#region src/components/table/context.d.ts
 /** Context for sharing table configuration across subcomponents */
-declare const TableContext: react39.Context<TableContextValue>;
+declare const TableContext: react28.Context<TableContextValue>;
 //#endregion
 export { TableContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/table/header-cell.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderCellProps } from "./types.js";
-import * as react_jsx_runtime147 from "react/jsx-runtime";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 
 //#region src/components/table/header-cell.d.ts
 
@@ -42,7 +42,7 @@ declare function TableHeaderCell<T>({
   className,
   header,
   ...rest
-}: TableHeaderCellProps<T>): react_jsx_runtime147.JSX.Element;
+}: TableHeaderCellProps<T>): react_jsx_runtime100.JSX.Element;
 //#endregion
 export { TableHeaderCell };
 //# sourceMappingURL=header-cell.d.ts.map

package/dist/components/table/header.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderProps } from "./types.js";
-import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 
 //#region src/components/table/header.d.ts
 
@@ -41,7 +41,7 @@ declare function TableHeader<T>({
   headerGroups,
   columnSelection,
   ...rest
-}: TableHeaderProps<T>): react_jsx_runtime149.JSX.Element;
+}: TableHeaderProps<T>): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { TableHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TableProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 import { Key } from "@react-types/shared";
 
 //#region src/components/table/index.d.ts
@@ -72,7 +72,7 @@ declare function Table<T extends {
   defaultPage,
   onPageChange,
   ...rest
-}: TableProps<T>): react_jsx_runtime151.JSX.Element;
+}: TableProps<T>): react_jsx_runtime102.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/row.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TableRowProps } from "./types.js";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
 
 //#region src/components/table/row.d.ts
 
@@ -44,7 +44,7 @@ declare function TableRow<T>({
   className,
   row,
   ...rest
-}: TableRowProps<T>): react_jsx_runtime130.JSX.Element;
+}: TableRowProps<T>): react_jsx_runtime107.JSX.Element;
 //#endregion
 export { TableRow };
 //# sourceMappingURL=row.d.ts.map

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

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TabProps, TabsProps } from "./types.js";
 import "client-only";
-import * as react35 from "react";
-import * as react_jsx_runtime131 from "react/jsx-runtime";
+import * as react43 from "react";
+import * as react_jsx_runtime175 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/tabs/context.d.ts
 /** Context for sharing props across Tabs components */
-declare const TabsContext: react35.Context<ContextValue<TabsProps, HTMLDivElement>>;
+declare const TabsContext: react43.Context<ContextValue<TabsProps, HTMLDivElement>>;
 /**
  * Sets default props for all Tabs components within.
  *
@@ -42,12 +42,12 @@ declare const TabsContext: react35.Context<ContextValue<TabsProps, HTMLDivElemen
 declare function TabsProvider({
   children,
   ...props
-}: ProviderProps<TabsProps>): react_jsx_runtime131.JSX.Element;
-declare const TabContext: react35.Context<ContextValue<TabProps, Element>>;
+}: ProviderProps<TabsProps>): react_jsx_runtime175.JSX.Element;
+declare const TabContext: react43.Context<ContextValue<TabProps, Element>>;
 declare function TabProvider({
   children,
   ...props
-}: ProviderProps<TabProps>): react_jsx_runtime131.JSX.Element;
+}: ProviderProps<TabProps>): react_jsx_runtime175.JSX.Element;
 //#endregion
 export { TabContext, TabProvider, TabsContext, TabsProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TabsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/tabs/index.d.ts
 
@@ -44,7 +44,7 @@ import * as react_jsx_runtime134 from "react/jsx-runtime";
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime134.JSX.Element;
+}: TabsProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { Tabs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/list.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import { TabListProps } from "react-aria-components/Tabs";
 
 //#region src/components/tabs/list.d.ts
@@ -40,7 +40,7 @@ declare function TabList<T extends object>({
   children,
   className,
   ...rest
-}: TabListProps<T>): react_jsx_runtime133.JSX.Element;
+}: TabListProps<T>): react_jsx_runtime109.JSX.Element;
 //#endregion
 export { TabList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/tabs/panel.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
 import { TabPanelProps } from "react-aria-components/Tabs";
 
 //#region src/components/tabs/panel.d.ts
@@ -41,7 +41,7 @@ declare function TabPanel({
   children,
   className,
   ...rest
-}: TabPanelProps): react_jsx_runtime135.JSX.Element;
+}: TabPanelProps): react_jsx_runtime117.JSX.Element;
 //#endregion
 export { TabPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/tabs/tab.d.ts

@@ -12,7 +12,7 @@
 
 import { TabProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
 
 //#region src/components/tabs/tab.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime136 from "react/jsx-runtime";
 declare function Tab({
   ref,
   ...props
-}: TabProps): react_jsx_runtime136.JSX.Element;
+}: TabProps): react_jsx_runtime118.JSX.Element;
 //#endregion
 export { Tab };
 //# sourceMappingURL=tab.d.ts.map

package/dist/components/text-area-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react37 from "react";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react34 from "react";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/text-area-field/context.d.ts
 /** Context for sharing props across TextAreaField components */
-declare const TextAreaFieldContext: react37.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
+declare const TextAreaFieldContext: react34.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
 /**
  * Sets default props for all TextAreaField components within.
  *
@@ -42,7 +42,7 @@ declare const TextAreaFieldContext: react37.Context<ContextValue<TextAreaFieldPr
 declare function TextAreaFieldProvider({
   children,
   ...props
-}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime137.JSX.Element;
+}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { TextAreaFieldContext, TextAreaFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/text-area-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/index.d.ts
 
@@ -44,7 +44,7 @@ import * as react_jsx_runtime138 from "react/jsx-runtime";
 declare function TextAreaField({
   ref,
   ...props
-}: TextAreaFieldProps): react_jsx_runtime138.JSX.Element;
+}: TextAreaFieldProps): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { TextAreaField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextFieldProps } from "./types.js";
 import "client-only";
-import * as react38 from "react";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react33 from "react";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/text-field/context.d.ts
 /** Context for sharing props across TextField components */
-declare const TextFieldContext: react38.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
+declare const TextFieldContext: react33.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
 /**
  * Sets default props for all TextField components within.
  *
@@ -42,7 +42,7 @@ declare const TextFieldContext: react38.Context<ContextValue<TextFieldProps, HTM
 declare function TextFieldProvider({
   children,
   ...props
-}: ProviderProps<TextFieldProps>): react_jsx_runtime140.JSX.Element;
+}: ProviderProps<TextFieldProps>): react_jsx_runtime116.JSX.Element;
 //#endregion
 export { TextFieldContext, TextFieldProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TextFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime141 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 
 //#region src/components/text-field/index.d.ts
 
@@ -40,7 +40,7 @@ import * as react_jsx_runtime141 from "react/jsx-runtime";
 declare function TextField({
   ref,
   ...props
-}: TextFieldProps): react_jsx_runtime141.JSX.Element;
+}: TextFieldProps): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TimeFieldProps as TimeFieldProps$1 } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime171 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_runtime139.JSX.Element;
+}: TimeFieldProps$1<T>): react_jsx_runtime171.JSX.Element;
 //#endregion
 export { TimeField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/time-field/styles.module.css

@@ -62,6 +62,10 @@
     @variant focus-visible {
       @apply fg-a11y-on-accent bg-accent-primary-bold outline-none;
     }
+
+    &:where([data-type='literal']) {
+      white-space: pre;
+    }
   }
 
   .description {

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

@@ -12,12 +12,12 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react40 from "react";
+import * as react45 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: react40.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
+declare const TooltipContext: react45.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
 //#endregion
 export { TooltipContext };
 //# sourceMappingURL=context.d.ts.map

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

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

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

@@ -12,7 +12,7 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime144 from "react/jsx-runtime";
+import * as react_jsx_runtime178 from "react/jsx-runtime";
 
 //#region src/components/tooltip/trigger.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime144 from "react/jsx-runtime";
 declare function TooltipTrigger({
   ref,
   ...props
-}: TooltipTriggerProps): react_jsx_runtime144.JSX.Element;
+}: TooltipTriggerProps): react_jsx_runtime178.JSX.Element;
 //#endregion
 export { TooltipTrigger };
 //# sourceMappingURL=trigger.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 react41 from "react";
+import * as react47 from "react";
 
 //#region src/components/tree/context.d.ts
 /** Context for sharing state across Tree components */
-declare const TreeContext: react41.Context<TreeContextValue>;
+declare const TreeContext: react47.Context<TreeContextValue>;
 /** Context for sharing state within a TreeItem */
-declare const TreeItemContext: react41.Context<TreeItemContextValue>;
+declare const TreeItemContext: react47.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_runtime153 from "react/jsx-runtime";
+import * as react_jsx_runtime185 from "react/jsx-runtime";
 
 //#region src/components/tree/index.d.ts
 
@@ -77,7 +77,7 @@ declare function Tree<T>({
   onVisibilityChange,
   onSelectionChange,
   ...rest
-}: TreeProps<T>): react_jsx_runtime153.JSX.Element;
+}: TreeProps<T>): react_jsx_runtime185.JSX.Element;
 //#endregion
 export { Tree };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime186 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_runtime154.JSX.Element;
+}): react_jsx_runtime186.JSX.Element;
 //#endregion
 export { TreeItemActions };
 //# sourceMappingURL=item-actions.d.ts.map