@versaur/react 1.0.8 → 1.0.10

package/dist/blocks.d.ts

@@ -1,4 +1,3 @@
-import { AppLayout as AppLayout_2 } from '@versaur/core/blocks';
 import { AttributeList as AttributeList_2 } from '@versaur/core/blocks';
 import { AvatarGroup as AvatarGroup_2 } from '@versaur/core/blocks';
 import { AvatarGroupAlign } from '@versaur/core/blocks';
@@ -27,6 +26,7 @@ import { default as default_2 } from 'react';
 import { DialogHTMLAttributes } from 'react';
 import { Drawer as Drawer_2 } from '@versaur/core/blocks';
 import { ElementType } from 'react';
+import { FormHTMLAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { Menu as Menu_2 } from '@versaur/core/blocks';
@@ -74,38 +74,27 @@ export declare interface AccordionSummaryProps extends HTMLAttributes<HTMLElemen
 export declare const AppLayout: AppLayoutType;
 
 declare interface AppLayoutBodyProps {
+    /** Constrains Main content to max-width and centers it */
+    centered?: boolean;
     className?: string;
     children?: ReactNode;
 }
 
-declare interface AppLayoutMainProps extends AppLayoutRegionProps {
-    /**
-     * Controls content width constraint and alignment.
-     * - 'full-width': Content uses the entire main area width
-     * - 'centred': Content is constrained to max-width and centered
-     * @default 'full-width'
-     */
-    placement?: AppLayout_2.Placement;
-}
-
 export declare interface AppLayoutRegionProps {
     className?: string;
     children?: ReactNode;
 }
 
 export declare interface AppLayoutRootProps {
-    variant?: AppLayout_2.Variant;
-    hideHeader?: boolean;
-    hideBottom?: boolean;
     className?: string;
     children?: ReactNode;
 }
 
 declare interface AppLayoutType extends ForwardRefExoticComponent<AppLayoutRootProps & RefAttributes<HTMLDivElement>> {
     Body: ForwardRefExoticComponent<AppLayoutBodyProps & RefAttributes<HTMLDivElement>>;
-    Bottom: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
+    Footer: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
     Header: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
-    Main: ForwardRefExoticComponent<AppLayoutMainProps & RefAttributes<HTMLElement>>;
+    Main: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
     SideLeft: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
     SideRight: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
 }
@@ -115,9 +104,7 @@ declare interface AsProp<C extends ElementType = ElementType> {
 }
 
 export declare namespace AttributeList {
-    export type Columns = AttributeList_2.Columns;
-    export type ColumnSpan = AttributeList_2.ColumnSpan;
-    export type ContentLineClamp = AttributeList_2.ContentLineClamp;
+    export type Layout = AttributeList_2.Layout;
     export type Props = AttributeListProps;
     export type ItemProps = AttributeListItemProps;
 }
@@ -133,7 +120,7 @@ declare interface AttributeListComponent extends default_2.ForwardRefExoticCompo
  *
  * @example
  * ```tsx
- * <AttributeList.Item columnSpan="2" title="Email">
+ * <AttributeList.Item area="span 2" title="Email">
  *   john.doe@example.com
  * </AttributeList.Item>
  * ```
@@ -146,15 +133,9 @@ export declare interface AttributeListItemProps extends HTMLAttributes<HTMLDivEl
      */
     title: string;
     /**
-     * Number of columns to span in the grid (1-6, auto-clamped to columns count)
-     * @default '1'
-     */
-    columnSpan?: AttributeList_2.ColumnSpan;
-    /**
-     * Number of lines to display before truncating with ellipsis (1-5)
-     * @default '2'
+     * CSS grid-column: e.g. "span 3", "1 / 4"
      */
-    contentLineClamp?: AttributeList_2.ContentLineClamp;
+    area?: string;
     /**
      * The value content (can be text, links, badges, etc.)
      */
@@ -163,10 +144,20 @@ export declare interface AttributeListItemProps extends HTMLAttributes<HTMLDivEl
 
 export declare interface AttributeListProps extends HTMLAttributes<HTMLDListElement> {
     /**
-     * Number of columns for the grid layout
-     * @default '3'
+     * Layout mode: stacked (default) or tabular
+     * @default 'stacked'
      */
-    columns?: AttributeList_2.Columns;
+    layout?: AttributeList_2.Layout;
+    /**
+     * CSS grid-template-columns: e.g. "1fr 1fr 1fr", "200px 1fr"
+     * @default 'repeat(3, 1fr)'
+     */
+    columns?: string;
+    /**
+     * Gap between items: number (in px) or CSS string value
+     * @default spacing-3 (12px)
+     */
+    gap?: number | string;
     /**
      * AttributeList.Item components
      */
@@ -546,6 +537,74 @@ export declare interface DrawerRootProps extends Omit<DialogHTMLAttributes<HTMLD
     children?: ReactNode;
 }
 
+export declare namespace Features {
+    export type Props = FeaturesProps;
+    export type ItemProps = FeaturesItemProps;
+    export type Direction = FeaturesDirection;
+}
+
+export declare const Features: FeaturesComponent;
+
+declare interface FeaturesComponent extends default_2.ForwardRefExoticComponent<FeaturesProps & default_2.RefAttributes<HTMLUListElement>> {
+    Item: typeof FeaturesItem;
+}
+
+export declare type FeaturesDirection = "row" | "column";
+
+declare const FeaturesItem: ForwardRefExoticComponent<FeaturesItemProps & RefAttributes<HTMLLIElement>>;
+
+export declare interface FeaturesItemProps extends HTMLAttributes<HTMLLIElement> {
+    /** Icon node rendered on the left side of the item content */
+    icon?: ReactNode;
+    children?: ReactNode;
+    /**
+     * Native accessible label for the item.
+     * When provided, also renders a Tooltip on hover showing this text.
+     */
+    "aria-label"?: string;
+}
+
+export declare interface FeaturesProps extends HTMLAttributes<HTMLUListElement> {
+    /** Flex direction of the feature list. Default: "column" */
+    direction?: FeaturesDirection;
+    children?: ReactNode;
+}
+
+export declare const FormGroup: FormGroupComponent;
+
+/**
+ * FormGroup Compound Component
+ */
+declare interface FormGroupComponent extends React.ForwardRefExoticComponent<FormGroupProps & React.RefAttributes<HTMLFormElement>> {
+    Field: typeof FormGroupField;
+    Separator: typeof FormGroupSeparator;
+}
+
+/**
+ * FormGroup.Field - A grid item container for form controls
+ */
+declare const FormGroupField: ForwardRefExoticComponent<FormGroupFieldProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface FormGroupFieldProps extends HTMLAttributes<HTMLDivElement> {
+    /** CSS grid-column value, e.g. "span 2", "1 / 4" */
+    area?: string;
+    children?: ReactNode;
+}
+
+export declare interface FormGroupProps extends FormHTMLAttributes<HTMLFormElement> {
+    /** CSS grid-template-columns value, e.g. "repeat(3, 1fr)". Default: "1fr" */
+    columns?: string;
+    children?: ReactNode;
+}
+
+/**
+ * FormGroup.Separator - A full-width horizontal separator
+ */
+declare const FormGroupSeparator: ForwardRefExoticComponent<FormGroupSeparatorProps & RefAttributes<HTMLHRElement>>;
+
+export declare interface FormGroupSeparatorProps extends HTMLAttributes<HTMLHRElement> {
+}
+
 /**
  * Helper function to get attributes for tabpanel elements
  *