@masaraxui/react 1.0.0

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,156 @@
+"use client";
+import { dropdownVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { MenuTrigger, SubmenuTrigger, Menu, Popover, Button } from 'react-aria-components';
+import { composeTwRenderProps } from '../../utils/compose.js';
+import '../menu-item/index.js';
+import { MenuSectionRoot } from '../menu-section/menu-section.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { MenuItemSubmenuIndicator, MenuItemIndicator, MenuItemRoot } from '../menu-item/menu-item.js';
+import { SurfaceContext } from '../surface/surface.js';
+
+const DropdownContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Root (MenuTrigger wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownRoot = ({
+  children,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => dropdownVariants(), []);
+  return /*#__PURE__*/jsx(DropdownContext, {
+    value: {
+      slots
+    },
+    children: /*#__PURE__*/jsx(MenuTrigger, {
+      ...props,
+      children: children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Trigger (Button wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownTrigger = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(DropdownContext);
+  return /*#__PURE__*/jsx(Button, {
+    className: composeTwRenderProps(className, slots?.trigger()),
+    "data-slot": "dropdown-trigger",
+    ...props,
+    children: values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Popover (Popover wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownPopover = ({
+  children,
+  className,
+  placement,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(DropdownContext);
+  return /*#__PURE__*/jsx(SurfaceContext, {
+    value: {
+      variant: "default"
+    },
+    children: /*#__PURE__*/jsx(Popover, {
+      ...props,
+      className: composeTwRenderProps(className, slots?.popover()),
+      placement: placement,
+      children: children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Menu (Menu wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+function DropdownMenu({
+  className,
+  ...props
+}) {
+  const {
+    slots
+  } = useContext(DropdownContext);
+  return /*#__PURE__*/jsx(Menu, {
+    className: composeTwRenderProps(className, slots?.menu()),
+    "data-selection-mode": props.selectionMode,
+    "data-slot": "dropdown-menu",
+    ...props
+  });
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Item (MenuItem wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownItem = props => {
+  return /*#__PURE__*/jsx(MenuItemRoot, {
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Submenu Indicator (MenuItemSubmenuIndicator wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownSubmenuIndicator = props => {
+  return /*#__PURE__*/jsx(MenuItemSubmenuIndicator, {
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Submenu Trigger
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownSubmenuTrigger = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(SubmenuTrigger, {
+    "data-slot": "dropdown-submenu-trigger",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Item Indicator (MenuItemIndicator wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownItemIndicator = props => {
+  return /*#__PURE__*/jsx(MenuItemIndicator, {
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Dropdown Section (MenuSection wrapper)
+ * -----------------------------------------------------------------------------------------------*/
+
+const DropdownSection = props => {
+  return /*#__PURE__*/jsx(MenuSectionRoot, {
+    ...props
+  });
+};
+
+export { DropdownItem, DropdownItemIndicator, DropdownMenu, DropdownPopover, DropdownRoot, DropdownSection, DropdownSubmenuIndicator, DropdownSubmenuTrigger, DropdownTrigger };

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

@@ -0,0 +1,29 @@
+import type { ComponentProps } from "react";
+import { DropdownItem, DropdownItemIndicator, DropdownMenu, DropdownPopover, DropdownRoot, DropdownSection, DropdownSubmenuIndicator, DropdownSubmenuTrigger, DropdownTrigger } from "./dropdown";
+export declare const Dropdown: (({ children, ...props }: import("./dropdown").DropdownRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, ...props }: import("./dropdown").DropdownRootProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, className, ...props }: import("./dropdown").DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Popover: ({ children, className, placement, ...props }: import("./dropdown").DropdownPopoverProps) => import("react/jsx-runtime").JSX.Element;
+    Menu: typeof DropdownMenu;
+    Section: (props: import("./dropdown").DropdownSectionProps) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: import("./dropdown").DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+    ItemIndicator: (props: import("./dropdown").DropdownItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    SubmenuIndicator: (props: import("./dropdown").DropdownSubmenuIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    SubmenuTrigger: ({ children, ...props }: import("./dropdown").DropdownSubmenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Dropdown<T extends object = object> = {
+    Props: ComponentProps<typeof DropdownRoot>;
+    RootProps: ComponentProps<typeof DropdownRoot>;
+    TriggerProps: ComponentProps<typeof DropdownTrigger>;
+    PopoverProps: ComponentProps<typeof DropdownPopover>;
+    MenuProps: ComponentProps<typeof DropdownMenu<T>>;
+    SectionProps: ComponentProps<typeof DropdownSection>;
+    ItemProps: ComponentProps<typeof DropdownItem>;
+    ItemIndicatorProps: ComponentProps<typeof DropdownItemIndicator>;
+    SubmenuIndicatorProps: ComponentProps<typeof DropdownSubmenuIndicator>;
+    SubmenuTriggerProps: ComponentProps<typeof DropdownSubmenuTrigger>;
+};
+export { DropdownItem, DropdownItemIndicator, DropdownMenu, DropdownPopover, DropdownRoot, DropdownSection, DropdownSubmenuIndicator, DropdownSubmenuTrigger, DropdownTrigger, };
+export type { DropdownItemIndicatorProps, DropdownItemProps, DropdownMenuProps, DropdownPopoverProps, DropdownRootProps, DropdownRootProps as DropdownProps, DropdownSectionProps, DropdownSubmenuIndicatorProps, DropdownSubmenuTriggerProps, DropdownTriggerProps, } from "./dropdown";
+export { dropdownVariants } from "@masaraxui/styles";
+export type { DropdownVariants } from "@masaraxui/styles";

package/dist/components/dropdown/index.js

@@ -0,0 +1,20 @@
+"use strict";
+import { DropdownRoot, DropdownSubmenuTrigger, DropdownSubmenuIndicator, DropdownItemIndicator, DropdownItem, DropdownSection, DropdownMenu, DropdownPopover, DropdownTrigger } from './dropdown.js';
+export { dropdownVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Dropdown = Object.assign(DropdownRoot, {
+  Root: DropdownRoot,
+  Trigger: DropdownTrigger,
+  Popover: DropdownPopover,
+  Menu: DropdownMenu,
+  Section: DropdownSection,
+  Item: DropdownItem,
+  ItemIndicator: DropdownItemIndicator,
+  SubmenuIndicator: DropdownSubmenuIndicator,
+  SubmenuTrigger: DropdownSubmenuTrigger
+});
+
+export { Dropdown, DropdownItem, DropdownItemIndicator, DropdownMenu, DropdownPopover, DropdownRoot, DropdownSection, DropdownSubmenuIndicator, DropdownSubmenuTrigger, DropdownTrigger };

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,7 @@
+import type { EmptyStateVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+interface EmptyStateRootProps extends ComponentPropsWithRef<"div">, EmptyStateVariants {
+}
+declare const EmptyStateRoot: ({ children, className, ...rest }: EmptyStateRootProps) => import("react/jsx-runtime").JSX.Element;
+export { EmptyStateRoot };
+export type { EmptyStateRootProps };

package/dist/components/empty-state/empty-state.js

@@ -0,0 +1,20 @@
+"use client";
+import { emptyStateVariants } from '@masaraxui/styles';
+import { jsx } from 'react/jsx-runtime';
+
+const EmptyStateRoot = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx("div", {
+    className: emptyStateVariants({
+      className
+    }),
+    "data-slot": "empty-state",
+    ...rest,
+    children: children || "No results found"
+  });
+};
+
+export { EmptyStateRoot };

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { EmptyStateRoot } from "./empty-state";
+export declare const EmptyState: (({ children, className, ...rest }: import("./empty-state").EmptyStateRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, ...rest }: import("./empty-state").EmptyStateRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type EmptyState = {
+    Props: ComponentProps<typeof EmptyStateRoot>;
+    RootProps: ComponentProps<typeof EmptyStateRoot>;
+};
+export { EmptyStateRoot };
+export type { EmptyStateRootProps, EmptyStateRootProps as EmptyStateProps } from "./empty-state";
+export { emptyStateVariants } from "@masaraxui/styles";
+export type { EmptyStateVariants } from "@masaraxui/styles";

package/dist/components/empty-state/index.js

@@ -0,0 +1,12 @@
+"use strict";
+import { EmptyStateRoot } from './empty-state.js';
+export { emptyStateVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const EmptyState = Object.assign(EmptyStateRoot, {
+  Root: EmptyStateRoot
+});
+
+export { EmptyState, EmptyStateRoot };

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

@@ -0,0 +1,9 @@
+import type { ErrorMessageVariants } from "@masaraxui/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,22 @@
+"use client";
+import { errorMessageVariants } from '@masaraxui/styles';
+import { Text } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+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 "@masaraxui/styles";
+export type { ErrorMessageVariants } from "@masaraxui/styles";

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

@@ -0,0 +1,12 @@
+"use strict";
+import { ErrorMessageRoot } from './error-message.js';
+export { errorMessageVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * 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 "@masaraxui/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,21 @@
+"use client";
+import { fieldErrorVariants } from '@masaraxui/styles';
+import { FieldError } from 'react-aria-components';
+import { composeTwRenderProps } from '../../utils/compose.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 "@masaraxui/styles";
+export type { FieldErrorVariants } from "@masaraxui/styles";

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

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

package/dist/components/fieldset/fieldset.d.ts

@@ -0,0 +1,16 @@
+import type { FieldsetVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+interface FieldsetRootProps extends ComponentPropsWithRef<"fieldset">, FieldsetVariants {
+}
+declare const FieldsetRoot: ({ className, ...props }: FieldsetRootProps) => import("react/jsx-runtime").JSX.Element;
+interface FieldsetLegendProps extends ComponentPropsWithRef<"legend"> {
+}
+declare const FieldsetLegend: ({ className, ...props }: FieldsetLegendProps) => import("react/jsx-runtime").JSX.Element;
+interface FieldGroupProps extends ComponentPropsWithRef<"div"> {
+}
+declare const FieldGroup: ({ className, ...rest }: FieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+interface FieldsetActionsProps extends ComponentPropsWithRef<"div"> {
+}
+declare const FieldsetActions: ({ children, className, ...rest }: FieldsetActionsProps) => import("react/jsx-runtime").JSX.Element;
+export { FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions };
+export type { FieldsetRootProps, FieldsetLegendProps, FieldGroupProps, FieldsetActionsProps };

package/dist/components/fieldset/fieldset.js

@@ -0,0 +1,88 @@
+"use client";
+import { fieldsetVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { composeSlotClassName } from '../../utils/compose.js';
+import { jsx } from 'react/jsx-runtime';
+
+const FieldsetContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * Fieldset Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const FieldsetRoot = ({
+  className,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => fieldsetVariants({}), []);
+  return /*#__PURE__*/jsx(FieldsetContext, {
+    value: {
+      slots
+    },
+    children: /*#__PURE__*/jsx("fieldset", {
+      className: slots?.base({
+        className
+      }),
+      "data-slot": "fieldset",
+      ...props
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Fieldset Legend
+ * -----------------------------------------------------------------------------------------------*/
+
+const FieldsetLegend = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(FieldsetContext);
+  return /*#__PURE__*/jsx("legend", {
+    className: composeSlotClassName(slots?.legend, className),
+    "data-slot": "fieldset-legend",
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Field Group
+ * -----------------------------------------------------------------------------------------------*/
+
+const FieldGroup = ({
+  className,
+  ...rest
+}) => {
+  const {
+    slots
+  } = useContext(FieldsetContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.fieldGroup, className),
+    "data-slot": "fieldset-field-group",
+    ...rest
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Field Actions
+ * -----------------------------------------------------------------------------------------------*/
+
+const FieldsetActions = ({
+  children,
+  className,
+  ...rest
+}) => {
+  const {
+    slots
+  } = useContext(FieldsetContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.actions, className),
+    "data-slot": "fieldset-actions",
+    ...rest,
+    children: children
+  });
+};
+
+export { FieldGroup, FieldsetActions, FieldsetLegend, FieldsetRoot };

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

@@ -0,0 +1,19 @@
+import type { ComponentProps } from "react";
+import { FieldGroup, FieldsetActions, FieldsetLegend, FieldsetRoot } from "./fieldset";
+export declare const Fieldset: (({ className, ...props }: import("./fieldset").FieldsetRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ className, ...props }: import("./fieldset").FieldsetRootProps) => import("react/jsx-runtime").JSX.Element;
+    Legend: ({ className, ...props }: import("./fieldset").FieldsetLegendProps) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ className, ...rest }: import("./fieldset").FieldGroupProps) => import("react/jsx-runtime").JSX.Element;
+    Actions: ({ children, className, ...rest }: import("./fieldset").FieldsetActionsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Fieldset = {
+    Props: ComponentProps<typeof FieldsetRoot>;
+    RootProps: ComponentProps<typeof FieldsetRoot>;
+    LegendProps: ComponentProps<typeof FieldsetLegend>;
+    GroupProps: ComponentProps<typeof FieldGroup>;
+    ActionsProps: ComponentProps<typeof FieldsetActions>;
+};
+export { FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions };
+export type { FieldsetRootProps, FieldsetRootProps as FieldsetProps, FieldsetLegendProps, FieldGroupProps, FieldsetActionsProps, } from "./fieldset";
+export { fieldsetVariants } from "@masaraxui/styles";
+export type { FieldsetVariants } from "@masaraxui/styles";

package/dist/components/fieldset/index.js

@@ -0,0 +1,15 @@
+"use strict";
+import { FieldsetRoot, FieldsetActions, FieldGroup, FieldsetLegend } from './fieldset.js';
+export { fieldsetVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Fieldset = Object.assign(FieldsetRoot, {
+  Root: FieldsetRoot,
+  Legend: FieldsetLegend,
+  Group: FieldGroup,
+  Actions: FieldsetActions
+});
+
+export { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot };

package/dist/components/form/form.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef } from "react";
+import { Form as FormPrimitive } from "react-aria-components";
+interface FormRootProps extends ComponentPropsWithRef<typeof FormPrimitive> {
+}
+declare const FormRoot: ({ ...props }: FormRootProps) => import("react/jsx-runtime").JSX.Element;
+export { FormRoot };
+export type { FormRootProps };

package/dist/components/form/form.js

@@ -0,0 +1,13 @@
+"use client";
+import { Form } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+const FormRoot = ({
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(Form, {
+    ...props
+  });
+};
+
+export { FormRoot };

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

@@ -0,0 +1,11 @@
+import type { ComponentProps } from "react";
+import { FormRoot } from "./form";
+export declare const Form: (({ ...props }: import("./form").FormRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ ...props }: import("./form").FormRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Form = {
+    Props: ComponentProps<typeof FormRoot>;
+    RootProps: ComponentProps<typeof FormRoot>;
+};
+export { FormRoot };
+export type { FormRootProps, FormRootProps as FormProps } from "./form";

package/dist/components/form/index.js

@@ -0,0 +1,11 @@
+"use strict";
+import { FormRoot } from './form.js';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Form = Object.assign(FormRoot, {
+  Root: FormRoot
+});
+
+export { Form, FormRoot };

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

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithRef } from "react";
+import { Header as HeaderPrimitive } from "react-aria-components";
+interface HeaderRootProps extends ComponentPropsWithRef<typeof HeaderPrimitive> {
+}
+declare const HeaderRoot: ({ children, className, ...rest }: HeaderRootProps) => import("react/jsx-runtime").JSX.Element;
+export { HeaderRoot };
+export type { HeaderRootProps };

package/dist/components/header/header.js

@@ -0,0 +1,21 @@
+"use client";
+import { headerVariants } from '@masaraxui/styles';
+import { Header } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+const HeaderRoot = ({
+  children,
+  className,
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx(Header, {
+    className: headerVariants({
+      className
+    }),
+    "data-slot": "header",
+    ...rest,
+    children: children
+  });
+};
+
+export { HeaderRoot };

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

@@ -0,0 +1,9 @@
+import type { ComponentProps } from "react";
+import { HeaderRoot } from "./header";
+export declare const Header: ({ children, className, ...rest }: import("./header").HeaderRootProps) => import("react/jsx-runtime").JSX.Element;
+export type Header = {
+    Props: ComponentProps<typeof HeaderRoot>;
+};
+export { HeaderRoot };
+export type { HeaderRootProps, HeaderRootProps as HeaderProps } from "./header";
+export { headerVariants } from "@masaraxui/styles";

package/dist/components/header/index.js

@@ -0,0 +1,10 @@
+"use strict";
+import { HeaderRoot } from './header.js';
+export { headerVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Header = HeaderRoot;
+
+export { Header, HeaderRoot };

package/dist/components/icons.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+}
+export declare const IconChevronDown: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconChevronLeft: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconChevronRight: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalLinkIcon: ({ height, width, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CircleDashedIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DangerIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SuccessIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconMinus: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconPlus: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconSearch: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconCalendar: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};