@masaraxui/react 1.0.0

package/dist/components/slider/slider.js

@@ -0,0 +1,177 @@
+"use client";
+import { sliderVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { Slider, SliderThumb as SliderThumb$1, SliderTrack as SliderTrack$1, SliderOutput as SliderOutput$1 } from 'react-aria-components';
+import { dataAttr } from '../../utils/assertion.js';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const SliderContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * Slider Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const SliderRoot = ({
+  children,
+  className,
+  orientation = "horizontal",
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => sliderVariants({}), []);
+  return /*#__PURE__*/jsx(Slider, {
+    "data-slot": "slider",
+    orientation: orientation,
+    ...props,
+    className: composeTwRenderProps(className, slots.base()),
+    children: values => /*#__PURE__*/jsx(SliderContext, {
+      value: {
+        slots,
+        state: values
+      },
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Slider Output
+ * -----------------------------------------------------------------------------------------------*/
+
+const SliderOutput = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SliderContext);
+  return /*#__PURE__*/jsx(SliderOutput$1, {
+    className: composeTwRenderProps(className, slots?.output()),
+    "data-slot": "slider-output",
+    ...props,
+    children: children ? values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    }) : ({
+      state
+    }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" – ")
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Slider Track
+ * -----------------------------------------------------------------------------------------------*/
+
+const SliderTrack = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(SliderContext);
+  const {
+    getThumbPercent,
+    values
+  } = state?.state || {};
+  const singleThumb = values?.length && values.length === 1;
+  const [startOffset, endOffset] = [values?.length && values.length > 1 ? getThumbPercent?.(0) : 0, getThumbPercent?.(values?.length ? values.length - 1 : 0)].sort();
+  const fillWidth = (endOffset - startOffset) * 100;
+  return /*#__PURE__*/jsx(SliderTrack$1, {
+    className: composeTwRenderProps(className, slots?.track()),
+    "data-disabled": dataAttr(state?.isDisabled),
+    "data-slot": "slider-track",
+    ...(singleThumb ? {
+      "data-fill-start": dataAttr(fillWidth > 0),
+      "data-fill-end": dataAttr(fillWidth == 100)
+    } : {
+      "data-fill-start": dataAttr(startOffset == 0),
+      "data-fill-end": dataAttr(startOffset * 100 + fillWidth == 100)
+    }),
+    ...props,
+    children: values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Slider Fill
+ * -----------------------------------------------------------------------------------------------*/
+
+const SliderFill = ({
+  className,
+  style,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(SliderContext);
+  const {
+    getThumbPercent,
+    orientation,
+    values
+  } = state?.state || {};
+  const [startOffset, endOffset] = [values?.length && values.length > 1 ? getThumbPercent?.(0) : 0, getThumbPercent?.(values?.length ? values.length - 1 : 0)].sort();
+  const isVertical = orientation === "vertical";
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.fill, className),
+    "data-disabled": dataAttr(state?.isDisabled),
+    "data-slot": "slider-fill",
+    style: {
+      ...style,
+      // TODO: rtl support
+      [isVertical ? "bottom" : "left"]: `${startOffset * 100}%`,
+      ...(isVertical ? {
+        height: `${(endOffset - startOffset) * 100}%`
+      } : {
+        width: `${(endOffset - startOffset) * 100}%`
+      })
+    },
+    ...props
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Slider Thumb
+ * -----------------------------------------------------------------------------------------------*/
+
+const SliderThumb = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SliderContext);
+  return /*#__PURE__*/jsx(SliderThumb$1, {
+    className: composeTwRenderProps(className, slots?.thumb()),
+    "data-slot": "slider-thumb",
+    ...props,
+    children: values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * TODO: Slider Marks
+ * -----------------------------------------------------------------------------------------------*/
+
+const SliderMarks = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SliderContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.marks, className),
+    "data-slot": "slider-marks",
+    ...props
+  });
+};
+
+export { SliderFill, SliderMarks, SliderOutput, SliderRoot, SliderThumb, SliderTrack };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { SpinnerRoot } from "./spinner";
+export declare const Spinner: (({ className, color, size, ...props }: import("./spinner").SpinnerRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ className, color, size, ...props }: import("./spinner").SpinnerRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Spinner = {
+    Props: ComponentProps<typeof SpinnerRoot>;
+    RootProps: ComponentProps<typeof SpinnerRoot>;
+};
+export { SpinnerRoot };
+export type { SpinnerRootProps, SpinnerRootProps as SpinnerProps } from "./spinner";
+export { spinnerVariants } from "@masaraxui/styles";
+export type { SpinnerVariants } from "@masaraxui/styles";

package/dist/components/spinner/index.js

@@ -0,0 +1,12 @@
+"use strict";
+import { SpinnerRoot } from './spinner.js';
+export { spinnerVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Spinner = Object.assign(SpinnerRoot, {
+  Root: SpinnerRoot
+});
+
+export { Spinner, SpinnerRoot };

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,7 @@
+import type { SpinnerVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+interface SpinnerRootProps extends Omit<ComponentPropsWithRef<"svg">, "display" | "opacity" | "color">, SpinnerVariants {
+}
+declare const SpinnerRoot: ({ className, color, size, ...props }: SpinnerRootProps) => import("react/jsx-runtime").JSX.Element;
+export { SpinnerRoot };
+export type { SpinnerRootProps };

package/dist/components/spinner/spinner.js

@@ -0,0 +1,88 @@
+"use client";
+import { spinnerVariants } from '@masaraxui/styles';
+import { useId } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const SpinnerPrimitive = ({
+  ...props
+}) => {
+  const id = useId();
+  return /*#__PURE__*/jsxs("svg", {
+    "data-slot": "spinner-icon",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/jsxs("defs", {
+      children: [/*#__PURE__*/jsxs("linearGradient", {
+        id: `«data-slot-icon-def-1»-${id}`,
+        x1: "50%",
+        x2: "50%",
+        y1: "5.271%",
+        y2: "91.793%",
+        children: [/*#__PURE__*/jsx("stop", {
+          offset: "0%",
+          stopColor: "currentColor"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "100%",
+          stopColor: "currentColor",
+          stopOpacity: 0.55
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: `«data-slot-icon-def-2»-${id}`,
+        x1: "50%",
+        x2: "50%",
+        y1: "15.24%",
+        y2: "87.15%",
+        children: [/*#__PURE__*/jsx("stop", {
+          offset: "0%",
+          stopColor: "currentColor",
+          stopOpacity: 0
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "100%",
+          stopColor: "currentColor",
+          stopOpacity: 0.55
+        })]
+      })]
+    }), /*#__PURE__*/jsxs("g", {
+      fill: "none",
+      children: [/*#__PURE__*/jsx("path", {
+        d: "m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021",
+        fill: `url(#«data-slot-icon-def-1»-${id})`,
+        transform: "translate(1.5 1.625)"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118",
+        fill: `url(#«data-slot-icon-def-2»-${id})`,
+        transform: "translate(1.5 1.625)"
+      })]
+    })]
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Spinner Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const SpinnerRoot = ({
+  className,
+  color,
+  size,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx("span", {
+    "data-slot": "spinner",
+    className: spinnerVariants({
+      className,
+      color,
+      size
+    }),
+    children: /*#__PURE__*/jsx(SpinnerPrimitive, {
+      "aria-hidden": true,
+      "aria-label": "Loading",
+      role: "presentation",
+      ...props
+    })
+  });
+};
+
+export { SpinnerRoot };

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

@@ -0,0 +1,14 @@
+import type { ComponentProps } from "react";
+import { SurfaceRoot } from "./surface";
+export declare const Surface: (({ children, className, variant, ...rest }: import("./surface").SurfaceRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, variant, ...rest }: import("./surface").SurfaceRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Surface = {
+    Props: ComponentProps<typeof SurfaceRoot>;
+    RootProps: ComponentProps<typeof SurfaceRoot>;
+};
+export { SurfaceRoot } from "./surface";
+export type { SurfaceRootProps, SurfaceRootProps as SurfaceProps } from "./surface";
+export { SurfaceContext } from "./surface";
+export { surfaceVariants } from "@masaraxui/styles";
+export type { SurfaceVariants } from "@masaraxui/styles";

package/dist/components/surface/index.js

@@ -0,0 +1,13 @@
+"use strict";
+import { SurfaceRoot } from './surface.js';
+export { SurfaceContext } from './surface.js';
+export { surfaceVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Surface = Object.assign(SurfaceRoot, {
+  Root: SurfaceRoot
+});
+
+export { Surface, SurfaceRoot };

package/dist/components/surface/surface.d.ts

@@ -0,0 +1,12 @@
+import type { SurfaceVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+import React from "react";
+type SurfaceContext = {
+    variant?: SurfaceVariants["variant"];
+};
+declare const SurfaceContext: React.Context<SurfaceContext>;
+interface SurfaceRootProps extends ComponentPropsWithRef<"div">, SurfaceVariants {
+}
+declare const SurfaceRoot: ({ children, className, variant, ...rest }: SurfaceRootProps) => import("react/jsx-runtime").JSX.Element;
+export { SurfaceRoot, SurfaceContext };
+export type { SurfaceRootProps };

package/dist/components/surface/surface.js

@@ -0,0 +1,34 @@
+"use client";
+import { surfaceVariants } from '@masaraxui/styles';
+import { createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const SurfaceContext = /*#__PURE__*/createContext({});
+
+/* ------------------------------------------------------------------------------------------------
+ * Surface Root
+ * --------------------------------------------------------------------------------------------- */
+
+const SurfaceRoot = ({
+  children,
+  className,
+  variant = "default",
+  ...rest
+}) => {
+  return /*#__PURE__*/jsx(SurfaceContext, {
+    value: {
+      variant
+    },
+    children: /*#__PURE__*/jsx("div", {
+      className: surfaceVariants({
+        variant,
+        className
+      }),
+      "data-slot": "surface",
+      ...rest,
+      children: children
+    })
+  });
+};
+
+export { SurfaceContext, SurfaceRoot };

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

@@ -0,0 +1,21 @@
+import type { ComponentProps } from "react";
+import { SwitchContent, SwitchControl, SwitchIcon, SwitchRoot, SwitchThumb } from "./switch";
+export declare const Switch: (({ children, className, size, ...props }: import("./switch").SwitchRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, size, ...props }: import("./switch").SwitchRootProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...props }: import("./switch").SwitchContentProps) => import("react/jsx-runtime").JSX.Element;
+    Control: ({ children, className, ...props }: import("./switch").SwitchControlProps) => import("react/jsx-runtime").JSX.Element;
+    Thumb: ({ children, className, ...props }: import("./switch").SwitchThumbProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ children, className, ...props }: import("./switch").SwitchIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Switch = {
+    Props: ComponentProps<typeof SwitchRoot>;
+    RootProps: ComponentProps<typeof SwitchRoot>;
+    ContentProps: ComponentProps<typeof SwitchContent>;
+    ControlProps: ComponentProps<typeof SwitchControl>;
+    ThumbProps: ComponentProps<typeof SwitchThumb>;
+    IconProps: ComponentProps<typeof SwitchIcon>;
+};
+export { SwitchRoot, SwitchContent, SwitchControl, SwitchIcon, SwitchThumb };
+export type { SwitchRootProps, SwitchRootProps as SwitchProps, SwitchContentProps, SwitchControlProps, SwitchThumbProps, SwitchIconProps, } from "./switch";
+export { switchVariants } from "@masaraxui/styles";
+export type { SwitchVariants } from "@masaraxui/styles";

package/dist/components/switch/index.js

@@ -0,0 +1,16 @@
+"use strict";
+import { SwitchRoot, SwitchIcon, SwitchThumb, SwitchControl, SwitchContent } from './switch.js';
+export { switchVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Switch = Object.assign(SwitchRoot, {
+  Root: SwitchRoot,
+  Content: SwitchContent,
+  Control: SwitchControl,
+  Thumb: SwitchThumb,
+  Icon: SwitchIcon
+});
+
+export { Switch, SwitchContent, SwitchControl, SwitchIcon, SwitchRoot, SwitchThumb };

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,20 @@
+import type { SwitchVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+import { Switch as SwitchPrimitive } from "react-aria-components";
+interface SwitchRootProps extends ComponentPropsWithRef<typeof SwitchPrimitive>, SwitchVariants {
+}
+declare const SwitchRoot: ({ children, className, size, ...props }: SwitchRootProps) => import("react/jsx-runtime").JSX.Element;
+interface SwitchControlProps extends ComponentPropsWithRef<"span"> {
+}
+declare const SwitchControl: ({ children, className, ...props }: SwitchControlProps) => import("react/jsx-runtime").JSX.Element;
+interface SwitchThumbProps extends ComponentPropsWithRef<"span"> {
+}
+declare const SwitchThumb: ({ children, className, ...props }: SwitchThumbProps) => import("react/jsx-runtime").JSX.Element;
+interface SwitchIconProps extends ComponentPropsWithRef<"span"> {
+}
+declare const SwitchIcon: ({ children, className, ...props }: SwitchIconProps) => import("react/jsx-runtime").JSX.Element;
+interface SwitchContentProps extends ComponentPropsWithRef<"div"> {
+}
+declare const SwitchContent: ({ children, className, ...props }: SwitchContentProps) => import("react/jsx-runtime").JSX.Element;
+export { SwitchRoot, SwitchControl, SwitchThumb, SwitchIcon, SwitchContent };
+export type { SwitchRootProps, SwitchControlProps, SwitchThumbProps, SwitchIconProps, SwitchContentProps, };

package/dist/components/switch/switch.js

@@ -0,0 +1,118 @@
+"use client";
+import { switchVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { Switch } from 'react-aria-components';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const SwitchContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * Switch Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const SwitchRoot = ({
+  children,
+  className,
+  size,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => switchVariants({
+    size
+  }), [size]);
+  return /*#__PURE__*/jsx(SwitchContext, {
+    value: {
+      slots
+    },
+    children: /*#__PURE__*/jsx(Switch, {
+      "data-slot": "switch",
+      ...props,
+      className: composeTwRenderProps(className, slots.base()),
+      children: values => /*#__PURE__*/jsx(Fragment, {
+        children: typeof children === "function" ? children(values) : children
+      })
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Switch Control
+ * -----------------------------------------------------------------------------------------------*/
+
+const SwitchControl = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SwitchContext);
+  return /*#__PURE__*/jsx("span", {
+    className: composeSlotClassName(slots?.control, className),
+    "data-slot": "switch-control",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Switch Thumb
+ * -----------------------------------------------------------------------------------------------*/
+
+const SwitchThumb = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SwitchContext);
+  return /*#__PURE__*/jsx("span", {
+    className: composeSlotClassName(slots?.thumb, className),
+    "data-slot": "switch-thumb",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Switch Icon
+ * -----------------------------------------------------------------------------------------------*/
+
+const SwitchIcon = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SwitchContext);
+  return /*#__PURE__*/jsx("span", {
+    className: composeSlotClassName(slots?.icon, className),
+    "data-slot": "switch-icon",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Switch Content
+ * -----------------------------------------------------------------------------------------------*/
+
+const SwitchContent = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(SwitchContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.content, className),
+    "data-slot": "switch-content",
+    ...props,
+    children: children
+  });
+};
+
+export { SwitchContent, SwitchControl, SwitchIcon, SwitchRoot, SwitchThumb };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { SwitchGroupRoot } from "./switch-group";
+export declare const SwitchGroup: (({ children, className, orientation, ...props }: import("./switch-group").SwitchGroupRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, orientation, ...props }: import("./switch-group").SwitchGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type SwitchGroup = {
+    Props: ComponentProps<typeof SwitchGroupRoot>;
+    RootProps: ComponentProps<typeof SwitchGroupRoot>;
+};
+export { SwitchGroupRoot };
+export type { SwitchGroupRootProps, SwitchGroupRootProps as SwitchGroupProps } from "./switch-group";
+export { switchGroupVariants } from "@masaraxui/styles";
+export type { SwitchGroupVariants } from "@masaraxui/styles";

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

@@ -0,0 +1,12 @@
+"use strict";
+import { SwitchGroupRoot } from './switch-group.js';
+export { switchGroupVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const SwitchGroup = Object.assign(SwitchGroupRoot, {
+  Root: SwitchGroupRoot
+});
+
+export { SwitchGroup, SwitchGroupRoot };

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

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

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

@@ -0,0 +1,25 @@
+"use client";
+import { switchGroupVariants } from '@masaraxui/styles';
+import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const SwitchGroupRoot = ({
+  children,
+  className,
+  orientation,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => switchGroupVariants({
+    orientation
+  }), [orientation]);
+  return /*#__PURE__*/jsx("div", {
+    "data-slot": "switch-group",
+    ...props,
+    className: slots.base({
+      className
+    }),
+    children: children
+  });
+};
+
+export { SwitchGroupRoot };

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

@@ -0,0 +1,38 @@
+import type { ComponentProps } from "react";
+import { TableBody, TableCell, TableCollection, TableColumn, TableColumnResizer, TableContent, TableFooter, TableHeader, TableLoadMoreContent, TableLoadMoreItem, TableResizableContainer, TableRoot, TableRow, TableScrollContainer } from "./table";
+export declare const Table: import("react").ForwardRefExoticComponent<Omit<import("./table").TableRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Body: typeof TableBody;
+    Cell: import("react").ForwardRefExoticComponent<Omit<import("./table").TableCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    Collection: typeof import("react-aria-components").Collection;
+    Column: import("react").ForwardRefExoticComponent<Omit<import("./table").TableColumnProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    ColumnResizer: import("react").ForwardRefExoticComponent<Omit<import("./table").TableColumnResizerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: typeof TableContent;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("./table").TableFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: typeof TableHeader;
+    LoadMore: import("react").ForwardRefExoticComponent<Omit<import("./table").TableLoadMoreItemProps, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
+    LoadMoreContent: import("react").ForwardRefExoticComponent<Omit<import("./table").TableLoadMoreContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ResizableContainer: import("react").ForwardRefExoticComponent<Omit<import("./table").TableResizableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Root: import("react").ForwardRefExoticComponent<Omit<import("./table").TableRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Row: typeof TableRow;
+    ScrollContainer: import("react").ForwardRefExoticComponent<Omit<import("./table").TableScrollContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type Table = {
+    Props: ComponentProps<typeof TableRoot>;
+    RootProps: ComponentProps<typeof TableRoot>;
+    ScrollContainerProps: ComponentProps<typeof TableScrollContainer>;
+    ContentProps: ComponentProps<typeof TableContent>;
+    HeaderProps: ComponentProps<typeof TableHeader>;
+    ColumnProps: ComponentProps<typeof TableColumn>;
+    ColumnResizerProps: ComponentProps<typeof TableColumnResizer>;
+    BodyProps: ComponentProps<typeof TableBody>;
+    RowProps: ComponentProps<typeof TableRow>;
+    CellProps: ComponentProps<typeof TableCell>;
+    FooterProps: ComponentProps<typeof TableFooter>;
+    LoadMoreProps: ComponentProps<typeof TableLoadMoreItem>;
+    LoadMoreContentProps: ComponentProps<typeof TableLoadMoreContent>;
+    ResizableContainerProps: ComponentProps<typeof TableResizableContainer>;
+};
+export { TableRoot, TableScrollContainer, TableContent, TableHeader, TableColumn, TableColumnResizer, TableBody, TableRow, TableCell, TableFooter, TableCollection, TableLoadMoreItem, TableLoadMoreContent, TableResizableContainer, };
+export type { TableRootProps, TableRootProps as TableProps, TableScrollContainerProps, TableContentProps, TableHeaderProps, TableColumnProps, TableColumnResizerProps, TableBodyProps, TableRowProps, TableCellProps, TableFooterProps, TableLoadMoreItemProps, TableLoadMoreContentProps, TableResizableContainerProps, } from "./table";
+export { tableVariants } from "@masaraxui/styles";
+export type { TableVariants } from "@masaraxui/styles";