@bug-on/m3-expressive 1.0.0 → 1.1.0

package/dist/{side-sheet-modal-BY6VCC8p.d.mts → side-sheet-modal-64FGhDxL.d.mts}

@@ -5,7 +5,7 @@ import { MotionStyle, useMotionValue, useTransform } from 'motion/react';
 import { b as ScrollAreaProps } from './scroll-area-CVS6HyLl.mjs';
 
 /**
- * Thuộc tính của cội gốc Root `Dialog`. Chức năng làm gương phản hồi của Radix `Dialog.Root` qua dạng controlled state đóng hay mở.
+ * Root `Dialog` props. Wraps Radix `Dialog.Root` supporting controlled and uncontrolled open state.
  *
  * @example
  * ```tsx
@@ -13,15 +13,15 @@ import { b as ScrollAreaProps } from './scroll-area-CVS6HyLl.mjs';
  *
  * <Dialog open={open} onOpenChange={setOpen}>
  *   <DialogTrigger asChild>
- *      <Button>Bấm Mở Dialog</Button>
+ *      <Button>Open Dialog</Button>
  *   </DialogTrigger>
  *   <DialogContent>
  *     <DialogHeader>
- *        <DialogTitle>Bạn có muốn phiêu lưu không?</DialogTitle>
+ *        <DialogTitle>Confirm Action</DialogTitle>
  *     </DialogHeader>
- *     <DialogBody>Chuẩn bị lên đồ rời khỏi hang nào.</DialogBody>
+ *     <DialogBody>Are you sure you want to proceed?</DialogBody>
  *     <DialogFooter>
- *        <Button onClick={() => setOpen(false)} variant="text">Đóng</Button>
+ *        <Button onClick={() => setOpen(false)} variant="text">Cancel</Button>
  *     </DialogFooter>
  *   </DialogContent>
  * </Dialog>
@@ -36,47 +36,46 @@ interface DialogProps {
     children: React$1.ReactNode;
 }
 /**
- * Các props được tiêm vào component bao ngoài Container `DialogContent` thuộc dạng Normal Standard.
+ * Props passed to standard container `DialogContent`.
  *
  * @see {@link DialogContent}
  */
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
-    /** Vô hình đi đi nút Close dấu (X) góc phải trên. @default false */
+    /** Hides the top-right close (X) button. @default false */
     hideCloseButton?: boolean;
     className?: string;
 }
 /**
- * Thuộc tính Props của biến thể `DialogFullScreenContent` chuyên dụng dành riêng cho Mode Full-Screen tràn màn hình.
+ * Props for `DialogFullScreenContent` dedicated to Full-Screen dialog mode.
  *
  * @remarks
- * Những hộp thoại Full-screen có biệt tài tự nới rộng và xâm chiếm cả bề ngang dọc nguyên thiết bị. Nó còn thiết lập một đường Top App bar (thanh ngang đỉnh)
- * kẹp chung cả 1 nhãn title mô tả đỉnh, một nút icon X dẹp ở rìa, thêm luôn hẳn cái nút Confirm cực xịn xò.
+ * Full-screen dialogs expand to cover the entire device screen and feature a Top App Bar
+ * with a title label, close button, and action confirmation button.
  *
  * @see {@link DialogFullScreenContent}
  * @see https://m3.material.io/components/dialogs/guidelines#full-screen
  */
 interface DialogFullScreenContentProps extends React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
-    /** Nhãn Title nằm vùng khu vực thanh ngang Top Bar. */
+    /** Title label displayed in the Top App Bar. */
     title?: string;
-    /** Chữ viết đính kèm bên trong cục Nút nhấn thao tác ngay trên góc Top App bar đó (VD: "Lưu lại", "Save"). */
+    /** Label for the primary action button on the Top App Bar (e.g. "Save"). */
     actionLabel?: string;
-    /** Hàm handler phát động cờ để kích chạy tính năng lưu, xác nhận kia. */
+    /** Handler invoked when pressing the primary action button. */
     onAction?: () => void;
-    /** Rạch một làn kẻ chia cách thân body nội dung cuộn bên dưới và dòng App bar cố thủ bên trên. @default false */
+    /** Renders a divider separating Top App Bar from scrollable body content. @default false */
     showDivider?: boolean;
     className?: string;
 }
 /**
- * Gốc rễ Root của Component Dialog — trạc lấp lên cái module `Dialog.Root` của nhà Radix.
+ * Dialog component Root — wraps Radix `Dialog.Root`.
  *
- * @remarks Cơ năng hoạt động ở chế độ Controlled (kiểm soát vòng đời ở Client) xài mảng `open`/`onOpenChange`.
- *  Tuy thế bạn nếu không thích thì đừng có xài truyền mấy cái Props tay đôi trên, mà bỏ xài kiểu Untracked thông qua cái cục `DialogTrigger` là đủ.
+ * @remarks Supports controlled state via `open`/`onOpenChange`, or uncontrolled state using `DialogTrigger`.
  */
 declare const Dialog: {
     ({ open, onOpenChange, children }: DialogProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** Bộ Trigger gieo phát đà giúp tắt bật cờ State đóng mở của Dialog con, dùng kèm kĩ năng nhét thông qua cái cầu `asChild`. */
+/** Trigger element that toggles the open state of the Dialog (supports `asChild`). */
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: {
     ({ open, children, }: {
@@ -108,11 +107,11 @@ interface DrawerProps {
     children: React$1.ReactNode;
 }
 interface DrawerContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content>, "asChild"> {
-    /** Chiều cao tối đa (vh). Mặc định 90vh */
+    /** Max height (vh). Default 90vh */
     maxHeight?: string;
-    /** Ẩn drag handle */
+    /** Hide drag handle */
     hideHandle?: boolean;
-    /** Ẩn nút đóng */
+    /** Hide close button */
     hideCloseButton?: boolean;
     className?: string;
 }

package/dist/{side-sheet-modal-CglP6KYA.d.ts → side-sheet-modal-Bd5Qqvp9.d.ts}

@@ -5,7 +5,7 @@ import { MotionStyle, useMotionValue, useTransform } from 'motion/react';
 import { b as ScrollAreaProps } from './scroll-area-CVS6HyLl.js';
 
 /**
- * Thuộc tính của cội gốc Root `Dialog`. Chức năng làm gương phản hồi của Radix `Dialog.Root` qua dạng controlled state đóng hay mở.
+ * Root `Dialog` props. Wraps Radix `Dialog.Root` supporting controlled and uncontrolled open state.
  *
  * @example
  * ```tsx
@@ -13,15 +13,15 @@ import { b as ScrollAreaProps } from './scroll-area-CVS6HyLl.js';
  *
  * <Dialog open={open} onOpenChange={setOpen}>
  *   <DialogTrigger asChild>
- *      <Button>Bấm Mở Dialog</Button>
+ *      <Button>Open Dialog</Button>
  *   </DialogTrigger>
  *   <DialogContent>
  *     <DialogHeader>
- *        <DialogTitle>Bạn có muốn phiêu lưu không?</DialogTitle>
+ *        <DialogTitle>Confirm Action</DialogTitle>
  *     </DialogHeader>
- *     <DialogBody>Chuẩn bị lên đồ rời khỏi hang nào.</DialogBody>
+ *     <DialogBody>Are you sure you want to proceed?</DialogBody>
  *     <DialogFooter>
- *        <Button onClick={() => setOpen(false)} variant="text">Đóng</Button>
+ *        <Button onClick={() => setOpen(false)} variant="text">Cancel</Button>
  *     </DialogFooter>
  *   </DialogContent>
  * </Dialog>
@@ -36,47 +36,46 @@ interface DialogProps {
     children: React$1.ReactNode;
 }
 /**
- * Các props được tiêm vào component bao ngoài Container `DialogContent` thuộc dạng Normal Standard.
+ * Props passed to standard container `DialogContent`.
  *
  * @see {@link DialogContent}
  */
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
-    /** Vô hình đi đi nút Close dấu (X) góc phải trên. @default false */
+    /** Hides the top-right close (X) button. @default false */
     hideCloseButton?: boolean;
     className?: string;
 }
 /**
- * Thuộc tính Props của biến thể `DialogFullScreenContent` chuyên dụng dành riêng cho Mode Full-Screen tràn màn hình.
+ * Props for `DialogFullScreenContent` dedicated to Full-Screen dialog mode.
  *
  * @remarks
- * Những hộp thoại Full-screen có biệt tài tự nới rộng và xâm chiếm cả bề ngang dọc nguyên thiết bị. Nó còn thiết lập một đường Top App bar (thanh ngang đỉnh)
- * kẹp chung cả 1 nhãn title mô tả đỉnh, một nút icon X dẹp ở rìa, thêm luôn hẳn cái nút Confirm cực xịn xò.
+ * Full-screen dialogs expand to cover the entire device screen and feature a Top App Bar
+ * with a title label, close button, and action confirmation button.
  *
  * @see {@link DialogFullScreenContent}
  * @see https://m3.material.io/components/dialogs/guidelines#full-screen
  */
 interface DialogFullScreenContentProps extends React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
-    /** Nhãn Title nằm vùng khu vực thanh ngang Top Bar. */
+    /** Title label displayed in the Top App Bar. */
     title?: string;
-    /** Chữ viết đính kèm bên trong cục Nút nhấn thao tác ngay trên góc Top App bar đó (VD: "Lưu lại", "Save"). */
+    /** Label for the primary action button on the Top App Bar (e.g. "Save"). */
     actionLabel?: string;
-    /** Hàm handler phát động cờ để kích chạy tính năng lưu, xác nhận kia. */
+    /** Handler invoked when pressing the primary action button. */
     onAction?: () => void;
-    /** Rạch một làn kẻ chia cách thân body nội dung cuộn bên dưới và dòng App bar cố thủ bên trên. @default false */
+    /** Renders a divider separating Top App Bar from scrollable body content. @default false */
     showDivider?: boolean;
     className?: string;
 }
 /**
- * Gốc rễ Root của Component Dialog — trạc lấp lên cái module `Dialog.Root` của nhà Radix.
+ * Dialog component Root — wraps Radix `Dialog.Root`.
  *
- * @remarks Cơ năng hoạt động ở chế độ Controlled (kiểm soát vòng đời ở Client) xài mảng `open`/`onOpenChange`.
- *  Tuy thế bạn nếu không thích thì đừng có xài truyền mấy cái Props tay đôi trên, mà bỏ xài kiểu Untracked thông qua cái cục `DialogTrigger` là đủ.
+ * @remarks Supports controlled state via `open`/`onOpenChange`, or uncontrolled state using `DialogTrigger`.
  */
 declare const Dialog: {
     ({ open, onOpenChange, children }: DialogProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-/** Bộ Trigger gieo phát đà giúp tắt bật cờ State đóng mở của Dialog con, dùng kèm kĩ năng nhét thông qua cái cầu `asChild`. */
+/** Trigger element that toggles the open state of the Dialog (supports `asChild`). */
 declare const DialogTrigger: React$1.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: {
     ({ open, children, }: {
@@ -108,11 +107,11 @@ interface DrawerProps {
     children: React$1.ReactNode;
 }
 interface DrawerContentProps extends Omit<React$1.ComponentPropsWithoutRef<typeof RadixDialog.Content>, "asChild"> {
-    /** Chiều cao tối đa (vh). Mặc định 90vh */
+    /** Max height (vh). Default 90vh */
     maxHeight?: string;
-    /** Ẩn drag handle */
+    /** Hide drag handle */
     hideHandle?: boolean;
-    /** Ẩn nút đóng */
+    /** Hide close button */
     hideCloseButton?: boolean;
     className?: string;
 }