@bug-on/m3-expressive 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -9574,19 +9574,19 @@ var CardImpl = React59.forwardRef(
     const baseClass = cn(
       cardVariants({ variant }),
       // Disabled state:
-      // - pointer-events-none → vô hiệu hóa tương tác hoàn toàn
+      // - pointer-events-none → disable interactions completely
       // - opacity-[0.38] → MD3 DisabledContainerOpacity
       disabled && "pointer-events-none opacity-[0.38]",
       className
     );
     const interactiveClass = cn(
-      // Xóa outline default, dùng state overlay & elevation của MD3 để biểu hiện focus
+      // Remove default outline, use MD3 state overlay & elevation for focus
       "focus-visible:outline-none focus:outline-none group",
-      // Layer overlay base pseudo-element
+      // Base pseudo-element overlay layer
       "before:absolute before:inset-0 before:pointer-events-none before:bg-m3-on-surface before:opacity-0 before:transition-opacity before:duration-200",
-      // Interactive states opacities
+      // Interactive state opacities
       "hover:before:opacity-[0.08] focus-visible:before:opacity-[0.10] active:before:opacity-[0.10]",
-      // Outlined interactive card: đổi màu border sang m3-outline khi focus/press/hover
+      // Outlined interactive card: change border color to m3-outline on focus/press/hover
       variant === "outlined" && "hover:border-m3-outline focus-visible:border-m3-outline active:border-m3-outline"
     );
     if (!isInteractive) {
@@ -12628,7 +12628,7 @@ var TimeInput = ({ state, className }) => {
                 fontWeight: 400,
                 lineHeight: 1,
                 width: 24,
-                // Căn theo height của input field
+                // Aligned with height of input field
                 marginTop: `${(TP_SIZE.timeFieldHeight - 57) / 2}px`
               },
               "aria-hidden": true,
@@ -13442,7 +13442,7 @@ var DrawerContent = React59.forwardRef(
       m.div,
       __spreadProps(__spreadValues({
         className: cn(
-          // MD3 Bottom Sheet shape: chỉ bo góc trên
+          // MD3 Bottom Sheet shape: top rounded corners only
           "fixed bottom-0 left-0 right-0 z-50",
           "rounded-t-[28px] bg-m3-surface-container-low",
           "flex flex-col overflow-hidden",
@@ -13471,7 +13471,7 @@ var DrawerContent = React59.forwardRef(
                 "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-m3-primary",
                 "transition-colors duration-200"
               ),
-              "aria-label": "\u0110\xF3ng b\u1EA3ng \u0111i\u1EC1u khi\u1EC3n",
+              "aria-label": "Close drawer panel",
               children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 20, "aria-hidden": "true" })
             }
           ),