@seed-design/react 0.0.1-alpha-20250210081704

package/src/components/SegmentedControl/SegmentedControl.tsx

@@ -0,0 +1,53 @@
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import {
+  SegmentedControl as SegmentedControlPrimitive,
+  useSegmentedControlItemContext,
+} from "@seed-design/react-segmented-control";
+import {
+  segmentedControl,
+  type SegmentedControlVariantProps,
+} from "@seed-design/recipe/segmentedControl";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+
+const { withProvider, withContext } = createStyleContext(segmentedControl);
+const withStateProps = createWithStateProps([useSegmentedControlItemContext]);
+
+export interface SegmentedControlRootProps
+  extends SegmentedControlVariantProps,
+    SegmentedControlPrimitive.RootProps {}
+
+export const SegmentedControlRoot = withProvider<HTMLDivElement, SegmentedControlRootProps>(
+  SegmentedControlPrimitive.Root,
+  "root",
+);
+
+export interface SegmentedControlIndicatorProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const SegmentedControlIndicator = withContext<
+  HTMLDivElement,
+  SegmentedControlIndicatorProps
+>(Primitive.div, "indicator");
+
+export interface SegmentedControlItemProps extends SegmentedControlPrimitive.ItemProps {}
+
+export const SegmentedControlItem = withContext<HTMLLabelElement, SegmentedControlItemProps>(
+  SegmentedControlPrimitive.Item,
+  "item",
+);
+
+export interface SegmentedControlItemHiddenInputProps
+  extends SegmentedControlPrimitive.ItemHiddenInputProps {}
+
+export const SegmentedControlItemHiddenInput = SegmentedControlPrimitive.ItemHiddenInput;
+
+export interface SegmentedControlItemLabelProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const SegmentedControlItemLabel = withContext<
+  HTMLSpanElement,
+  SegmentedControlItemLabelProps
+>(withStateProps(Primitive.span), "itemLabel");

package/src/components/SegmentedControl/index.ts

@@ -0,0 +1,14 @@
+export {
+  SegmentedControlIndicator,
+  SegmentedControlRoot,
+  SegmentedControlItem,
+  SegmentedControlItemHiddenInput,
+  SegmentedControlItemLabel,
+  type SegmentedControlIndicatorProps,
+  type SegmentedControlRootProps,
+  type SegmentedControlItemProps,
+  type SegmentedControlItemHiddenInputProps,
+  type SegmentedControlItemLabelProps,
+} from "./SegmentedControl";
+
+export * as SegmentedControl from "./SegmentedControl.namespace";

package/src/components/SelectBox/CheckSelectBox.namespace.ts

@@ -0,0 +1,18 @@
+export {
+  CheckSelectBoxContent as Content,
+  CheckSelectBoxControl as Control,
+  CheckSelectBoxDescription as Description,
+  CheckSelectBoxGroup as Group,
+  CheckSelectBoxHiddenInput as HiddenInput,
+  CheckSelectBoxIcon as Icon,
+  CheckSelectBoxLabel as Label,
+  CheckSelectBoxRoot as Root,
+  type CheckSelectBoxContentProps as ContentProps,
+  type CheckSelectBoxControlProps as ControlProps,
+  type CheckSelectBoxDescriptionProps as DescriptionProps,
+  type CheckSelectBoxGroupProps as GroupProps,
+  type CheckSelectBoxHiddenInputProps as HiddenInputProps,
+  type CheckSelectBoxIconProps as IconProps,
+  type CheckSelectBoxLabelProps as LabelProps,
+  type CheckSelectBoxRootProps as RootProps,
+} from "./CheckSelectBox";

package/src/components/SelectBox/CheckSelectBox.tsx

@@ -0,0 +1,79 @@
+import { Checkbox as CheckboxPrimitive, useCheckboxContext } from "@seed-design/react-checkbox";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { selectBox } from "@seed-design/recipe/selectBox";
+import { selectBoxGroup } from "@seed-design/recipe/selectBoxGroup";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { Icon, type IconProps } from "../private/Icon";
+import { forwardRef } from "react";
+
+const { withProvider: withGroupProvider } = createStyleContext(selectBoxGroup);
+const { withProvider, withContext } = createStyleContext(selectBox);
+const withStateProps = createWithStateProps([useCheckboxContext]);
+
+export interface CheckSelectBoxGroupProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+/**
+ * CheckSelectBoxGroup is a simple div wrapper for future extensibility.
+ * It does not have spacing by default, nesting <Stack> under it is recommended.
+ */
+export const CheckSelectBoxGroup = withGroupProvider<HTMLDivElement, CheckSelectBoxGroupProps>(
+  forwardRef<HTMLDivElement, CheckSelectBoxGroupProps>((props, ref) => (
+    <Primitive.div ref={ref} role="group" {...props} />
+  )),
+  "root",
+);
+
+export interface CheckSelectBoxRootProps extends CheckboxPrimitive.RootProps {}
+
+export const CheckSelectBoxRoot = withProvider<HTMLLabelElement, CheckSelectBoxRootProps>(
+  CheckboxPrimitive.Root,
+  "root",
+);
+
+export interface CheckSelectBoxContentProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const CheckSelectBoxContent = withContext<HTMLDivElement, CheckSelectBoxContentProps>(
+  withStateProps(Primitive.div),
+  "content",
+);
+
+export interface CheckSelectBoxLabelProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const CheckSelectBoxLabel = withContext<HTMLSpanElement, CheckSelectBoxLabelProps>(
+  withStateProps(Primitive.span),
+  "label",
+);
+
+export interface CheckSelectBoxDescriptionProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const CheckSelectBoxDescription = withContext<
+  HTMLSpanElement,
+  CheckSelectBoxDescriptionProps
+>(withStateProps(Primitive.span), "description");
+
+export interface CheckSelectBoxControlProps extends CheckboxPrimitive.ControlProps {}
+
+export const CheckSelectBoxControl = withContext<HTMLDivElement, CheckSelectBoxControlProps>(
+  CheckboxPrimitive.Control,
+  "checkboxControl",
+);
+
+export interface CheckSelectBoxIconProps extends IconProps {}
+
+export const CheckSelectBoxIcon = withContext<SVGSVGElement, CheckSelectBoxIconProps>(
+  withStateProps(Icon),
+  "checkboxIcon",
+);
+
+export interface CheckSelectBoxHiddenInputProps extends CheckboxPrimitive.HiddenInputProps {}
+
+export const CheckSelectBoxHiddenInput = CheckboxPrimitive.HiddenInput;

package/src/components/SelectBox/RadioSelectBox.namespace.ts

@@ -0,0 +1,18 @@
+export {
+  RadioSelectBoxContent as Content,
+  RadioSelectBoxControl as Control,
+  RadioSelectBoxDescription as Description,
+  RadioSelectBoxHiddenInput as HiddenInput,
+  RadioSelectBoxIcon as Icon,
+  RadioSelectBoxItem as Item,
+  RadioSelectBoxLabel as Label,
+  RadioSelectBoxRoot as Root,
+  type RadioSelectBoxContentProps as ContentProps,
+  type RadioSelectBoxControlProps as ControlProps,
+  type RadioSelectBoxDescriptionProps as DescriptionProps,
+  type RadioSelectBoxHiddenInputProps as HiddenInputProps,
+  type RadioSelectBoxIconProps as IconProps,
+  type RadioSelectBoxItemProps as ItemProps,
+  type RadioSelectBoxLabelProps as LabelProps,
+  type RadioSelectBoxRootProps as RootProps,
+} from "./RadioSelectBox";

package/src/components/SelectBox/RadioSelectBox.tsx

@@ -0,0 +1,73 @@
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import {
+  RadioGroup as RadioGroupPrimitive,
+  useRadioGroupItemContext,
+} from "@seed-design/react-radio-group";
+import { selectBox } from "@seed-design/recipe/selectBox";
+import { selectBoxGroup } from "@seed-design/recipe/selectBoxGroup";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { Icon, type IconProps } from "../private/Icon";
+
+const { withProvider: withGroupProvider } = createStyleContext(selectBoxGroup);
+const { withProvider, withContext } = createStyleContext(selectBox);
+const withStateProps = createWithStateProps([useRadioGroupItemContext]);
+
+export interface RadioSelectBoxRootProps extends RadioGroupPrimitive.RootProps {}
+
+export const RadioSelectBoxRoot = withGroupProvider<HTMLDivElement, RadioSelectBoxRootProps>(
+  RadioGroupPrimitive.Root,
+  "root",
+);
+
+export interface RadioSelectBoxItemProps extends RadioGroupPrimitive.ItemProps {}
+
+export const RadioSelectBoxItem = withProvider<HTMLLabelElement, RadioSelectBoxItemProps>(
+  RadioGroupPrimitive.Item,
+  "root",
+);
+
+export interface RadioSelectBoxContentProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const RadioSelectBoxContent = withContext<HTMLDivElement, RadioSelectBoxContentProps>(
+  withStateProps(Primitive.div),
+  "content",
+);
+
+export interface RadioSelectBoxLabelProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const RadioSelectBoxLabel = withContext<HTMLSpanElement, RadioSelectBoxLabelProps>(
+  withStateProps(Primitive.span),
+  "label",
+);
+
+export interface RadioSelectBoxDescriptionProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const RadioSelectBoxDescription = withContext<
+  HTMLSpanElement,
+  RadioSelectBoxDescriptionProps
+>(withStateProps(Primitive.span), "description");
+
+export interface RadioSelectBoxControlProps extends RadioGroupPrimitive.ItemControlProps {}
+
+export const RadioSelectBoxControl = withContext<HTMLDivElement, RadioSelectBoxControlProps>(
+  RadioGroupPrimitive.ItemControl,
+  "radioControl",
+);
+
+export interface RadioSelectBoxIconProps extends IconProps {}
+
+export const RadioSelectBoxIcon = withContext<SVGSVGElement, RadioSelectBoxIconProps>(
+  withStateProps(Icon),
+  "radioIcon",
+);
+
+export interface RadioSelectBoxHiddenInputProps extends RadioGroupPrimitive.ItemHiddenInputProps {}
+
+export const RadioSelectBoxHiddenInput = RadioGroupPrimitive.ItemHiddenInput;

package/src/components/SelectBox/index.ts

@@ -0,0 +1,40 @@
+export {
+  CheckSelectBoxContent,
+  CheckSelectBoxControl,
+  CheckSelectBoxDescription,
+  CheckSelectBoxGroup,
+  CheckSelectBoxHiddenInput,
+  CheckSelectBoxIcon,
+  CheckSelectBoxLabel,
+  CheckSelectBoxRoot,
+  type CheckSelectBoxContentProps,
+  type CheckSelectBoxControlProps,
+  type CheckSelectBoxDescriptionProps,
+  type CheckSelectBoxGroupProps,
+  type CheckSelectBoxHiddenInputProps,
+  type CheckSelectBoxIconProps,
+  type CheckSelectBoxLabelProps,
+  type CheckSelectBoxRootProps,
+} from "./CheckSelectBox";
+
+export {
+  RadioSelectBoxContent,
+  RadioSelectBoxControl,
+  RadioSelectBoxDescription,
+  RadioSelectBoxHiddenInput,
+  RadioSelectBoxIcon,
+  RadioSelectBoxItem,
+  RadioSelectBoxLabel,
+  RadioSelectBoxRoot,
+  type RadioSelectBoxContentProps,
+  type RadioSelectBoxControlProps,
+  type RadioSelectBoxDescriptionProps,
+  type RadioSelectBoxHiddenInputProps,
+  type RadioSelectBoxIconProps,
+  type RadioSelectBoxItemProps,
+  type RadioSelectBoxLabelProps,
+  type RadioSelectBoxRootProps,
+} from "./RadioSelectBox";
+
+export * as CheckSelectBox from "./CheckSelectBox.namespace";
+export * as RadioSelectBox from "./RadioSelectBox.namespace";

package/src/components/Skeleton/Skeleton.tsx

@@ -0,0 +1,13 @@
+import { skeleton, type SkeletonVariantProps } from "@seed-design/recipe/skeleton";
+import type * as React from "react";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { Box, type BoxProps } from "../Box";
+
+const { withProvider } = createStyleContext(skeleton);
+
+export interface SkeletonProps
+  extends SkeletonVariantProps,
+    Pick<BoxProps, "width" | "height">,
+    Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {}
+
+export const Skeleton = withProvider<HTMLDivElement, SkeletonProps>(Box, "root");

package/src/components/Skeleton/index.ts

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps } from "./Skeleton";

package/src/components/Snackbar/Snackbar.namespace.ts

@@ -0,0 +1,20 @@
+export {
+  SnackbarActionButton as ActionButton,
+  SnackbarAvoidOverlap as AvoidOverlap,
+  SnackbarCloseButton as CloseButton,
+  SnackbarMessage as Message,
+  SnackbarPrefixIcon as PrefixIcon,
+  SnackbarRegion as Region,
+  SnackbarRenderer as Renderer,
+  SnackbarRoot as Root,
+  SnackbarRootProvider as RootProvider,
+  type SnackbarActionButtonProps as ActionButtonProps,
+  type SnackbarAvoidOverlapProps as AvoidOverlapProps,
+  type SnackbarCloseButtonProps as CloseButtonProps,
+  type SnackbarMessageProps as MessageProps,
+  type SnackbarPrefixIconProps as PrefixIconProps,
+  type SnackbarRegionProps as RegionProps,
+  type SnackbarRendererProps as RendererProps,
+  type SnackbarRootProps as RootProps,
+  type SnackbarRootProviderProps as RootProviderProps,
+} from "./Snackbar";

package/src/components/Snackbar/Snackbar.tsx

@@ -0,0 +1,100 @@
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { Snackbar as SnackbarPrimitive } from "@seed-design/react-snackbar";
+import { snackbar, type SnackbarVariantProps } from "@seed-design/recipe/snackbar";
+import { snackbarRegion } from "@seed-design/recipe/snackbarRegion";
+import { visuallyHidden } from "@seed-design/recipe/visuallyHidden";
+import clsx from "clsx";
+import { forwardRef, useMemo } from "react";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { Icon, type IconProps } from "../private/Icon";
+
+const { withProvider: withRegionProvider } = createStyleContext(snackbarRegion);
+const { withProvider, withContext } = createStyleContext(snackbar);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarRootProviderProps extends SnackbarPrimitive.RootProviderProps {}
+
+export const SnackbarRootProvider = SnackbarPrimitive.RootProvider;
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarRegionProps extends SnackbarVariantProps, SnackbarPrimitive.RegionProps {}
+
+export const SnackbarRegion = withRegionProvider<HTMLDivElement, SnackbarRegionProps>(
+  SnackbarPrimitive.Region,
+  "root",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarRootProps extends SnackbarVariantProps, SnackbarPrimitive.RootProps {}
+
+export const SnackbarRoot = withProvider<HTMLDivElement, SnackbarRootProps>(
+  SnackbarPrimitive.Root,
+  "root",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarMessageProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const SnackbarMessage = withContext<HTMLDivElement, SnackbarMessageProps>(
+  Primitive.span,
+  "message",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarPrefixIconProps extends IconProps {}
+
+export const SnackbarPrefixIcon = withContext<HTMLDivElement, SnackbarPrefixIconProps>(
+  Icon,
+  "prefixIcon",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarActionButtonProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLButtonElement> {}
+
+export const SnackbarActionButton = withContext<HTMLButtonElement, SnackbarActionButtonProps>(
+  Primitive.button,
+  "actionButton",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarCloseButtonProps extends SnackbarPrimitive.CloseButtonProps {}
+
+/**
+ * Visually hidden button that closes the snackbar (for screen readers).
+ */
+export const SnackbarCloseButton = forwardRef<HTMLButtonElement, SnackbarCloseButtonProps>(
+  (props, ref) => {
+    const { className, ...otherProps } = props;
+    const classNames = useMemo(() => visuallyHidden(), []);
+    return (
+      <SnackbarPrimitive.CloseButton
+        ref={ref}
+        className={clsx(classNames.root, className)}
+        {...otherProps}
+      />
+    );
+  },
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarRendererProps extends SnackbarPrimitive.RendererProps {}
+
+export const SnackbarRenderer = SnackbarPrimitive.Renderer;
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SnackbarAvoidOverlapProps extends SnackbarPrimitive.AvoidOverlapProps {}
+
+export const SnackbarAvoidOverlap = SnackbarPrimitive.AvoidOverlap;

package/src/components/Snackbar/index.ts

@@ -0,0 +1,32 @@
+export {
+  SnackbarActionButton,
+  SnackbarAvoidOverlap,
+  SnackbarCloseButton,
+  SnackbarMessage,
+  SnackbarPrefixIcon,
+  SnackbarRegion,
+  SnackbarRenderer,
+  SnackbarRoot,
+  SnackbarRootProvider,
+  type SnackbarActionButtonProps,
+  type SnackbarAvoidOverlapProps,
+  type SnackbarCloseButtonProps,
+  type SnackbarMessageProps,
+  type SnackbarPrefixIconProps,
+  type SnackbarRegionProps,
+  type SnackbarRendererProps,
+  type SnackbarRootProps,
+  type SnackbarRootProviderProps,
+} from "./Snackbar";
+
+export {
+  useSnackbarContext,
+  type UseSnackbarContext,
+  type CreateSnackbarOptions,
+} from "@seed-design/react-snackbar";
+export {
+  useSnackbarAdapter,
+  type UseSnackbarAdapterReturn,
+} from "./useSnackbarAdapter";
+
+export * as Snackbar from "./Snackbar.namespace";

package/src/components/Snackbar/useSnackbarAdapter.ts

@@ -0,0 +1,28 @@
+import { useSnackbarContext, type CreateSnackbarOptions } from "@seed-design/react-snackbar";
+import { useMemo } from "react";
+
+export type UseSnackbarAdapterReturn = ReturnType<typeof useSnackbarAdapter>;
+
+/**
+ * wraps the snackbar context to provide a more user-friendly API
+ */
+export function useSnackbarAdapter() {
+  const api = useSnackbarContext();
+  const adapter = useMemo(
+    () => ({
+      visible: api.visible,
+      create: (options: CreateSnackbarOptions) => {
+        return api.create({
+          timeout: options.timeout ?? 5000,
+          removeDelay: options.removeDelay ?? 200,
+          onClose: options.onClose,
+          render: options.render,
+        });
+      },
+      dismiss: api.dismiss,
+    }),
+    [api],
+  );
+
+  return adapter;
+}

package/src/components/Stack/Stack.tsx

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { Box, type BoxProps } from "../Box/Box";
+
+export interface StackProps extends Omit<BoxProps, "display" | "direction"> {}
+
+export const Stack = React.forwardRef<HTMLDivElement, StackProps>((props, ref) => {
+  return <Box ref={ref} display="flex" flexDirection="column" {...props} />;
+});

package/src/components/Stack/index.ts

@@ -0,0 +1 @@
+export { Stack, type StackProps } from "./Stack";

package/src/components/Switch/Switch.namespace.ts

@@ -0,0 +1,12 @@
+export {
+  SwitchControl as Control,
+  SwitchHiddenInput as HiddenInput,
+  SwitchLabel as Label,
+  SwitchRoot as Root,
+  SwitchThumb as Thumb,
+  type SwitchControlProps as ControlProps,
+  type SwitchHiddenInputProps as HiddenInputProps,
+  type SwitchLabelProps as LabelProps,
+  type SwitchRootProps as RootProps,
+  type SwitchThumbProps as ThumbProps,
+} from "./Switch";

package/src/components/Switch/Switch.tsx

@@ -0,0 +1,50 @@
+import { Switch as SwitchPrimitive, useSwitchContext } from "@seed-design/react-switch";
+import { switchStyle, type SwitchVariantProps } from "@seed-design/recipe/switch";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+
+const { withProvider, withContext } = createStyleContext(switchStyle);
+const withStateProps = createWithStateProps([useSwitchContext]);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SwitchRootProps extends SwitchVariantProps, SwitchPrimitive.RootProps {}
+
+export const SwitchRoot = withProvider<HTMLLabelElement, SwitchRootProps>(
+  SwitchPrimitive.Root,
+  "root",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SwitchControlProps extends SwitchPrimitive.ControlProps {}
+
+export const SwitchControl = withContext<HTMLDivElement, SwitchControlProps>(
+  SwitchPrimitive.Control,
+  "control",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SwitchThumbProps extends SwitchPrimitive.ThumbProps {}
+
+export const SwitchThumb = withContext<HTMLDivElement, SwitchThumbProps>(
+  SwitchPrimitive.Thumb,
+  "thumb",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SwitchLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {}
+
+export const SwitchLabel = withContext<HTMLSpanElement, SwitchLabelProps>(
+  withStateProps(Primitive.span),
+  "label",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface SwitchHiddenInputProps extends SwitchPrimitive.HiddenInputProps {}
+
+export const SwitchHiddenInput = SwitchPrimitive.HiddenInput;

package/src/components/Switch/index.ts

@@ -0,0 +1,14 @@
+export {
+  SwitchControl,
+  SwitchHiddenInput,
+  SwitchLabel,
+  SwitchRoot,
+  SwitchThumb,
+  type SwitchControlProps,
+  type SwitchHiddenInputProps,
+  type SwitchLabelProps,
+  type SwitchRootProps,
+  type SwitchThumbProps,
+} from "./Switch";
+
+export * as Switch from "./Switch.namespace";

package/src/components/Tabs/Tabs.namespace.ts

@@ -0,0 +1,20 @@
+export {
+  TabsContent as Content,
+  TabsIndicator as Indicator,
+  TabsList as List,
+  TabsRoot as Root,
+  TabsCarouselCamera as CarouselCamera,
+  TabsCarousel as Carousel,
+  TabsTrigger as Trigger,
+  TabsTriggerLabel as TriggerLabel,
+  TabsTriggerNotification as TriggerNotification,
+  type TabsContentProps as ContentProps,
+  type TabsIndicatorProps as IndicatorProps,
+  type TabsListProps as ListProps,
+  type TabsRootProps as RootProps,
+  type TabsCarouselCameraProps as CarouselCameraProps,
+  type TabsCarouselProps as CarouselProps,
+  type TabsTriggerLabelProps as TriggerLabelProps,
+  type TabsTriggerNotificationProps as TriggerNotificationProps,
+  type TabsTriggerProps as TriggerProps,
+} from "./Tabs";