@texturehq/edges 1.0.2 → 1.1.1

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.0.2",
-  "generatedAt": "2025-09-26T21:04:21.916Z",
+  "version": "1.1.1",
+  "generatedAt": "2025-09-29T21:55:57.587Z",
   "components": [
     {
       "name": "ActionCell",
@@ -394,32 +394,20 @@
       "name": "Card",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Card",
-      "description": "",
+      "description": "Card - Enterprise surface container component  A flexible, composable card component following enterprise design system best practices. Supports modular content sections with consistent styling and accessibility.  Usage: ```tsx <Card variant=\"outlined\" size=\"md\"> <Card.Header title=\"Card Title\" subtitle=\"Optional subtitle\" actions={<Button variant=\"ghost\" icon=\"MoreHorizontal\" />} /> <Card.Media src=\"image.jpg\" alt=\"Description\" /> <Card.Content> <p>Main content goes here</p> </Card.Content> <Card.Footer> <Button variant=\"primary\">Action</Button> </Card.Footer> </Card> ```",
       "props": [
         {
-          "name": "heading",
-          "type": "React.ReactNode"
-        },
-        {
-          "name": "upperRightText",
-          "type": "React.ReactNode"
-        },
-        {
-          "name": "withPadding",
-          "type": "boolean"
+          "name": "variant",
+          "type": "CardVariant"
         },
         {
-          "name": "isGhost",
-          "type": "boolean"
+          "name": "className",
+          "type": "string"
         },
         {
           "name": "children",
           "type": "React.ReactNode"
         },
-        {
-          "name": "className",
-          "type": "string"
-        },
         {
           "name": "isLoading",
           "type": "boolean"
@@ -793,6 +781,58 @@
       "description": "Form  Accessibility-first form wrapper with consistent spacing.",
       "props": []
     },
+    {
+      "name": "Grid",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Grid",
+      "description": "Child elements",
+      "props": [
+        {
+          "name": "cols",
+          "type": "ResponsiveValue<GridCols>"
+        },
+        {
+          "name": "gap",
+          "type": "GridGap"
+        },
+        {
+          "name": "gapY",
+          "type": "GridGap"
+        },
+        {
+          "name": "gapX",
+          "type": "GridGap"
+        },
+        {
+          "name": "align",
+          "type": "GridAlign"
+        },
+        {
+          "name": "justify",
+          "type": "GridJustify"
+        },
+        {
+          "name": "flow",
+          "type": "GridFlow"
+        },
+        {
+          "name": "autoFit",
+          "type": "string"
+        },
+        {
+          "name": "autoFill",
+          "type": "string"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
     {
       "name": "Heading",
       "importRoot": "@texturehq/edges",
@@ -835,6 +875,102 @@
       "description": "",
       "props": []
     },
+    {
+      "name": "Kpi",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Kpi",
+      "description": "Custom trend renderer",
+      "props": [
+        {
+          "name": "label",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "value",
+          "type": "number | string"
+        },
+        {
+          "name": "formatter",
+          "type": "KpiFormatter"
+        },
+        {
+          "name": "delta",
+          "type": "number"
+        },
+        {
+          "name": "deltaPeriodLabel",
+          "type": "string"
+        },
+        {
+          "name": "deltaIntent",
+          "type": "\"upIsGood\" | \"downIsGood\""
+        },
+        {
+          "name": "trend",
+          "type": "TrendPoint[]"
+        },
+        {
+          "name": "status",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "tone",
+          "type": "KpiStatus"
+        }
+      ]
+    },
+    {
+      "name": "KpiGroup",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/KpiGroup",
+      "description": "",
+      "props": [
+        {
+          "name": "label",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "value",
+          "type": "number | string"
+        },
+        {
+          "name": "formatter",
+          "type": "KpiFormatter"
+        },
+        {
+          "name": "delta",
+          "type": "number"
+        },
+        {
+          "name": "deltaPeriodLabel",
+          "type": "string"
+        },
+        {
+          "name": "deltaIntent",
+          "type": "\"upIsGood\" | \"downIsGood\""
+        },
+        {
+          "name": "trend",
+          "type": "TrendPoint[]"
+        },
+        {
+          "name": "status",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "tone",
+          "type": "KpiStatus"
+        }
+      ]
+    },
     {
       "name": "LineSeries",
       "importRoot": "@texturehq/edges",
@@ -1131,6 +1267,34 @@
         }
       ]
     },
+    {
+      "name": "PageLayout",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/PageLayout",
+      "description": "Constrain width and apply default page rhythm",
+      "props": [
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "maxWidth",
+          "type": "number"
+        },
+        {
+          "name": "paddingXClass",
+          "type": "string"
+        },
+        {
+          "name": "paddingYClass",
+          "type": "string"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "PlaceSearch",
       "importRoot": "@texturehq/edges",
@@ -1346,6 +1510,50 @@
         }
       ]
     },
+    {
+      "name": "Section",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Section",
+      "description": "Section content",
+      "props": [
+        {
+          "name": "title",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "description",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "actions",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "variant",
+          "type": "SectionVariant"
+        },
+        {
+          "name": "spacing",
+          "type": "SectionSpacing"
+        },
+        {
+          "name": "withDivider",
+          "type": "boolean"
+        },
+        {
+          "name": "headingAs",
+          "type": "\"h2\" | \"h3\" | \"h4\""
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
     {
       "name": "SegmentedControl",
       "importRoot": "@texturehq/edges",
@@ -1400,7 +1608,7 @@
       "props": [
         {
           "name": "topItems",
-          "type": "SideNavItem[]"
+          "type": "SideNavItem[] | SideNavSection[]"
         },
         {
           "name": "bottomItems",
@@ -1510,6 +1718,46 @@
         }
       ]
     },
+    {
+      "name": "SplitPane",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SplitPane",
+      "description": "Child panels",
+      "props": [
+        {
+          "name": "defaultSize",
+          "type": "number"
+        },
+        {
+          "name": "minSize",
+          "type": "number"
+        },
+        {
+          "name": "maxSize",
+          "type": "number"
+        },
+        {
+          "name": "orientation",
+          "type": "SplitPaneOrientation"
+        },
+        {
+          "name": "resizable",
+          "type": "boolean"
+        },
+        {
+          "name": "onResize",
+          "type": "(size: number) => void"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
     {
       "name": "StaticMap",
       "importRoot": "@texturehq/edges",
@@ -1517,6 +1765,50 @@
       "description": "",
       "props": []
     },
+    {
+      "name": "StatList",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/StatList",
+      "description": "Additional CSS classes",
+      "props": [
+        {
+          "name": "items",
+          "type": "StatItem[]"
+        },
+        {
+          "name": "layout",
+          "type": "StatLayout"
+        },
+        {
+          "name": "dense",
+          "type": "boolean"
+        },
+        {
+          "name": "valueAlign",
+          "type": "StatAlign"
+        },
+        {
+          "name": "showDividers",
+          "type": "boolean"
+        },
+        {
+          "name": "skeleton",
+          "type": "boolean"
+        },
+        {
+          "name": "empty",
+          "type": "boolean"
+        },
+        {
+          "name": "error",
+          "type": "string | React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "Switch",
       "importRoot": "@texturehq/edges",
@@ -1533,7 +1825,7 @@
       "name": "Tab",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Tab",
-      "description": "Tabs  Tabbed interface with styled tabs and panels.",
+      "description": "Tabs  Tabbed interface with styled tabs and panels. @param variant - \"default\" for gray styling, \"accent\" for brand color styling",
       "props": []
     },
     {
@@ -1554,8 +1846,13 @@
       "name": "Tabs",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Tabs",
-      "description": "Tabs  Tabbed interface with styled tabs and panels.",
-      "props": []
+      "description": "Tabs  Tabbed interface with styled tabs and panels. @param variant - \"default\" for gray styling, \"accent\" for brand color styling",
+      "props": [
+        {
+          "name": "variant",
+          "type": "TabVariant"
+        }
+      ]
     },
     {
       "name": "TextArea",