@arobo/react 1.0.1

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

@@ -0,0 +1,140 @@
+import React, { createContext, useContext } from 'react';
+import { Group, DateSegment, DateInput } from 'react-aria-components';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { dateInputGroupVariants } from '../../styles/src/components/date-input-group/date-input-group.styles.js';
+
+const DateInputGroupContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * DateInputGroup Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const DateInputGroupRoot = ({
+  children,
+  className,
+  fullWidth,
+  ...props
+}) => {
+  const slots = React.useMemo(() => dateInputGroupVariants({
+    fullWidth
+  }), [fullWidth]);
+  return /*#__PURE__*/jsx(DateInputGroupContext, {
+    value: {
+      slots
+    },
+    children: /*#__PURE__*/jsx(Group, {
+      className: composeTwRenderProps(className, slots?.base()),
+      "data-slot": "date-input-group",
+      ...props,
+      children: values => /*#__PURE__*/jsx(Fragment, {
+        children: typeof children === "function" ? children(values) : children
+      })
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * DateInputGroup Prefix
+ * -----------------------------------------------------------------------------------------------*/
+
+const DateInputGroupPrefix = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(DateInputGroupContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.prefix, className),
+    "data-slot": "date-input-group-prefix",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * DateInputGroup Input
+ * -----------------------------------------------------------------------------------------------*/
+
+const DateInputGroupInput = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(DateInputGroupContext);
+
+  // TimeInput and DateInput have compatible interfaces
+  // React Aria Components will handle the correct primitive based on parent context (TimeField vs DateField)
+  // We use DateInputPrimitive as the default, but it will work with TimeField context
+  return /*#__PURE__*/jsx(DateInput, {
+    className: composeTwRenderProps(className, slots?.input()),
+    "data-slot": "date-input-group-input",
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * DateInputGroup Segment
+ * -----------------------------------------------------------------------------------------------*/
+
+const DateInputGroupSegment = ({
+  className,
+  segment,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(DateInputGroupContext);
+
+  // TimeSegment and DateSegment have compatible interfaces
+  // React Aria Components will handle the correct primitive based on parent context
+  // We use DateSegmentPrimitive as the default, but it will work with TimeField context
+  return /*#__PURE__*/jsx(DateSegment, {
+    className: composeSlotClassName(slots?.segment, className),
+    "data-slot": "date-input-group-segment",
+    segment: segment,
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * DateInputGroup Compound
+ * -----------------------------------------------------------------------------------------------*/
+
+const DateInputGroupInputCompound = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(DateInputGroupInput, {
+    className: composeTwRenderProps(className),
+    ...props,
+    children: segment => /*#__PURE__*/jsx(DateInputGroupSegment, {
+      segment: segment
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * DateInputGroup Suffix
+ * -----------------------------------------------------------------------------------------------*/
+
+const DateInputGroupSuffix = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(DateInputGroupContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.suffix, className),
+    "data-slot": "date-input-group-suffix",
+    ...props,
+    children: children
+  });
+};
+
+export { DateInputGroupInput, DateInputGroupInputCompound, DateInputGroupPrefix, DateInputGroupRoot, DateInputGroupSegment, DateInputGroupSuffix };

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

@@ -0,0 +1,23 @@
+import type { ComponentProps } from "react";
+import { DateInputGroupInput, DateInputGroupInputCompound, DateInputGroupPrefix, DateInputGroupRoot, DateInputGroupSegment, DateInputGroupSuffix } from "./date-input-group";
+export declare const DateInputGroup: (({ children, className, fullWidth, ...props }: import("./date-input-group").DateInputGroupRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, fullWidth, ...props }: import("./date-input-group").DateInputGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+    Input: ({ className, ...props }: import("./date-input-group").DateInputGroupInputProps) => import("react/jsx-runtime").JSX.Element;
+    Segment: ({ className, segment, ...props }: import("./date-input-group").DateInputGroupSegmentProps) => import("react/jsx-runtime").JSX.Element;
+    Prefix: ({ children, className, ...props }: import("./date-input-group").DateInputGroupPrefixProps) => import("react/jsx-runtime").JSX.Element;
+    Suffix: ({ children, className, ...props }: import("./date-input-group").DateInputGroupSuffixProps) => import("react/jsx-runtime").JSX.Element;
+    InputCompound: ({ className, ...props }: import("./date-input-group").DateInputGroupInputCompoundProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type DateInputGroup = {
+    Props: ComponentProps<typeof DateInputGroupRoot>;
+    RootProps: ComponentProps<typeof DateInputGroupRoot>;
+    InputProps: ComponentProps<typeof DateInputGroupInput>;
+    SegmentProps: ComponentProps<typeof DateInputGroupSegment>;
+    PrefixProps: ComponentProps<typeof DateInputGroupPrefix>;
+    SuffixProps: ComponentProps<typeof DateInputGroupSuffix>;
+    InputCompoundProps: ComponentProps<typeof DateInputGroupInputCompound>;
+};
+export { DateInputGroupInput, DateInputGroupPrefix, DateInputGroupRoot, DateInputGroupSegment, DateInputGroupSuffix, DateInputGroupInputCompound, };
+export type { DateInputGroupRootProps, DateInputGroupRootProps as DateInputGroupProps, DateInputGroupInputProps, DateInputGroupSegmentProps, DateInputGroupPrefixProps, DateInputGroupSuffixProps, DateInputGroupInputCompoundProps, } from "./date-input-group";
+export { dateInputGroupVariants } from "@arobo/styles";
+export type { DateInputGroupVariants } from "@arobo/styles";

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

@@ -0,0 +1,16 @@
+import { DateInputGroupRoot, DateInputGroupInputCompound, DateInputGroupSuffix, DateInputGroupPrefix, DateInputGroupSegment, DateInputGroupInput } from './date-input-group.js';
+export { dateInputGroupVariants } from '../../styles/src/components/date-input-group/date-input-group.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const DateInputGroup = Object.assign(DateInputGroupRoot, {
+  Root: DateInputGroupRoot,
+  Input: DateInputGroupInput,
+  Segment: DateInputGroupSegment,
+  Prefix: DateInputGroupPrefix,
+  Suffix: DateInputGroupSuffix,
+  InputCompound: DateInputGroupInputCompound
+});
+
+export { DateInputGroup, DateInputGroupInput, DateInputGroupInputCompound, DateInputGroupPrefix, DateInputGroupRoot, DateInputGroupSegment, DateInputGroupSuffix };

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { DatePickerProps as DatePickerPrimitiveProps, DateValue, ValidationResult } from "react-aria-components";
+interface DatePickerRootProps<T extends DateValue> extends DatePickerPrimitiveProps<T> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    icon?: React.ReactNode;
+}
+declare function DatePickerRoot<T extends DateValue>({ label, description, errorMessage, icon, ...props }: DatePickerRootProps<T>): import("react/jsx-runtime").JSX.Element;
+export { DatePickerRoot };
+export type { DatePickerRootProps };

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

@@ -0,0 +1,67 @@
+import { CalendarIcon } from 'lucide-react';
+import React from 'react';
+import { DatePicker } from 'react-aria-components';
+import { Button } from '../button/index.js';
+import { Calendar } from '../calendar/index.js';
+import { DateInputGroup } from '../date-input-group/index.js';
+import { Description } from '../description/index.js';
+import { FieldError } from '../field-error/index.js';
+import { Label } from '../label/index.js';
+import { Popover } from '../popover/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { datePickerVariants } from '../../styles/src/components/date-picker/date-picker.styles.js';
+import { composeTwRenderProps } from '../../utils/compose.js';
+
+function DatePickerRoot({
+  label,
+  description,
+  errorMessage,
+  icon,
+  ...props
+}) {
+  const slots = React.useMemo(() => datePickerVariants({}), []);
+  const finalIcon = icon ?? /*#__PURE__*/jsx(CalendarIcon, {
+    "aria-hidden": true
+  });
+  const iconSegment = /*#__PURE__*/React.isValidElement(finalIcon) ? /*#__PURE__*/React.cloneElement(finalIcon, {
+    "data-slot": "icon",
+    "aria-hidden": true
+  }) : finalIcon;
+  return (
+    /*#__PURE__*/
+    // The Popover component provides context for the DatePickerPrimitive to control its
+    // behavior.
+    jsx(Popover, {
+      children: /*#__PURE__*/jsxs(DatePicker, {
+        ...props,
+        className: composeTwRenderProps(props.className, slots.base()),
+        children: [label && /*#__PURE__*/jsx(Label, {
+          children: label
+        }), /*#__PURE__*/jsxs(DateInputGroup, {
+          children: [/*#__PURE__*/jsx(DateInputGroup.InputCompound, {
+            className: slots.input()
+          }), /*#__PURE__*/jsx(Popover.Trigger, {
+            asChild: true,
+            children: /*#__PURE__*/jsx(Button, {
+              isIconOnly: true,
+              variant: "ghost",
+              "data-slot": "trigger",
+              className: slots.trigger(),
+              children: iconSegment
+            })
+          })]
+        }), description && /*#__PURE__*/jsx(Description, {
+          children: description
+        }), /*#__PURE__*/jsx(FieldError, {
+          children: errorMessage
+        }), /*#__PURE__*/jsx(Popover.Content, {
+          children: /*#__PURE__*/jsx(Popover.Dialog, {
+            children: /*#__PURE__*/jsx(Calendar, {})
+          })
+        })]
+      })
+    })
+  );
+}
+
+export { DatePickerRoot };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { DatePickerRoot } from "./date-picker";
+export declare const DatePicker: typeof DatePickerRoot & {
+    Root: typeof DatePickerRoot;
+};
+export type DatePicker = {
+    Props: ComponentProps<typeof DatePickerRoot>;
+    RootProps: ComponentProps<typeof DatePickerRoot>;
+};
+export { DatePickerRoot } from "./date-picker";
+export type { DatePickerRootProps, DatePickerRootProps as DatePickerProps, } from "./date-picker";
+export { datePickerVariants } from "@arobo/styles";
+export type { DatePickerVariants } from "@arobo/styles";

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

@@ -0,0 +1,11 @@
+import { DatePickerRoot } from './date-picker.js';
+export { datePickerVariants } from '../../styles/src/components/date-picker/date-picker.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const DatePicker = Object.assign(DatePickerRoot, {
+  Root: DatePickerRoot
+});
+
+export { DatePicker, DatePickerRoot };

package/dist/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,11 @@
+import type { DateRangePickerProps as DateRangePickerPrimitiveProps, DateValue, ValidationResult } from "react-aria-components";
+import React from "react";
+interface DateRangePickerRootProps<T extends DateValue> extends DateRangePickerPrimitiveProps<T> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    icon?: React.ReactNode;
+}
+declare const DateRangePickerRoot: <T extends DateValue>({ label, description, errorMessage, icon, ...props }: DateRangePickerRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export { DateRangePickerRoot };
+export type { DateRangePickerRootProps };

package/dist/components/date-range-picker/date-range-picker.js

@@ -0,0 +1,70 @@
+import { CalendarIcon } from 'lucide-react';
+import { DateRangePicker } from 'react-aria-components';
+import { Button } from '../button/index.js';
+import { DateInputGroup } from '../date-input-group/index.js';
+import { Description } from '../description/index.js';
+import { FieldError } from '../field-error/index.js';
+import { Label } from '../label/index.js';
+import { Popover } from '../popover/index.js';
+import { RangeCalendar } from '../range-calendar/index.js';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { dateRangePickerVariants } from '../../styles/src/components/date-range-picker/date-range-picker.styles.js';
+import { composeTwRenderProps } from '../../utils/compose.js';
+
+const DateRangePickerRoot = ({
+  label,
+  description,
+  errorMessage,
+  icon,
+  ...props
+}) => {
+  const slots = React.useMemo(() => dateRangePickerVariants({}), []);
+  const finalIcon = icon ?? /*#__PURE__*/jsx(CalendarIcon, {
+    "aria-hidden": true
+  });
+  const iconSegment = /*#__PURE__*/React.isValidElement(finalIcon) ? /*#__PURE__*/React.cloneElement(finalIcon, {
+    "data-slot": "icon",
+    "aria-hidden": true
+  }) : finalIcon;
+  return /*#__PURE__*/jsx(Popover.Root, {
+    children: /*#__PURE__*/jsxs(DateRangePicker, {
+      ...props,
+      className: composeTwRenderProps(props.className, "group flex flex-col gap-1 font-sans"),
+      children: [label && /*#__PURE__*/jsx(Label, {
+        children: label
+      }), /*#__PURE__*/jsxs(DateInputGroup, {
+        className: slots.inputGroup(),
+        children: [/*#__PURE__*/jsx(DateInputGroup.InputCompound, {
+          slot: "start",
+          className: slots.input()
+        }), /*#__PURE__*/jsx("span", {
+          "aria-hidden": "true",
+          className: slots.separator(),
+          children: "\u2013"
+        }), /*#__PURE__*/jsx(DateInputGroup.InputCompound, {
+          slot: "end",
+          className: slots.input()
+        }), /*#__PURE__*/jsx(Popover.Trigger, {
+          children: /*#__PURE__*/jsx(Button, {
+            isIconOnly: true,
+            variant: "ghost",
+            "data-slot": "trigger",
+            className: slots.trigger(),
+            children: iconSegment
+          })
+        })]
+      }), description && /*#__PURE__*/jsx(Description, {
+        children: description
+      }), /*#__PURE__*/jsx(FieldError, {
+        children: errorMessage
+      }), /*#__PURE__*/jsx(Popover.Content, {
+        children: /*#__PURE__*/jsx(Popover.Dialog, {
+          children: /*#__PURE__*/jsx(RangeCalendar, {})
+        })
+      })]
+    })
+  });
+};
+
+export { DateRangePickerRoot };

package/dist/components/date-range-picker/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { DateRangePickerRoot } from "./date-range-picker";
+export declare const DateRangePicker: (<T extends import("react-aria-components").DateValue>({ label, description, errorMessage, icon, ...props }: import("./date-range-picker").DateRangePickerRootProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+    Root: <T extends import("react-aria-components").DateValue>({ label, description, errorMessage, icon, ...props }: import("./date-range-picker").DateRangePickerRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+};
+export type DateRangePicker = {
+    Props: ComponentProps<typeof DateRangePickerRoot>;
+    RootProps: ComponentProps<typeof DateRangePickerRoot>;
+};
+export { DateRangePickerRoot } from "./date-range-picker";
+export type { DateRangePickerRootProps, DateRangePickerRootProps as DateRangePickerProps, } from "./date-range-picker";
+export { dateRangePickerVariants } from "@arobo/styles";
+export type { DateRangePickerVariants } from "@arobo/styles";

package/dist/components/date-range-picker/index.js

@@ -0,0 +1,11 @@
+import { DateRangePickerRoot } from './date-range-picker.js';
+export { dateRangePickerVariants } from '../../styles/src/components/date-range-picker/date-range-picker.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const DateRangePicker = Object.assign(DateRangePickerRoot, {
+  Root: DateRangePickerRoot
+});
+
+export { DateRangePicker, DateRangePickerRoot };

package/dist/components/description/description.d.ts

@@ -0,0 +1,9 @@
+import type { DescriptionVariants } from "@arobo/styles";
+import type { ComponentPropsWithRef } from "react";
+import type { TextProps } from "react-aria-components";
+import { Text } from "react-aria-components";
+interface DescriptionRootProps extends ComponentPropsWithRef<typeof Text>, TextProps, DescriptionVariants {
+}
+declare const DescriptionRoot: ({ children, className, ...rest }: DescriptionRootProps) => import("react/jsx-runtime").JSX.Element;
+export { DescriptionRoot };
+export type { DescriptionRootProps };

package/dist/components/description/description.js

@@ -0,0 +1,21 @@
+import { Text } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+import { descriptionVariants } from '../../styles/src/components/description/description.styles.js';
+
+const DescriptionRoot = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx(Text, {
+    className: descriptionVariants({
+      className
+    }),
+    "data-slot": "description",
+    slot: "description",
+    ...rest,
+    children: children
+  });
+};
+
+export { DescriptionRoot };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { DescriptionRoot } from "./description";
+export declare const Description: (({ children, className, ...rest }: import("./description").DescriptionRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, ...rest }: import("./description").DescriptionRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Description = {
+    Props: ComponentProps<typeof DescriptionRoot>;
+    RootProps: ComponentProps<typeof DescriptionRoot>;
+};
+export { DescriptionRoot };
+export type { DescriptionRootProps, DescriptionRootProps as DescriptionProps, } from "./description";
+export { descriptionVariants } from "@arobo/styles";
+export type { DescriptionVariants } from "@arobo/styles";

package/dist/components/description/index.js

@@ -0,0 +1,11 @@
+import { DescriptionRoot } from './description.js';
+export { descriptionVariants } from '../../styles/src/components/description/description.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Description = Object.assign(DescriptionRoot, {
+  Root: DescriptionRoot
+});
+
+export { Description, DescriptionRoot };

package/dist/components/error-message/error-message.d.ts

@@ -0,0 +1,9 @@
+import type { ErrorMessageVariants } from "@arobo/styles";
+import type { ComponentPropsWithRef } from "react";
+import type { TextProps } from "react-aria-components";
+import { Text } from "react-aria-components";
+interface ErrorMessageRootProps extends ComponentPropsWithRef<typeof Text>, TextProps, ErrorMessageVariants {
+}
+declare const ErrorMessageRoot: ({ children, className, ...rest }: ErrorMessageRootProps) => import("react/jsx-runtime").JSX.Element;
+export { ErrorMessageRoot };
+export type { ErrorMessageRootProps };

package/dist/components/error-message/error-message.js

@@ -0,0 +1,21 @@
+import { Text } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+import { errorMessageVariants } from '../../styles/src/components/error-message/error-message.styles.js';
+
+const ErrorMessageRoot = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx(Text, {
+    className: errorMessageVariants({
+      className
+    }),
+    "data-slot": "error-message",
+    slot: "errorMessage",
+    ...rest,
+    children: children
+  });
+};
+
+export { ErrorMessageRoot };

package/dist/components/error-message/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { ErrorMessageRoot } from "./error-message";
+export declare const ErrorMessage: (({ children, className, ...rest }: import("./error-message").ErrorMessageRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, ...rest }: import("./error-message").ErrorMessageRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type ErrorMessage = {
+    Props: ComponentProps<typeof ErrorMessageRoot>;
+    RootProps: ComponentProps<typeof ErrorMessageRoot>;
+};
+export { ErrorMessageRoot };
+export type { ErrorMessageRootProps, ErrorMessageRootProps as ErrorMessageProps, } from "./error-message";
+export { errorMessageVariants } from "@arobo/styles";
+export type { ErrorMessageVariants } from "@arobo/styles";

package/dist/components/error-message/index.js

@@ -0,0 +1,11 @@
+import { ErrorMessageRoot } from './error-message.js';
+export { errorMessageVariants } from '../../styles/src/components/error-message/error-message.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const ErrorMessage = Object.assign(ErrorMessageRoot, {
+  Root: ErrorMessageRoot
+});
+
+export { ErrorMessage, ErrorMessageRoot };

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

@@ -0,0 +1,8 @@
+import type { FieldErrorVariants } from "@arobo/styles";
+import type { ComponentPropsWithRef } from "react";
+import { FieldError as FieldErrorPrimitive } from "react-aria-components";
+interface FieldErrorRootProps extends ComponentPropsWithRef<typeof FieldErrorPrimitive>, FieldErrorVariants {
+}
+declare const FieldErrorRoot: ({ children, className, ...rest }: FieldErrorRootProps) => import("react/jsx-runtime").JSX.Element;
+export { FieldErrorRoot };
+export type { FieldErrorRootProps };

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

@@ -0,0 +1,20 @@
+import { FieldError } from 'react-aria-components';
+import { composeTwRenderProps } from '../../utils/compose.js';
+import { jsx } from 'react/jsx-runtime';
+import { fieldErrorVariants } from '../../styles/src/components/field-error/field-error.styles.js';
+
+const FieldErrorRoot = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx(FieldError, {
+    "data-visible": true,
+    className: composeTwRenderProps(className, fieldErrorVariants()),
+    "data-slot": "field-error",
+    ...rest,
+    children: renderProps => typeof children === "function" ? children(renderProps) : children
+  });
+};
+
+export { FieldErrorRoot };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { FieldErrorRoot } from "./field-error";
+export declare const FieldError: (({ children, className, ...rest }: import("./field-error").FieldErrorRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, ...rest }: import("./field-error").FieldErrorRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type FieldError = {
+    Props: ComponentProps<typeof FieldErrorRoot>;
+    RootProps: ComponentProps<typeof FieldErrorRoot>;
+};
+export { FieldErrorRoot };
+export type { FieldErrorRootProps, FieldErrorRootProps as FieldErrorProps, } from "./field-error";
+export { fieldErrorVariants } from "@arobo/styles";
+export type { FieldErrorVariants } from "@arobo/styles";

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

@@ -0,0 +1,11 @@
+import { FieldErrorRoot } from './field-error.js';
+export { fieldErrorVariants } from '../../styles/src/components/field-error/field-error.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const FieldError = Object.assign(FieldErrorRoot, {
+  Root: FieldErrorRoot
+});
+
+export { FieldError, FieldErrorRoot };

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { ComponentPropsWithRef } from "react";
+import { type FieldGroupVariants } from "@arobo/styles";
+import { Group } from "react-aria-components";
+interface FieldGroupRootProps extends FieldGroupVariants, ComponentPropsWithRef<typeof Group> {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const FieldGroupRoot: React.ForwardRefExoticComponent<Omit<FieldGroupRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { FieldGroupRoot };
+export type { FieldGroupRootProps };

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

@@ -0,0 +1,18 @@
+import { forwardRef } from 'react';
+import { Group, composeRenderProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+import { fieldGroupVariants } from '../../styles/src/components/field-group/field-group.styles.js';
+
+const FieldGroupRoot = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(Group, {
+    ...props,
+    ref: ref,
+    className: composeRenderProps(props.className, (className, renderProps) => fieldGroupVariants({
+      ...renderProps,
+      className
+    }))
+  });
+});
+FieldGroupRoot.displayName = "HeroUI.FieldGroup";
+
+export { FieldGroupRoot };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { FieldGroupRoot } from "./field-group";
+export declare const FieldGroup: import("react").ForwardRefExoticComponent<Omit<import("./field-group").FieldGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("./field-group").FieldGroupRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type FieldGroup = {
+    Props: ComponentProps<typeof FieldGroupRoot>;
+    RootProps: ComponentProps<typeof FieldGroupRoot>;
+};
+export { FieldGroupRoot } from "./field-group";
+export type { FieldGroupRootProps, FieldGroupRootProps as FieldGroupProps, } from "./field-group";
+export { fieldGroupVariants } from "@arobo/styles";
+export type { FieldGroupVariants } from "@arobo/styles";

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

@@ -0,0 +1,11 @@
+import { FieldGroupRoot } from './field-group.js';
+export { fieldGroupVariants } from '../../styles/src/components/field-group/field-group.styles.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const FieldGroup = Object.assign(FieldGroupRoot, {
+  Root: FieldGroupRoot
+});
+
+export { FieldGroup, FieldGroupRoot };