@bizapps/design-system-testing 1.8.1 → 1.10.0

package/README.md

@@ -180,6 +180,7 @@ function App() {
 | `Radio` | `import { RadioGroup } from '@bizapps/ui'` |
 | `Select` | `import { Select } from '@bizapps/ui'` |
 | `Separator` | `import { Separator } from '@bizapps/ui'` |
+| `SignaturePad` | `import { SignaturePad } from '@bizapps/ui'` |
 | `Skeleton` | `import { Skeleton } from '@bizapps/ui'` |
 | `Slider` | `import { Slider } from '@bizapps/ui'` |
 | `Spinner` | `import { Spinner } from '@bizapps/ui'` |
@@ -228,9 +229,11 @@ Fonts and logos are served via CloudFront CDN (`https://dibt9vplwriap.cloudfront
 ```tsx
 import { logos, type LogoKey } from '@bizapps/ui';
 
-// 8 variants: color | colorAna | colorAnaa | negative | positive | grayScale | monochBlack | monochOrange
-<img src={logos.color} alt="TCCE Logo" />
-<img src={logos.negative} alt="TCCE Logo" height={40} />
+// Total Civil (unprefixed): color | colorAna | colorAnaa | negative | positive | grayScale | monochBlack | monochOrange | isotype
+// Total Millwork (millwork-prefixed): millworkColor | millworkNegative
+<img src={logos.color} alt="Total Civil logo" />
+<img src={logos.negative} alt="Total Civil logo" height={40} />
+<img src={logos.millworkColor} alt="Total Millwork logo" height={40} />
 ```
 
 ---

package/dist/editor.cjs

@@ -709,10 +709,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
@@ -983,9 +984,12 @@ function createResizableImage(options) {
   });
 }
 function LinkActions({ editor, labels, onEdit, onOpen }) {
-  const href = react$1.useEditorState({
+  const { href, canOpen } = react$1.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__ */ jsxRuntime.jsxs(
     "div",
@@ -1002,9 +1006,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;
@@ -1171,6 +1175,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({