@texturehq/edges 1.5.0 → 1.5.2

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.5.0",
-  "generatedAt": "2025-10-09T19:04:07.635Z",
+  "version": "1.5.2",
+  "generatedAt": "2025-10-11T01:32:19.252Z",
   "components": [
     {
       "name": "ActionCell",
@@ -45,6 +45,42 @@
         }
       ]
     },
+    {
+      "name": "Alert",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Alert",
+      "description": "Alert  A simple alert dialog with a single action button. Use for informational messages that require acknowledgment.",
+      "props": [
+        {
+          "name": "isOpen",
+          "type": "boolean"
+        },
+        {
+          "name": "onClose",
+          "type": "() => void"
+        },
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "message",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "confirmLabel",
+          "type": "string"
+        },
+        {
+          "name": "confirmVariant",
+          "type": "DialogAction[\"variant\"]"
+        },
+        {
+          "name": "maxWidth",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "AppShell",
       "importRoot": "@texturehq/edges",
@@ -602,6 +638,58 @@
         }
       ]
     },
+    {
+      "name": "Confirm",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Confirm",
+      "description": "Confirm  A confirmation dialog with confirm and cancel actions. Use for actions that require user confirmation before proceeding.",
+      "props": [
+        {
+          "name": "isOpen",
+          "type": "boolean"
+        },
+        {
+          "name": "onClose",
+          "type": "() => void"
+        },
+        {
+          "name": "onConfirm",
+          "type": "() => void"
+        },
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "message",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "confirmLabel",
+          "type": "string"
+        },
+        {
+          "name": "cancelLabel",
+          "type": "string"
+        },
+        {
+          "name": "confirmVariant",
+          "type": "DialogAction[\"variant\"]"
+        },
+        {
+          "name": "isDestructive",
+          "type": "boolean"
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean"
+        },
+        {
+          "name": "maxWidth",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "CopyToClipboard",
       "importRoot": "@texturehq/edges",
@@ -658,30 +746,44 @@
       "name": "Dialog",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Dialog",
-      "description": "Dialog  Generic modal/dialog surface with Edges defaults.",
-      "props": []
-    },
-    {
-      "name": "DialogHeader",
-      "importRoot": "@texturehq/edges",
-      "importPath": "@texturehq/edges/components/DialogHeader",
-      "description": "DialogHeader  Header area for dialogs with optional back arrow.",
-      "props": []
-    },
-    {
-      "name": "Drawer",
-      "importRoot": "@texturehq/edges",
-      "importPath": "@texturehq/edges/components/Drawer",
-      "description": "Maximum width of the drawer. Defaults to \"400px\". Can be any valid CSS width value.",
+      "description": "Dialog  Responsive modal dialog component with backdrop.  **Desktop (≥768px):** Centered modal with scale and fade animation **Mobile (<768px):** Bottom sheet that slides up from bottom  Includes optional header with title/back button and footer with action buttons.",
       "props": [
         {
-          "name": "title",
-          "type": "string"
+          "name": "isOpen",
+          "type": "boolean"
+        },
+        {
+          "name": "onClose",
+          "type": "() => void"
         },
         {
-          "name": "headerContent",
+          "name": "children",
           "type": "React.ReactNode"
         },
+        {
+          "name": "transparentOverlay",
+          "type": "boolean"
+        },
+        {
+          "name": "maxWidth",
+          "type": "string"
+        },
+        {
+          "name": "contentPadding",
+          "type": "boolean"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "Drawer",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Drawer",
+      "description": "Drawer  Sliding panel that anchors to screen edges.",
+      "props": [
         {
           "name": "children",
           "type": "React.ReactNode"
@@ -706,18 +808,6 @@
           "name": "className",
           "type": "string"
         },
-        {
-          "name": "primaryAction",
-          "type": "DrawerAction"
-        },
-        {
-          "name": "secondaryAction",
-          "type": "DrawerAction"
-        },
-        {
-          "name": "footerContent",
-          "type": "React.ReactNode"
-        },
         {
           "name": "contentPadding",
           "type": "boolean"
@@ -850,7 +940,7 @@
       "props": [
         {
           "name": "tag",
-          "type": "keyof JSX.IntrinsicElements"
+          "type": "React.ElementType"
         },
         {
           "name": "size",
@@ -1121,6 +1211,22 @@
         }
       ]
     },
+    {
+      "name": "ModalBackdrop",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ModalBackdrop",
+      "description": "ModalBackdrop  Shared backdrop/overlay component used by Dialog and Drawer. Wraps React Aria's ModalOverlay with consistent styling and smooth animations.",
+      "props": [
+        {
+          "name": "transparent",
+          "type": "boolean"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "Notice",
       "importRoot": "@texturehq/edges",
@@ -1420,12 +1526,20 @@
       "name": "Popover",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Popover",
-      "description": "Popover  Positioned overlay container with optional arrow, built on `react-aria-components` Popover.",
+      "description": "Popover content",
       "props": [
         {
           "name": "showArrow",
           "type": "boolean"
         },
+        {
+          "name": "withBackdrop",
+          "type": "boolean"
+        },
+        {
+          "name": "isDismissable",
+          "type": "boolean"
+        },
         {
           "name": "children",
           "type": "React.ReactNode"
@@ -1762,15 +1876,27 @@
       "description": "Child panels",
       "props": [
         {
-          "name": "defaultSize",
+          "name": "asideWidth",
+          "type": "number | string"
+        },
+        {
+          "name": "asideHeight",
+          "type": "number | string"
+        },
+        {
+          "name": "minAsideWidth",
           "type": "number"
         },
         {
-          "name": "minSize",
+          "name": "minAsideHeight",
           "type": "number"
         },
         {
-          "name": "maxSize",
+          "name": "minMainWidth",
+          "type": "number"
+        },
+        {
+          "name": "minMainHeight",
           "type": "number"
         },
         {
@@ -1782,13 +1908,25 @@
           "type": "boolean"
         },
         {
-          "name": "onResize",
+          "name": "onAsideResize",
           "type": "(size: number) => void"
         },
+        {
+          "name": "onResizeStart",
+          "type": "() => void"
+        },
+        {
+          "name": "onResizeEnd",
+          "type": "() => void"
+        },
         {
           "name": "className",
           "type": "string"
         },
+        {
+          "name": "dividerClassName",
+          "type": "string"
+        },
         {
           "name": "children",
           "type": "React.ReactNode"

package/dist/generated/viz-runtime.css

@@ -1,12 +1,12 @@
 /**
  * Data Visualization Color Palette - Runtime Override
- * 
+ *
  * WORKAROUND: These variables are defined here instead of in tailwind-tokens-*.css
  * because Tailwind 4's @theme directive filters them out (similar issue as data-* prefix).
- * 
+ *
  * AUTO-GENERATED by scripts/generate-viz-runtime.js
  * DO NOT EDIT MANUALLY - Edit tokens/base/data-visualization.json instead.
- * 
+ *
  * To customize dark mode viz colors, edit the "viz" section in tokens/themes/dark.json
  */