@accelint/design-toolkit 8.1.1 → 9.0.0

package/dist/components/text-area-field/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# sourceMappingURL=types.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

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

@@ -1,13 +1,28 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
-import { ContextValue } from 'react-aria-components';
-import { TextFieldProps } from './types.js';
-import '../input/types.js';
-import '../button/types.js';
-import '../label/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare const TextFieldContext: react.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
-declare function TextFieldProvider({ children, ...props }: ProviderProps<TextFieldProps>): react_jsx_runtime.JSX.Element;
+import { ProviderProps } from "../../lib/types.js";
+import { TextFieldProps as TextFieldProps$1 } from "./types.js";
+import "client-only";
+import * as react32 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
 
+//#region src/components/text-field/context.d.ts
+declare const TextFieldContext: react32.Context<ContextValue<TextFieldProps$1, HTMLDivElement>>;
+declare function TextFieldProvider({
+  children,
+  ...props
+}: ProviderProps<TextFieldProps$1>): react_jsx_runtime123.JSX.Element;
+//#endregion
 export { TextFieldContext, TextFieldProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/text-field/context.js

@@ -1,4 +1,31 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const r=createContext(null);function n({children:e,...t}){return jsx(r.Provider,{value:t,children:e})}export{r as TextFieldContext,n as TextFieldProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/text-field/context.tsx
+const TextFieldContext = createContext(null);
+function TextFieldProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(TextFieldContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { TextFieldContext, TextFieldProvider };
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/context.tsx"],"names":["TextFieldContext","createContext","TextFieldProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA4D,IAAI,EAE3D,SAASC,CAAAA,CAAkB,CAChC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAkC,CAChC,OACEC,GAAAA,CAACL,CAAAA,CAAiB,QAAA,CAAjB,CAA0B,KAAA,CAAOI,CAAAA,CAC/B,QAAA,CAAAD,EACH,CAEJ","file":"context.js","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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { TextFieldProps } from './types';\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport function TextFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextFieldProps>) {\n  return (\n    <TextFieldContext.Provider value={props}>\n      {children}\n    </TextFieldContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/text-field/context.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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { TextFieldProps } from './types';\n\nexport const TextFieldContext =\n  createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nexport function TextFieldProvider({\n  children,\n  ...props\n}: ProviderProps<TextFieldProps>) {\n  return (\n    <TextFieldContext.Provider value={props}>\n      {children}\n    </TextFieldContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,mBACX,cAA4D,KAAK;AAEnE,SAAgB,kBAAkB,EAChC,UACA,GAAG,SAC6B;AAChC,QACE,oBAAC,iBAAiB;EAAS,OAAO;EAC/B;GACyB"}

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

@@ -1,11 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldProps } from './types.js';
-import 'react';
-import 'react-aria-components';
-import '../input/types.js';
-import '../button/types.js';
-import '../../lib/types.js';
-import '../label/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { TextFieldProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
+
+//#region src/components/text-field/index.d.ts
 
 /**
  * TextField - A complete form field component with label, input, and validation
@@ -93,6 +102,10 @@ import '../label/types.js';
  *   description='Password must be at least 8 characters'
  * />
  */
-declare function TextField({ ref, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
-
+declare function TextField({
+  ref,
+  ...props
+}: TextFieldProps): react_jsx_runtime124.JSX.Element;
+//#endregion
 export { TextField };
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,157 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,TextField,composeRenderProps,Text,FieldError}from'react-aria-components';import {Input}from'../input/index.js';import {Label}from'../label/index.js';import {TextFieldContext}from'./context.js';import i from'./styles.module.css';function w({ref:o,...t}){[t,o]=useContextProps(t,o??null,TextFieldContext);const{classNames:e,description:n,errorMessage:x,inputProps:b,label:a,size:d="medium",isInvalid:F,...P}=t,p=x||null,m=d==="small";return jsx(TextField,{...P,"aria-label":a,ref:o,className:composeRenderProps(e?.field,l=>clsx("group/text-field",i.field,l)),isInvalid:F||(p?true:void 0),"data-size":d,children:({isDisabled:l,isInvalid:c,isRequired:u})=>jsxs(Fragment,{children:[!!a&&!m&&jsx(Label,{className:clsx(i.label,e?.label),isDisabled:l,isRequired:u,children:a}),jsx(Input,{...b,classNames:{...e?.input,sizer:clsx(i.input,e?.input?.sizer)},disabled:l,required:u,size:d,isInvalid:c}),!!n&&!(m||c)&&jsx(Text,{slot:"description",className:clsx(i.description,e?.description),children:n}),jsx(FieldError,{className:composeRenderProps(e?.error,T=>clsx(i.error,T)),children:p})]})})}export{w as TextField};//# sourceMappingURL=index.js.map
+import { Label as Label$1 } from "../label/index.js";
+import { Input as Input$1 } from "../input/index.js";
+import { TextFieldContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { FieldError, Text, TextField as TextField$1, composeRenderProps, useContextProps } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/text-field/index.tsx
+/**
+* TextField - A complete form field component with label, input, and validation
+*
+* Provides a comprehensive form field experience combining label, input, description,
+* and error message components. Handles validation states and accessibility
+* automatically while supporting extensive customization through styling props.
+*
+* @example
+* // Basic text field with label and required validation
+* <TextField label='Full Name' isRequired defaultValue='John Doe' />
+*
+* @example
+* // Text field with placeholder and description
+* <TextField
+*   label='Email Address'
+*   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}
+*   description='We will never share your email with third parties'
+* />
+*
+* @example
+* // Text field with prefix for currency
+* <TextField
+*   label='Price'
+*   inputProps={{ placeholder: '0.00', type: 'number', prefix: '$' }}
+*   description='Enter the price in dollars'
+* />
+*
+* @example
+* // Text field with suffix for units
+* <TextField
+*   label='Weight'
+*   inputProps={{ placeholder: '0', type: 'number', suffix: 'kg' }}
+*   description='Enter the weight in kilograms'
+* />
+*
+* @example
+* // Text field with both prefix and suffix
+* <TextField
+*   label='Temperature'
+*   inputProps={{ placeholder: '0', type: 'number', prefix: '~', suffix: '°C' }}
+*   description='Approximate temperature in Celsius'
+* />
+*
+* @example
+* // Text field with error state
+* <TextField
+*   label='Username'
+*   isInvalid
+*   errorMessage='Username must be at least 3 characters long'
+*   inputProps={{ placeholder: 'Enter username' }}
+* />
+*
+* @example
+* // Small size text field with clearable input
+* <TextField
+*   label='Search'
+*   size='small'
+*   inputProps={{
+*     placeholder: 'Type to search...',
+*     isClearable: true,
+*     type: 'search'
+*   }}
+* />
+*
+* @example
+* // Disabled text field
+* <TextField
+*   label='Status'
+*   isDisabled
+*   defaultValue='Inactive'
+*   description='This field cannot be edited'
+* />
+*
+* @example
+* // Password field with validation
+* <TextField
+*   label='Password'
+*   isRequired
+*   inputProps={{
+*     type: 'password',
+*     placeholder: 'Enter a secure password',
+*     minLength: 8
+*   }}
+*   description='Password must be at least 8 characters'
+* />
+*/
+function TextField({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, TextFieldContext);
+	const { classNames, description: descriptionProp, errorMessage: errorMessageProp, inputProps, label: labelProp, size = "medium", isInvalid: isInvalidProp, ...rest } = props;
+	const errorMessage = errorMessageProp || null;
+	const isSmall = size === "small";
+	return /* @__PURE__ */ jsx(TextField$1, {
+		...rest,
+		"aria-label": labelProp,
+		ref,
+		className: composeRenderProps(classNames?.field, (className) => clsx("group/text-field", styles.field, className)),
+		isInvalid: isInvalidProp || (errorMessage ? true : void 0),
+		"data-size": size,
+		children: ({ isDisabled, isInvalid, isRequired }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			!!labelProp && !isSmall && /* @__PURE__ */ jsx(Label$1, {
+				className: clsx(styles.label, classNames?.label),
+				isDisabled,
+				isRequired,
+				children: labelProp
+			}),
+			/* @__PURE__ */ jsx(Input$1, {
+				...inputProps,
+				classNames: {
+					...classNames?.input,
+					sizer: clsx(styles.input, classNames?.input?.sizer)
+				},
+				disabled: isDisabled,
+				required: isRequired,
+				size,
+				isInvalid
+			}),
+			!!descriptionProp && !(isSmall || isInvalid) && /* @__PURE__ */ jsx(Text, {
+				slot: "description",
+				className: clsx(styles.description, classNames?.description),
+				children: descriptionProp
+			}),
+			/* @__PURE__ */ jsx(FieldError, {
+				className: composeRenderProps(classNames?.error, (className) => clsx(styles.error, className)),
+				children: errorMessage
+			})
+		] })
+	});
+}
+
+//#endregion
+export { TextField };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["props","ref","TextFieldContext","g","classNames","L","descriptionProp","rest","errorMessageProp","size","AriaTextField","s","className","clsx","f","styles","r","isInvalidProp","errorMessage","isDisabled","isInvalid","isRequired","labelProp","isSmall","jsx","Label","inputProps","z"],"mappings":"2XAmHE,SAA+BA,CAAOC,CAAAA,CAAAA,MAAaC,GAEnD,KAAM,CACJ,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IACA,CAAAC,gBAAA,CAAA,CAAA,KAAA,CAAaC,UACb,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,YAEA,CAAA,CAAA,CAAA,YACA,CAAA,KAAA,CAAA,CAAA,CAAA,IACA,CAAA,CAAGC,CACL,QACqBC,CAAoB,SACzBC,CAAAA,CAAS,CAAA,GAAA,CAAA,CAAA,CAAA,CAEzB,CAAA,CAAA,CAAA,CAAA,EAAA,IACGC,CAAA,CACE,CAAA,CAAA,GACD,OAAA,CAAA,OACAC,cAAKV,CAAAA,GACL,CAAA,CAAA,YAA0C,CAAA,CAAA,CAAA,GAAQW,CAAAA,CAChDC,UAAK,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAoBC,CAAAA,CAAO,EAAAC,IAAA,CAAA,kBAEvBC,CAAAA,CAAkBC,CAAAA,KAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,SACnD,CAAA,CAAA,GAAWT,EAEV,IAAA,CAAA,MAAA,CACC,CAAE,WAAAU,CAAAA,CAAY,CAAA,QAAA,CAAAC,CAAAA,CAAW,WAAAC,CAAW,CAAA,SAGjC,CAAA,CAAA,CAAA,UAAEC,CAAa,CAACC,CAAAA,GACfC,IAACC,CAAAA,QAAA,CACC,UAAWZ,CAAAA,CAAKE,CAAAA,CAAO,EAAA,CAAA,CAAA,EAAOX,GAAAA,CAAAA,KAAY,CAAA,CAAA,sBAE1C,CAAA,CAAA,EAAA,KAAA,CAAYiB,CAAAA,UAEXC,CAAAA,CACH,CAAA,UAGII,CACJ,CAAA,CAAA,QAAA,CAAY,CACV,GAAGtB,GAAAA,CAAAA,KAAY,CAAA,CAAA,GAAA,CACf,CAAA,UAAmB,CAAA,CAAA,GAAOA,GAAY,KAAA,CAAA,KAAO,CAAKY,IACpD,CAAA,CACA,CAAA,KAAA,CAAA,CAAA,OACA,EAAA,KACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,QAEA,CAACV,CAAAA,CAAAA,IAAqBiB,CAAAA,CAAWH,CAAAA,SAE/B,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EACLT,GAAA,CAAAgB,IAAA,CAAA,CAAA,IAAWd,CAAAA,aAAY,CAAA,SAAyB,CAAAG,IAAA,CAAA,CAAA,CAAA,WAE/C,CAAAV,CAAAA,aAIH,CAAA,CAAA,QAA0C,QAAQM,CAAAA,UAAAA,CAChDC,CAAAA,SAAmBD,CAASE,kBAC9B,EAEC,EAAA,KAAA,CAAA,CAAAI,EACHF,IAAA,CAAA,CACF,CAAA,KAIR,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","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 {\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 - A complete form field component with label, input, and validation\n *\n * Provides a comprehensive form field experience combining label, input, description,\n * and error message components. Handles validation states and accessibility\n * automatically while supporting extensive customization through styling props.\n *\n * @example\n * // Basic text field with label and required validation\n * <TextField label='Full Name' isRequired defaultValue='John Doe' />\n *\n * @example\n * // Text field with placeholder and description\n * <TextField\n *   label='Email Address'\n *   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}\n *   description='We will never share your email with third parties'\n * />\n *\n * @example\n * // Text field with prefix for currency\n * <TextField\n *   label='Price'\n *   inputProps={{ placeholder: '0.00', type: 'number', prefix: '$' }}\n *   description='Enter the price in dollars'\n * />\n *\n * @example\n * // Text field with suffix for units\n * <TextField\n *   label='Weight'\n *   inputProps={{ placeholder: '0', type: 'number', suffix: 'kg' }}\n *   description='Enter the weight in kilograms'\n * />\n *\n * @example\n * // Text field with both prefix and suffix\n * <TextField\n *   label='Temperature'\n *   inputProps={{ placeholder: '0', type: 'number', prefix: '~', suffix: '°C' }}\n *   description='Approximate temperature in Celsius'\n * />\n *\n * @example\n * // Text field with error state\n * <TextField\n *   label='Username'\n *   isInvalid\n *   errorMessage='Username must be at least 3 characters long'\n *   inputProps={{ placeholder: 'Enter username' }}\n * />\n *\n * @example\n * // Small size text field with clearable input\n * <TextField\n *   label='Search'\n *   size='small'\n *   inputProps={{\n *     placeholder: 'Type to search...',\n *     isClearable: true,\n *     type: 'search'\n *   }}\n * />\n *\n * @example\n * // Disabled text field\n * <TextField\n *   label='Status'\n *   isDisabled\n *   defaultValue='Inactive'\n *   description='This field cannot be edited'\n * />\n *\n * @example\n * // Password field with validation\n * <TextField\n *   label='Password'\n *   isRequired\n *   inputProps={{\n *     type: 'password',\n *     placeholder: 'Enter a secure password',\n *     minLength: 8\n *   }}\n *   description='Password must be at least 8 characters'\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"]}
+{"version":3,"file":"index.js","names":["AriaTextField","Label","Input"],"sources":["../../../src/components/text-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 {\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 - A complete form field component with label, input, and validation\n *\n * Provides a comprehensive form field experience combining label, input, description,\n * and error message components. Handles validation states and accessibility\n * automatically while supporting extensive customization through styling props.\n *\n * @example\n * // Basic text field with label and required validation\n * <TextField label='Full Name' isRequired defaultValue='John Doe' />\n *\n * @example\n * // Text field with placeholder and description\n * <TextField\n *   label='Email Address'\n *   inputProps={{ placeholder: 'Enter your email address', type: 'email' }}\n *   description='We will never share your email with third parties'\n * />\n *\n * @example\n * // Text field with prefix for currency\n * <TextField\n *   label='Price'\n *   inputProps={{ placeholder: '0.00', type: 'number', prefix: '$' }}\n *   description='Enter the price in dollars'\n * />\n *\n * @example\n * // Text field with suffix for units\n * <TextField\n *   label='Weight'\n *   inputProps={{ placeholder: '0', type: 'number', suffix: 'kg' }}\n *   description='Enter the weight in kilograms'\n * />\n *\n * @example\n * // Text field with both prefix and suffix\n * <TextField\n *   label='Temperature'\n *   inputProps={{ placeholder: '0', type: 'number', prefix: '~', suffix: '°C' }}\n *   description='Approximate temperature in Celsius'\n * />\n *\n * @example\n * // Text field with error state\n * <TextField\n *   label='Username'\n *   isInvalid\n *   errorMessage='Username must be at least 3 characters long'\n *   inputProps={{ placeholder: 'Enter username' }}\n * />\n *\n * @example\n * // Small size text field with clearable input\n * <TextField\n *   label='Search'\n *   size='small'\n *   inputProps={{\n *     placeholder: 'Type to search...',\n *     isClearable: true,\n *     type: 'search'\n *   }}\n * />\n *\n * @example\n * // Disabled text field\n * <TextField\n *   label='Status'\n *   isDisabled\n *   defaultValue='Inactive'\n *   description='This field cannot be edited'\n * />\n *\n * @example\n * // Password field with validation\n * <TextField\n *   label='Password'\n *   isRequired\n *   inputProps={{\n *     type: 'password',\n *     placeholder: 'Enter a secure password',\n *     minLength: 8\n *   }}\n *   description='Password must be at least 8 characters'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkHA,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"}

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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .field {

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

@@ -1,23 +1,35 @@
-import { RefAttributes } from 'react';
-import { TextFieldProps as TextFieldProps$1, FieldErrorProps } from 'react-aria-components';
-import { InputProps } from '../input/types.js';
-import { LabelProps } from '../label/types.js';
-import '../button/types.js';
-import '../../lib/types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * 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 { RefAttributes } from "react";
+import { FieldErrorProps, TextFieldProps as TextFieldProps$1 } from "react-aria-components";
+
+//#region src/components/text-field/types.d.ts
 type TextFieldProps = Omit<TextFieldProps$1, 'children' | 'className' | 'type' | 'pattern'> & RefAttributes<HTMLDivElement> & {
-    classNames?: {
-        field?: TextFieldProps$1['className'];
-        label?: LabelProps['className'];
-        input?: InputProps['classNames'];
-        description?: string;
-        error?: FieldErrorProps['className'];
-    };
-    label?: string;
-    inputProps?: InputProps;
+  classNames?: {
+    field?: TextFieldProps$1['className'];
+    label?: LabelProps$1['className'];
+    input?: InputProps$1['classNames'];
     description?: string;
-    errorMessage?: string;
-    size?: 'medium' | 'small';
+    error?: FieldErrorProps['className'];
+  };
+  label?: string;
+  inputProps?: InputProps$1;
+  description?: string;
+  errorMessage?: string;
+  size?: 'medium' | 'small';
 };
-
-export type { TextFieldProps };
+//#endregion
+export { TextFieldProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/text-field/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# sourceMappingURL=types.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

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

@@ -1,7 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TimeValue } from 'react-aria-components';
-import { TimeFieldProps } from './types.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { TimeFieldProps as TimeFieldProps$1 } from "./types.js";
+import "client-only";
+import { TimeValue } from "react-aria-components";
+import * as react_jsx_runtime129 from "react/jsx-runtime";
+
+//#region src/components/time-field/index.d.ts
 /**
  * TimeField - Form input for time values
  *
@@ -11,6 +25,21 @@ import { TimeFieldProps } from './types.js';
  * @example
  * <TimeField label="Time" granularity="second" />
  */
-declare function TimeField<T extends TimeValue>({ classNames, description: descriptionProp, errorMessage: errorMessageProp, granularity, hourCycle, inputProps, label: labelProp, shouldForceLeadingZeros, size, isDisabled, isInvalid: isInvalidProp, isRequired, ...rest }: TimeFieldProps<T>): react_jsx_runtime.JSX.Element;
-
+declare function TimeField<T extends TimeValue>({
+  classNames,
+  description: descriptionProp,
+  errorMessage: errorMessageProp,
+  granularity,
+  hourCycle,
+  inputProps,
+  label: labelProp,
+  shouldForceLeadingZeros,
+  size,
+  isDisabled,
+  isInvalid: isInvalidProp,
+  isRequired,
+  ...rest
+}: TimeFieldProps$1<T>): react_jsx_runtime129.JSX.Element;
+//#endregion
 export { TimeField };
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,86 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Time}from'@accelint/icons';import {TimeField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import t from'./styles.module.css';function G({classNames:i,description:d,errorMessage:f,granularity:g="second",hourCycle:F=24,inputProps:b,label:a,shouldForceLeadingZeros:y=true,size:m="medium",isDisabled:A,isInvalid:p,isRequired:u,...D}){const s=f||null,c=m==="small";return jsx(TimeField,{...D,className:composeRenderProps(i?.field,n=>clsx("group/time-field",t.field,n)),granularity:g,hourCycle:F,shouldForceLeadingZeros:y,isDisabled:A,isInvalid:p||(s?true:void 0),isRequired:u,"aria-label":a,"data-size":m,children:({isDisabled:n})=>jsxs(Fragment,{children:[!c&&a&&jsx(Label,{className:clsx(t.label,i?.label),isDisabled:n,isRequired:u,children:a}),jsxs("div",{className:clsx(t.control,i?.control),children:[m==="medium"&&jsx(Icon,{children:jsx(Time,{})}),jsx(DateInput,{...b,className:composeRenderProps(i?.input,o=>clsx(t.input,o)),children:o=>jsx(DateSegment,{segment:o,className:composeRenderProps(i?.segment,I=>clsx(t.segment,I))})}),jsx("span",{children:"Z"})]}),d&&!(c||p)&&!s&&jsx(Text,{slot:"description",className:clsx(t.description,i?.description),children:d}),jsx(FieldError,{className:composeRenderProps(i?.error,o=>clsx(t.error,o)),children:s})]})})}export{G as TimeField};//# sourceMappingURL=index.js.map
+import { Icon } from "../icon/index.js";
+import { Label as Label$1 } 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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Time } from "@accelint/icons";
+import styles from "./styles.module.css";
+
+//#region src/components/time-field/index.tsx
+/**
+* TimeField - Form input for time values
+*
+* A time input field with configurable granularity and size, built on React
+* Aria components and suitable for forms requiring time entry.
+*
+* @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 }) {
+	const errorMessage = errorMessageProp || null;
+	const isSmall = size === "small";
+	return /* @__PURE__ */ jsx(TimeField$1, {
+		...rest,
+		className: composeRenderProps(classNames?.field, (className) => clsx("group/time-field", styles.field, className)),
+		granularity,
+		hourCycle,
+		shouldForceLeadingZeros,
+		isDisabled,
+		isInvalid: isInvalidProp || (errorMessage ? true : void 0),
+		isRequired,
+		"aria-label": labelProp,
+		"data-size": size,
+		children: ({ isDisabled: isDisabled$1 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			!isSmall && labelProp && /* @__PURE__ */ jsx(Label$1, {
+				className: clsx(styles.label, classNames?.label),
+				isDisabled: isDisabled$1,
+				isRequired,
+				children: labelProp
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: clsx(styles.control, classNames?.control),
+				children: [
+					size === "medium" && /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Time, {}) }),
+					/* @__PURE__ */ jsx(DateInput, {
+						...inputProps,
+						className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className)),
+						children: (segmentProp) => /* @__PURE__ */ jsx(DateSegment, {
+							segment: segmentProp,
+							className: composeRenderProps(classNames?.segment, (className) => clsx(styles.segment, className))
+						})
+					}),
+					/* @__PURE__ */ jsx("span", { children: "Z" })
+				]
+			}),
+			descriptionProp && !(isSmall || isInvalidProp) && !errorMessage && /* @__PURE__ */ jsx(Text, {
+				slot: "description",
+				className: clsx(styles.description, classNames?.description),
+				children: descriptionProp
+			}),
+			/* @__PURE__ */ jsx(FieldError, {
+				className: composeRenderProps(classNames?.error, (className) => clsx(styles.error, className)),
+				children: errorMessage
+			})
+		] })
+	});
+}
+
+//#endregion
+export { TimeField };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/time-field/index.tsx"],"names":["hourCycle","labelProp","isDisabled","isSmall","size","jsx","AriaTimeField","composeRenderProps","classNames","className","l","styles","isRequired","Fragment","Label","clsx","e","S","r","R","AriaDateInput","v","segmentProp","E","descriptionProp","isInvalidProp","errorMessage","AriaText","L","M"],"mappings":"sXAwCE,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,YAAc,CAAA,CAAA,CAAA,WACd,CAAAA,CAAAA,CAAY,QACZ,CAAA,SACA,CAAA,CAAA,CAAA,EAAOC,CACP,UAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,uBACO,CACP,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAAC,CAAAA,QACA,CAAA,UACA,CAAA,CAAA,CAAA,SAEF,CAAsB,CACpB,CAAA,UAAyC,CAAA,CAAA,CAAA,GACnCC,CAAUC,CAAAA,CAAAA,CAAAA,MAAS,CAAA,CAAA,CAEzB,EAAA,IAAA,CACEC,CAAAA,CAACC,CAAAA,GACE,OACD,CAAA,OAAWC,GAAmBC,CAAAA,SAAAA,CAAY,CAAA,GAAA,CAAA,CAAQC,SAC3C,CAAAC,kBAAA,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,EAAoBC,IAAAA,CAAO,kBAElC,CAAA,CAAA,CAAA,KACA,CAAA,CAAA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,uBAEA,CAAA,CAAA,CAAA,UAA4C,CAAO,CAAA,CAAA,SACnD,CAAA,CAAA,GAAA,CAAA,CAAA,IAAYC,CACZ,MAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,YAEC,CAAA,CAAA,CAAA,WACG,CAAA,CAAA,CAAA,QAEFC,CAAAA,CAAA,CACG,UAAA,CAACV,CAAAA,CAAAA,GAAWF,IACXI,CAAAA,QAACS,CAAAA,CAAA,QACC,CAAA,CAAA,CAAWC,CAAAA,EAAKJ,CAAO,EAAAK,GAAA,CAAAC,KAAA,CAAOT,CAAAA,SAC9B,CAAAU,IAAA,CAAA,CAAA,CAAA,KAAA,CAAYhB,CAAAA,EACZ,KAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,UAGJ,CAAA,CAAA,CAAA,QAAI,CAAA,CAAA,CAAWa,CAAAA,CAAKJ,IAAAA,CAAO,KAAA,CAAA,CAAA,SAAqB,CAAAO,IAAO,CAAA,CACrD,CAAA,OAAA,CAAA,CAAAd,EAAAA,OAAS,CAAA,CAAA,QAEN,CAAA,CAAA,CAAA,GAAA,QAAC,EAAKY,GACR,CAAAG,IAEFd,CAAAA,CAACe,QAEC,CAAAJ,GAAA,CAAAK,IAAA,CAAA,EAAA,CAAA,CAAA,CAAWd,CAAAA,GAAmBC,CAAAA,SAAAA,CAAY,CAAA,GAAA,CAAA,CAAQC,SACpC,CAAAC,kBAAA,CAAA,CAAOD,EACrB,KAEC,CAAA,CAAA,EAAAS,IAAA,CAACI,CAAAA,CAAAA,KACC,CACC,CAAA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,EAAAN,GAAA,CAAAO,WAAA,CAAWhB,CAAAA,OACG,CAAA,CAAA,CAAA,SACe,CAAAG,kBAAA,CAAA,CAAA,EAAA,OAE/B,CAEJ,CAAA,EACAL,IAAC,CAAA,CAAA,CAAA,OAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAW,GAAA,CAAC,MAERQ,CAAAA,CAAmB,QAAaC,CAAkB,GAACC,CAClDrB,CAAAA,CAACsB,CAAAA,CAAA,CACC,CAAA,EAAA,EAAK,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAAX,GAAA,CAAAY,IACL,CAAA,CAAA,IAAA,CAAA,aAAuB,CAAA,SAAyB,CAAAV,IAAA,CAAA,CAAA,CAAA,WAE/C,CAAA,CAAA,EAAA,WAIH,CAAA,CAAA,QAAWX,CAAmBC,CAAAA,CAAAA,CAAY,CAAAQ,GAAA,CAAAa,UAAA,CAAA,CAAQpB,SACpC,CAAAC,kBAAA,CAAA,CAAOD,EACrB,KAEC,CAAA,CAAA,EAAAS,IAAA,CAAAQ,CAAAA,CACH,KAGN,CAEJ,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","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"]}
+{"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"}

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

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .field {