@seed-design/react 2.5.1 → 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/styled.tsx

@@ -71,13 +71,17 @@ export function handleDimension(dimension: string | 0 | undefined): string | und
 }
 
 function handleBleed(
-  dimension: "asPadding" | string | 0 | undefined,
+  dimension: "asPadding" | "safeArea" | string | 0 | undefined,
   direction: "top" | "right" | "bottom" | "left",
 ) {
   if (dimension === "asPadding") {
     return `var(--seed-box-padding-${direction})`;
   }
 
+  if (dimension === "safeArea") {
+    return `var(--seed-safe-area-${direction})`;
+  }
+
   return handleDimension(dimension);
 }
 
@@ -92,7 +96,7 @@ function handleShadow(shadow: Shadow | (string & {}) | undefined) {
 
 function handlePaddingWithSafeArea(
   padding: string | 0 | undefined,
-  direction: "top" | "bottom",
+  direction: "top" | "right" | "bottom" | "left",
 ): string | undefined {
   if (padding === "safeArea") {
     return `var(--seed-safe-area-${direction})`;
@@ -257,71 +261,120 @@ interface BleedStyleProps {
   /**
    * Negative margin on all four sides to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleed?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 
   /**
    * Negative x-axis margin to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleedX?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 
   /**
    * Negative y-axis margin to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleedY?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 
   /**
    * Negative top margin to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleedTop?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 
   /**
    * Negative right margin to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleedRight?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 
   /**
    * Negative bottom margin to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleedBottom?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 
   /**
    * Negative left margin to extend the element outside its parent.
    * If set to "asPadding", it will use the padding value in the same direction.
+   * If set to "safeArea", it will use the safe area inset in the same direction.
    *
    * Cannot be combined with any `margin*` prop.
    */
   bleedLeft?: ResponsiveValue<
-    "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    | "asPadding"
+    | "safeArea"
+    | Dimension
+    | `spacingX.${SpacingX}`
+    | `spacingY.${SpacingY}`
+    | 0
+    | (string & {})
   >;
 }
 
@@ -479,14 +532,14 @@ export type StyleProps = {
   >;
 
   paddingRight?: ResponsiveValue<
-    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {})
   >;
 
   /**
    * Shorthand for `paddingRight`.
    */
   pr?: ResponsiveValue<
-    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {})
   >;
 
   paddingBottom?: ResponsiveValue<
@@ -501,14 +554,14 @@ export type StyleProps = {
   >;
 
   paddingLeft?: ResponsiveValue<
-    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {})
   >;
 
   /**
    * Shorthand for `paddingLeft`.
    */
   pl?: ResponsiveValue<
-    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {})
+    Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {})
   >;
 
   display?: ResponsiveValue<
@@ -747,13 +800,17 @@ export function useStyleProps<T extends UseStyleProps>(
           handlePaddingWithSafeArea(v, "top"),
         )),
       ...((paddingRight ?? pr) !== undefined &&
-        resolveResponsive("--seed-box-padding-right", paddingRight ?? pr, handleDimension)),
+        resolveResponsive("--seed-box-padding-right", paddingRight ?? pr, (v) =>
+          handlePaddingWithSafeArea(v, "right"),
+        )),
       ...((paddingBottom ?? pb) !== undefined &&
         resolveResponsive("--seed-box-padding-bottom", paddingBottom ?? pb, (v) =>
           handlePaddingWithSafeArea(v, "bottom"),
         )),
       ...((paddingLeft ?? pl) !== undefined &&
-        resolveResponsive("--seed-box-padding-left", paddingLeft ?? pl, handleDimension)),
+        resolveResponsive("--seed-box-padding-left", paddingLeft ?? pl, (v) =>
+          handlePaddingWithSafeArea(v, "left"),
+        )),
       ...((bleedTop ?? bleedY ?? bleed) !== undefined &&
         resolveResponsive("--seed-box-bleed-top", bleedTop ?? bleedY ?? bleed, (v) =>
           handleBleed(v, "top"),

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"}