@texturehq/edges 1.0.0 → 1.0.2

package/dist/components.manifest.json

@@ -1,7 +1,14 @@
 {
-  "version": "1.0.0",
-  "generatedAt": "2025-09-23T14:29:22.998Z",
+  "version": "1.0.2",
+  "generatedAt": "2025-09-26T21:04:21.916Z",
   "components": [
+    {
+      "name": "ActionCell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ActionCell",
+      "description": "",
+      "props": []
+    },
     {
       "name": "ActionMenu",
       "importRoot": "@texturehq/edges",
@@ -38,6 +45,46 @@
         }
       ]
     },
+    {
+      "name": "AppShell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/AppShell",
+      "description": "Isomorphic AppShell component that works as both server and client component Uses CSS-only interactions by default for full SSR compatibility Can be progressively enhanced with JavaScript when enableJsEnhancements is true",
+      "props": [
+        {
+          "name": "sideNav",
+          "type": "Omit<SideNavProps, \"mobileMenuId\" | \"sidebarCollapseId\">"
+        },
+        {
+          "name": "topNav",
+          "type": "Pick<"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "contentPaddingX",
+          "type": "string"
+        },
+        {
+          "name": "contentPaddingY",
+          "type": "string"
+        },
+        {
+          "name": "showSidebarBorder",
+          "type": "boolean"
+        },
+        {
+          "name": "mainClassName",
+          "type": "string"
+        },
+        {
+          "name": "enableJsEnhancements",
+          "type": "boolean"
+        }
+      ]
+    },
     {
       "name": "AreaSeries",
       "importRoot": "@texturehq/edges",
@@ -243,6 +290,13 @@
       "description": "",
       "props": []
     },
+    {
+      "name": "BooleanCell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/BooleanCell",
+      "description": "",
+      "props": []
+    },
     {
       "name": "Breadcrumb",
       "importRoot": "@texturehq/edges",
@@ -419,6 +473,30 @@
         }
       ]
     },
+    {
+      "name": "CheckboxGroup",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/CheckboxGroup",
+      "description": "Checkbox  Single checkbox with Edges visuals.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "ReactNode"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        }
+      ]
+    },
     {
       "name": "Chip",
       "importRoot": "@texturehq/edges",
@@ -527,6 +605,30 @@
         }
       ]
     },
+    {
+      "name": "CopyToClipboard",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/CopyToClipboard",
+      "description": "Size of the copy button, defaults to \"sm\"",
+      "props": [
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "type": "\"sm\" | \"md\""
+        }
+      ]
+    },
     {
       "name": "DataTable",
       "importRoot": "@texturehq/edges",
@@ -534,6 +636,13 @@
       "description": "",
       "props": []
     },
+    {
+      "name": "DateCell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/DateCell",
+      "description": "",
+      "props": []
+    },
     {
       "name": "DateField",
       "importRoot": "@texturehq/edges",
@@ -789,6 +898,14 @@
         {
           "name": "showWordmark",
           "type": "boolean"
+        },
+        {
+          "name": "width",
+          "type": "number"
+        },
+        {
+          "name": "fill",
+          "type": "string"
         }
       ]
     },
@@ -939,6 +1056,13 @@
         }
       ]
     },
+    {
+      "name": "NumberCell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/NumberCell",
+      "description": "",
+      "props": []
+    },
     {
       "name": "NumberField",
       "importRoot": "@texturehq/edges",
@@ -1261,6 +1385,53 @@
       "description": "Whether to use transparent background",
       "props": []
     },
+    {
+      "name": "SelectCell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SelectCell",
+      "description": "",
+      "props": []
+    },
+    {
+      "name": "SideNav",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SideNav",
+      "description": "",
+      "props": [
+        {
+          "name": "topItems",
+          "type": "SideNavItem[]"
+        },
+        {
+          "name": "bottomItems",
+          "type": "SideNavItem[]"
+        },
+        {
+          "name": "logo",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "showLogo",
+          "type": "boolean"
+        },
+        {
+          "name": "linkComponent",
+          "type": "React.ElementType"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "mobileMenuId",
+          "type": "string"
+        },
+        {
+          "name": "sidebarCollapseId",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "Skeleton",
       "importRoot": "@texturehq/edges",
@@ -1268,6 +1439,13 @@
       "description": "",
       "props": []
     },
+    {
+      "name": "SKELETON_SIZES",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SKELETON_SIZES",
+      "description": "",
+      "props": []
+    },
     {
       "name": "Slider",
       "importRoot": "@texturehq/edges",
@@ -1499,6 +1677,13 @@
         }
       ]
     },
+    {
+      "name": "TextCell",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TextCell",
+      "description": "",
+      "props": []
+    },
     {
       "name": "TextField",
       "importRoot": "@texturehq/edges",
@@ -1734,6 +1919,50 @@
           "type": "React.ReactNode"
         }
       ]
+    },
+    {
+      "name": "TopNav",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TopNav",
+      "description": "",
+      "props": [
+        {
+          "name": "rightContent",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "showMobileMenu",
+          "type": "boolean"
+        },
+        {
+          "name": "avatar",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "showColorModeSwitcher",
+          "type": "boolean"
+        },
+        {
+          "name": "toggleTheme",
+          "type": "() => void"
+        },
+        {
+          "name": "isDarkThemeEnabled",
+          "type": "boolean"
+        },
+        {
+          "name": "actions",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "mobileMenuId",
+          "type": "string"
+        }
+      ]
     }
   ]
 }

package/dist/generated/tailwind-tokens-dark.css

@@ -8,7 +8,7 @@
  * For other platforms, generate separate outputs using different transforms.
  */
 
-.dark {
+.theme-dark {
   --color-white: #ffffff;
   --color-black: #000000;
   --color-gray-50: #f9fafb;
@@ -184,6 +184,7 @@
   --color-action-primary: #7a8ee1;
   --color-action-primary-hover: #6a6fcc;
   --color-action-primary-text: #ffffff;
+  --color-action-primary-light: rgba(122, 142, 225, 0.15);
   --color-action-secondary: #e5e7eb;
   --color-action-secondary-hover: #f3f4f6;
   --color-action-secondary-text: #111827;

package/dist/generated/tailwind-tokens-light.css

@@ -149,7 +149,7 @@
   --font-letterspacing-wide: 0.025em;
   --font-letterspacing-wider: 0.05em;
   --font-letterspacing-widest: 0.1em;
-  --color-background-body: #f9fafb;
+  --color-background-body: #ffffff;
   --color-background-surface: #ffffff;
   --color-background-muted: #f3f4f6;
   --color-background-hover: #f3f4f6;
@@ -184,6 +184,7 @@
   --color-action-primary: #444ae1;
   --color-action-primary-hover: #383ccb;
   --color-action-primary-text: #ffffff;
+  --color-action-primary-light: rgba(68, 74, 225, 0.1);
   --color-action-secondary: #333333;
   --color-action-secondary-hover: #4b5563;
   --color-action-secondary-text: #ffffff;