najm-kit 2.11.10 → 2.11.11

package/dist/index.d.ts

@@ -558,7 +558,7 @@ type DialogPadding = "none" | "sm" | "md" | "lg";
 interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimitive.Content> {
     /** Controls the padding of the dialog surface. `none` also collapses the header/body/footer gap. Defaults to `sm` on mobile, `md` on desktop. */
     padding?: DialogPadding;
-    /** Hides the built-in top-right close (X). Use when the content provides its own close control (e.g. inside a page header). */
+    /** Hides the built-in close (X) in the top inline-end corner. Use when the content provides its own close control (e.g. inside a page header). */
     hideClose?: boolean;
 }
 declare function DialogContent({ className, children, padding, hideClose, onOpenAutoFocus, onCloseAutoFocus, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;

package/dist/index.mjs

@@ -1004,7 +1004,7 @@ function SheetContent({ className, portalClassName, side, children, ...props })
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 end-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
             /* @__PURE__ */ jsx(X, { className: "size-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
           ] })
@@ -1201,7 +1201,7 @@ function DialogContent({
         ...props,
         children: [
           children,
-          !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background cursor-pointer focus:ring-ring absolute top-4 right-4 rounded-xs text-muted-foreground hover:text-foreground transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+          !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "ring-offset-background cursor-pointer focus:ring-ring absolute top-4 end-4 rounded-xs text-muted-foreground hover:text-foreground transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
             /* @__PURE__ */ jsx(XIcon, {}),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
           ] })
@@ -1211,7 +1211,7 @@ function DialogContent({
   ] }) });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-start", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
@@ -1882,7 +1882,7 @@ function DialogChrome({
       DialogHeader,
       {
         className: cn(
-          "flex-row items-center justify-between gap-3 border-b border-border bg-secondary text-left text-secondary-foreground",
+          "flex-row items-center justify-between gap-3 border-b border-border bg-secondary text-start text-secondary-foreground",
           windowHeaderSpacing[resolvedPadding],
           headerClassName
         ),
@@ -2281,7 +2281,7 @@ function NDeleteDialog({
     {
       className: cn(
         "h-auto max-w-[380px] gap-0 rounded-[18px] border border-border bg-card p-6 pt-8 shadow-2xl dark:border-0 dark:bg-[#222b38]",
-        "[&>button]:right-4 [&>button]:top-4 [&>button]:flex [&>button]:size-6 [&>button]:items-center [&>button]:justify-center",
+        "[&>button]:end-4 [&>button]:top-4 [&>button]:flex [&>button]:size-6 [&>button]:items-center [&>button]:justify-center",
         "[&>button]:rounded-full [&>button]:bg-muted [&>button]:text-muted-foreground [&>button]:opacity-100 [&>button]:ring-offset-0",
         "[&>button]:hover:bg-secondary [&>button]:hover:text-foreground dark:[&>button]:bg-[#4d5a6d] dark:[&>button]:text-white dark:[&>button]:hover:bg-[#647186] dark:[&>button]:hover:text-white",
         className
@@ -14439,7 +14439,7 @@ function NSmartPasteDialog({
             onClick: handleMerge,
             disabled: !preview || preview.newCount === 0,
             children: [
-              /* @__PURE__ */ jsx(Merge, { className: "h-3.5 w-3.5 mr-1.5" }),
+              /* @__PURE__ */ jsx(Merge, { className: "h-3.5 w-3.5 me-1.5" }),
               preview ? `Merge ${preview.newCount} ${itemLabel}${preview.newCount !== 1 ? "s" : ""}` : "Merge"
             ]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "2.11.10",
+  "version": "2.11.11",
   "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",