@engrate/components 0.1.6 → 0.1.7

package/README.md

@@ -2,6 +2,8 @@
 
 A React component library built with Tailwind CSS, following Engrate's brand guidelines. Features accessible, customizable components with TypeScript support.
 
+> **🤖 AI Agents:** See [SKILL.md](SKILL.md) for comprehensive usage instructions and component patterns.
+
 ## Installation
 
 ```bash

package/dist/components/ui/Grid/Grid.d.ts

@@ -26,6 +26,8 @@ interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'cols'> {
     align?: ResponsiveValue<AlignValue>;
     /** Horizontal alignment of items. Supports responsive values. */
     justify?: ResponsiveValue<JustifyValue>;
+    /** The HTML element to render as (e.g., 'section', 'main', 'nav') */
+    as?: React.ElementType;
     /** Render as a child component using Slot */
     asChild?: boolean;
 }
@@ -67,6 +69,8 @@ interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
     rowSpan?: ResponsiveValue<RowSpanValue>;
     /** Column start position for the item. Supports responsive values. */
     colStart?: ResponsiveValue<ColStartValue>;
+    /** The HTML element to render as (e.g., 'section', 'article', 'aside') */
+    as?: React.ElementType;
     /** Render as a child component using Slot */
     asChild?: boolean;
 }

package/dist/components/ui/Stack/Stack.d.ts

@@ -8,6 +8,8 @@ declare const stackVariants: (props?: ({
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
+    /** The HTML element to render as (e.g., 'section', 'nav', 'ul') */
+    as?: React.ElementType;
     /** Render as a child component using Slot */
     asChild?: boolean;
 }