@seed-design/react 0.0.1-alpha-20250210081704

package/src/components/HelpBubble/HelpBubble.tsx

@@ -0,0 +1,158 @@
+import { Popover as PopoverPrimitive, usePopoverContext } from "@seed-design/react-popover";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { helpBubble, type HelpBubbleVariantProps } from "@seed-design/recipe/helpBubble";
+import { forwardRef } from "react";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { Box, type BoxProps } from "../Box";
+import { Icon, type IconProps } from "../private/Icon";
+
+const { withRootProvider, withContext } = createStyleContext(helpBubble);
+const withStateProps = createWithStateProps([usePopoverContext]);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleRootProps extends HelpBubbleVariantProps, PopoverPrimitive.RootProps {}
+
+export const HelpBubbleRoot = withRootProvider<HelpBubbleRootProps>(PopoverPrimitive.Root, {
+  defaultProps: {
+    placement: "top",
+    gutter: 4,
+    overflowPadding: 16,
+    arrowPadding: 14,
+    flip: true,
+    slide: true,
+    strategy: "absolute",
+  },
+});
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleAnchorProps extends PopoverPrimitive.AnchorProps {}
+
+export const HelpBubbleAnchor = PopoverPrimitive.Anchor;
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleTriggerProps extends PopoverPrimitive.TriggerProps {}
+
+export const HelpBubbleTrigger = PopoverPrimitive.Trigger;
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubblePositionerProps extends PopoverPrimitive.PositionerProps {}
+
+export const HelpBubblePositioner = withContext<HTMLDivElement, HelpBubblePositionerProps>(
+  PopoverPrimitive.Positioner,
+  "positioner",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleBackdropProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const HelpBubbleBackdrop = withContext<HTMLDivElement, HelpBubbleBackdropProps>(
+  withStateProps(Primitive.div),
+  "backdrop",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleContentProps
+  extends PrimitiveProps,
+    Pick<BoxProps, "maxWidth">,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const HelpBubbleContent = withContext<HTMLDivElement, HelpBubbleContentProps>(
+  withStateProps(Box),
+  "content",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleArrowProps extends PopoverPrimitive.ArrowProps {}
+
+export const HelpBubbleArrow = withContext<HTMLDivElement, HelpBubbleArrowProps>(
+  PopoverPrimitive.Arrow,
+  "arrow",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleArrowTipProps extends React.SVGProps<SVGSVGElement> {
+  /**
+   * radius of the arrow tip
+   * @default 1
+   */
+  tipRadius?: number;
+}
+
+export const HelpBubbleArrowTip = forwardRef<SVGSVGElement, HelpBubbleArrowTipProps>(
+  (props, ref) => {
+    const { tipRadius = 1, ...otherProps } = props;
+    const api = usePopoverContext();
+    const width = api.rects.arrow?.width || 0;
+    const height = api.rects.arrow?.height || 0;
+    const pathData = `M0,0
+      H${width}
+      L${width / 2 + tipRadius},${height - tipRadius}
+      Q${width / 2},${height} ${width / 2 - tipRadius},${height - tipRadius}
+      Z`;
+
+    // TODO: mergeProps with api.stateProps
+    return (
+      <svg
+        aria-hidden="true"
+        width={width}
+        height={width}
+        viewBox={`0 0 ${width} ${height > width ? height : width}`}
+        ref={ref}
+        {...otherProps}
+      >
+        <path stroke="none" d={pathData} />
+      </svg>
+    );
+  },
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleCloseButtonProps extends PopoverPrimitive.CloseButtonProps {}
+
+export const HelpBubbleCloseButton = withContext<HTMLButtonElement, HelpBubbleCloseButtonProps>(
+  PopoverPrimitive.CloseButton,
+  "closeButton",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleCloseIconProps extends IconProps {}
+
+export const HelpBubbleCloseIcon = withContext<SVGSVGElement, HelpBubbleCloseIconProps>(
+  withStateProps(Icon),
+  "closeIcon",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleTitleProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const HelpBubbleTitle = withContext<HTMLSpanElement, HelpBubbleTitleProps>(
+  withStateProps(Primitive.span),
+  "title",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface HelpBubbleDescriptionProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const HelpBubbleDescription = withContext<HTMLDivElement, HelpBubbleDescriptionProps>(
+  withStateProps(Primitive.div),
+  "description",
+);

package/src/components/HelpBubble/index.ts

@@ -0,0 +1,28 @@
+export {
+  HelpBubbleAnchor,
+  HelpBubbleArrow,
+  HelpBubbleArrowTip,
+  HelpBubbleBackdrop,
+  HelpBubbleCloseButton,
+  HelpBubbleCloseIcon,
+  HelpBubbleContent,
+  HelpBubbleDescription,
+  HelpBubblePositioner,
+  HelpBubbleRoot,
+  HelpBubbleTitle,
+  HelpBubbleTrigger,
+  type HelpBubbleAnchorProps,
+  type HelpBubbleArrowProps,
+  type HelpBubbleArrowTipProps,
+  type HelpBubbleBackdropProps,
+  type HelpBubbleCloseButtonProps,
+  type HelpBubbleCloseIconProps,
+  type HelpBubbleContentProps,
+  type HelpBubbleDescriptionProps,
+  type HelpBubblePositionerProps,
+  type HelpBubbleRootProps,
+  type HelpBubbleTitleProps,
+  type HelpBubbleTriggerProps,
+} from "./HelpBubble";
+
+export * as HelpBubble from "./HelpBubble.namespace";

package/src/components/Inline/Inline.tsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Box, type BoxProps } from "../Box/Box";
+
+export interface InlineProps extends Omit<BoxProps, "display" | "direction" | "flexWrap"> {}
+
+export const Inline = React.forwardRef<HTMLDivElement, InlineProps>((props, ref) => {
+  return (
+    <Box
+      ref={ref}
+      display="flex"
+      flexDirection="row"
+      flexWrap="wrap"
+      alignItems="flexStart"
+      justifyContent="flexStart"
+      {...props}
+    />
+  );
+});

package/src/components/Inline/index.ts

@@ -0,0 +1 @@
+export { Inline, type InlineProps } from "./Inline";

package/src/components/InlineBanner/InlineBanner.namespace.ts

@@ -0,0 +1,22 @@
+export {
+  InlineBannerActionableIcon as ActionableIcon,
+  InlineBannerContent as Content,
+  InlineBannerDescription as Description,
+  InlineBannerDismissButton as DismissButton,
+  InlineBannerDismissIcon as DismissIcon,
+  InlineBannerIcon as Icon,
+  InlineBannerLink as Link,
+  InlineBannerRoot as Root,
+  InlineBannerTextContent as TextContent,
+  InlineBannerTitle as Title,
+  type InlineBannerActionableIconProps as ActionableIconProps,
+  type InlineBannerContentProps as ContentProps,
+  type InlineBannerDescriptionProps as DescriptionProps,
+  type InlineBannerDismissButtonProps as DismissButtonProps,
+  type InlineBannerDismissIconProps as DismissIconProps,
+  type InlineBannerIconProps as IconProps,
+  type InlineBannerLinkProps as LinkProps,
+  type InlineBannerRootProps as RootProps,
+  type InlineBannerTextContentProps as TextContentProps,
+  type InlineBannerTitleProps as TitleProps,
+} from "./InlineBanner";

package/src/components/InlineBanner/InlineBanner.tsx

@@ -0,0 +1,105 @@
+import clsx from "clsx";
+import * as React from "react";
+
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { inlineBanner, type InlineBannerVariantProps } from "@seed-design/recipe/inlineBanner";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { Icon, type IconProps } from "../private/Icon";
+import {
+  DismissibleDismissButton,
+  DismissibleRoot,
+  type DismissibleRootProps,
+} from "../private/useDismissible";
+
+const { withContext, withProvider, useClassNames } = createStyleContext(inlineBanner);
+
+export interface InlineBannerRootProps extends InlineBannerVariantProps, DismissibleRootProps {}
+
+export const InlineBannerRoot = withProvider<HTMLDivElement, InlineBannerRootProps>(
+  DismissibleRoot,
+  "root",
+);
+
+export interface InlineBannerContentProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const InlineBannerContent = withContext<HTMLDivElement, InlineBannerContentProps>(
+  Primitive.div,
+  "content",
+);
+
+export interface InlineBannerIconProps extends IconProps {}
+
+export const InlineBannerIcon = withContext<SVGSVGElement, InlineBannerIconProps>(Icon, "icon");
+
+export interface InlineBannerTextContentProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const InlineBannerTextContent = React.forwardRef<
+  HTMLDivElement,
+  InlineBannerTextContentProps
+>((props, ref) => {
+  return <Primitive.div ref={ref} {...props} />;
+});
+InlineBannerTextContent.displayName = "InlineBannerTextContent";
+
+export interface InlineBannerTitleProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const InlineBannerTitle = React.forwardRef<HTMLSpanElement, InlineBannerTitleProps>(
+  ({ className, ...otherProps }, ref) => {
+    const classNames = useClassNames();
+
+    return (
+      <>
+        <Primitive.span ref={ref} className={clsx(classNames.title, className)} {...otherProps} />
+        <Primitive.span className={classNames.spacer}> </Primitive.span>
+      </>
+    );
+  },
+);
+InlineBannerTitle.displayName = "InlineBannerTitle";
+
+export interface InlineBannerDescriptionProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const InlineBannerDescription = withContext<HTMLSpanElement, InlineBannerDescriptionProps>(
+  Primitive.span,
+  "description",
+);
+
+export interface InlineBannerLinkProps
+  extends PrimitiveProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const InlineBannerLink = withContext<HTMLButtonElement, InlineBannerLinkProps>(
+  Primitive.button,
+  "linkLabel",
+);
+
+export interface InlineBannerDismissButtonProps
+  extends PrimitiveProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const InlineBannerDismissButton = withContext<
+  HTMLButtonElement,
+  InlineBannerDismissButtonProps
+>(DismissibleDismissButton, "dismissButton");
+
+export interface InlineBannerDismissIconProps extends IconProps {}
+
+export const InlineBannerDismissIcon = withContext<SVGSVGElement, InlineBannerDismissIconProps>(
+  Icon,
+  "dismissIcon",
+);
+
+export interface InlineBannerActionableIconProps extends IconProps {}
+
+export const InlineBannerActionableIcon = withContext<
+  SVGSVGElement,
+  InlineBannerActionableIconProps
+>(Icon, "actionableIcon");

package/src/components/InlineBanner/index.ts

@@ -0,0 +1,24 @@
+export {
+  InlineBannerActionableIcon,
+  InlineBannerContent,
+  InlineBannerDescription,
+  InlineBannerDismissButton,
+  InlineBannerDismissIcon,
+  InlineBannerIcon,
+  InlineBannerLink,
+  InlineBannerRoot,
+  InlineBannerTextContent,
+  InlineBannerTitle,
+  type InlineBannerActionableIconProps,
+  type InlineBannerContentProps,
+  type InlineBannerDescriptionProps,
+  type InlineBannerDismissButtonProps,
+  type InlineBannerDismissIconProps,
+  type InlineBannerIconProps,
+  type InlineBannerLinkProps,
+  type InlineBannerRootProps,
+  type InlineBannerTextContentProps,
+  type InlineBannerTitleProps,
+} from "./InlineBanner";
+
+export * as InlineBanner from "./InlineBanner.namespace";

package/src/components/MannerTempBadge/MannerTempBadge.namespace.ts

@@ -0,0 +1,6 @@
+export {
+  MannerTempBadgeLabel as Label,
+  MannerTempBadgeRoot as Root,
+  type MannerTempBadgeLabelProps as LabelProps,
+  type MannerTempBadgeRootProps as RootProps,
+} from "./MannerTempBadge";

package/src/components/MannerTempBadge/MannerTempBadge.tsx

@@ -0,0 +1,32 @@
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import {
+  mannerTempBadge,
+  type MannerTempBadgeVariantProps,
+} from "@seed-design/recipe/mannerTempBadge";
+import type * as React from "react";
+import { createStyleContext } from "../../utils/createStyleContext";
+
+const { withProvider, withContext } = createStyleContext(mannerTempBadge);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface MannerTempBadgeRootProps
+  extends MannerTempBadgeVariantProps,
+    PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const MannerTempBadgeRoot = withProvider<HTMLSpanElement, MannerTempBadgeRootProps>(
+  Primitive.span,
+  "root",
+);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface MannerTempBadgeLabelProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const MannerTempBadgeLabel = withContext<HTMLSpanElement, MannerTempBadgeLabelProps>(
+  Primitive.span,
+  "label",
+);

package/src/components/MannerTempBadge/index.ts

@@ -0,0 +1,8 @@
+export {
+  MannerTempBadgeLabel,
+  MannerTempBadgeRoot,
+  type MannerTempBadgeLabelProps,
+  type MannerTempBadgeRootProps,
+} from "./MannerTempBadge";
+
+export * as MannerTempBadge from "./MannerTempBadge.namespace";

package/src/components/ProgressCircle/ProgressCircle.namespace.ts

@@ -0,0 +1,8 @@
+export {
+  ProgressCircleRoot as Root,
+  ProgressCircleTrack as Track,
+  ProgressCircleRange as Range,
+  type ProgressCircleRootProps as RootProps,
+  type ProgressCircleTrackProps as TrackProps,
+  type ProgressCircleRangeProps as RangeProps,
+} from "./ProgressCircle";

package/src/components/ProgressCircle/ProgressCircle.tsx

@@ -0,0 +1,31 @@
+import { ProgressCircle as ProgressCirclePrimitive } from "@seed-design/react-progress";
+import {
+  progressCircle,
+  type ProgressCircleVariantProps,
+} from "@seed-design/recipe/progressCircle";
+import { createStyleContext } from "../../utils/createStyleContext";
+
+const { withContext, withProvider } = createStyleContext(progressCircle);
+
+export interface ProgressCircleRootProps
+  extends ProgressCirclePrimitive.RootProps,
+    Omit<ProgressCircleVariantProps, "indeterminate"> {}
+
+export const ProgressCircleRoot = withProvider<SVGSVGElement, ProgressCircleRootProps>(
+  ProgressCirclePrimitive.Root,
+  "root",
+);
+
+export interface ProgressCircleTrackProps extends ProgressCirclePrimitive.TrackProps {}
+
+export const ProgressCircleTrack = withContext<SVGCircleElement, ProgressCircleTrackProps>(
+  ProgressCirclePrimitive.Track,
+  "track",
+);
+
+export interface ProgressCircleRangeProps extends ProgressCirclePrimitive.RangeProps {}
+
+export const ProgressCircleRange = withContext<SVGCircleElement, ProgressCircleRangeProps>(
+  ProgressCirclePrimitive.Range,
+  "range",
+);

package/src/components/ProgressCircle/index.ts

@@ -0,0 +1,10 @@
+export {
+  ProgressCircleRoot,
+  ProgressCircleTrack,
+  ProgressCircleRange,
+  type ProgressCircleRootProps,
+  type ProgressCircleTrackProps,
+  type ProgressCircleRangeProps,
+} from "./ProgressCircle";
+
+export * as ProgressCircle from "./ProgressCircle.namespace";

package/src/components/PullToRefresh/PullToRefresh.namespace.ts

@@ -0,0 +1,8 @@
+export {
+  PullToRefreshContent as Content,
+  PullToRefreshIndicator as Indicator,
+  PullToRefreshRoot as Root,
+  type PullToRefreshContentProps as ContentProps,
+  type PullToRefreshIndicatorProps as IndicatorProps,
+  type PullToRefreshRootProps as RootProps,
+} from "./PullToRefresh";

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -0,0 +1,25 @@
+import { PullToRefresh as PullToRefreshPrimitive } from "@seed-design/react-pull-to-refresh";
+import { pullToRefresh, type PullToRefreshVariantProps } from "@seed-design/recipe/pullToRefresh";
+import { createStyleContext } from "../../utils/createStyleContext";
+
+const { withContext, withProvider } = createStyleContext(pullToRefresh);
+
+export interface PullToRefreshRootProps
+  extends PullToRefreshVariantProps,
+    PullToRefreshPrimitive.RootProps {}
+
+export const PullToRefreshRoot = withProvider<SVGSVGElement, PullToRefreshRootProps>(
+  PullToRefreshPrimitive.Root,
+  "root",
+);
+
+export interface PullToRefreshIndicatorProps extends PullToRefreshPrimitive.IndicatorProps {}
+
+export const PullToRefreshIndicator = withContext<SVGCircleElement, PullToRefreshIndicatorProps>(
+  PullToRefreshPrimitive.Indicator,
+  "indicator",
+);
+
+export interface PullToRefreshContentProps extends PullToRefreshPrimitive.ContentProps {}
+
+export const PullToRefreshContent = PullToRefreshPrimitive.Content;

package/src/components/PullToRefresh/index.ts

@@ -0,0 +1,10 @@
+export {
+  PullToRefreshContent,
+  PullToRefreshIndicator,
+  PullToRefreshRoot,
+  type PullToRefreshContentProps,
+  type PullToRefreshIndicatorProps,
+  type PullToRefreshRootProps,
+} from "./PullToRefresh";
+
+export * as PullToRefresh from "./PullToRefresh.namespace";

package/src/components/ReactionButton/ReactionButton.namespace.ts

@@ -0,0 +1,12 @@
+export {
+  ReactionButtonCount as Count,
+  ReactionButtonLabel as Label,
+  ReactionButtonPrefixIcon as PrefixIcon,
+  ReactionButtonProgressIndicator as ProgressIndicator,
+  ReactionButtonRoot as Root,
+  type ReactionButtonCountProps as CountProps,
+  type ReactionButtonLabelProps as LabelProps,
+  type ReactionButtonPrefixIconProps as PrefixIconProps,
+  type ReactionButtonProgressIndicatorProps as ProgressIndicatorProps,
+  type ReactionButtonRootProps as RootProps,
+} from "./ReactionButton";

package/src/components/ReactionButton/ReactionButton.tsx

@@ -0,0 +1,80 @@
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import { Toggle as TogglePrimitive, useToggleContext } from "@seed-design/react-toggle";
+import {
+  reactionButton,
+  type ReactionButtonVariantProps,
+} from "@seed-design/recipe/reactionButton";
+import clsx from "clsx";
+import * as React from "react";
+import { createStyleContext } from "../../utils/createStyleContext";
+import { createWithStateProps } from "../../utils/createWithStateProps";
+import { Icon, type IconProps } from "../private/Icon";
+import {
+  PendingButtonProvider,
+  usePendingButton,
+  usePendingButtonContext,
+  type UsePendingButtonProps,
+} from "../private/usePendingButton";
+
+const { ClassNamesProvider, withContext } = createStyleContext(reactionButton);
+const withStateProps = createWithStateProps([usePendingButtonContext, useToggleContext]);
+
+export interface ReactionButtonRootProps
+  extends ReactionButtonVariantProps,
+    UsePendingButtonProps,
+    TogglePrimitive.RootProps {}
+
+export const ReactionButtonRoot = React.forwardRef<HTMLButtonElement, ReactionButtonRootProps>(
+  ({ size = "small", loading = false, className, ...otherProps }, ref) => {
+    const classNames = reactionButton({ size });
+    const api = usePendingButton({ loading, disabled: otherProps.disabled });
+
+    return (
+      <ClassNamesProvider value={classNames}>
+        <PendingButtonProvider value={api}>
+          <TogglePrimitive.Root
+            ref={ref}
+            className={clsx(classNames.root, className)}
+            {...api.stateProps}
+            {...otherProps}
+          />
+        </PendingButtonProvider>
+      </ClassNamesProvider>
+    );
+  },
+);
+ReactionButtonRoot.displayName = "ReactionButton";
+
+export interface ReactionButtonLabelProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const ReactionButtonLabel = withContext<HTMLSpanElement, ReactionButtonLabelProps>(
+  withStateProps(Primitive.span),
+  "label",
+);
+
+export interface ReactionButtonCountProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLSpanElement> {}
+
+export const ReactionButtonCount = withContext<HTMLSpanElement, ReactionButtonCountProps>(
+  withStateProps(Primitive.span),
+  "count",
+);
+
+export interface ReactionButtonPrefixIconProps extends IconProps {}
+
+export const ReactionButtonPrefixIcon = withContext<SVGSVGElement, ReactionButtonPrefixIconProps>(
+  withStateProps(Icon),
+  "prefixIcon",
+);
+
+export interface ReactionButtonProgressIndicatorProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const ReactionButtonProgressIndicator = withContext<
+  HTMLDivElement,
+  ReactionButtonProgressIndicatorProps
+>(withStateProps(Primitive.div), "progressIndicator");

package/src/components/ReactionButton/index.ts

@@ -0,0 +1,14 @@
+export {
+  ReactionButtonCount,
+  ReactionButtonLabel,
+  ReactionButtonPrefixIcon,
+  ReactionButtonProgressIndicator,
+  ReactionButtonRoot,
+  type ReactionButtonCountProps,
+  type ReactionButtonLabelProps,
+  type ReactionButtonPrefixIconProps,
+  type ReactionButtonProgressIndicatorProps,
+  type ReactionButtonRootProps,
+} from "./ReactionButton";
+
+export * as ReactionButton from "./ReactionButton.namespace";

package/src/components/SegmentedControl/SegmentedControl.namespace.ts

@@ -0,0 +1,12 @@
+export {
+  SegmentedControlIndicator as Indicator,
+  SegmentedControlRoot as Root,
+  SegmentedControlItem as Item,
+  SegmentedControlItemHiddenInput as SegmentHiddenInput,
+  SegmentedControlItemLabel as SegmentLabel,
+  type SegmentedControlIndicatorProps as IndicatorProps,
+  type SegmentedControlRootProps as RootProps,
+  type SegmentedControlItemProps as ItemProps,
+  type SegmentedControlItemHiddenInputProps as SegmentHiddenInputProps,
+  type SegmentedControlItemLabelProps as SegmentLabelProps,
+} from "./SegmentedControl";