@underverse-ui/underverse 1.0.134 → 1.0.136

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.134",
+  "version": "1.0.136",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -9343,6 +9343,7 @@ var DatePicker = ({
                   {
                     ref: inputRef,
                     type: "text",
+                    "aria-label": value ? formatDateDisplay(value) : placeholder || t("placeholder"),
                     disabled,
                     placeholder: placeholder || t("placeholder"),
                     value: isFocused ? inputValue : value ? formatDateDisplay(value) : "",
@@ -9360,8 +9361,7 @@ var DatePicker = ({
                     },
                     className: "w-full bg-transparent border-none outline-none focus:outline-none p-0 text-foreground font-medium placeholder-muted-foreground/60 min-w-0"
                   }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sr-only", children: value ? formatDateDisplay(value) : placeholder || t("placeholder") })
+                )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
                 value && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
@@ -10091,6 +10091,7 @@ var DateRangePicker = ({
                   {
                     ref: inputRef,
                     type: "text",
+                    "aria-label": tempStart ? displayLabel : placeholder,
                     disabled,
                     placeholder,
                     value: isFocused ? inputValue : tempStart ? displayLabel : "",
@@ -10108,8 +10109,7 @@ var DateRangePicker = ({
                     },
                     className: "w-full bg-transparent border-none outline-none focus:outline-none p-0 text-foreground font-medium placeholder-muted-foreground/60 min-w-0"
                   }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sr-only", children: tempStart ? displayLabel : placeholder })
+                )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn("transition-all duration-300 text-muted-foreground group-hover:text-foreground", isOpen && "rotate-180 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { className: cn(sizeStyles8[size].navIcon), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
             ]
@@ -10787,12 +10787,12 @@ function MonthYearPicker({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "div",
             {
               className: cn(
-                "flex items-center justify-center transition-colors duration-300",
+                "flex shrink-0 items-center justify-center transition-colors duration-300",
                 effectiveError ? "text-destructive" : success ? "text-success" : open ? "text-primary" : "text-muted-foreground group-hover:text-primary"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.Calendar, { className: cn(sz.icon, "transition-transform duration-300", open && "rotate-12") })
@@ -10801,12 +10801,12 @@ function MonthYearPicker({
           /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "span",
             {
-              className: cn("truncate font-medium transition-colors duration-200", !hasValue && "text-muted-foreground", hasValue && "text-foreground"),
+              className: cn("min-w-0 truncate font-medium transition-colors duration-200", !hasValue && "text-muted-foreground", hasValue && "text-foreground"),
               children: hasValue ? display : placeholder
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: cn("ml-2 transition-all duration-300 text-muted-foreground group-hover:text-foreground", open && "rotate-180 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.ChevronDown, { className: sz.icon }) })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: cn("ml-2 shrink-0 transition-all duration-300 text-muted-foreground group-hover:text-foreground", open && "rotate-180 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.ChevronDown, { className: sz.icon }) })
       ]
     }
   );
@@ -12492,12 +12492,12 @@ function TimePicker({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "div",
             {
               className: cn(
-                "flex items-center justify-center transition-colors duration-300",
+                "flex shrink-0 items-center justify-center transition-colors duration-300",
                 effectiveError ? "text-destructive" : success ? "text-success" : open ? "text-primary" : "text-muted-foreground group-hover:text-primary"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react18.Clock, { className: cn(sz.icon, "transition-transform duration-300", open && "rotate-12") })
@@ -12507,7 +12507,7 @@ function TimePicker({
             "span",
             {
               className: cn(
-                "truncate font-medium transition-colors duration-200",
+                "min-w-0 truncate font-medium transition-colors duration-200",
                 !hasCommittedValue && "text-muted-foreground",
                 hasCommittedValue ? "text-foreground" : ""
               ),
@@ -12515,7 +12515,7 @@ function TimePicker({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cn("ml-2 transition-all duration-300 text-muted-foreground group-hover:text-foreground", open && "rotate-180 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { className: sz.icon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cn("ml-2 shrink-0 transition-all duration-300 text-muted-foreground group-hover:text-foreground", open && "rotate-180 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { className: sz.icon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
       ]
     }
   );
@@ -13145,8 +13145,8 @@ var DateTimePicker = ({
               effectiveError && "border-destructive/60 bg-destructive/5"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate", children: displayValue || placeholder || "Select date & time" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: displayValue || placeholder || "Select date & time" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex shrink-0 items-center gap-2 text-muted-foreground", children: [
                 value && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "span",
                   {
@@ -25508,6 +25508,7 @@ var letter_spacing_default = LetterSpacing;
 
 // src/components/UEditor/table-align.ts
 var import_extension_table = require("@tiptap/extension-table");
+var import_state4 = require("@tiptap/pm/state");
 
 // src/components/UEditor/table-align-utils.ts
 function findTableNodeInfoAtResolvedPos($pos) {
@@ -25635,6 +25636,24 @@ var UEditorTable = import_extension_table.Table.extend({
         return true;
       }
     };
+  },
+  addProseMirrorPlugins() {
+    return [
+      new import_state4.Plugin({
+        appendTransaction(_transactions, _oldState, newState) {
+          const { doc, schema } = newState;
+          const paragraphType = schema.nodes.paragraph;
+          if (!paragraphType) return null;
+          const needsLeading = doc.firstChild?.type.name === "table";
+          const needsTrailing = doc.lastChild?.type.name === "table";
+          if (!needsLeading && !needsTrailing) return null;
+          const tr = newState.tr;
+          if (needsTrailing) tr.insert(doc.content.size, paragraphType.create());
+          if (needsLeading) tr.insert(0, paragraphType.create());
+          return tr;
+        }
+      })
+    ];
   }
 });
 var table_align_default = UEditorTable;
@@ -26070,7 +26089,7 @@ var EditorColorPalette = ({
 };
 
 // src/components/UEditor/image-commands.ts
-var import_state4 = require("@tiptap/pm/state");
+var import_state5 = require("@tiptap/pm/state");
 var IMAGE_WIDTHS_BY_LAYOUT = {
   block: {
     sm: 180,
@@ -26085,12 +26104,12 @@ var IMAGE_WIDTHS_BY_LAYOUT = {
 };
 function isSelectedImage(editor) {
   const { selection } = editor.state;
-  return selection instanceof import_state4.NodeSelection && selection.node.type.name === "image";
+  return selection instanceof import_state5.NodeSelection && selection.node.type.name === "image";
 }
 function applyImageLayout(editor, layout) {
   const { state, view } = editor;
   const { selection, schema } = state;
-  if (!(selection instanceof import_state4.NodeSelection) || selection.node.type.name !== "image") {
+  if (!(selection instanceof import_state5.NodeSelection) || selection.node.type.name !== "image") {
     editor.chain().focus().updateAttributes("image", { imageLayout: layout }).run();
     return;
   }
@@ -26108,10 +26127,10 @@ function applyImageLayout(editor, layout) {
       }
     }
     const resolvedPos = transaction.doc.resolve(Math.min(nextPos + 1, transaction.doc.content.size));
-    transaction = transaction.setSelection(import_state4.TextSelection.near(resolvedPos));
+    transaction = transaction.setSelection(import_state5.TextSelection.near(resolvedPos));
   } else {
     const resolvedPos = transaction.doc.resolve(selection.from);
-    transaction = transaction.setSelection(import_state4.NodeSelection.create(transaction.doc, resolvedPos.pos));
+    transaction = transaction.setSelection(import_state5.NodeSelection.create(transaction.doc, resolvedPos.pos));
   }
   view.dispatch(transaction.scrollIntoView());
   view.focus();