@seed-design/react 2.6.0 → 3.0.0

package/src/index.ts

@@ -5,8 +5,31 @@ export type { ResponsiveValue, UnwrapResponsive, BreakpointThreshold } from "./t
 export { useBreakpoint } from "./hooks/useBreakpoint";
 export type { UseBreakpointOptions } from "./hooks/useBreakpoint";
 export { useBreakpointValue } from "./hooks/useBreakpointValue";
-export { useScaleFeedback, ScaleFeedback } from "@seed-design/react-scale-feedback";
-export type { ScaleFeedbackProps } from "@seed-design/react-scale-feedback";
+export { useScaleFeedback, ScaleFeedback, ContentScale } from "@seed-design/react-scale-feedback";
+export type { ScaleFeedbackProps, ContentScaleProps } from "@seed-design/react-scale-feedback";
+export {
+  usePagination,
+  useTablePagination,
+  type PaginationChangeDetails,
+  type PaginationChangeReason,
+  type PaginationVisibleItemCount,
+  type TablePaginationChangeDetails,
+  type TablePaginationChangeReason,
+  type TablePaginationValue,
+  type UsePaginationProps,
+  type UseTablePaginationProps,
+} from "@seed-design/react-pagination";
+export {
+  useTimePicker,
+  type MinuteStep,
+  type TimePickerColumn,
+  type TimePickerColumnType,
+  type TimePickerColumnValueChangeDetails,
+  type TimePickerOption,
+  type TimePickerValue,
+  type UseTimePickerProps,
+  type UseTimePickerReturn,
+} from "@seed-design/react-time-picker";
 export { BreakpointProvider } from "./providers/BreakpointProvider";
 export type { BreakpointProviderProps } from "./providers/BreakpointProvider";
 

package/src/utils/withContentScale.test.tsx

@@ -0,0 +1,88 @@
+import { Primitive } from "@seed-design/react-primitive";
+import { render } from "@testing-library/react";
+import { describe, expect, it } from "bun:test";
+import * as React from "react";
+import { PageBannerContent, PageBannerRoot } from "../components/PageBanner/PageBanner";
+import { withContentScale } from "./withContentScale";
+
+const Pressable = withContentScale(Primitive.button);
+
+describe("withContentScale", () => {
+  describe("without asChild", () => {
+    it("makes the content scale box the element's only child, holding the children", () => {
+      const { container } = render(
+        <Pressable>
+          <span>prefix</span>
+          <span>body</span>
+        </Pressable>,
+      );
+
+      const root = container.firstElementChild;
+      const box = root?.firstElementChild;
+
+      expect(root?.tagName).toBe("BUTTON");
+      expect(root?.childNodes.length).toBe(1);
+      expect(box?.outerHTML).toBe(
+        '<span class="seed-content-scale"><span>prefix</span><span>body</span></span>',
+      );
+    });
+
+    it("forwards className and ref to the element and opts it into scale feedback", () => {
+      const ref = React.createRef<HTMLButtonElement>();
+      const { container } = render(
+        <Pressable ref={ref} className="custom">
+          content
+        </Pressable>,
+      );
+
+      const root = container.firstElementChild;
+
+      expect(root?.className).toBe("seed-scale-feedback custom");
+      expect(ref.current).toBe(root as HTMLButtonElement);
+    });
+  });
+
+  describe("with asChild", () => {
+    it("renders the child as the element and wraps the child's children in the box", () => {
+      const ref = React.createRef<HTMLButtonElement>();
+      const childRef = React.createRef<HTMLAnchorElement>();
+      const { container } = render(
+        <Pressable asChild ref={ref} className="custom">
+          <a href="/x" className="link" ref={childRef}>
+            <span>text</span>
+          </a>
+        </Pressable>,
+      );
+
+      const root = container.firstElementChild;
+
+      expect(container.childNodes.length).toBe(1);
+      expect(root?.tagName).toBe("A");
+      expect(root?.getAttribute("href")).toBe("/x");
+      expect(root?.className).toBe("seed-scale-feedback custom link");
+      expect(ref.current).toBe(root as HTMLButtonElement);
+      expect(childRef.current).toBe(root as HTMLAnchorElement);
+      expect(root?.innerHTML).toBe('<span class="seed-content-scale"><span>text</span></span>');
+    });
+  });
+
+  it("wraps an actionable PageBanner's button content through Root asChild", () => {
+    const { container } = render(
+      <PageBannerRoot asChild>
+        <button type="button">
+          <PageBannerContent>description</PageBannerContent>
+        </button>
+      </PageBannerRoot>,
+    );
+
+    const root = container.firstElementChild;
+    const box = root?.firstElementChild;
+
+    expect(root?.tagName).toBe("BUTTON");
+    expect(root?.classList.contains("seed-scale-feedback")).toBe(true);
+    expect(root?.childNodes.length).toBe(1);
+    expect(box?.className).toBe("seed-content-scale");
+    expect(box?.childNodes.length).toBe(1);
+    expect(box?.textContent).toBe("description");
+  });
+});

package/src/utils/withContentScale.tsx

@@ -0,0 +1,48 @@
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { Slottable } from "@radix-ui/react-slot";
+import { ContentScale, useScaleFeedback } from "@seed-design/react-scale-feedback";
+import clsx from "clsx";
+import * as React from "react";
+
+/**
+ * Wraps a component so its element opts into scale feedback and renders its
+ * children inside a `ContentScale` box, for slots whose recipe publishes
+ * `--seed-content-scale` instead of scaling the element itself.
+ *
+ * The children go through `Slottable`, so the box lands inside whichever element
+ * ends up rendered: the component's own element, or the `asChild` child, whose
+ * children are wrapped in its place.
+ */
+export function withContentScale<P>(
+  Component: React.ForwardRefExoticComponent<P>,
+): React.ForwardRefExoticComponent<P>;
+export function withContentScale(
+  Component: React.ForwardRefExoticComponent<
+    React.RefAttributes<HTMLElement> & { className?: string; children?: React.ReactNode }
+  >,
+): React.ForwardRefExoticComponent<
+  React.RefAttributes<HTMLElement> & { className?: string; children?: React.ReactNode }
+> {
+  const Pressable = React.forwardRef<
+    HTMLElement,
+    { className?: string; children?: React.ReactNode }
+  >(({ children, ...props }, ref) => {
+    const { scaleFeedbackRef, scaleFeedbackClassName } = useScaleFeedback();
+    const composedRef = useComposedRefs(scaleFeedbackRef, ref);
+
+    return (
+      <Component
+        {...props}
+        ref={composedRef}
+        className={clsx(scaleFeedbackClassName, props.className)}
+      >
+        <Slottable child={children}>
+          {(content) => <ContentScale>{content}</ContentScale>}
+        </Slottable>
+      </Component>
+    );
+  });
+
+  Pressable.displayName = Component.displayName;
+  return Pressable;
+}

package/lib/components/ActionChip/ActionChip.cjs

@@ -1,15 +0,0 @@
-"use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_Icon = require("../Icon/Icon.cjs");
-const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
-let _seed_design_react_primitive = require("@seed-design/react-primitive");
-let _seed_design_css_recipes_action_chip = require("@seed-design/css/recipes/action-chip");
-//#region src/components/ActionChip/ActionChip.tsx
-var { withContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_action_chip.actionChip);
-/**
-* @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
-*/
-var ActionChip = require_Icon.withIconRequired(withContext(_seed_design_react_primitive.Primitive.button), (props) => props.layout === "iconOnly");
-ActionChip.displayName = "ActionChip";
-//#endregion
-exports.ActionChip = ActionChip;

package/lib/components/ActionChip/ActionChip.d.ts

@@ -1,23 +0,0 @@
-import { ActionChipVariantProps } from '@seed-design/css/recipes/action-chip';
-import { PrimitiveProps } from '@seed-design/react-primitive';
-import type * as React from "react";
-/**
- * @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
- *
- * Migration guide:
- * ```tsx
- * // Before
- * <ActionChip size="medium">Label</ActionChip>
- *
- * // After
- * import { Chip } from "@seed-design/react";
- * <Chip.Button size="medium" variant="solid">Label</Chip.Button>
- * ```
- */
-export interface ActionChipProps extends ActionChipVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
-}
-/**
- * @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
- */
-export declare const ActionChip: React.ForwardRefExoticComponent<Omit<ActionChipProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ActionChip.d.ts.map

package/lib/components/ActionChip/ActionChip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionChip.d.ts","sourceRoot":"","sources":["../../../src/components/ActionChip/ActionChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eACf,SAAQ,sBAAsB,EAC5B,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD;;GAEG;AACH,eAAO,MAAM,UAAU,iJAGtB,CAAC"}

package/lib/components/ActionChip/ActionChip.js

@@ -1,14 +0,0 @@
-"use client";
-import { withIconRequired } from "../Icon/Icon.js";
-import { createRecipeContext } from "../../utils/createRecipeContext.js";
-import { Primitive } from "@seed-design/react-primitive";
-import { actionChip } from "@seed-design/css/recipes/action-chip";
-//#region src/components/ActionChip/ActionChip.tsx
-var { withContext } = createRecipeContext(actionChip);
-/**
-* @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
-*/
-var ActionChip = withIconRequired(withContext(Primitive.button), (props) => props.layout === "iconOnly");
-ActionChip.displayName = "ActionChip";
-//#endregion
-export { ActionChip };

package/lib/components/ActionChip/index.cjs

@@ -1,3 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ActionChip = require("./ActionChip.cjs");
-exports.ActionChip = require_ActionChip.ActionChip;

package/lib/components/ActionChip/index.d.ts

@@ -1,2 +0,0 @@
-export { ActionChip, type ActionChipProps, } from './ActionChip';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ActionChip/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC"}

package/lib/components/ActionChip/index.js

@@ -1,2 +0,0 @@
-import { ActionChip } from "./ActionChip.js";
-export { ActionChip };

package/lib/components/ActionSheet/ActionSheet.cjs

@@ -1,72 +0,0 @@
-"use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
-const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
-let _seed_design_react_dialog = require("@seed-design/react-dialog");
-let _seed_design_react_primitive = require("@seed-design/react-primitive");
-let _seed_design_css_recipes_action_sheet = require("@seed-design/css/recipes/action-sheet");
-let _seed_design_css_recipes_action_sheet_item = require("@seed-design/css/recipes/action-sheet-item");
-//#region src/components/ActionSheet/ActionSheet.tsx
-var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_action_sheet.actionSheet);
-var { withContext: withItemContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_action_sheet_item.actionSheetItem);
-var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_dialog.useDialogContext]);
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
-	lazyMount: true,
-	unmountOnExit: true
-} });
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetTrigger = _seed_design_react_dialog.Dialog.Trigger;
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner, "positioner");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetHeader = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.h2), "title");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.p), "description");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetList = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "list");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetItem = withItemContext(withStateProps(_seed_design_react_primitive.Primitive.button));
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetCloseButton = withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton");
-//#endregion
-exports.ActionSheetBackdrop = ActionSheetBackdrop;
-exports.ActionSheetCloseButton = ActionSheetCloseButton;
-exports.ActionSheetContent = ActionSheetContent;
-exports.ActionSheetDescription = ActionSheetDescription;
-exports.ActionSheetHeader = ActionSheetHeader;
-exports.ActionSheetItem = ActionSheetItem;
-exports.ActionSheetList = ActionSheetList;
-exports.ActionSheetPositioner = ActionSheetPositioner;
-exports.ActionSheetRoot = ActionSheetRoot;
-exports.ActionSheetTitle = ActionSheetTitle;
-exports.ActionSheetTrigger = ActionSheetTrigger;

package/lib/components/ActionSheet/ActionSheet.d.ts

@@ -1,113 +0,0 @@
-import { ActionSheetVariantProps } from '@seed-design/css/recipes/action-sheet';
-import { ActionSheetItemVariantProps } from '@seed-design/css/recipes/action-sheet-item';
-import { Dialog as DialogPrimitive } from '@seed-design/react-dialog';
-import { PrimitiveProps } from '@seed-design/react-primitive';
-import type * as React from "react";
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetRootProps extends ActionSheetVariantProps, DialogPrimitive.RootProps {
-    /**
-     * @default true
-     */
-    lazyMount?: DialogPrimitive.RootProps["lazyMount"];
-    /**
-     * @default true
-     */
-    unmountOnExit?: DialogPrimitive.RootProps["unmountOnExit"];
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetRoot: React.ForwardRefExoticComponent<ActionSheetRootProps>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetTriggerProps extends DialogPrimitive.TriggerProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetPositionerProps extends DialogPrimitive.PositionerProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetPositioner: React.ForwardRefExoticComponent<ActionSheetPositionerProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetBackdropProps extends DialogPrimitive.BackdropProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetBackdrop: React.ForwardRefExoticComponent<ActionSheetBackdropProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetContentProps extends DialogPrimitive.ContentProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetContent: React.ForwardRefExoticComponent<ActionSheetContentProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetHeader: React.ForwardRefExoticComponent<ActionSheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetTitleProps extends DialogPrimitive.TitleProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetTitle: React.ForwardRefExoticComponent<ActionSheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetDescriptionProps extends DialogPrimitive.DescriptionProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetDescription: React.ForwardRefExoticComponent<ActionSheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetListProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetList: React.ForwardRefExoticComponent<ActionSheetListProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetItemProps extends PrimitiveProps, ActionSheetItemVariantProps, React.HTMLAttributes<HTMLButtonElement> {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetItem: React.ForwardRefExoticComponent<ActionSheetItemProps & React.RefAttributes<HTMLButtonElement>>;
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export interface ActionSheetCloseButtonProps extends DialogPrimitive.CloseButtonProps {
-}
-/**
- * @deprecated Use `SwipeableMenuSheet` instead.
- */
-export declare const ActionSheetCloseButton: React.ForwardRefExoticComponent<ActionSheetCloseButtonProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ActionSheet.d.ts.map

package/lib/components/ActionSheet/ActionSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAWpC;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,eAAe,CAAC,SAAS;IAC9F;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,uDAK1B,CAAC;AAIH;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,wGAA0B,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,0BAA2B,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEtF;;GAEG;AACH,eAAO,MAAM,qBAAqB,mGAGjC,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAElF;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,gGAG9B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAG7B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAE5E;;GAEG;AACH,eAAO,MAAM,gBAAgB,kGAG5B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAExF;;GAEG;AACH,eAAO,MAAM,sBAAsB,0GAGU,CAAC;AAI9C;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF;;GAEG;AACH,eAAO,MAAM,eAAe,6FAG3B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,2BAA2B,EAC3B,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C;;GAEG;AACH,eAAO,MAAM,eAAe,gGAE3B,CAAC;AAIF;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAExF;;GAEG;AACH,eAAO,MAAM,sBAAsB,oGAGlC,CAAC"}

package/lib/components/ActionSheet/ActionSheet.js

@@ -1,61 +0,0 @@
-"use client";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { createWithStateProps } from "../../utils/createWithStateProps.js";
-import { createRecipeContext } from "../../utils/createRecipeContext.js";
-import { Dialog, useDialogContext } from "@seed-design/react-dialog";
-import { Primitive } from "@seed-design/react-primitive";
-import { actionSheet } from "@seed-design/css/recipes/action-sheet";
-import { actionSheetItem } from "@seed-design/css/recipes/action-sheet-item";
-//#region src/components/ActionSheet/ActionSheet.tsx
-var { withRootProvider, withContext } = createSlotRecipeContext(actionSheet);
-var { withContext: withItemContext } = createRecipeContext(actionSheetItem);
-var withStateProps = createWithStateProps([useDialogContext]);
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetRoot = withRootProvider(Dialog.Root, { defaultProps: {
-	lazyMount: true,
-	unmountOnExit: true
-} });
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetTrigger = Dialog.Trigger;
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetPositioner = withContext(Dialog.Positioner, "positioner");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetBackdrop = withContext(Dialog.Backdrop, "backdrop");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetContent = withContext(Dialog.Content, "content");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetHeader = withContext(withStateProps(Primitive.div), "header");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetTitle = withContext(withStateProps(Primitive.h2), "title");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetDescription = withContext(withStateProps(Primitive.p), "description");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetList = withContext(withStateProps(Primitive.div), "list");
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetItem = withItemContext(withStateProps(Primitive.button));
-/**
-* @deprecated Use `SwipeableMenuSheet` instead.
-*/
-var ActionSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
-//#endregion
-export { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger };

package/lib/components/ActionSheet/ActionSheet.namespace.cjs

@@ -1,23 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_ActionSheet = require("./ActionSheet.cjs");
-//#region src/components/ActionSheet/ActionSheet.namespace.ts
-var ActionSheet_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Backdrop: () => require_ActionSheet.ActionSheetBackdrop,
-	CloseButton: () => require_ActionSheet.ActionSheetCloseButton,
-	Content: () => require_ActionSheet.ActionSheetContent,
-	Description: () => require_ActionSheet.ActionSheetDescription,
-	Header: () => require_ActionSheet.ActionSheetHeader,
-	Item: () => require_ActionSheet.ActionSheetItem,
-	List: () => require_ActionSheet.ActionSheetList,
-	Positioner: () => require_ActionSheet.ActionSheetPositioner,
-	Root: () => require_ActionSheet.ActionSheetRoot,
-	Title: () => require_ActionSheet.ActionSheetTitle,
-	Trigger: () => require_ActionSheet.ActionSheetTrigger
-});
-//#endregion
-Object.defineProperty(exports, "ActionSheet_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return ActionSheet_namespace_exports;
-	}
-});

package/lib/components/ActionSheet/ActionSheet.namespace.d.ts

@@ -1,2 +0,0 @@
-export { ActionSheetBackdrop as Backdrop, ActionSheetPositioner as Positioner, ActionSheetContent as Content, ActionSheetHeader as Header, ActionSheetRoot as Root, ActionSheetTitle as Title, ActionSheetDescription as Description, ActionSheetTrigger as Trigger, ActionSheetList as List, ActionSheetItem as Item, ActionSheetCloseButton as CloseButton, type ActionSheetBackdropProps as BackdropProps, type ActionSheetPositionerProps as PositionerProps, type ActionSheetContentProps as ContentProps, type ActionSheetHeaderProps as HeaderProps, type ActionSheetRootProps as RootProps, type ActionSheetTitleProps as TitleProps, type ActionSheetDescriptionProps as DescriptionProps, type ActionSheetTriggerProps as TriggerProps, type ActionSheetListProps as ListProps, type ActionSheetItemProps as ItemProps, type ActionSheetCloseButtonProps as CloseButtonProps, } from './ActionSheet';
-//# sourceMappingURL=ActionSheet.namespace.d.ts.map

package/lib/components/ActionSheet/ActionSheet.namespace.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,QAAQ,EAC/B,qBAAqB,IAAI,UAAU,EACnC,kBAAkB,IAAI,OAAO,EAC7B,iBAAiB,IAAI,MAAM,EAC3B,eAAe,IAAI,IAAI,EACvB,gBAAgB,IAAI,KAAK,EACzB,sBAAsB,IAAI,WAAW,EACrC,kBAAkB,IAAI,OAAO,EAC7B,eAAe,IAAI,IAAI,EACvB,eAAe,IAAI,IAAI,EACvB,sBAAsB,IAAI,WAAW,EACrC,KAAK,wBAAwB,IAAI,aAAa,EAC9C,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,uBAAuB,IAAI,YAAY,EAC5C,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,qBAAqB,IAAI,UAAU,EACxC,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,uBAAuB,IAAI,YAAY,EAC5C,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,2BAA2B,IAAI,gBAAgB,GACrD,MAAM,eAAe,CAAC"}

package/lib/components/ActionSheet/ActionSheet.namespace.js

@@ -1,18 +0,0 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger } from "./ActionSheet.js";
-//#region src/components/ActionSheet/ActionSheet.namespace.ts
-var ActionSheet_namespace_exports = /* @__PURE__ */ __exportAll({
-	Backdrop: () => ActionSheetBackdrop,
-	CloseButton: () => ActionSheetCloseButton,
-	Content: () => ActionSheetContent,
-	Description: () => ActionSheetDescription,
-	Header: () => ActionSheetHeader,
-	Item: () => ActionSheetItem,
-	List: () => ActionSheetList,
-	Positioner: () => ActionSheetPositioner,
-	Root: () => ActionSheetRoot,
-	Title: () => ActionSheetTitle,
-	Trigger: () => ActionSheetTrigger
-});
-//#endregion
-export { ActionSheet_namespace_exports };

package/lib/components/ActionSheet/index.cjs

@@ -1,20 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ActionSheet = require("./ActionSheet.cjs");
-const require_ActionSheet_namespace = require("./ActionSheet.namespace.cjs");
-Object.defineProperty(exports, "ActionSheet", {
-	enumerable: true,
-	get: function() {
-		return require_ActionSheet_namespace.ActionSheet_namespace_exports;
-	}
-});
-exports.ActionSheetBackdrop = require_ActionSheet.ActionSheetBackdrop;
-exports.ActionSheetCloseButton = require_ActionSheet.ActionSheetCloseButton;
-exports.ActionSheetContent = require_ActionSheet.ActionSheetContent;
-exports.ActionSheetDescription = require_ActionSheet.ActionSheetDescription;
-exports.ActionSheetHeader = require_ActionSheet.ActionSheetHeader;
-exports.ActionSheetItem = require_ActionSheet.ActionSheetItem;
-exports.ActionSheetList = require_ActionSheet.ActionSheetList;
-exports.ActionSheetPositioner = require_ActionSheet.ActionSheetPositioner;
-exports.ActionSheetRoot = require_ActionSheet.ActionSheetRoot;
-exports.ActionSheetTitle = require_ActionSheet.ActionSheetTitle;
-exports.ActionSheetTrigger = require_ActionSheet.ActionSheetTrigger;

package/lib/components/ActionSheet/index.d.ts

@@ -1,3 +0,0 @@
-export { ActionSheetBackdrop, ActionSheetPositioner, ActionSheetContent, ActionSheetHeader, ActionSheetRoot, ActionSheetTitle, ActionSheetDescription, ActionSheetTrigger, ActionSheetList, ActionSheetItem, ActionSheetCloseButton, type ActionSheetBackdropProps, type ActionSheetPositionerProps, type ActionSheetContentProps, type ActionSheetHeaderProps, type ActionSheetRootProps, type ActionSheetTitleProps, type ActionSheetDescriptionProps, type ActionSheetTriggerProps, type ActionSheetListProps, type ActionSheetItemProps, type ActionSheetCloseButtonProps, } from './ActionSheet';
-export * as ActionSheet from './ActionSheet.namespace';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ActionSheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,WAAW,MAAM,yBAAyB,CAAC"}

package/lib/components/ActionSheet/index.js

@@ -1,3 +0,0 @@
-import { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger } from "./ActionSheet.js";
-import { ActionSheet_namespace_exports } from "./ActionSheet.namespace.js";
-export { ActionSheet_namespace_exports as ActionSheet, ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger };

package/lib/components/Columns/Columns.cjs

@@ -1,38 +0,0 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Box = require("../Box/Box.cjs");
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/Columns/Columns.tsx
-/**
-* @deprecated Use `HStack` instead.
-*/
-var Columns = react.forwardRef((props, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		ref,
-		display: "flex",
-		flexDirection: "row",
-		flexWrap: "nowrap",
-		justifyContent: "flex-start",
-		...props
-	});
-});
-/**
-* @deprecated Use `HStack` instead.
-*/
-var Column = react.forwardRef((props, ref) => {
-	const { width, ...otherProps } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		ref,
-		display: "flex",
-		flexDirection: "column",
-		width: width !== "content" ? "full" : void 0,
-		flexShrink: width ? 0 : void 0,
-		flexGrow: width ? 0 : 1,
-		...otherProps
-	});
-});
-//#endregion
-exports.Column = Column;
-exports.Columns = Columns;