@texturehq/edges 1.25.2 → 1.26.0

package/dist/styles/utilities.css

@@ -29,8 +29,19 @@
 [role="menu"],
 [role="listbox"],
 [data-react-aria-dialog],
-[data-react-aria-modal] {
-  outline: none;
+[data-react-aria-modal],
+[data-react-aria-modal-overlay] {
+  outline: none !important;
+}
+
+/* Remove focus outlines from React Aria Modal and Dialog components */
+[data-react-aria-modal]:focus,
+[data-react-aria-modal]:focus-visible,
+[data-react-aria-dialog]:focus,
+[data-react-aria-dialog]:focus-visible,
+[role="dialog"]:focus,
+[role="dialog"]:focus-visible {
+  outline: none !important;
 }
 
 /**

package/dist/styles.css

@@ -1227,8 +1227,11 @@
     display: none;
   }
 }
-[role="dialog"], [role="menu"], [role="listbox"], [data-react-aria-dialog], [data-react-aria-modal] {
-  outline: none;
+[role="dialog"], [role="menu"], [role="listbox"], [data-react-aria-dialog], [data-react-aria-modal], [data-react-aria-modal-overlay] {
+  outline: none !important;
+}
+[data-react-aria-modal]:focus, [data-react-aria-modal]:focus-visible, [data-react-aria-dialog]:focus, [data-react-aria-dialog]:focus-visible, [role="dialog"]:focus, [role="dialog"]:focus-visible {
+  outline: none !important;
 }
 [role="menuitem"], [role="option"] {
   outline: none;
@@ -1769,6 +1772,9 @@
   .-ml-px {
     margin-left: -1px;
   }
+  .ml-1 {
+    margin-left: var(--spacing-1);
+  }
   .ml-2 {
     margin-left: var(--spacing-2);
   }
@@ -2141,6 +2147,9 @@
   .w-\[320px\] {
     width: 320px;
   }
+  .w-\[360px\] {
+    width: 360px;
+  }
   .w-\[400px\] {
     width: 400px;
   }
@@ -3253,6 +3262,12 @@
       background-color: color-mix(in oklab, var(--color-background-muted) 30%, transparent);
     }
   }
+  .bg-background-muted\/50 {
+    background-color: color-mix(in srgb, #f3f4f6 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-background-muted) 50%, transparent);
+    }
+  }
   .bg-background-selected {
     background-color: var(--color-background-selected);
   }
@@ -4983,6 +4998,12 @@
       margin-left: var(--spacing-0);
     }
   }
+  .first\:border-t-0 {
+    &:first-child {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
   .last\:border-0 {
     &:last-child {
       border-style: var(--tw-border-style);
@@ -5026,11 +5047,27 @@
       outline-color: var(--color-feedback-error-border);
     }
   }
+  .focus-within\:border-border-focus {
+    &:focus-within {
+      border-color: var(--color-border-focus);
+    }
+  }
   .focus-within\:border-border-input {
     &:focus-within {
       border-color: var(--color-border-input);
     }
   }
+  .focus-within\:bg-background-body {
+    &:focus-within {
+      background-color: var(--color-background-body);
+    }
+  }
+  .focus-within\:shadow-md {
+    &:focus-within {
+      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-within\:shadow-none {
     &:focus-within {
       --tw-shadow: 0 0 #0000;
@@ -5341,6 +5378,13 @@
       }
     }
   }
+  .hover\:text-brand-primary {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-brand-primary);
+      }
+    }
+  }
   .hover\:text-text-body {
     &:hover {
       @media (hover: hover) {
@@ -6013,21 +6057,11 @@
       text-align: right;
     }
   }
-  .md\:absolute {
-    @media (width >= 48rem) {
-      position: absolute;
-    }
-  }
   .md\:relative {
     @media (width >= 48rem) {
       position: relative;
     }
   }
-  .md\:left-1\/2 {
-    @media (width >= 48rem) {
-      left: calc(1/2 * 100%);
-    }
-  }
   .md\:order-1 {
     @media (width >= 48rem) {
       order: 1;
@@ -6233,12 +6267,6 @@
       flex-shrink: 0;
     }
   }
-  .md\:-translate-x-1\/2 {
-    @media (width >= 48rem) {
-      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   .md\:translate-x-0 {
     @media (width >= 48rem) {
       --tw-translate-x: var(--spacing-0);

package/dist/utilities.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.25.2",
+  "version": "1.26.0",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.25.2",
+  "version": "1.26.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",

package/scripts/setup-cursor-rules.js

@@ -242,19 +242,19 @@ const setupCursorRules = () => {
     cursorCount: cursorComponentCount,
     claudeCount: claudeComponentCount,
     codexCount: codexComponentCount,
-    version: packageVersion
+    version: packageVersion,
   };
 };
 
 try {
   const result = setupCursorRules();
-  
+
   // Print summary if we generated context
   if (result && (result.cursorCount > 0 || result.claudeCount > 0 || result.codexCount > 0)) {
     console.log("\n" + "=".repeat(60));
     console.log("🤖 Agent Context Generated Successfully");
     console.log("=".repeat(60));
-    
+
     if (result.cursorCount > 0) {
       console.log(`   ✅ Cursor: ${result.cursorCount} components (v${result.version})`);
     }
@@ -264,7 +264,7 @@ try {
     if (result.codexCount > 0) {
       console.log(`   ✅ Codex: ${result.codexCount} components (v${result.version})`);
     }
-    
+
     console.log(`   📦 Source: @texturehq/edges v${result.version}`);
     console.log("\n💡 Tip: Reload your AI agent to use the latest context");
     console.log("   Cursor: Cmd+Shift+P → 'Developer: Reload Window'");