@accelint/design-toolkit 9.1.1 → 9.3.0

package/dist/components/sidenav/content.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 
 //#region src/components/sidenav/content.d.ts
 /**
@@ -24,7 +24,7 @@ declare function SidenavContent({
   className,
   children,
   ...rest
-}: SidenavContentProps): react_jsx_runtime130.JSX.Element;
+}: SidenavContentProps): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { SidenavContent };
 //# sourceMappingURL=content.d.ts.map

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

@@ -12,10 +12,10 @@
 
 import { SidenavContextValue } from "./types.js";
 import "client-only";
-import * as react35 from "react";
+import * as react39 from "react";
 
 //#region src/components/sidenav/context.d.ts
-declare const SidenavContext: react35.Context<SidenavContextValue>;
+declare const SidenavContext: react39.Context<SidenavContextValue>;
 //#endregion
 export { SidenavContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/sidenav/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavFooterProps } from "./types.js";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 
 //#region src/components/sidenav/footer.d.ts
 /**
@@ -19,7 +19,7 @@ import * as react_jsx_runtime138 from "react/jsx-runtime";
  *
  * Provides a footer container for the sidenav
  */
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime138.JSX.Element;
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { SidenavFooter };
 //# sourceMappingURL=footer.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime142 from "react/jsx-runtime";
 
 //#region src/components/sidenav/header.d.ts
 /**
@@ -24,7 +24,7 @@ declare function SidenavHeader({
   children,
   classNames,
   ...rest
-}: SidenavHeaderProps): react_jsx_runtime139.JSX.Element;
+}: SidenavHeaderProps): react_jsx_runtime142.JSX.Element;
 //#endregion
 export { SidenavHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
 
 //#region src/components/sidenav/index.d.ts
 
@@ -78,7 +78,7 @@ declare function Sidenav({
   isHiddenWhenClosed,
   children,
   ...rest
-}: SidenavProps): react_jsx_runtime140.JSX.Element | null;
+}: SidenavProps): react_jsx_runtime143.JSX.Element | null;
 //#endregion
 export { Sidenav };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 
 //#region src/components/sidenav/item.d.ts
 /**
@@ -25,7 +25,7 @@ declare function SidenavItem({
   classNames,
   textValue,
   ...rest
-}: SidenavItemProps): react_jsx_runtime96.JSX.Element;
+}: SidenavItemProps): react_jsx_runtime112.JSX.Element;
 //#endregion
 export { SidenavItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/sidenav/link.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavLinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime173 from "react/jsx-runtime";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 
 //#region src/components/sidenav/link.d.ts
 /**
@@ -25,7 +25,7 @@ declare function SidenavLink({
   classNames,
   textValue,
   ...rest
-}: SidenavLinkProps): react_jsx_runtime173.JSX.Element;
+}: SidenavLinkProps): react_jsx_runtime155.JSX.Element;
 //#endregion
 export { SidenavLink };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/menu-item.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavMenuItemProps } from "./types.js";
-import * as react_jsx_runtime174 from "react/jsx-runtime";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu-item.d.ts
 /**
@@ -23,7 +23,7 @@ declare function SidenavMenuItem({
   className,
   children,
   ...rest
-}: SidenavMenuItemProps): react_jsx_runtime174.JSX.Element;
+}: SidenavMenuItemProps): react_jsx_runtime157.JSX.Element;
 //#endregion
 export { SidenavMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/sidenav/menu.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime175 from "react/jsx-runtime";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu.d.ts
 /**
@@ -26,7 +26,7 @@ declare function SidenavMenu({
   classNames,
   children,
   ...rest
-}: SidenavMenuProps): react_jsx_runtime175.JSX.Element;
+}: SidenavMenuProps): react_jsx_runtime156.JSX.Element;
 //#endregion
 export { SidenavMenu };
 //# sourceMappingURL=menu.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime176 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 
 //#region src/components/sidenav/trigger.d.ts
 /**
@@ -24,7 +24,7 @@ declare function SidenavTrigger({
   children,
   for: type,
   ...rest
-}: SidenavTriggerProps): react_jsx_runtime176.JSX.Element;
+}: SidenavTriggerProps): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { SidenavTrigger };
 //# sourceMappingURL=trigger.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { SkeletonProps } from "./types.js";
-import * as react_jsx_runtime177 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 
 //#region src/components/skeleton/index.d.ts
 
@@ -49,7 +49,7 @@ declare function Skeleton({
   className,
   variant,
   ...rest
-}: SkeletonProps): react_jsx_runtime177.JSX.Element;
+}: SkeletonProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime178 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 
 //#region src/components/slider/index.d.ts
 
@@ -70,7 +70,7 @@ declare function Slider({
   step: stepProp,
   value: valueProp,
   ...rest
-}: SliderProps): react_jsx_runtime178.JSX.Element;
+}: SliderProps): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,9 +13,9 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SwitchProps as SwitchProps$1 } from "./types.js";
 import "client-only";
-import * as react46 from "react";
+import * as react41 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime179 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/switch/context.d.ts
 /**
@@ -23,7 +23,7 @@ import * as react_jsx_runtime179 from "react/jsx-runtime";
  *
  * Provides context for Switch component to share props
  */
-declare const SwitchContext: react46.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
+declare const SwitchContext: react41.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
 /**
  * Provider for Switch component
  *
@@ -32,7 +32,7 @@ declare const SwitchContext: react46.Context<ContextValue<SwitchProps$1, HTMLLab
 declare function SwitchProvider({
   children,
   ...props
-}: ProviderProps<SwitchProps$1>): react_jsx_runtime179.JSX.Element;
+}: ProviderProps<SwitchProps$1>): react_jsx_runtime160.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_runtime180 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/switch/index.d.ts
 
@@ -55,7 +55,7 @@ import * as react_jsx_runtime180 from "react/jsx-runtime";
 declare function Switch({
   ref,
   ...props
-}: SwitchProps): react_jsx_runtime180.JSX.Element;
+}: SwitchProps): react_jsx_runtime162.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_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
 
 //#region src/components/table/body.d.ts
 declare function TableBody<T>({
@@ -20,7 +20,7 @@ declare function TableBody<T>({
   ref,
   rows,
   ...rest
-}: TableBodyProps<T>): react_jsx_runtime181.JSX.Element;
+}: TableBodyProps<T>): react_jsx_runtime163.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_runtime182 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 
 //#region src/components/table/cell.d.ts
 declare function TableCell<T>({
@@ -20,7 +20,7 @@ declare function TableCell<T>({
   className,
   cell,
   ...rest
-}: TableCellProps<T>): react_jsx_runtime182.JSX.Element;
+}: TableCellProps<T>): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { TableCell };
 //# sourceMappingURL=cell.d.ts.map

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

@@ -11,10 +11,10 @@
  */
 
 import { TableContextValue } from "./types.js";
-import * as react37 from "react";
+import * as react42 from "react";
 
 //#region src/components/table/context.d.ts
-declare const TableContext: react37.Context<TableContextValue>;
+declare const TableContext: react42.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_runtime146 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_runtime146.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_runtime148 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_runtime148.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_runtime149 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_runtime149.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_runtime151 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_runtime151.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 react40 from "react";
+import * as react43 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime152 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_runtime152 from "react/jsx-runtime";
  *
  * Provides context for Tabs component to share props
  */
-declare const TabsContext: react40.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: react40.Context<ContextValue<TabsProps$1, HTMLDivElem
 declare function TabsProvider({
   children,
   ...props
-}: ProviderProps<TabsProps$1>): react_jsx_runtime152.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_runtime154 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_runtime154 from "react/jsx-runtime";
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime154.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_runtime156 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_runtime156.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_runtime157 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_runtime157.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_runtime158 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_runtime158.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 react43 from "react";
+import * as react46 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime162 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_runtime162 from "react/jsx-runtime";
  *
  * Provides context for TextAreaField component to share props
  */
-declare const TextAreaFieldContext: react43.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
+declare const TextAreaFieldContext: react46.Context<ContextValue<TextAreaFieldProps, HTMLDivElement>>;
 /**
  * Provider for TextAreaField component
  *
@@ -32,7 +32,7 @@ declare const TextAreaFieldContext: react43.Context<ContextValue<TextAreaFieldPr
 declare function TextAreaFieldProvider({
   children,
   ...props
-}: ProviderProps<TextAreaFieldProps>): react_jsx_runtime162.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_runtime169 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_runtime169 from "react/jsx-runtime";
 declare function TextAreaField({
   ref,
   ...props
-}: TextAreaFieldProps): react_jsx_runtime169.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 react38 from "react";
+import * as react45 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 
 //#region src/components/text-field/context.d.ts
-declare const TextFieldContext: react38.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
+declare const TextFieldContext: react45.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
 declare function TextFieldProvider({
   children,
   ...props
-}: ProviderProps<TextFieldProps$1>): react_jsx_runtime145.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_runtime147 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_runtime147 from "react/jsx-runtime";
 declare function TextField({
   ref,
   ...props
-}: TextFieldProps): react_jsx_runtime147.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_runtime150 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_runtime150.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)),