@bizapps/design-system-testing 1.8.1 → 1.10.0

package/dist/editor.js

@@ -702,10 +702,11 @@ function Input({ className, type, ...props }) {
       type,
       "data-slot": "input",
       className: cn(
-        "border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none",
-        "placeholder:text-muted-foreground",
+        "border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[border-color,box-shadow] outline-hidden md:text-sm",
+        "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
+        "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
         "focus-visible:border-ring focus-visible:ring-ring/30 focus-visible:ring-3",
-        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3",
         "dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         className
@@ -976,9 +977,12 @@ function createResizableImage(options) {
   });
 }
 function LinkActions({ editor, labels, onEdit, onOpen }) {
-  const href = useEditorState({
+  const { href, canOpen } = useEditorState({
     editor,
-    selector: ({ editor: current }) => current.getAttributes("link").href ?? ""
+    selector: ({ editor: current }) => {
+      const value = current.getAttributes("link").href ?? "";
+      return { href: value, canOpen: !!value && current.can().setLink({ href: value }) };
+    }
   });
   return /* @__PURE__ */ jsxs(
     "div",
@@ -995,9 +999,9 @@ function LinkActions({ editor, labels, onEdit, onOpen }) {
             variant: "ghost",
             title: labels.open,
             "aria-label": labels.open,
-            disabled: !href,
+            disabled: !canOpen,
             onClick: () => {
-              if (!href) return;
+              if (!canOpen) return;
               if (onOpen) {
                 onOpen(href);
                 return;
@@ -1164,6 +1168,7 @@ function useRichTextEditor({
     (href, text) => {
       if (!editor) return;
       const url = href.trim();
+      if (url && !editor.can().setLink({ href: url })) return;
       if (linkNeedsText) {
         if (url && text?.trim()) {
           editor.chain().focus().insertContent({