@accelint/design-toolkit 8.1.2 → 9.1.0

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

@@ -1,4 +1,136 @@
+/*
+ * 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 h from'@accelint/icons/calendar';import {DateField,composeRenderProps,DateInput,DateSegment,Text,FieldError}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import r from'./styles.module.css';const V=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];function w({classNames:i,description:m,errorMessage:b,inputProps:y,label:n,size:d="medium",shortMonth:u=true,shouldForceLeadingZeros:T=true,isDisabled:x,isInvalid:p,isRequired:c,...I}){const f=b||null,D=d==="small";return jsx(DateField,{...I,className:composeRenderProps(i?.field,o=>clsx("group/date-field",r.field,o)),shouldForceLeadingZeros:T,isDisabled:x,isInvalid:p||(f?true:void 0),isRequired:c,"aria-label":n,"data-size":d,children:({isDisabled:o})=>jsxs(Fragment,{children:[!D&&n&&jsx(Label,{className:clsx(r.label,i?.label),isDisabled:o,isRequired:c,children:n}),jsxs("div",{className:clsx(r.control,i?.control),children:[d==="medium"&&jsx(Icon,{children:jsx(h,{})}),jsx(DateInput,{...y,className:composeRenderProps(i?.input,e=>clsx(r.input,e)),children:e=>e.type==="literal"?jsx(Fragment,{children:e.text===":"?":":null}):jsx(DateSegment,{className:composeRenderProps(i?.segment,s=>clsx(r.segment,e.type==="month"&&u&&r.shortMonth,s)),segment:e,children:({placeholder:s,text:g,value:v,isFocused:E,isPlaceholder:L})=>L?s:e.type==="month"&&u&&!E?V[(v??0)-1]:g})})]}),m&&(!(D||p)||o)&&jsx(Text,{className:clsx(r.description,i?.description),slot:"description",children:m}),jsx(FieldError,{className:composeRenderProps(i?.error,e=>clsx(r.error,e)),children:f})]})})}export{w as DateField};//# 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 { DateField as DateField$1, DateInput, DateSegment, FieldError, Text, composeRenderProps } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Calendar from "@accelint/icons/calendar";
+import styles from "./styles.module.css";
+
+//#region src/components/date-field/index.tsx
+const months = [
+	"JAN",
+	"FEB",
+	"MAR",
+	"APR",
+	"MAY",
+	"JUN",
+	"JUL",
+	"AUG",
+	"SEP",
+	"OCT",
+	"NOV",
+	"DEC"
+];
+/**
+* DateField - A comprehensive date input component with segmented editing
+*
+* Provides accessible date input functionality with separate segments for day,
+* month, and year. Includes calendar icon, validation states, and international
+* date format support with keyboard navigation between segments.
+*
+* @example
+* // Basic date field
+* <DateField label="Birth Date" />
+*
+* @example
+* // Date field with validation
+* <DateField
+*   label="Event Date"
+*   isRequired
+*   isInvalid={hasError}
+*   errorMessage="Please select a valid date"
+* />
+*
+* @example
+* // Date field with custom formatting
+* <DateField
+*   label="Meeting Date"
+*   shortMonth={false}
+*   placeholder="Select meeting date"
+* />
+*
+* @example
+* // Compact date field
+* <DateField
+*   label="Due Date"
+*   size="small"
+*   description="When is this task due?"
+* />
+*
+* @example
+* // Controlled date field
+* <DateField
+*   label="Selected Date"
+*   value={selectedDate}
+*   onChange={setSelectedDate}
+* />
+*/
+function DateField({ classNames, description: descriptionProp, errorMessage: errorMessageProp, inputProps, label: labelProp, size = "medium", shortMonth = true, shouldForceLeadingZeros = true, isDisabled, isInvalid: isInvalidProp, isRequired, ...rest }) {
+	const errorMessage = errorMessageProp || null;
+	const isSmall = size === "small";
+	return /* @__PURE__ */ jsx(DateField$1, {
+		...rest,
+		className: composeRenderProps(classNames?.field, (className) => clsx("group/date-field", styles.field, className)),
+		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(Calendar, {}) }), /* @__PURE__ */ jsx(DateInput, {
+					...inputProps,
+					className: composeRenderProps(classNames?.input, (className) => clsx(styles.input, className)),
+					children: (segmentProp) => {
+						if (segmentProp.type === "literal") return /* @__PURE__ */ jsx(Fragment, { children: segmentProp.text === ":" ? ":" : null });
+						return /* @__PURE__ */ jsx(DateSegment, {
+							className: composeRenderProps(classNames?.segment, (className) => clsx(styles.segment, segmentProp.type === "month" && shortMonth && styles.shortMonth, className)),
+							segment: segmentProp,
+							children: ({ placeholder, text, value, isFocused, isPlaceholder }) => {
+								if (isPlaceholder) return placeholder;
+								return segmentProp.type === "month" && shortMonth && !isFocused ? months[(value ?? 0) - 1] : text;
+							}
+						});
+					}
+				})]
+			}),
+			descriptionProp && (!(isSmall || isInvalidProp) || isDisabled$1) && /* @__PURE__ */ jsx(Text, {
+				className: clsx(styles.description, classNames?.description),
+				slot: "description",
+				children: descriptionProp
+			}),
+			/* @__PURE__ */ jsx(FieldError, {
+				className: composeRenderProps(classNames?.error, (className) => clsx(styles.error, className)),
+				children: errorMessage
+			})
+		] })
+	});
+}
+
+//#endregion
+export { DateField };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/date-field/index.tsx"],"names":["labelProp","shortMonth","isSmall","size","jsx","AriaDateField","classNames","className","styles","isRequired","Fragment","Label","clsx","a","isDisabled","t","J","AriaDateInput","composeRenderProps","l","segmentProp","A","DateSegment","S","text","isFocused","isPlaceholder","placeholder","value","descriptionProp","isInvalidProp","AriaText","R","C","errorMessage"],"mappings":"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","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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Calendar from '@accelint/icons/calendar';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport styles from './styles.module.css';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateFieldProps } from './types';\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = true,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/date-field', styles.field, className),\n      )}\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                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) =>\n                        clsx(\n                          styles.segment,\n                          segmentProp.type === 'month' &&\n                            shortMonth &&\n                            styles.shortMonth,\n                          className,\n                        ),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={clsx(styles.description, classNames?.description)}\n              slot='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    </AriaDateField>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":["AriaDateField","Label","isDisabled","AriaDateInput","AriaText"],"sources":["../../../src/components/date-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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Calendar from '@accelint/icons/calendar';\nimport {\n  DateField as AriaDateField,\n  DateInput as AriaDateInput,\n  Text as AriaText,\n  composeRenderProps,\n  DateSegment,\n  FieldError,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport styles from './styles.module.css';\nimport type { DateValue } from '@internationalized/date';\nimport type { DateFieldProps } from './types';\n\nconst months = [\n  'JAN',\n  'FEB',\n  'MAR',\n  'APR',\n  'MAY',\n  'JUN',\n  'JUL',\n  'AUG',\n  'SEP',\n  'OCT',\n  'NOV',\n  'DEC',\n];\n\n/**\n * DateField - A comprehensive date input component with segmented editing\n *\n * Provides accessible date input functionality with separate segments for day,\n * month, and year. Includes calendar icon, validation states, and international\n * date format support with keyboard navigation between segments.\n *\n * @example\n * // Basic date field\n * <DateField label=\"Birth Date\" />\n *\n * @example\n * // Date field with validation\n * <DateField\n *   label=\"Event Date\"\n *   isRequired\n *   isInvalid={hasError}\n *   errorMessage=\"Please select a valid date\"\n * />\n *\n * @example\n * // Date field with custom formatting\n * <DateField\n *   label=\"Meeting Date\"\n *   shortMonth={false}\n *   placeholder=\"Select meeting date\"\n * />\n *\n * @example\n * // Compact date field\n * <DateField\n *   label=\"Due Date\"\n *   size=\"small\"\n *   description=\"When is this task due?\"\n * />\n *\n * @example\n * // Controlled date field\n * <DateField\n *   label=\"Selected Date\"\n *   value={selectedDate}\n *   onChange={setSelectedDate}\n * />\n */\nexport function DateField<T extends DateValue>({\n  classNames,\n  description: descriptionProp,\n  errorMessage: errorMessageProp,\n  inputProps,\n  label: labelProp,\n  size = 'medium',\n  shortMonth = true,\n  shouldForceLeadingZeros = true,\n  isDisabled,\n  isInvalid: isInvalidProp,\n  isRequired,\n  ...rest\n}: DateFieldProps<T>) {\n  const errorMessage = errorMessageProp || null; // Protect against empty string\n  const isSmall = size === 'small';\n\n  return (\n    <AriaDateField<T>\n      {...rest}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/date-field', styles.field, className),\n      )}\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                <Calendar />\n              </Icon>\n            )}\n            <AriaDateInput\n              {...inputProps}\n              className={composeRenderProps(classNames?.input, (className) =>\n                clsx(styles.input, className),\n              )}\n            >\n              {(segmentProp) => {\n                // Remove extra space and punctuation from input display\n                if (segmentProp.type === 'literal') {\n                  return <>{segmentProp.text === ':' ? ':' : null}</>;\n                }\n\n                return (\n                  <DateSegment\n                    className={composeRenderProps(\n                      classNames?.segment,\n                      (className) =>\n                        clsx(\n                          styles.segment,\n                          segmentProp.type === 'month' &&\n                            shortMonth &&\n                            styles.shortMonth,\n                          className,\n                        ),\n                    )}\n                    segment={segmentProp}\n                  >\n                    {({\n                      placeholder,\n                      text,\n                      value,\n                      isFocused,\n                      isPlaceholder,\n                    }) => {\n                      if (isPlaceholder) {\n                        return placeholder;\n                      }\n\n                      return segmentProp.type === 'month' &&\n                        shortMonth &&\n                        !isFocused\n                        ? months[(value ?? 0) - 1]\n                        : text;\n                    }}\n                  </DateSegment>\n                );\n              }}\n            </AriaDateInput>\n          </div>\n          {descriptionProp && (!(isSmall || isInvalidProp) || isDisabled) && (\n            <AriaText\n              className={clsx(styles.description, classNames?.description)}\n              slot='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    </AriaDateField>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CD,SAAgB,UAA+B,EAC7C,YACA,aAAa,iBACb,cAAc,kBACd,YACA,OAAO,WACP,OAAO,UACP,aAAa,MACb,0BAA0B,MAC1B,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;EACwB;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;eACtD,SAAS,YACR,oBAAC,kBACC,oBAAC,aAAW,GACP,EAET,oBAACC;KACC,GAAI;KACJ,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;gBAEC,gBAAgB;AAEhB,UAAI,YAAY,SAAS,UACvB,QAAO,0CAAG,YAAY,SAAS,MAAM,MAAM,OAAQ;AAGrD,aACE,oBAAC;OACC,WAAW,mBACT,YAAY,UACX,cACC,KACE,OAAO,SACP,YAAY,SAAS,WACnB,cACA,OAAO,YACT,UACD,CACJ;OACD,SAAS;kBAEP,EACA,aACA,MACA,OACA,WACA,oBACI;AACJ,YAAI,cACF,QAAO;AAGT,eAAO,YAAY,SAAS,WAC1B,cACA,CAAC,YACC,QAAQ,SAAS,KAAK,KACtB;;QAEM;;MAGJ;KACZ;GACL,oBAAoB,EAAE,WAAW,kBAAkBD,iBAClD,oBAACE;IACC,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;IAC5D,MAAK;cAEJ;KACQ;GAEb,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;MACZ;GAES"}

package/dist/components/date-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/date-field/types.d.ts

@@ -1,24 +1,38 @@
-import { DateValue, DateFieldProps as DateFieldProps$1, LabelProps, DateInputProps, DateSegmentProps, FieldErrorProps } from 'react-aria-components';
+/*
+ * 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 { DateFieldProps as DateFieldProps$1, DateInputProps, DateSegmentProps, DateValue, FieldErrorProps, LabelProps } from "react-aria-components";
+
+//#region src/components/date-field/types.d.ts
 type DateFieldProps<T extends DateValue> = Omit<DateFieldProps$1<T>, 'children' | 'className' | 'placeholder'> & {
-    classNames?: {
-        field?: DateFieldProps$1<T>['className'];
-        label?: LabelProps['className'];
-        control?: string;
-        input?: DateInputProps['className'];
-        segment?: DateSegmentProps['className'];
-        description?: string;
-        error?: FieldErrorProps['className'];
-    };
-    label?: string;
+  classNames?: {
+    field?: DateFieldProps$1<T>['className'];
+    label?: LabelProps['className'];
+    control?: string;
+    input?: DateInputProps['className'];
+    segment?: DateSegmentProps['className'];
     description?: string;
-    errorMessage?: string;
-    inputProps?: Omit<DateInputProps, 'children' | 'className'>;
-    /**
-     * When true, will convert month value to 3 letter abbreviation when not editing
-     */
-    shortMonth?: boolean;
-    size?: 'small' | 'medium';
+    error?: FieldErrorProps['className'];
+  };
+  label?: string;
+  description?: string;
+  errorMessage?: string;
+  inputProps?: Omit<DateInputProps, 'children' | 'className'>;
+  /**
+   * When true, will convert month value to 3 letter abbreviation when not editing
+   */
+  shortMonth?: boolean;
+  size?: 'small' | 'medium';
 };
-
-export type { DateFieldProps };
+//#endregion
+export { DateFieldProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/date-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/details-list/context.d.ts

@@ -1,10 +1,28 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { DetailsListProps } 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.
+ */
 
-declare const DetailsListContext: react.Context<ContextValue<DetailsListProps, HTMLDListElement>>;
-declare function DetailsListProvider({ children, ...props }: ProviderProps<DetailsListProps>): react_jsx_runtime.JSX.Element;
+import { ProviderProps } from "../../lib/types.js";
+import { DetailsListProps } from "./types.js";
+import "client-only";
+import * as react1 from "react";
+import { ContextValue } from "react-aria-components";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
+//#region src/components/details-list/context.d.ts
+declare const DetailsListContext: react1.Context<ContextValue<DetailsListProps, HTMLDListElement>>;
+declare function DetailsListProvider({
+  children,
+  ...props
+}: ProviderProps<DetailsListProps>): react_jsx_runtime8.JSX.Element;
+//#endregion
 export { DetailsListContext, DetailsListProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/details-list/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 l({children:t,...e}){return jsx(r.Provider,{value:e,children:t})}export{r as DetailsListContext,l as DetailsListProvider};//# sourceMappingURL=context.js.map
+import "client-only";
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/details-list/context.tsx
+const DetailsListContext = createContext(null);
+function DetailsListProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(DetailsListContext.Provider, {
+		value: props,
+		children
+	});
+}
+
+//#endregion
+export { DetailsListContext, DetailsListProvider };
 //# sourceMappingURL=context.js.map

package/dist/components/details-list/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/details-list/context.tsx"],"names":["DetailsListContext","createContext","DetailsListProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAgE,IAAI,EAE/D,SAASC,CAAAA,CAAoB,CAClC,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAoC,CAClC,OACEC,GAAAA,CAACL,CAAAA,CAAmB,QAAA,CAAnB,CAA4B,KAAA,CAAOI,CAAAA,CACjC,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 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { DetailsListProps } from './types';\n\nexport const DetailsListContext =\n  createContext<ContextValue<DetailsListProps, HTMLDListElement>>(null);\n\nexport function DetailsListProvider({\n  children,\n  ...props\n}: ProviderProps<DetailsListProps>) {\n  return (\n    <DetailsListContext.Provider value={props}>\n      {children}\n    </DetailsListContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/details-list/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 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { DetailsListProps } from './types';\n\nexport const DetailsListContext =\n  createContext<ContextValue<DetailsListProps, HTMLDListElement>>(null);\n\nexport function DetailsListProvider({\n  children,\n  ...props\n}: ProviderProps<DetailsListProps>) {\n  return (\n    <DetailsListContext.Provider value={props}>\n      {children}\n    </DetailsListContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,qBACX,cAAgE,KAAK;AAEvE,SAAgB,oBAAoB,EAClC,UACA,GAAG,SAC+B;AAClC,QACE,oBAAC,mBAAmB;EAAS,OAAO;EACjC;GAC2B"}

package/dist/components/details-list/index.d.ts

@@ -1,7 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DetailsListProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+/*
+ * 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 { DetailsListProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/components/details-list/index.d.ts
 
 /**
  * A semantic details list component for displaying metadata in key-value pairs.
@@ -32,6 +45,10 @@ import 'react-aria-components';
  * - **DetailsListLabel**: Minimum of 1
  * - **DetailsListValue**: Minimum of 1
  */
-declare function DetailsList({ ref, ...props }: DetailsListProps): react_jsx_runtime.JSX.Element;
-
+declare function DetailsList({
+  ref,
+  ...props
+}: DetailsListProps): react_jsx_runtime9.JSX.Element;
+//#endregion
 export { DetailsList };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/details-list/index.js

@@ -1,4 +1,72 @@
+/*
+ * 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 {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,TextContext,DEFAULT_SLOT}from'react-aria-components';import {DetailsListContext}from'./context.js';import t from'./styles.module.css';function y({ref:i,...l}){[l,i]=useContextProps(l,i??null,DetailsListContext);const{children:m,classNames:s,align:o="justify",...r}=l;return jsx(TextContext,{value:{slots:{[DEFAULT_SLOT]:{},label:{className:clsx(t.label,t[o],s?.label)},value:{className:clsx(t.value,t[o],s?.value)}}},children:jsx("dl",{...r,className:clsx(t.list,s?.list),children:m})})}export{y as DetailsList};//# sourceMappingURL=index.js.map
+import { DetailsListContext } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { DEFAULT_SLOT, TextContext, useContextProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/details-list/index.tsx
+/**
+* A semantic details list component for displaying metadata in key-value pairs.
+* Uses CSS Grid layout with labels in the first column and values in the second column.
+* Perfect for map object details, user profiles, or any structured information.
+*
+* @example
+* ```tsx
+* <DetailsList align="left">
+*   <DetailsListLabel>Key</DetailsListLabel>
+*   <DetailsListValue>Value</DetailsListValue>
+*
+*   <DetailsListLabel>Ships</DetailsListLabel>
+*   <DetailsListValue>Millennium Falcon</DetailsListValue>
+*   <DetailsListValue>USS Enterprise NCC-1701</DetailsListValue>
+*   <DetailsListValue>Serenity</DetailsListValue>
+*
+*   <DetailsListLabel>Coordinates</DetailsListLabel>
+*   <DetailsListValue>
+*     <div>Great Pyramid of Giza: 29°58'44" N 31°08'02" E</div>
+*     <div>Machu Picchu: 13°09'47" S 72°32'41" W</div>
+*     <div>Colosseum: 41°53'24" N 12°29'32" E</div>
+*     <div>Taj Mahal: 27°10'30" N 78°02'31" E</div>
+*   </DetailsListValue>
+* </DetailsList>
+* ```
+* ## Child Component Behavior
+* - **DetailsListLabel**: Minimum of 1
+* - **DetailsListValue**: Minimum of 1
+*/
+function DetailsList({ ref, ...props }) {
+	[props, ref] = useContextProps(props, ref ?? null, DetailsListContext);
+	const { children, classNames, align = "justify", ...rest } = props;
+	return /* @__PURE__ */ jsx(TextContext, {
+		value: { slots: {
+			[DEFAULT_SLOT]: {},
+			label: { className: clsx(styles.label, styles[align], classNames?.label) },
+			value: { className: clsx(styles.value, styles[align], classNames?.value) }
+		} },
+		children: /* @__PURE__ */ jsx("dl", {
+			...rest,
+			className: clsx(styles.list, classNames?.list),
+			children
+		})
+	});
+}
+
+//#endregion
+export { DetailsList };
 //# sourceMappingURL=index.js.map

package/dist/components/details-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/details-list/index.tsx"],"names":["ref","props","useContextProps","DetailsListContext","p","a","u","n","e","classNames","rest"],"mappings":"+QAqDO,WAAuBA,CAAAA,GAAK,CAAGC,CAAM,CAAA,GACzCA,EAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,kBAAA,CAAA,CAAM,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,SAAmB,CAAA,GAEzD,YAEIC,GAAA,CAAAC,WAAA,CAAA,CAAA,KACE,CAAA,CAAA,KACe,CAAG,CAAC,CAAAC,YACjB,EAAA,EAAA,CAAA,KACE,CAAA,CAAA,SAAuB,CAAAC,IAAA,CAAA,CAAA,CAAA,KAAmB,CAAGC,CAAAA,CAAAA,CAAY,CAAA,CAAA,CAAA,EAAK,KAEhE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,SAAuB,CAAAD,IAAA,CAAA,CAAA,CAAA,KAAmB,CAAGC,CAAAA,CAAAA,CAAY,KAAK,KAKpE,CAAA,CAAA,CAAA,CAAA,CAAA,iBAAQC,CAAAA,CAAM,GAAA,CAAA,CAAA,SAAuB,CAAAF,IAAA,CAAA,CAAA,CAAMC,IAAY,CAAA,CAAA,EAAI,IACxD,CAAA,CAAA,QAEL,CAEJ,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  DEFAULT_SLOT,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { DetailsListContext } from './context';\nimport styles from './styles.module.css';\nimport type { DetailsListProps } from './types';\n\n/**\n * A semantic details list component for displaying metadata in key-value pairs.\n * Uses CSS Grid layout with labels in the first column and values in the second column.\n * Perfect for map object details, user profiles, or any structured information.\n *\n * @example\n * ```tsx\n * <DetailsList align=\"left\">\n *   <DetailsListLabel>Key</DetailsListLabel>\n *   <DetailsListValue>Value</DetailsListValue>\n *\n *   <DetailsListLabel>Ships</DetailsListLabel>\n *   <DetailsListValue>Millennium Falcon</DetailsListValue>\n *   <DetailsListValue>USS Enterprise NCC-1701</DetailsListValue>\n *   <DetailsListValue>Serenity</DetailsListValue>\n *\n *   <DetailsListLabel>Coordinates</DetailsListLabel>\n *   <DetailsListValue>\n *     <div>Great Pyramid of Giza: 29°58'44\" N 31°08'02\" E</div>\n *     <div>Machu Picchu: 13°09'47\" S 72°32'41\" W</div>\n *     <div>Colosseum: 41°53'24\" N 12°29'32\" E</div>\n *     <div>Taj Mahal: 27°10'30\" N 78°02'31\" E</div>\n *   </DetailsListValue>\n * </DetailsList>\n * ```\n * ## Child Component Behavior\n * - **DetailsListLabel**: Minimum of 1\n * - **DetailsListValue**: Minimum of 1\n */\nexport function DetailsList({ ref, ...props }: DetailsListProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DetailsListContext);\n\n  const { children, classNames, align = 'justify', ...rest } = props;\n\n  return (\n    <TextContext\n      value={{\n        slots: {\n          [DEFAULT_SLOT]: {},\n          label: {\n            className: clsx(styles.label, styles[align], classNames?.label),\n          },\n          value: {\n            className: clsx(styles.value, styles[align], classNames?.value),\n          },\n        },\n      }}\n    >\n      <dl {...rest} className={clsx(styles.list, classNames?.list)}>\n        {children}\n      </dl>\n    </TextContext>\n  );\n}\n"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/details-list/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  DEFAULT_SLOT,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { DetailsListContext } from './context';\nimport styles from './styles.module.css';\nimport type { DetailsListProps } from './types';\n\n/**\n * A semantic details list component for displaying metadata in key-value pairs.\n * Uses CSS Grid layout with labels in the first column and values in the second column.\n * Perfect for map object details, user profiles, or any structured information.\n *\n * @example\n * ```tsx\n * <DetailsList align=\"left\">\n *   <DetailsListLabel>Key</DetailsListLabel>\n *   <DetailsListValue>Value</DetailsListValue>\n *\n *   <DetailsListLabel>Ships</DetailsListLabel>\n *   <DetailsListValue>Millennium Falcon</DetailsListValue>\n *   <DetailsListValue>USS Enterprise NCC-1701</DetailsListValue>\n *   <DetailsListValue>Serenity</DetailsListValue>\n *\n *   <DetailsListLabel>Coordinates</DetailsListLabel>\n *   <DetailsListValue>\n *     <div>Great Pyramid of Giza: 29°58'44\" N 31°08'02\" E</div>\n *     <div>Machu Picchu: 13°09'47\" S 72°32'41\" W</div>\n *     <div>Colosseum: 41°53'24\" N 12°29'32\" E</div>\n *     <div>Taj Mahal: 27°10'30\" N 78°02'31\" E</div>\n *   </DetailsListValue>\n * </DetailsList>\n * ```\n * ## Child Component Behavior\n * - **DetailsListLabel**: Minimum of 1\n * - **DetailsListValue**: Minimum of 1\n */\nexport function DetailsList({ ref, ...props }: DetailsListProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DetailsListContext);\n\n  const { children, classNames, align = 'justify', ...rest } = props;\n\n  return (\n    <TextContext\n      value={{\n        slots: {\n          [DEFAULT_SLOT]: {},\n          label: {\n            className: clsx(styles.label, styles[align], classNames?.label),\n          },\n          value: {\n            className: clsx(styles.value, styles[align], classNames?.value),\n          },\n        },\n      }}\n    >\n      <dl {...rest} className={clsx(styles.list, classNames?.list)}>\n        {children}\n      </dl>\n    </TextContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,YAAY,EAAE,KAAK,GAAG,SAA2B;AAC/D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,mBAAmB;CAEtE,MAAM,EAAE,UAAU,YAAY,QAAQ,WAAW,GAAG,SAAS;AAE7D,QACE,oBAAC;EACC,OAAO,EACL,OAAO;IACJ,eAAe,EAAE;GAClB,OAAO,EACL,WAAW,KAAK,OAAO,OAAO,OAAO,QAAQ,YAAY,MAAM,EAChE;GACD,OAAO,EACL,WAAW,KAAK,OAAO,OAAO,OAAO,QAAQ,YAAY,MAAM,EAChE;GACF,EACF;YAED,oBAAC;GAAG,GAAI;GAAM,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK;GACzD;IACE;GACO"}

package/dist/components/details-list/label.d.ts

@@ -1,8 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DetailsListLabelProps } from './types.js';
-import 'react';
-import 'react-aria-components';
+/*
+ * 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 function DetailsListLabel(props: DetailsListLabelProps): react_jsx_runtime.JSX.Element;
+import { DetailsListLabelProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
+//#region src/components/details-list/label.d.ts
+declare function DetailsListLabel(props: DetailsListLabelProps): react_jsx_runtime10.JSX.Element;
+//#endregion
 export { DetailsListLabel };
+//# sourceMappingURL=label.d.ts.map

package/dist/components/details-list/label.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 {Text}from'react-aria-components';function s(t){return jsx(Text,{...t,elementType:"dt",slot:"label"})}export{s as DetailsListLabel};//# sourceMappingURL=label.js.map
+import "client-only";
+import { Text } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/details-list/label.tsx
+function DetailsListLabel(props) {
+	return /* @__PURE__ */ jsx(Text, {
+		...props,
+		elementType: "dt",
+		slot: "label"
+	});
+}
+
+//#endregion
+export { DetailsListLabel };
 //# sourceMappingURL=label.js.map

package/dist/components/details-list/label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/details-list/label.tsx"],"names":["DetailsListLabel","props","jsx","Text"],"mappings":"iGAiBO,SAASA,CAAAA,CAAiBC,CAAAA,CAA8B,CAC7D,OAAOC,GAAAA,CAACC,KAAA,CAAM,GAAGF,EAAO,WAAA,CAAY,IAAA,CAAK,IAAA,CAAK,OAAA,CAAQ,CACxD","file":"label.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 { Text } from 'react-aria-components';\nimport type { DetailsListLabelProps } from './types';\n\nexport function DetailsListLabel(props: DetailsListLabelProps) {\n  return <Text {...props} elementType='dt' slot='label' />;\n}\n"]}
+{"version":3,"file":"label.js","names":[],"sources":["../../../src/components/details-list/label.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 { Text } from 'react-aria-components';\nimport type { DetailsListLabelProps } from './types';\n\nexport function DetailsListLabel(props: DetailsListLabelProps) {\n  return <Text {...props} elementType='dt' slot='label' />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiBA,SAAgB,iBAAiB,OAA8B;AAC7D,QAAO,oBAAC;EAAK,GAAI;EAAO,aAAY;EAAK,MAAK;GAAU"}

package/dist/components/details-list/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 {
   .list {

package/dist/components/details-list/types.d.ts

@@ -1,15 +1,29 @@
-import { ComponentPropsWithRef, RefAttributes } from 'react';
-import { TextProps } from 'react-aria-components';
+/*
+ * 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 { ComponentPropsWithRef, RefAttributes } from "react";
+import { TextProps } from "react-aria-components";
+
+//#region src/components/details-list/types.d.ts
 type DetailsListProps = Omit<ComponentPropsWithRef<'dl'>, 'className'> & {
-    classNames?: {
-        list?: string;
-        label?: string;
-        value?: string;
-    };
-    align?: 'center' | 'justify' | 'left';
+  classNames?: {
+    list?: string;
+    label?: string;
+    value?: string;
+  };
+  align?: 'center' | 'justify' | 'left';
 };
 type DetailsListLabelProps = Omit<TextProps, 'elementType'> & RefAttributes<HTMLElement>;
 type DetailsListValueProps = Omit<TextProps, 'elementType'> & RefAttributes<HTMLElement>;
-
-export type { DetailsListLabelProps, DetailsListProps, DetailsListValueProps };
+//#endregion
+export { DetailsListLabelProps, DetailsListProps, DetailsListValueProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/details-list/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.
+ */
+