@accelint/design-toolkit 9.2.0 → 9.3.0

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

@@ -11,7 +11,7 @@
  */
 
 import { TableHeaderCellProps } from "./types.js";
-import * as react_jsx_runtime142 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 
 //#region src/components/table/header-cell.d.ts
 declare function TableHeaderCell<T>({
@@ -20,7 +20,7 @@ declare function TableHeaderCell<T>({
   className,
   header,
   ...rest
-}: TableHeaderCellProps<T>): react_jsx_runtime142.JSX.Element;
+}: TableHeaderCellProps<T>): react_jsx_runtime165.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_runtime143 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 
 //#region src/components/table/header.d.ts
 declare function TableHeader<T>({
@@ -21,7 +21,7 @@ declare function TableHeader<T>({
   headerGroups,
   columnSelection,
   ...rest
-}: TableHeaderProps<T>): react_jsx_runtime143.JSX.Element;
+}: TableHeaderProps<T>): react_jsx_runtime153.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_runtime131 from "react/jsx-runtime";
+import * as react_jsx_runtime171 from "react/jsx-runtime";
 import { Key } from "@react-types/shared";
 
 //#region src/components/table/index.d.ts
@@ -46,7 +46,7 @@ declare function Table<T extends {
   onRowSelectionChange,
   fullWidth,
   ...rest
-}: TableProps<T>): react_jsx_runtime131.JSX.Element;
+}: TableProps<T>): react_jsx_runtime171.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_runtime132 from "react/jsx-runtime";
+import * as react_jsx_runtime187 from "react/jsx-runtime";
 
 //#region src/components/table/row.d.ts
 declare function TableRow<T>({
@@ -20,7 +20,7 @@ declare function TableRow<T>({
   className,
   row,
   ...rest
-}: TableRowProps<T>): react_jsx_runtime132.JSX.Element;
+}: TableRowProps<T>): react_jsx_runtime187.JSX.Element;
 //#endregion
 export { TableRow };
 //# sourceMappingURL=row.d.ts.map

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

@@ -13,9 +13,9 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TabsProps as TabsProps$1 } from "./types.js";
 import "client-only";
-import * as react32 from "react";
+import * as react43 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 
 //#region src/components/tabs/context.d.ts
 /**
@@ -23,7 +23,7 @@ import * as react_jsx_runtime133 from "react/jsx-runtime";
  *
  * Provides context for Tabs component to share props
  */
-declare const TabsContext: react32.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
+declare const TabsContext: react43.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
 /**
  * Provider for Tabs component
  *
@@ -32,7 +32,7 @@ declare const TabsContext: react32.Context<ContextValue<TabsProps$1, HTMLDivElem
 declare function TabsProvider({
   children,
   ...props
-}: ProviderProps<TabsProps$1>): react_jsx_runtime133.JSX.Element;
+}: ProviderProps<TabsProps$1>): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { 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_runtime168 from "react/jsx-runtime";
 
 //#region src/components/tabs/index.d.ts
 
@@ -65,7 +65,7 @@ import * as react_jsx_runtime134 from "react/jsx-runtime";
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime134.JSX.Element;
+}: TabsProps): react_jsx_runtime168.JSX.Element;
 //#endregion
 export { Tabs };
 //# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabProps } from "react-aria-components";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 
 //#region src/components/tabs/tab.d.ts
 /**
@@ -24,7 +24,7 @@ declare function Tab({
   children,
   className,
   ...rest
-}: TabProps): react_jsx_runtime137.JSX.Element;
+}: TabProps): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { Tab };
 //# sourceMappingURL=tab.d.ts.map

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

@@ -13,9 +13,9 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextAreaFieldProps } from "./types.js";
 import "client-only";
-import * as react33 from "react";
+import * as react46 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime177 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/context.d.ts
 /**
@@ -23,7 +23,7 @@ import * as react_jsx_runtime138 from "react/jsx-runtime";
  *
  * Provides context for TextAreaField component to share props
  */
-declare const TextAreaFieldContext: react33.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
+declare const TextAreaFieldContext: react46.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
 /**
  * Provider for TextAreaField component
  *
@@ -32,7 +32,7 @@ declare const TextAreaFieldContext: react33.Context<ContextValue<TextAreaFieldPr
 declare function TextAreaFieldProvider({
   children,
   ...props
-}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime138.JSX.Element;
+}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime177.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_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 
 //#region src/components/text-area-field/index.d.ts
 
@@ -39,7 +39,7 @@ import * as react_jsx_runtime139 from "react/jsx-runtime";
 declare function TextAreaField({
   ref,
   ...props
-}: TextAreaFieldProps): react_jsx_runtime139.JSX.Element;
+}: TextAreaFieldProps): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { TextAreaField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-area-field/styles.module.css

@@ -51,6 +51,10 @@
     @variant disabled {
       @apply fg-disabled outline-interactive-disabled;
     }
+
+    @variant read-only {
+      @apply px-0 outline-none;
+    }
   }
 
   .description {

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

@@ -13,16 +13,16 @@
 import { ProviderProps } from "../../lib/types.js";
 import { TextFieldProps as TextFieldProps$1 } from "./types.js";
 import "client-only";
-import * as react29 from "react";
+import * as react45 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 
 //#region src/components/text-field/context.d.ts
-declare const TextFieldContext: react29.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
+declare const TextFieldContext: react45.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
 declare function TextFieldProvider({
   children,
   ...props
-}: ProviderProps<TextFieldProps$1>): react_jsx_runtime119.JSX.Element;
+}: ProviderProps<TextFieldProps$1>): react_jsx_runtime174.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_runtime148 from "react/jsx-runtime";
+import * as react_jsx_runtime175 from "react/jsx-runtime";
 
 //#region src/components/text-field/index.d.ts
 
@@ -105,7 +105,7 @@ import * as react_jsx_runtime148 from "react/jsx-runtime";
 declare function TextField({
   ref,
   ...props
-}: TextFieldProps): react_jsx_runtime148.JSX.Element;
+}: TextFieldProps): react_jsx_runtime175.JSX.Element;
 //#endregion
 export { TextField };
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -32,7 +32,7 @@ import styles from "./styles.module.css";
 * @example
 * <TimeField label="Time" granularity="second" />
 */
-function TimeField({ classNames, description: descriptionProp, errorMessage: errorMessageProp, granularity = "second", hourCycle = 24, inputProps, label: labelProp, shouldForceLeadingZeros = true, size = "medium", isDisabled, isInvalid: isInvalidProp, isRequired, ...rest }) {
+function TimeField({ classNames, description: descriptionProp, errorMessage: errorMessageProp, granularity = "second", hourCycle = 24, inputProps, label: labelProp, shouldForceLeadingZeros = true, size = "medium", isDisabled, isInvalid: isInvalidProp, isRequired, isReadOnly = false, ...rest }) {
 	const errorMessage = errorMessageProp || null;
 	const isSmall = size === "small";
 	return /* @__PURE__ */ jsx(TimeField$1, {
@@ -44,6 +44,7 @@ function TimeField({ classNames, description: descriptionProp, errorMessage: err
 		isDisabled,
 		isInvalid: isInvalidProp || (errorMessage ? true : void 0),
 		isRequired,
+		isReadOnly,
 		"aria-label": labelProp,
 		"data-size": size,
 		children: ({ isDisabled: isDisabled$1 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -55,8 +56,9 @@ function TimeField({ classNames, description: descriptionProp, errorMessage: err
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: clsx(styles.control, classNames?.control),
+				"data-readonly": isReadOnly || null,
 				children: [
-					size === "medium" && /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Time, {}) }),
+					!isReadOnly && size === "medium" && /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Time, {}) }),
 					/* @__PURE__ */ jsx(DateInput, {
 						...inputProps,
 						className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className)),

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Time } from '@accelint/icons';\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 * A time input field with configurable granularity and size, built on React\n * Aria components and suitable for forms requiring time entry.\n *\n * @example\n * <TimeField label=\"Time\" granularity=\"second\" />\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  ...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      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 className={clsx(styles.control, classNames?.control)}>\n            {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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,UAA+B,EAC7C,YACA,aAAa,iBACb,cAAc,kBACd,cAAc,UACd,YAAY,IACZ,YACA,OAAO,WACP,0BAA0B,MAC1B,OAAO,UACP,YACA,WAAW,eACX,YACA,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;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;IAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;;KACtD,SAAS,YACR,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","Label","isDisabled","AriaDateInput","AriaText"],"sources":["../../../src/components/time-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Time } from '@accelint/icons';\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 * A time input field with configurable granularity and size, built on React\n * Aria components and suitable for forms requiring time entry.\n *\n * @example\n * <TimeField label=\"Time\" granularity=\"second\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,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"}

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

@@ -18,7 +18,7 @@
   }
 
   .control {
-    @apply gap-xs rounded-medium px-s py-xs font-display outline-interactive fg-primary-bold flex w-full items-center outline;
+    @apply gap-xs rounded-medium px-s py-xs font-display fg-primary-bold outline-interactive flex w-full items-center outline;
 
     @variant group-size-medium/time-field {
       @apply text-body-s;
@@ -35,7 +35,6 @@
     @variant focus-visible-within {
       @apply outline-accent-primary-bold;
     }
-
     @variant group-invalid/time-field {
       @apply outline-serious-bold;
     }
@@ -43,6 +42,10 @@
     @variant group-disabled/time-field {
       @apply fg-disabled outline-interactive-disabled;
     }
+
+    @variant read-only {
+      @apply px-0 outline-none;
+    }
   }
 
   .input {

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

@@ -12,11 +12,11 @@
 
 import { TooltipTriggerProps } from "./types.js";
 import "client-only";
-import * as react35 from "react";
+import * as react32 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/tooltip/context.d.ts
-declare const TooltipContext: react35.Context<ContextValue<TooltipTriggerProps, HTMLDivElement>>;
+declare const TooltipContext: react32.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_runtime144 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 
 //#region src/components/tooltip/index.d.ts
 
@@ -59,7 +59,7 @@ declare function Tooltip({
   offset,
   placement,
   ...props
-}: TooltipProps): react_jsx_runtime144.JSX.Element;
+}: TooltipProps): react_jsx_runtime102.JSX.Element;
 //#endregion
 export { Tooltip };
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -12,17 +12,17 @@
 
 import { TreeContextValue, TreeItemContextValue } from "./types.js";
 import "client-only";
-import * as react36 from "react";
+import * as react34 from "react";
 
 //#region src/components/tree/context.d.ts
 /**
  * Context for Tree component
  */
-declare const TreeContext: react36.Context<TreeContextValue>;
+declare const TreeContext: react34.Context<TreeContextValue>;
 /**
  * Context for TreeItem component
  */
-declare const TreeItemContext: react36.Context<TreeItemContextValue>;
+declare const TreeItemContext: react34.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_runtime146 from "react/jsx-runtime";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
 
 //#region src/components/tree/index.d.ts
 
@@ -53,7 +53,7 @@ declare function Tree<T>({
   onVisibilityChange,
   onSelectionChange,
   ...rest
-}: TreeProps<T>): react_jsx_runtime146.JSX.Element;
+}: TreeProps<T>): react_jsx_runtime118.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_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/tree/item-actions.d.ts
 /**
@@ -24,7 +24,7 @@ declare function TreeItemActions({
   className
 }: PropsWithChildren & {
   className?: string;
-}): react_jsx_runtime151.JSX.Element;
+}): react_jsx_runtime120.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_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/components/tree/item-content.d.ts
 /**
@@ -21,7 +21,7 @@ import * as react_jsx_runtime150 from "react/jsx-runtime";
  */
 declare function TreeItemContent({
   children
-}: TreeItemContentProps): react_jsx_runtime150.JSX.Element;
+}: TreeItemContentProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { TreeItemContent };
 //# sourceMappingURL=item-content.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
 
 //#region src/components/tree/item-description.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react_jsx_runtime149 from "react/jsx-runtime";
 declare function TreeItemDescription({
   children,
   className
-}: TextProps): react_jsx_runtime149.JSX.Element | null;
+}: TextProps): react_jsx_runtime124.JSX.Element | null;
 //#endregion
 export { TreeItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 
 //#region src/components/tree/item-label.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react_jsx_runtime152 from "react/jsx-runtime";
 declare function TreeItemLabel({
   children,
   className
-}: TextProps): react_jsx_runtime152.JSX.Element;
+}: TextProps): react_jsx_runtime125.JSX.Element;
 //#endregion
 export { TreeItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

package/dist/components/tree/item-prefix-icon.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { IconProps } from "../icon/types.js";
-import * as react_jsx_runtime172 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/tree/item-prefix-icon.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react_jsx_runtime172 from "react/jsx-runtime";
 declare function TreeItemPrefixIcon({
   children,
   className
-}: IconProps): react_jsx_runtime172.JSX.Element;
+}: IconProps): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { TreeItemPrefixIcon };
 //# sourceMappingURL=item-prefix-icon.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { TreeItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime173 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
 
 //#region src/components/tree/item.d.ts
 /**
@@ -24,7 +24,7 @@ declare function TreeItem({
   className,
   id,
   ...rest
-}: TreeItemProps): react_jsx_runtime173.JSX.Element;
+}: TreeItemProps): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { TreeItem };
 //# sourceMappingURL=item.d.ts.map

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

@@ -10,10 +10,10 @@
  * governing permissions and limitations under the License.
  */
 
-import * as react38 from "react";
+import * as react44 from "react";
 
 //#region src/components/tree/lines.d.ts
-declare const TreeLines: react38.NamedExoticComponent<{
+declare const TreeLines: react44.NamedExoticComponent<{
   level: number;
   isLastOfSet: boolean;
 }>;

package/dist/components/view-stack/context.d.ts

@@ -12,14 +12,14 @@
 
 import { ViewStackContextValue } from "./types.js";
 import "client-only";
-import * as react39 from "react";
+import * as react31 from "react";
 import { UniqueId } from "@accelint/core";
 
 //#region src/components/view-stack/context.d.ts
 /**
  * Context for ViewStack component
  */
-declare const ViewStackContext: react39.Context<ViewStackContextValue>;
+declare const ViewStackContext: react31.Context<ViewStackContextValue>;
 /**
  * Event handlers for ViewStack events
  */

package/dist/components/view-stack/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ViewStackProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 
 //#region src/components/view-stack/index.d.ts
 
@@ -55,7 +55,7 @@ declare function ViewStack({
   children,
   defaultView,
   onChange
-}: ViewStackProps): react_jsx_runtime156.JSX.Element;
+}: ViewStackProps): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { ViewStack };
 //# sourceMappingURL=index.d.ts.map