@texturehq/edges 1.5.1 → 1.5.3

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.5.1",
-  "generatedAt": "2025-10-10T17:36:16.911Z",
+  "version": "1.5.3",
+  "generatedAt": "2025-10-12T13:19:01.215Z",
   "components": [
     {
       "name": "ActionCell",
@@ -45,6 +45,46 @@
         }
       ]
     },
+    {
+      "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": "minWidth",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "AppShell",
       "importRoot": "@texturehq/edges",
@@ -602,6 +642,62 @@
         }
       ]
     },
+    {
+      "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": "minWidth",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "CopyToClipboard",
       "importRoot": "@texturehq/edges",
@@ -658,8 +754,41 @@
       "name": "Dialog",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Dialog",
-      "description": "Dialog  Generic modal/dialog surface with Edges defaults.",
-      "props": []
+      "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.  ## Usage Patterns  ### Uncontrolled with DialogTrigger (Recommended) ```tsx import { DialogTrigger, Dialog, Button } from \"@texturehq/edges\";  <DialogTrigger> <Button>Open Dialog</Button> <Dialog title=\"My Dialog\"> <p>Dialog content</p> </Dialog> </DialogTrigger> ```  ### Controlled (Advanced) ```tsx const [isOpen, setIsOpen] = useState(false);  <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} title=\"My Dialog\"> <p>Dialog content</p> </Dialog> ```",
+      "props": [
+        {
+          "name": "isOpen",
+          "type": "boolean"
+        },
+        {
+          "name": "onClose",
+          "type": "() => void"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "transparentOverlay",
+          "type": "boolean"
+        },
+        {
+          "name": "maxWidth",
+          "type": "string"
+        },
+        {
+          "name": "minWidth",
+          "type": "string"
+        },
+        {
+          "name": "contentPadding",
+          "type": "boolean"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        }
+      ]
     },
     {
       "name": "DialogHeader",
@@ -672,16 +801,8 @@
       "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": "Drawer  Sliding panel that anchors to screen edges.",
       "props": [
-        {
-          "name": "title",
-          "type": "string"
-        },
-        {
-          "name": "headerContent",
-          "type": "React.ReactNode"
-        },
         {
           "name": "children",
           "type": "React.ReactNode"
@@ -706,18 +827,6 @@
           "name": "className",
           "type": "string"
         },
-        {
-          "name": "primaryAction",
-          "type": "DrawerAction"
-        },
-        {
-          "name": "secondaryAction",
-          "type": "DrawerAction"
-        },
-        {
-          "name": "footerContent",
-          "type": "React.ReactNode"
-        },
         {
           "name": "contentPadding",
           "type": "boolean"
@@ -850,7 +959,7 @@
       "props": [
         {
           "name": "tag",
-          "type": "keyof JSX.IntrinsicElements"
+          "type": "React.ElementType"
         },
         {
           "name": "size",
@@ -1121,6 +1230,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 +1545,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"
@@ -1651,6 +1784,10 @@
           "name": "bottomItems",
           "type": "SideNavItem[]"
         },
+        {
+          "name": "bottomContent",
+          "type": "React.ReactNode"
+        },
         {
           "name": "logo",
           "type": "React.ReactNode"