@accelint/design-system 0.7.0 → 0.8.0

package/dist/components/checkbox/checkbox.js

@@ -25,7 +25,7 @@ var Checkbox = forwardRef(function Checkbox2(props, ref) {
     [theme.Checkbox, classNamesProp]
   );
   const style = useCallback(
-    ({ ...renderProps }) => inlineVars(checkboxStateVars, {
+    (renderProps) => inlineVars(checkboxStateVars, {
       ...renderProps,
       alignInput
     }),

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/checkbox.tsx"],"names":["Checkbox","RACCheckbox","CheckboxGroup","RACCheckboxGroup"],"mappings":"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","file":"checkbox.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\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type LabelProps,\n  Provider,\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  TextContext,\n  type TextProps,\n} from 'react-aria-components';\nimport {\n  useContextProps,\n  useDefaultProps,\n  useSlot,\n  useTheme,\n} from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { AriaLabelContext, AriaTextContext } from '../aria';\nimport { IconContext, type IconProps } from '../icon';\nimport {\n  checkboxClassNames,\n  checkboxGroupStateVars,\n  checkboxStateVars,\n} from './checkbox.css';\nimport type {\n  CheckboxGroupProps,\n  CheckboxGroupRenderProps,\n  CheckboxProps,\n  CheckboxRenderProps,\n} from './types';\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\nexport const Checkbox = forwardRef(function Checkbox(\n  props: CheckboxProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxContext);\n\n  props = useDefaultProps(props, 'Checkbox');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    ...rest\n  } = props;\n\n  const [iconRef, hasIcon] = useSlot();\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),\n    [theme.Checkbox, classNamesProp],\n  );\n\n  const style = useCallback(\n    ({ ...renderProps }: CheckboxRenderProps) =>\n      inlineVars(checkboxStateVars, {\n        ...renderProps,\n        alignInput,\n      }),\n    [alignInput],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [typeof TextContext, ContextValue<TextProps, HTMLElement>],\n    ]\n  >(\n    () => [\n      [AriaTextContext, { className: classNames?.checkbox?.label }],\n      [\n        IconContext,\n        {\n          ref: iconRef,\n          classNames: classNames?.checkbox?.icon,\n        },\n      ],\n      [TextContext, null],\n    ],\n    [classNames?.checkbox?.label, classNames?.checkbox?.icon, iconRef],\n  );\n\n  const children = useCallback(\n    (renderProps: CheckboxRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.checkbox?.checkbox}>\n          {!hasIcon && (\n            <span className={classNames?.checkbox?.icon?.container} />\n          )}\n          {callRenderProps(childrenProp, renderProps)}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.checkbox, hasIcon, values],\n  );\n\n  return (\n    <RACCheckbox\n      {...rest}\n      ref={ref}\n      className={classNames?.checkbox?.container}\n      style={style}\n    >\n      {children}\n    </RACCheckbox>\n  );\n});\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(\n  props: CheckboxGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxGroupContext);\n\n  props = useDefaultProps(props, 'CheckboxGroup');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),\n    [classNamesProp, theme.Checkbox],\n  );\n\n  const style = useCallback(\n    (renderProps: CheckboxGroupRenderProps) =>\n      inlineVars(checkboxGroupStateVars, {\n        ...renderProps,\n        orientation,\n      }),\n    [orientation],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof CheckboxContext, ContextValue<CheckboxProps, HTMLLabelElement>],\n    ]\n  >(\n    () => [\n      [AriaLabelContext, { className: classNames?.group?.label }],\n      [\n        CheckboxContext,\n        {\n          classNames,\n          alignInput,\n        },\n      ],\n    ],\n    [alignInput, classNames],\n  );\n\n  const children = useCallback(\n    (renderProps: CheckboxGroupRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.group?.group}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.group, values],\n  );\n\n  return (\n    <RACCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={classNames?.group?.container}\n      style={style}\n    >\n      {children}\n    </RACCheckboxGroup>\n  );\n});\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/checkbox.tsx"],"names":["Checkbox","RACCheckbox","CheckboxGroup","RACCheckboxGroup"],"mappings":"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","file":"checkbox.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\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type LabelProps,\n  Provider,\n  Checkbox as RACCheckbox,\n  CheckboxGroup as RACCheckboxGroup,\n  TextContext,\n  type TextProps,\n} from 'react-aria-components';\nimport {\n  useContextProps,\n  useDefaultProps,\n  useSlot,\n  useTheme,\n} from '../../hooks';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { AriaLabelContext, AriaTextContext } from '../aria';\nimport { IconContext, type IconProps } from '../icon';\nimport {\n  checkboxClassNames,\n  checkboxGroupStateVars,\n  checkboxStateVars,\n} from './checkbox.css';\nimport type {\n  CheckboxGroupProps,\n  CheckboxGroupRenderProps,\n  CheckboxProps,\n  CheckboxRenderProps,\n} from './types';\n\nexport const CheckboxContext =\n  createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\nexport const Checkbox = forwardRef(function Checkbox(\n  props: CheckboxProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxContext);\n\n  props = useDefaultProps(props, 'Checkbox');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    ...rest\n  } = props;\n\n  const [iconRef, hasIcon] = useSlot();\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),\n    [theme.Checkbox, classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: CheckboxRenderProps) =>\n      inlineVars(checkboxStateVars, {\n        ...renderProps,\n        alignInput,\n      }),\n    [alignInput],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n      [typeof TextContext, ContextValue<TextProps, HTMLElement>],\n    ]\n  >(\n    () => [\n      [AriaTextContext, { className: classNames?.checkbox?.label }],\n      [\n        IconContext,\n        {\n          ref: iconRef,\n          classNames: classNames?.checkbox?.icon,\n        },\n      ],\n      [TextContext, null],\n    ],\n    [classNames?.checkbox?.label, classNames?.checkbox?.icon, iconRef],\n  );\n\n  const children = useCallback(\n    (renderProps: CheckboxRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.checkbox?.checkbox}>\n          {!hasIcon && (\n            <span className={classNames?.checkbox?.icon?.container} />\n          )}\n          {callRenderProps(childrenProp, renderProps)}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.checkbox, hasIcon, values],\n  );\n\n  return (\n    <RACCheckbox\n      {...rest}\n      ref={ref}\n      className={classNames?.checkbox?.container}\n      style={style}\n    >\n      {children}\n    </RACCheckbox>\n  );\n});\n\nexport const CheckboxGroupContext =\n  createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nexport const CheckboxGroup = forwardRef(function CheckboxGroup(\n  props: CheckboxGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxGroupContext);\n\n  props = useDefaultProps(props, 'CheckboxGroup');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    alignInput = 'end',\n    orientation = 'vertical',\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(checkboxClassNames, theme.Checkbox, classNamesProp),\n    [classNamesProp, theme.Checkbox],\n  );\n\n  const style = useCallback(\n    (renderProps: CheckboxGroupRenderProps) =>\n      inlineVars(checkboxGroupStateVars, {\n        ...renderProps,\n        orientation,\n      }),\n    [orientation],\n  );\n\n  const values = useMemo<\n    [\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof CheckboxContext, ContextValue<CheckboxProps, HTMLLabelElement>],\n    ]\n  >(\n    () => [\n      [AriaLabelContext, { className: classNames?.group?.label }],\n      [\n        CheckboxContext,\n        {\n          classNames,\n          alignInput,\n        },\n      ],\n    ],\n    [alignInput, classNames],\n  );\n\n  const children = useCallback(\n    (renderProps: CheckboxGroupRenderProps) => (\n      <Provider values={values}>\n        <div className={classNames?.group?.group}>\n          {callRenderProps(childrenProp, {\n            ...renderProps,\n            defaultChildren: null,\n          })}\n        </div>\n      </Provider>\n    ),\n    [childrenProp, classNames?.group, values],\n  );\n\n  return (\n    <RACCheckboxGroup\n      {...rest}\n      ref={ref}\n      className={classNames?.group?.container}\n      style={style}\n    >\n      {children}\n    </RACCheckboxGroup>\n  );\n});\n"]}

package/dist/components/date-field/date-field.css.d.ts

@@ -0,0 +1,44 @@
+import { DateFieldClassNames } from './types.js';
+import 'react-aria-components';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../date-input/types.js';
+import '@react-stately/datepicker';
+import 'react';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const dateFieldContainer: string;
+declare const dateFieldSpaceVars: {
+    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const dateFieldColorVars: {
+    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    description: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    error: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    label: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const dateFieldStateVars: {
+    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const dateFieldClassNames: DateFieldClassNames;
+
+export { dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars };

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

@@ -0,0 +1,12 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/date-field/date-field.css.ts
+var dateFieldClassNames = { container: "date-field_dateFieldClassNames_container__150c23ei", dateField: "date-field_dateFieldClassNames_dateField__150c23ej", label: "date-field_dateFieldClassNames_label__150c23ek typography_label__j8fgabg", description: "date-field_dateFieldClassNames_description__150c23el", error: "date-field_dateFieldClassNames_error__150c23em" };
+var dateFieldColorVars = { border: "var(--border__150c23e7)", description: { color: "var(--description-color__150c23e8)" }, error: { color: "var(--error-color__150c23e9)" }, label: { color: "var(--label-color__150c23ea)" } };
+var dateFieldContainer = "date-field_dateFieldContainer__150c23e0";
+var dateFieldSpaceVars = { x: "var(--x__150c23e1)", y: "var(--y__150c23e2)", gap: "var(--gap__150c23e3)", minWidth: "var(--minWidth__150c23e4)", width: "var(--width__150c23e5)", maxWidth: "var(--maxWidth__150c23e6)" };
+var dateFieldStateVars = { size: "var(--size__150c23eb)", isDisabled: "var(--isDisabled__150c23ec)", isFocused: "var(--isFocused__150c23ed)", isHovered: "var(--isHovered__150c23ee)", isInvalid: "var(--isInvalid__150c23ef)", isReadOnly: "var(--isReadOnly__150c23eg)", isRequired: "var(--isRequired__150c23eh)" };
+
+export { dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars };
+//# sourceMappingURL=date-field.css.js.map
+//# sourceMappingURL=date-field.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-field/date-field.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,mBAAA,GAAsB,EAAC,SAAA,EAAU,oDAAqD,EAAA,SAAA,EAAU,oDAAqD,EAAA,KAAA,EAAM,0EAA2E,EAAA,WAAA,EAAY,sDAAuD,EAAA,KAAA,EAAM,gDAAgD;AACnW,IAAI,qBAAqB,EAAC,MAAA,EAAO,2BAA0B,WAAY,EAAA,EAAC,OAAM,oCAAoC,EAAA,EAAE,KAAM,EAAA,EAAC,OAAM,8BAA8B,EAAA,EAAE,OAAM,EAAC,KAAA,EAAM,gCAA+B;AAC7M,IAAI,kBAAqB,GAAA;AACzB,IAAI,kBAAqB,GAAA,EAAC,CAAE,EAAA,oBAAA,EAAqB,CAAE,EAAA,oBAAA,EAAqB,GAAI,EAAA,sBAAA,EAAuB,QAAS,EAAA,2BAAA,EAA4B,KAAM,EAAA,wBAAA,EAAyB,UAAS,2BAA2B;AAC3M,IAAI,kBAAqB,GAAA,EAAC,IAAK,EAAA,uBAAA,EAAwB,YAAW,6BAA8B,EAAA,SAAA,EAAU,4BAA6B,EAAA,SAAA,EAAU,8BAA6B,SAAU,EAAA,4BAAA,EAA6B,UAAW,EAAA,6BAAA,EAA8B,YAAW,6BAA6B","file":"date-field.css.js","sourcesContent":["export var dateFieldClassNames = {container:'date-field_dateFieldClassNames_container__150c23ei',dateField:'date-field_dateFieldClassNames_dateField__150c23ej',label:'date-field_dateFieldClassNames_label__150c23ek typography_label__j8fgabg',description:'date-field_dateFieldClassNames_description__150c23el',error:'date-field_dateFieldClassNames_error__150c23em'};\nexport var dateFieldColorVars = {border:'var(--border__150c23e7)',description:{color:'var(--description-color__150c23e8)'},error:{color:'var(--error-color__150c23e9)'},label:{color:'var(--label-color__150c23ea)'}};\nexport var dateFieldContainer = 'date-field_dateFieldContainer__150c23e0';\nexport var dateFieldSpaceVars = {x:'var(--x__150c23e1)',y:'var(--y__150c23e2)',gap:'var(--gap__150c23e3)',minWidth:'var(--minWidth__150c23e4)',width:'var(--width__150c23e5)',maxWidth:'var(--maxWidth__150c23e6)'};\nexport var dateFieldStateVars = {size:'var(--size__150c23eb)',isDisabled:'var(--isDisabled__150c23ec)',isFocused:'var(--isFocused__150c23ed)',isHovered:'var(--isHovered__150c23ee)',isInvalid:'var(--isInvalid__150c23ef)',isReadOnly:'var(--isReadOnly__150c23eg)',isRequired:'var(--isRequired__150c23eh)'};"]}

package/dist/components/date-field/date-field.d.ts

@@ -0,0 +1,20 @@
+import { DateFieldClassNames, DateFieldMapping, DateFieldSizes, DateFieldProps } from './types.js';
+import * as react_aria_components from 'react-aria-components';
+import { DateValue, ContextValue } from 'react-aria-components';
+import * as react from 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../date-input/types.js';
+import '@react-stately/datepicker';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const DateFieldContext: react.Context<ContextValue<DateFieldProps<DateValue>, HTMLDivElement>>;
+declare const DateField: <T extends DateValue>(props: Omit<react_aria_components.DateFieldProps<T>, "className" | "style"> & {
+    classNames?: DateFieldClassNames;
+    mapping?: Partial<DateFieldMapping>;
+    size?: DateFieldSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { DateField, DateFieldContext };

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

@@ -0,0 +1,106 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, forwardRef, useMemo, useCallback } from 'react';
+import { LabelContext, Provider, DateField as DateField$1 } from 'react-aria-components';
+import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
+import { bodies } from '../../styles/index.js';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { AriaTextContext, AriaFieldErrorContext } from '../aria/index.js';
+import { DateInputContext } from '../date-input/index.js';
+import { IconContext } from '../icon/index.js';
+import { dateFieldClassNames, dateFieldStateVars } from './date-field.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  description: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  error: {
+    sm: bodies.xs,
+    lg: bodies.xs
+  },
+  icon: {
+    sm: { size: "xs" },
+    lg: { size: "md" }
+  }
+};
+var defaultSize = "lg";
+var DateFieldContext = createContext(null);
+var DateField = forwardRef(function DateField2(props, ref) {
+  [props, ref] = useContextProps(props, ref, DateFieldContext);
+  props = useDefaultProps(
+    props,
+    "DateField"
+  );
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = defaultSize,
+    value,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(dateFieldClassNames, theme.DateField, classNamesProp, {
+      description: mapping.description[size],
+      error: mapping.error[size]
+    }),
+    [theme.DateField, classNamesProp, mapping, size]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(dateFieldStateVars, {
+      ...renderProps,
+      size
+    }),
+    [size]
+  );
+  const values = useMemo(
+    () => [
+      [DateInputContext, { classNames: classNames?.input, size }],
+      [LabelContext, { className: classNames?.label }],
+      [
+        AriaTextContext,
+        {
+          slots: {
+            description: { className: classNames?.description }
+          }
+        }
+      ],
+      [AriaFieldErrorContext, { className: classNames?.error }],
+      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }]
+    ],
+    [classNames, mapping, size]
+  );
+  const children = useCallback(
+    (renderProps) => {
+      return /* @__PURE__ */ jsx(Provider, { values, children: /* @__PURE__ */ jsx("div", { className: classNames?.dateField, children: callRenderProps(childrenProp, {
+        ...renderProps,
+        defaultChildren: null
+      }) }) });
+    },
+    [childrenProp, values, classNames?.dateField]
+  );
+  return /* @__PURE__ */ jsx(
+    DateField$1,
+    {
+      ...rest,
+      ref,
+      className: classNames?.container,
+      style,
+      value,
+      children
+    }
+  );
+});
+
+export { DateField, DateFieldContext };
+//# sourceMappingURL=date-field.js.map
+//# sourceMappingURL=date-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-field/date-field.tsx"],"names":["DateField","RACDateField"],"mappings":"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","file":"date-field.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\nimport {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  type DateValue,\n  type FieldErrorProps,\n  LabelContext,\n  type LabelProps,\n  Provider,\n  DateField as RACDateField,\n  type TextProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  AriaFieldErrorContext,\n  type AriaLabelContext,\n  AriaTextContext,\n} from '../aria';\nimport { DateInputContext, type DateInputProps } from '../date-input';\nimport { IconContext, type IconProps } from '../icon';\nimport { dateFieldClassNames, dateFieldStateVars } from './date-field.css';\nimport type {\n  DateFieldMapping,\n  DateFieldProps,\n  DateFieldRenderProps,\n} from './types';\n\nconst defaultMapping: DateFieldMapping = {\n  description: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  error: {\n    sm: bodies.xs,\n    lg: bodies.xs,\n  },\n  icon: {\n    sm: { size: 'xs' },\n    lg: { size: 'md' },\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const DateFieldContext =\n  createContext<ContextValue<DateFieldProps<DateValue>, HTMLDivElement>>(null);\n\nexport const DateField = forwardRef(function DateField<T extends DateValue>(\n  props: DateFieldProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, DateFieldContext);\n\n  props = useDefaultProps(\n    props as DateFieldProps<DateValue>,\n    'DateField',\n  ) as DateFieldProps<T>;\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    value,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(dateFieldClassNames, theme.DateField, classNamesProp, {\n        description: mapping.description[size],\n        error: mapping.error[size],\n      }),\n    [theme.DateField, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: DateFieldRenderProps) =>\n      inlineVars(dateFieldStateVars, {\n        ...renderProps,\n        size,\n      }),\n    [size],\n  );\n\n  const values = useMemo<\n    [\n      [typeof DateInputContext, ContextValue<DateInputProps, HTMLDivElement>],\n      [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n      [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n      [\n        typeof AriaFieldErrorContext,\n        ContextValue<FieldErrorProps, HTMLElement>,\n      ],\n      [typeof IconContext, ContextValue<IconProps, HTMLDivElement>],\n    ]\n  >(\n    () => [\n      [DateInputContext, { classNames: classNames?.input, size }],\n      [LabelContext, { className: classNames?.label }],\n      [\n        AriaTextContext,\n        {\n          slots: {\n            description: { className: classNames?.description },\n          },\n        },\n      ],\n      [AriaFieldErrorContext, { className: classNames?.error }],\n      [IconContext, { ...mapping.icon[size], classNames: classNames?.icon }],\n    ],\n    [classNames, mapping, size],\n  );\n\n  const children = useCallback(\n    (renderProps: DateFieldRenderProps) => {\n      return (\n        <Provider values={values}>\n          <div className={classNames?.dateField}>\n            {callRenderProps(childrenProp, {\n              ...renderProps,\n              defaultChildren: null,\n            })}\n          </div>\n        </Provider>\n      );\n    },\n    [childrenProp, values, classNames?.dateField],\n  );\n\n  return (\n    <RACDateField\n      {...rest}\n      ref={ref}\n      className={classNames?.container}\n      style={style}\n      value={value}\n    >\n      {children}\n    </RACDateField>\n  );\n});\n"]}

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

@@ -0,0 +1,12 @@
+export { DateField, DateFieldContext } from './date-field.js';
+export { DateFieldClassNames, DateFieldMapping, DateFieldProps, DateFieldRenderProps, DateFieldSizes, DateFieldState } from './types.js';
+export { dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars } from './date-field.css.js';
+import 'react-aria-components';
+import 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/props.js';
+import '../date-input/types.js';
+import '@react-stately/datepicker';
+import '../../types/react-aria.js';
+import '../icon/types.js';

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

@@ -0,0 +1,5 @@
+import '../../chunk-PZ5AY32C.js';
+export { DateField, DateFieldContext } from './date-field.js';
+export { dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars } from './date-field.css.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

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

@@ -0,0 +1,35 @@
+import { DateValue, DateFieldProps as DateFieldProps$1, DateFieldRenderProps as DateFieldRenderProps$1 } from 'react-aria-components';
+import { PartialDeep } from 'type-fest';
+import { AsType } from '../../types/generic.js';
+import { OmitProtectedProps } from '../../types/props.js';
+import { DateInputClassNames } from '../date-input/types.js';
+import { IconClassNames, IconProps } from '../icon/types.js';
+import '@react-stately/datepicker';
+import 'react';
+import '../../types/react-aria.js';
+
+type DateFieldClassNames = PartialDeep<{
+    container: string;
+    dateField: string;
+    icon: IconClassNames;
+    input: DateInputClassNames;
+    description: string;
+    error: string;
+    label: string;
+}>;
+type DateFieldSizes = 'sm' | 'lg';
+type DateFieldMapping = {
+    description: Partial<Record<DateFieldSizes, string>>;
+    error: Partial<Record<DateFieldSizes, string>>;
+    icon: Partial<Record<DateFieldSizes, OmitProtectedProps<IconProps>>>;
+};
+type BaseDateFieldProps = {
+    classNames?: DateFieldClassNames;
+    mapping?: Partial<DateFieldMapping>;
+    size?: DateFieldSizes;
+};
+type DateFieldRenderProps = AsType<DateFieldRenderProps$1>;
+type DateFieldProps<T extends DateValue> = Omit<DateFieldProps$1<T>, 'className' | 'style'> & BaseDateFieldProps;
+type DateFieldState = Omit<DateFieldRenderProps, 'state'> & Required<Pick<BaseDateFieldProps, 'size'>>;
+
+export type { DateFieldClassNames, DateFieldMapping, DateFieldProps, DateFieldRenderProps, DateFieldSizes, DateFieldState };

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

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/components/date-input/date-input.css.d.ts

@@ -0,0 +1,55 @@
+import { DateInputClassNames } from './types.js';
+import '@react-stately/datepicker';
+import 'react';
+import 'react-aria-components';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const dateInputContainer: string;
+declare const dateSegmentsContainer: string;
+declare const dateInputStateVars: {
+    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocusWithin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const dateSegmentStateVars: {
+    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    isEditable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+declare const dateInputSpaceVars: {
+    input: {
+        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    segments: {
+        gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const dateInputColorVars: {
+    border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    description: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    error: {
+        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};
+declare const dateInputClassNames: DateInputClassNames;
+
+export { dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer };

package/dist/components/date-input/date-input.css.js

@@ -0,0 +1,14 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/components/date-input/date-input.css.ts
+var dateInputClassNames = { icon: { container: "date-input_dateInputClassNames_icon_container__v2hrkvr" }, input: { container: "date-input_dateInputClassNames_input_container__v2hrkvs", input: "date-input_dateInputClassNames_input_input__v2hrkvt", segments: "date-input_dateInputClassNames_input_segments__v2hrkvu" }, segment: { container: "date-input_dateInputClassNames_segment_container__v2hrkvv", segment: "date-input_dateInputClassNames_segment_segment__v2hrkvw" } };
+var dateInputColorVars = { border: "var(--border__v2hrkvn)", color: "var(--color__v2hrkvo)", description: { color: "var(--description-color__v2hrkvp)" }, error: { color: "var(--error-color__v2hrkvq)" } };
+var dateInputContainer = "date-input_dateInputContainer__v2hrkv0";
+var dateInputSpaceVars = { input: { x: "var(--input-x__v2hrkvg)", y: "var(--input-y__v2hrkvh)", gap: "var(--input-gap__v2hrkvi)", minWidth: "var(--input-minWidth__v2hrkvj)", width: "var(--input-width__v2hrkvk)", maxWidth: "var(--input-maxWidth__v2hrkvl)" }, segments: { gap: "var(--segments-gap__v2hrkvm)" } };
+var dateInputStateVars = { size: "var(--size__v2hrkv2)", isHovered: "var(--isHovered__v2hrkv3)", isFocusWithin: "var(--isFocusWithin__v2hrkv4)", isFocusVisible: "var(--isFocusVisible__v2hrkv5)", isDisabled: "var(--isDisabled__v2hrkv6)", isInvalid: "var(--isInvalid__v2hrkv7)" };
+var dateSegmentStateVars = { isHovered: "var(--isHovered__v2hrkv8)", isFocused: "var(--isFocused__v2hrkv9)", isFocusVisible: "var(--isFocusVisible__v2hrkva)", isDisabled: "var(--isDisabled__v2hrkvb)", isInvalid: "var(--isInvalid__v2hrkvc)", isPlaceholder: "var(--isPlaceholder__v2hrkvd)", isReadOnly: "var(--isReadOnly__v2hrkve)", isEditable: "var(--isEditable__v2hrkvf)" };
+var dateSegmentsContainer = "date-input_dateSegmentsContainer__v2hrkv1";
+
+export { dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer };
+//# sourceMappingURL=date-input.css.js.map
+//# sourceMappingURL=date-input.css.js.map

package/dist/components/date-input/date-input.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-input/date-input.css.ts"],"names":[],"mappings":";;;AAAW,IAAA,mBAAA,GAAsB,EAAC,IAAK,EAAA,EAAC,WAAU,wDAAwD,EAAA,EAAE,KAAM,EAAA,EAAC,SAAU,EAAA,yDAAA,EAA0D,OAAM,qDAAsD,EAAA,QAAA,EAAS,0DAA0D,EAAA,OAAA,EAAQ,EAAC,SAAU,EAAA,2DAAA,EAA4D,OAAQ,EAAA,yDAAA,EAA0D;AAChc,IAAI,kBAAqB,GAAA,EAAC,MAAO,EAAA,wBAAA,EAAyB,OAAM,uBAAwB,EAAA,WAAA,EAAY,EAAC,KAAA,EAAM,qCAAqC,EAAA,KAAA,EAAM,EAAC,KAAA,EAAM,+BAA8B;AAC3L,IAAI,kBAAqB,GAAA;AACrB,IAAA,kBAAA,GAAqB,EAAC,KAAM,EAAA,EAAC,GAAE,yBAA0B,EAAA,CAAA,EAAE,2BAA0B,GAAI,EAAA,2BAAA,EAA4B,UAAS,gCAAiC,EAAA,KAAA,EAAM,+BAA8B,QAAS,EAAA,gCAAA,IAAkC,QAAS,EAAA,EAAC,GAAI,EAAA,8BAAA,EAA+B;AAC/R,IAAI,kBAAqB,GAAA,EAAC,IAAK,EAAA,sBAAA,EAAuB,SAAU,EAAA,2BAAA,EAA4B,aAAc,EAAA,+BAAA,EAAgC,cAAe,EAAA,gCAAA,EAAiC,UAAW,EAAA,4BAAA,EAA6B,WAAU,2BAA2B;AACvQ,IAAI,uBAAuB,EAAC,SAAA,EAAU,2BAA4B,EAAA,SAAA,EAAU,6BAA4B,cAAe,EAAA,gCAAA,EAAiC,UAAW,EAAA,4BAAA,EAA6B,WAAU,2BAA4B,EAAA,aAAA,EAAc,iCAAgC,UAAW,EAAA,4BAAA,EAA6B,YAAW,4BAA4B;AACnW,IAAI,qBAAwB,GAAA","file":"date-input.css.js","sourcesContent":["export var dateInputClassNames = {icon:{container:'date-input_dateInputClassNames_icon_container__v2hrkvr'},input:{container:'date-input_dateInputClassNames_input_container__v2hrkvs',input:'date-input_dateInputClassNames_input_input__v2hrkvt',segments:'date-input_dateInputClassNames_input_segments__v2hrkvu'},segment:{container:'date-input_dateInputClassNames_segment_container__v2hrkvv',segment:'date-input_dateInputClassNames_segment_segment__v2hrkvw'}};\nexport var dateInputColorVars = {border:'var(--border__v2hrkvn)',color:'var(--color__v2hrkvo)',description:{color:'var(--description-color__v2hrkvp)'},error:{color:'var(--error-color__v2hrkvq)'}};\nexport var dateInputContainer = 'date-input_dateInputContainer__v2hrkv0';\nexport var dateInputSpaceVars = {input:{x:'var(--input-x__v2hrkvg)',y:'var(--input-y__v2hrkvh)',gap:'var(--input-gap__v2hrkvi)',minWidth:'var(--input-minWidth__v2hrkvj)',width:'var(--input-width__v2hrkvk)',maxWidth:'var(--input-maxWidth__v2hrkvl)'},segments:{gap:'var(--segments-gap__v2hrkvm)'}};\nexport var dateInputStateVars = {size:'var(--size__v2hrkv2)',isHovered:'var(--isHovered__v2hrkv3)',isFocusWithin:'var(--isFocusWithin__v2hrkv4)',isFocusVisible:'var(--isFocusVisible__v2hrkv5)',isDisabled:'var(--isDisabled__v2hrkv6)',isInvalid:'var(--isInvalid__v2hrkv7)'};\nexport var dateSegmentStateVars = {isHovered:'var(--isHovered__v2hrkv8)',isFocused:'var(--isFocused__v2hrkv9)',isFocusVisible:'var(--isFocusVisible__v2hrkva)',isDisabled:'var(--isDisabled__v2hrkvb)',isInvalid:'var(--isInvalid__v2hrkvc)',isPlaceholder:'var(--isPlaceholder__v2hrkvd)',isReadOnly:'var(--isReadOnly__v2hrkve)',isEditable:'var(--isEditable__v2hrkvf)'};\nexport var dateSegmentsContainer = 'date-input_dateSegmentsContainer__v2hrkv1';"]}

package/dist/components/date-input/date-input.d.ts

@@ -0,0 +1,42 @@
+import * as _react_types_shared from '@react-types/shared';
+import * as react_aria_components from 'react-aria-components';
+import { ContextValue, SlotProps } from 'react-aria-components';
+import { DateInputProps, DateInputClassNames, DateInputMapping, DateInputSizes } from './types.js';
+import * as _react_stately_datepicker from '@react-stately/datepicker';
+import * as react from 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';
+
+declare const DateInputContext: react.Context<ContextValue<DateInputProps, HTMLDivElement>>;
+declare const DateInput: (props: DateInputProps & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const DateSegments: (props: {
+    children: (segment: _react_stately_datepicker.DateSegment) => react.ReactElement;
+} & {
+    classNames?: DateInputClassNames;
+    mapping?: DateInputMapping;
+    size?: DateInputSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+declare const DateSegmentContext: react.Context<ContextValue<SlotProps, HTMLDivElement>>;
+declare const DateSegment: (props: {
+    segment: _react_stately_datepicker.DateSegment;
+    children?: react.ReactNode | ((values: react_aria_components.DateSegmentRenderProps & {
+        defaultChildren: react.ReactNode | undefined;
+    }) => react.ReactNode);
+    className?: string | ((values: react_aria_components.DateSegmentRenderProps & {
+        defaultClassName: string | undefined;
+    }) => string) | undefined;
+    style?: react.CSSProperties | ((values: react_aria_components.DateSegmentRenderProps & {
+        defaultStyle: react.CSSProperties;
+    }) => react.CSSProperties | undefined) | undefined;
+    onHoverStart?: ((e: _react_types_shared.HoverEvent) => void) | undefined;
+    onHoverEnd?: ((e: _react_types_shared.HoverEvent) => void) | undefined;
+    onHoverChange?: ((isHovering: boolean) => void) | undefined;
+} & {
+    classNames?: DateInputClassNames;
+    mapping?: DateInputMapping;
+    size?: DateInputSizes;
+} & react.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
+
+export { DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments };

package/dist/components/date-input/date-input.js

@@ -0,0 +1,128 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, forwardRef, useContext, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
+import { DateFieldStateContext, TimeFieldStateContext, Group, DateSegment as DateSegment$1 } from 'react-aria-components';
+import { useContextProps, useDefaultProps, useTheme } from '../../hooks/index.js';
+import { inputs } from '../../styles/index.js';
+import { mergeClassNames, inlineVars, callRenderProps } from '../../utils/index.js';
+import { Input } from '../input/index.js';
+import { dateInputClassNames, dateInputStateVars, dateSegmentStateVars } from './date-input.css.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var defaultMapping = {
+  icon: {
+    sm: { size: "xs" },
+    lg: { size: "md" }
+  },
+  input: {
+    sm: inputs.sm,
+    lg: inputs.lg
+  }
+};
+var defaultSize = "lg";
+var DateInputContext = createContext(null);
+var DateInput = forwardRef(function DateInput2(props, ref) {
+  [props, ref] = useContextProps(props, ref, DateInputContext);
+  props = useDefaultProps(props, "DateInput");
+  const {
+    children: childrenProp,
+    classNames: classNamesProp,
+    mapping: mappingProp,
+    size = defaultSize,
+    provider,
+    ...rest
+  } = props;
+  const dateFieldState = useContext(DateFieldStateContext);
+  const timeFieldState = useContext(TimeFieldStateContext);
+  const state = dateFieldState ?? timeFieldState ?? null;
+  const theme = useTheme();
+  const mapping = useMemo(
+    () => ({
+      ...defaultMapping,
+      ...mappingProp
+    }),
+    [mappingProp]
+  );
+  const classNames = useMemo(
+    () => mergeClassNames(dateInputClassNames, theme.DateInput, classNamesProp, {
+      input: { input: mapping.input[size] }
+    }),
+    [theme.DateInput, classNamesProp, mapping, size]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(dateInputStateVars, { ...renderProps, size }),
+    [size]
+  );
+  const children = useCallback(
+    (renderProps) => /* @__PURE__ */ jsx("div", { className: classNames?.input?.input, children: childrenProp && (provider ? callRenderProps(childrenProp, { ...renderProps, ...state }) : /* @__PURE__ */ jsx(Fragment, { children: state.segments.map((segment) => /* @__PURE__ */ jsx(Fragment$1, { children: childrenProp(segment) }, segment.type)) })) }),
+    [childrenProp, state, provider, classNames?.input]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Group,
+      {
+        ref,
+        ...rest,
+        className: classNames?.input?.container,
+        style,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(Input, {})
+  ] });
+});
+var DateSegments = forwardRef(
+  (props, ref) => {
+    const { children, classNames: classNamesProp } = props;
+    const dateFieldState = useContext(DateFieldStateContext);
+    const timeFieldState = useContext(TimeFieldStateContext);
+    const state = dateFieldState ?? timeFieldState ?? null;
+    const theme = useTheme();
+    const classNames = useMemo(
+      () => mergeClassNames(dateInputClassNames, theme.DateInput, classNamesProp),
+      [theme.DateInput, classNamesProp]
+    );
+    return /* @__PURE__ */ jsx("div", { className: classNames?.input?.segments, ref, children: state.segments.map((segment) => /* @__PURE__ */ jsx(Fragment$1, { children: children(segment) }, segment.type)) });
+  }
+);
+var DateSegmentContext = createContext(null);
+var DateSegment = forwardRef(function DateSegment2(props, ref) {
+  [props, ref] = useContextProps(props, ref, DateSegmentContext);
+  const { classNames: classNamesProp, children: childrenProp, ...rest } = props;
+  const classNames = useMemo(
+    () => mergeClassNames(dateInputClassNames, classNamesProp),
+    [classNamesProp]
+  );
+  const style = useCallback(
+    (renderProps) => inlineVars(dateSegmentStateVars, {
+      ...renderProps
+    }),
+    []
+  );
+  const children = useCallback(
+    (renderProps) => {
+      const { isPlaceholder, placeholder, text, value } = renderProps;
+      if (typeof childrenProp === "function") {
+        return childrenProp({ ...renderProps, defaultChildren: null });
+      }
+      if (isPlaceholder) {
+        return placeholder;
+      }
+      return /* @__PURE__ */ jsx("div", { className: classNames?.segment?.segment, children: value ?? text });
+    },
+    [childrenProp, classNames]
+  );
+  return /* @__PURE__ */ jsx(
+    DateSegment$1,
+    {
+      ref,
+      ...rest,
+      style,
+      className: classNames?.segment?.container,
+      children
+    }
+  );
+});
+
+export { DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments };
+//# sourceMappingURL=date-input.js.map
+//# sourceMappingURL=date-input.js.map

package/dist/components/date-input/date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date-input/date-input.tsx"],"names":["DateInput","Fragment","DateSegment","RACDateSegment"],"mappings":"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","file":"date-input.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\nimport {\n  type ForwardedRef,\n  Fragment,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react';\nimport {\n  type ContextValue,\n  DateFieldStateContext,\n  Group,\n  DateSegment as RACDateSegment,\n  type SlotProps,\n  TimeFieldStateContext,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { inputs } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { Input } from '../input';\nimport {\n  dateInputClassNames,\n  dateInputStateVars,\n  dateSegmentStateVars,\n} from './date-input.css';\nimport type {\n  DateInputProps,\n  DateInputRenderProps,\n  DateSegmentProps,\n  DateSegmentRenderProps,\n  DateSegmentsProps,\n} from './types';\n\nconst defaultMapping = {\n  icon: {\n    sm: { size: 'xs' },\n    lg: { size: 'md' },\n  },\n  input: {\n    sm: inputs.sm,\n    lg: inputs.lg,\n  },\n};\n\nconst defaultSize = 'lg';\n\nexport const DateInputContext =\n  createContext<ContextValue<DateInputProps, HTMLDivElement>>(null);\n\nexport const DateInput = forwardRef(function DateInput(\n  props: DateInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, DateInputContext);\n  props = useDefaultProps(props, 'DateInput');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    mapping: mappingProp,\n    size = defaultSize,\n    provider,\n    ...rest\n  } = props;\n\n  const dateFieldState = useContext(DateFieldStateContext);\n  const timeFieldState = useContext(TimeFieldStateContext);\n  const state = dateFieldState ?? timeFieldState ?? null;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(dateInputClassNames, theme.DateInput, classNamesProp, {\n        input: { input: mapping.input[size] },\n      }),\n    [theme.DateInput, classNamesProp, mapping, size],\n  );\n\n  const style = useCallback(\n    (renderProps: DateInputRenderProps) =>\n      inlineVars(dateInputStateVars, { ...renderProps, size }),\n    [size],\n  );\n\n  const children = useCallback(\n    (renderProps: DateInputRenderProps) => (\n      <div className={classNames?.input?.input}>\n        {childrenProp &&\n          (provider ? (\n            callRenderProps(childrenProp, { ...renderProps, ...state })\n          ) : (\n            <>\n              {state.segments.map((segment) => (\n                <Fragment key={segment.type}>{childrenProp(segment)}</Fragment>\n              ))}\n            </>\n          ))}\n      </div>\n    ),\n    [childrenProp, state, provider, classNames?.input],\n  );\n\n  return (\n    <>\n      <Group\n        ref={ref}\n        {...rest}\n        className={classNames?.input?.container}\n        style={style}\n      >\n        {children}\n      </Group>\n      <Input />\n    </>\n  );\n});\n\nexport const DateSegments = forwardRef(\n  (props: DateSegmentsProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const { children, classNames: classNamesProp } = props;\n\n    const dateFieldState = useContext(DateFieldStateContext);\n    const timeFieldState = useContext(TimeFieldStateContext);\n    const state = dateFieldState ?? timeFieldState ?? null;\n\n    const theme = useTheme();\n\n    const classNames = useMemo(\n      () =>\n        mergeClassNames(dateInputClassNames, theme.DateInput, classNamesProp),\n      [theme.DateInput, classNamesProp],\n    );\n\n    return (\n      <div className={classNames?.input?.segments} ref={ref}>\n        {state.segments.map((segment) => (\n          <Fragment key={segment.type}>{children(segment)}</Fragment>\n        ))}\n      </div>\n    );\n  },\n);\n\nexport const DateSegmentContext =\n  createContext<ContextValue<SlotProps, HTMLDivElement>>(null);\n\nexport const DateSegment = forwardRef(function DateSegment(\n  props: DateSegmentProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, DateSegmentContext);\n\n  const { classNames: classNamesProp, children: childrenProp, ...rest } = props;\n\n  const classNames = useMemo(\n    () => mergeClassNames(dateInputClassNames, classNamesProp),\n    [classNamesProp],\n  );\n\n  const style = useCallback(\n    (renderProps: DateSegmentRenderProps) =>\n      inlineVars(dateSegmentStateVars, {\n        ...renderProps,\n      }),\n    [],\n  );\n\n  const children = useCallback(\n    (renderProps: DateSegmentRenderProps) => {\n      const { isPlaceholder, placeholder, text, value } = renderProps;\n      if (typeof childrenProp === 'function') {\n        return childrenProp({ ...renderProps, defaultChildren: null });\n      }\n\n      if (isPlaceholder) {\n        return placeholder;\n      }\n\n      return (\n        <div className={classNames?.segment?.segment}>{value ?? text}</div>\n      );\n    },\n    [childrenProp, classNames],\n  );\n\n  return (\n    <RACDateSegment\n      ref={ref}\n      {...rest}\n      style={style}\n      className={classNames?.segment?.container}\n    >\n      {children}\n    </RACDateSegment>\n  );\n});\n"]}

package/dist/components/date-input/index.d.ts

@@ -0,0 +1,11 @@
+export { DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments } from './date-input.js';
+export { dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer } from './date-input.css.js';
+export { DateInputClassNames, DateInputMapping, DateInputProps, DateInputRenderProps, DateInputSizes, DateInputState, DateSegmentProps, DateSegmentRenderProps, DateSegmentsProps } from './types.js';
+import '@react-types/shared';
+import 'react-aria-components';
+import '@react-stately/datepicker';
+import 'react';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../types/react-aria.js';
+import '../icon/types.js';

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

@@ -0,0 +1,5 @@
+import '../../chunk-PZ5AY32C.js';
+export { DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments } from './date-input.js';
+export { dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer } from './date-input.css.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map