@seed-design/react 0.1.3 → 0.1.5

package/src/components/ActionSheet/ActionSheet.tsx

@@ -16,8 +16,14 @@ const withStateProps = createWithStateProps([useDialogContext]);
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetRootProps extends ActionSheetVariantProps, DialogPrimitive.RootProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetRoot = withRootProvider<ActionSheetRootProps>(DialogPrimitive.Root, {
   defaultProps: {
     lazyMount: true,
@@ -27,14 +33,26 @@ export const ActionSheetRoot = withRootProvider<ActionSheetRootProps>(DialogPrim
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetTriggerProps extends DialogPrimitive.TriggerProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetTrigger = DialogPrimitive.Trigger;
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetPositionerProps extends DialogPrimitive.PositionerProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetPositioner = withContext<HTMLDivElement, ActionSheetPositionerProps>(
   DialogPrimitive.Positioner,
   "positioner",
@@ -42,8 +60,14 @@ export const ActionSheetPositioner = withContext<HTMLDivElement, ActionSheetPosi
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetBackdropProps extends DialogPrimitive.BackdropProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetBackdrop = withContext<HTMLDivElement, ActionSheetBackdropProps>(
   DialogPrimitive.Backdrop,
   "backdrop",
@@ -51,8 +75,14 @@ export const ActionSheetBackdrop = withContext<HTMLDivElement, ActionSheetBackdr
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetContentProps extends DialogPrimitive.ContentProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetContent = withContext<HTMLDivElement, ActionSheetContentProps>(
   DialogPrimitive.Content,
   "content",
@@ -60,10 +90,16 @@ export const ActionSheetContent = withContext<HTMLDivElement, ActionSheetContent
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetHeaderProps
   extends PrimitiveProps,
     React.HTMLAttributes<HTMLDivElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetHeader = withContext<HTMLDivElement, ActionSheetHeaderProps>(
   withStateProps(Primitive.div),
   "header",
@@ -71,8 +107,14 @@ export const ActionSheetHeader = withContext<HTMLDivElement, ActionSheetHeaderPr
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetTitleProps extends DialogPrimitive.TitleProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetTitle = withContext<HTMLHeadingElement, ActionSheetTitleProps>(
   withStateProps(Primitive.h2),
   "title",
@@ -80,8 +122,14 @@ export const ActionSheetTitle = withContext<HTMLHeadingElement, ActionSheetTitle
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetDescriptionProps extends DialogPrimitive.DescriptionProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetDescription = withContext<
   HTMLParagraphElement,
   ActionSheetDescriptionProps
@@ -89,8 +137,14 @@ export const ActionSheetDescription = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetListProps extends React.HTMLAttributes<HTMLDivElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetList = withContext<HTMLDivElement, ActionSheetListProps>(
   withStateProps(Primitive.div),
   "list",
@@ -98,19 +152,31 @@ export const ActionSheetList = withContext<HTMLDivElement, ActionSheetListProps>
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetItemProps
   extends PrimitiveProps,
     ActionSheetItemVariantProps,
     React.HTMLAttributes<HTMLButtonElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetItem = withItemContext<HTMLButtonElement, ActionSheetItemProps>(
   withStateProps(Primitive.button),
 );
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ActionSheetCloseButtonProps extends DialogPrimitive.CloseButtonProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ActionSheetCloseButton = withContext<HTMLDivElement, ActionSheetCloseButtonProps>(
   DialogPrimitive.CloseButton,
   "closeButton",

package/src/components/Chip/Chip.namespace.ts

@@ -0,0 +1,10 @@
+export {
+  ChipLabel as Label,
+  ChipPrefixIcon as PrefixIcon,
+  ChipPrefixAvatar as PrefixAvatar,
+  ChipSuffixIcon as SuffixIcon,
+  type ChipLabelProps as LabelProps,
+  type ChipPrefixIconProps as PrefixIconProps,
+  type ChipPrefixAvatarProps as PrefixAvatarProps,
+  type ChipSuffixIconProps as SuffixIconProps,
+} from "./Chip";

package/src/components/Chip/Chip.tsx

@@ -0,0 +1,57 @@
+import { chip, type ChipVariantProps } from "@seed-design/css/recipes/chip";
+import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
+import type * as React from "react";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
+import { withIconRequired } from "../Icon/Icon";
+
+const { withProvider, withContext } = createSlotRecipeContext(chip);
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ChipRootProps
+  extends PrimitiveProps,
+    ChipVariantProps,
+    React.ButtonHTMLAttributes<HTMLButtonElement> {}
+
+export const ChipRoot = withIconRequired(
+  withProvider<HTMLButtonElement, ChipRootProps>(Primitive.button, "root"),
+  (props: ChipRootProps) => props.layout === "iconOnly",
+);
+ChipRoot.displayName = "Chip.Root";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ChipLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {}
+
+export const ChipLabel = withContext<HTMLSpanElement, ChipLabelProps>(Primitive.span, "label");
+ChipLabel.displayName = "Chip.Label";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ChipPrefixIconProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}
+export const ChipPrefixIcon = withContext<HTMLDivElement, ChipPrefixIconProps>(
+  Primitive.div,
+  "prefixIcon",
+);
+ChipPrefixIcon.displayName = "Chip.PrefixIcon";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ChipPrefixAvatarProps
+  extends PrimitiveProps,
+    React.HTMLAttributes<HTMLDivElement> {}
+
+export const ChipPrefixAvatar = withContext<HTMLDivElement, ChipPrefixAvatarProps>(
+  Primitive.div,
+  "prefixAvatar",
+);
+ChipPrefixAvatar.displayName = "Chip.PrefixAvatar";
+
+////////////////////////////////////////////////////////////////////////////////////
+
+export interface ChipSuffixIconProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {}
+export const ChipSuffixIcon = withContext<HTMLDivElement, ChipSuffixIconProps>(
+  Primitive.div,
+  "suffixIcon",
+);
+ChipSuffixIcon.displayName = "Chip.SuffixIcon";

package/src/components/Chip/index.ts

@@ -0,0 +1,14 @@
+export {
+  ChipRoot,
+  ChipLabel,
+  ChipPrefixIcon,
+  ChipPrefixAvatar,
+  ChipSuffixIcon,
+  type ChipRootProps,
+  type ChipLabelProps,
+  type ChipPrefixIconProps,
+  type ChipPrefixAvatarProps,
+  type ChipSuffixIconProps,
+} from "./Chip";
+
+export * as Chip from "./Chip.namespace";

package/src/components/ControlChip/ControlChip.tsx

@@ -6,13 +6,33 @@ import { withIconRequired } from "../Icon/Icon";
 
 const { withContext } = createRecipeContext(controlChip);
 
+/**
+ * @deprecated ControlChipBaseProps is deprecated. Use ChipBaseProps from Chip instead.
+ */
 export interface ControlChipBaseProps extends PrimitiveProps, ControlChipVariantProps {}
 
+/**
+ * @deprecated ControlChipProps is deprecated. Use Chip.Toggle or Chip.Button instead.
+ * 
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <ControlChip size="medium">Label</ControlChip>
+ * 
+ * // After
+ * import { Chip } from "@seed-design/react";
+ * <Chip.Toggle size="medium" variant="outlineStrong">Label</Chip.Toggle>
+ * ```
+ */
 export interface ControlChipProps
   extends ControlChipBaseProps,
     React.HTMLAttributes<HTMLButtonElement> {}
 
+/**
+ * @deprecated ControlChip is deprecated. Use Chip.Toggle or Chip.Button instead.
+ */
 export const ControlChip = withIconRequired(
   withContext<HTMLButtonElement, ControlChipProps>(Primitive.button),
   (props: ControlChipProps) => props.layout === "iconOnly",
 );
+ControlChip.displayName = "ControlChip";

package/src/components/ExtendedActionSheet/ExtendedActionSheet.tsx

@@ -19,10 +19,16 @@ const withStateProps = createWithStateProps([useDialogContext]);
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetRootProps
   extends ExtendedActionSheetVariantProps,
     DialogPrimitive.RootProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetRoot = withRootProvider<ExtendedActionSheetRootProps>(
   DialogPrimitive.Root,
   {
@@ -35,14 +41,26 @@ export const ExtendedActionSheetRoot = withRootProvider<ExtendedActionSheetRootP
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetTriggerProps extends DialogPrimitive.TriggerProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetTrigger = DialogPrimitive.Trigger;
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetPositionerProps extends DialogPrimitive.PositionerProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetPositioner = withContext<
   HTMLDivElement,
   ExtendedActionSheetPositionerProps
@@ -50,8 +68,14 @@ export const ExtendedActionSheetPositioner = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetBackdropProps extends DialogPrimitive.BackdropProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetBackdrop = withContext<
   HTMLDivElement,
   ExtendedActionSheetBackdropProps
@@ -59,8 +83,14 @@ export const ExtendedActionSheetBackdrop = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetContentProps extends DialogPrimitive.ContentProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetContent = withContext<
   HTMLDivElement,
   ExtendedActionSheetContentProps
@@ -68,10 +98,16 @@ export const ExtendedActionSheetContent = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetHeaderProps
   extends PrimitiveProps,
     React.HTMLAttributes<HTMLDivElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetHeader = withContext<
   HTMLDivElement,
   ExtendedActionSheetHeaderProps
@@ -79,8 +115,14 @@ export const ExtendedActionSheetHeader = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetTitleProps extends DialogPrimitive.TitleProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetTitle = withContext<
   HTMLHeadingElement,
   ExtendedActionSheetTitleProps
@@ -88,10 +130,16 @@ export const ExtendedActionSheetTitle = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetListProps
   extends PrimitiveProps,
     React.HTMLAttributes<HTMLDivElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetList = withContext<HTMLDivElement, ExtendedActionSheetListProps>(
   withStateProps(Primitive.div),
   "list",
@@ -99,8 +147,14 @@ export const ExtendedActionSheetList = withContext<HTMLDivElement, ExtendedActio
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetGroupProps extends React.HTMLAttributes<HTMLDivElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetGroup = withContext<HTMLDivElement, ExtendedActionSheetGroupProps>(
   withStateProps(Primitive.div),
   "group",
@@ -108,11 +162,17 @@ export const ExtendedActionSheetGroup = withContext<HTMLDivElement, ExtendedActi
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetItemProps
   extends PrimitiveProps,
     ExtendedActionSheetItemVariantProps,
     React.HTMLAttributes<HTMLButtonElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetItem = withItemContext<
   HTMLButtonElement,
   ExtendedActionSheetItemProps
@@ -120,10 +180,16 @@ export const ExtendedActionSheetItem = withItemContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetFooterProps
   extends PrimitiveProps,
     React.HTMLAttributes<HTMLDivElement> {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetFooter = withContext<
   HTMLDivElement,
   ExtendedActionSheetFooterProps
@@ -131,8 +197,14 @@ export const ExtendedActionSheetFooter = withContext<
 
 ////////////////////////////////////////////////////////////////////////////////////
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export interface ExtendedActionSheetCloseButtonProps extends DialogPrimitive.CloseButtonProps {}
 
+/**
+ * @deprecated Use `MenuSheet` instead.
+ */
 export const ExtendedActionSheetCloseButton = withContext<
   HTMLDivElement,
   ExtendedActionSheetCloseButtonProps

package/src/components/MenuSheet/MenuSheet.namespace.ts

@@ -0,0 +1,26 @@
+export {
+  MenuSheetBackdrop as Backdrop,
+  MenuSheetPositioner as Positioner,
+  MenuSheetContent as Content,
+  MenuSheetFooter as Footer,
+  MenuSheetHeader as Header,
+  MenuSheetRoot as Root,
+  MenuSheetTitle as Title,
+  MenuSheetTrigger as Trigger,
+  MenuSheetList as List,
+  MenuSheetGroup as Group,
+  MenuSheetItem as Item,
+  MenuSheetCloseButton as CloseButton,
+  type MenuSheetBackdropProps as BackdropProps,
+  type MenuSheetPositionerProps as PositionerProps,
+  type MenuSheetContentProps as ContentProps,
+  type MenuSheetFooterProps as FooterProps,
+  type MenuSheetHeaderProps as HeaderProps,
+  type MenuSheetRootProps as RootProps,
+  type MenuSheetTitleProps as TitleProps,
+  type MenuSheetTriggerProps as TriggerProps,
+  type MenuSheetListProps as ListProps,
+  type MenuSheetGroupProps as GroupProps,
+  type MenuSheetItemProps as ItemProps,
+  type MenuSheetCloseButtonProps as CloseButtonProps,
+} from "./MenuSheet";