digital-rabbit-cl 1.2.8 → 1.3.1

package/README.md

@@ -2,7 +2,7 @@
 
 ### To Update This Package
 1. commit everything
-3. update the version using [npm version](https://docs.npmjs.com/cli/version)
+3. update the version using [npm version](https://docs.npmjs.com/cli/version) `npm version patch|minor|major`
 2. push everything
 2. build the project using `yarn build` or `npm build`
 4. publish the package using [npm publish](https://docs.npmjs.com/cli/publish)

package/dist/components/Button/Button.d.ts

@@ -1,14 +1,6 @@
 import { default as React } from 'react';
-import { BaseComponentProps, StateProps, ColorProps, HoverProps, SizeVariant, ButtonAttributes } from '../../utils/componentProps';
-export interface ButtonProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<StateProps, 'disabled'>, Pick<ColorProps, 'color'>, Pick<HoverProps, 'hoverColor'> {
-    /**
-     * Button text color - defaults to theme.buttons.textColor
-     */
-    textColor?: string;
-    /**
-     * Hover text color - defaults to textColor
-     */
-    hoverTextColor?: string;
+import { BaseComponentProps, StateProps, ColorProps, HoverProps, SizeVariant, ElementSpecificProps } from '../../types/component-props.d.ts';
+export interface ButtonProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<StateProps, 'disabled'>, ColorProps, Pick<HoverProps, 'hoverTextColor' | 'hoverBackgroundColor'> {
     /**
      * Button size variant
      */
@@ -21,14 +13,14 @@ export interface ButtonProps extends Pick<BaseComponentProps, 'className' | 'sty
      * Button type attribute
      */
     type?: 'button' | 'submit' | 'reset';
-    /**
-     * HTML button attributes - can include style overrides
-     */
-    buttonProps?: ButtonAttributes;
     /**
      * Click handler
      */
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * HTML button attributes (omits all top-level props to prevent conflicts)
+     */
+    buttonProps?: Omit<ElementSpecificProps<HTMLButtonElement>, 'className' | 'style' | 'disabled' | 'type' | 'onClick' | 'children'>;
 }
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EACzB,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAGrC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAC5B,UAAU,EACV,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IAE7D;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG/D;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CACrE,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/useButtonStyles.d.ts

@@ -7,7 +7,7 @@ export interface UseButtonStylesParams {
     disabled: boolean;
     buttonColor: string;
     textColor: string;
-    hoverColor?: string;
+    hoverBackgroundColor?: string;
     hoverTextColor?: string;
     outline: boolean;
 }
@@ -17,5 +17,5 @@ export interface ButtonStyles {
     color: string;
     opacity: number;
 }
-export declare const useButtonStyles: ({ isActive, disabled, buttonColor, textColor, hoverColor, hoverTextColor, outline, }: Partial<UseButtonStylesParams>) => ButtonStyles;
+export declare const useButtonStyles: ({ isActive, disabled, buttonColor, textColor, hoverBackgroundColor, hoverTextColor, outline, }: Partial<UseButtonStylesParams>) => ButtonStyles;
 //# sourceMappingURL=useButtonStyles.d.ts.map

package/dist/components/Button/useButtonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,sFAQ7B,OAAO,CAAC,qBAAqB,CAAC,KAAG,YAwCnC,CAAC"}
+{"version":3,"file":"useButtonStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,gGAQ7B,OAAO,CAAC,qBAAqB,CAAC,KAAG,YAwCnC,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-import { BaseComponentProps, StateProps, ColorProps, FormElementProps } from '../../utils/componentProps';
+import { FormLabelProps } from '../FormLabel';
+import { BaseComponentProps, StateProps, ColorProps, FormElementProps, ElementSpecificProps } from '../../types/component-props.d.ts';
 export interface CheckboxProps extends Pick<BaseComponentProps, 'className' | 'style'>, Pick<StateProps, 'disabled' | 'error'>, Pick<ColorProps, 'color'>, Required<Pick<FormElementProps, 'name'>>, Pick<FormElementProps, 'id'> {
     /**
      * Whether checkbox is checked
@@ -14,9 +15,9 @@ export interface CheckboxProps extends Pick<BaseComponentProps, 'className' | 's
      */
     inverted?: boolean;
     /**
-     * Label text for the checkbox
+     * Label for the checkbox
      */
-    label?: string;
+    label?: FormLabelProps['children'];
     /**
      * Custom styles for the label
      */
@@ -31,6 +32,10 @@ export interface CheckboxProps extends Pick<BaseComponentProps, 'className' | 's
             type: string;
         };
     }) => void;
+    /**
+     * HTML div attributes (omits all top-level props to prevent conflicts)
+     */
+    divProps?: Omit<ElementSpecificProps<HTMLDivElement>, 'className' | 'style'>;
 }
 declare const Checkbox: React.FC<CheckboxProps>;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EACzB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,EACxC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CACzF;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EACzB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,EACxC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAEjC;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAExF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;CAC9E;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Checkbox/useCheckboxStyles.d.ts

@@ -9,7 +9,7 @@ export interface UseCheckboxStylesParams {
     inverted?: boolean;
 }
 export interface CheckboxStyles {
-    boxColor: string;
+    checkboxColor: string;
     checkmarkColor: string;
     cursor: string;
     opacity: number;

package/dist/components/Checkbox/useCheckboxStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckboxStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,GAAI,gDAK/B,uBAAuB,KAAG,cAiB5B,CAAC"}
+{"version":3,"file":"useCheckboxStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,GAAI,gDAK/B,uBAAuB,KAAG,cAiB5B,CAAC"}

package/dist/components/FeatureCard/FeatureCard.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
-import { BaseComponentProps } from '../../utils/componentProps';
+import { BaseComponentProps, ElementSpecificProps } from '../../types/component-props.d.ts';
 export interface FeatureCardProps extends BaseComponentProps {
+    breakpoint?: string;
     icon?: React.ReactNode;
     title: string;
-    breakpoint?: string;
+    divProps?: Omit<ElementSpecificProps<HTMLDivElement>, 'className' | 'style'>;
 }
 declare const FeatureCard: React.FC<FeatureCardProps>;
 export default FeatureCard;

package/dist/components/FeatureCard/FeatureCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureCard/FeatureCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureCard/FeatureCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEjG,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAE1D,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;CAC9E;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmC3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/FeatureGridSection/FeatureGridSection.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
 import { ResponsiveSectionProps } from '../ResponsiveSection';
-import { BreakpointProps } from '../../utils/componentProps';
-export interface FeatureGridSectionProps extends Omit<ResponsiveSectionProps, 'className'> {
+import { BreakpointProps } from '../../types/component-props.d.ts';
+export interface FeatureGridSectionProps extends ResponsiveSectionProps {
     columns?: 1 | 2 | 3 | 4;
-    className?: string;
     breakpoints?: BreakpointProps;
 }
 declare const FeatureGridSection: React.FC<FeatureGridSectionProps>;

package/dist/components/FeatureGridSection/FeatureGridSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureGridSection.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureGridSection/FeatureGridSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA0B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAKjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC;IACxF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+BzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FeatureGridSection.d.ts","sourceRoot":"","sources":["../../../src/components/FeatureGridSection/FeatureGridSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA0B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAKjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAExE,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB;IAErE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6CzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Footer/Footer.d.ts

@@ -1,18 +1,14 @@
 import { default as React } from 'react';
-import { BaseComponentProps, ColorProps, LayoutProps } from '../../utils/componentProps';
-export interface FooterProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<ColorProps, 'color' | 'background'>, Pick<LayoutProps, 'margin' | 'gap' | 'maxWidth' | 'minWidth' | 'width' | 'height' | 'padding' | 'paddingSm'> {
+import { BaseComponentProps, ColorProps, LayoutProps } from '../../types/component-props.d.ts';
+export interface FooterProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<ColorProps, 'color' | 'backgroundColor'>, Pick<LayoutProps, 'margin' | 'gap' | 'maxWidth' | 'minWidth' | 'width' | 'height' | 'padding' | 'paddingSm'> {
     /**
      * Breakpoint for small screens
      */
     breakPoint?: string;
     /**
-     * HTML footer element attributes
+     * HTML footer element attributes (omits all top-level props to prevent conflicts)
      */
-    footerProps?: React.HTMLAttributes<HTMLElement>;
-    /**
-     * Ref for the footer element
-     */
-    footerRef?: React.RefObject<HTMLElement>;
+    footerProps?: Omit<React.HTMLAttributes<HTMLElement>, 'className' | 'style'>;
 }
 declare const Footer: React.FC<FooterProps>;
 export default Footer;

package/dist/components/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9F,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,YAAY,CAAC,EACxC,IAAI,CACF,WAAW,EACX,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAC1F;IACH;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAEhD;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEpG,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,iBAAiB,CAAC,EAC7C,IAAI,CACF,WAAW,EACX,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAC1F;IACH;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;CAC9E;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4DjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Footer/useFooterStyles.d.ts

@@ -11,19 +11,19 @@ export interface UseFooterStylesParams {
     padding?: string;
     margin?: string;
     gap?: string;
-    background?: string;
+    backgroundColor?: string;
     color?: string;
 }
 export interface FooterStyles {
-    '--footer-max-width': string;
-    '--footer-min-width'?: string;
-    '--footer-width'?: string;
-    '--footer-height'?: string;
-    '--footer-padding': string;
-    '--footer-margin'?: string;
-    '--footer-gap'?: string;
-    background?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    width?: string;
+    height?: string;
+    padding: string;
+    margin?: string;
+    gap?: string;
+    backgroundColor?: string;
     color: string;
 }
-export declare const useFooterStyles: ({ isSmallScreen, maxWidth, minWidth, width, height, paddingSm, padding, margin, gap, background, color, }?: UseFooterStylesParams) => FooterStyles;
+export declare const useFooterStyles: ({ isSmallScreen, maxWidth, minWidth, width, height, paddingSm, padding, margin, gap, backgroundColor, color, }?: UseFooterStylesParams) => FooterStyles;
 //# sourceMappingURL=useFooterStyles.d.ts.map

package/dist/components/Footer/useFooterStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFooterStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/useFooterStyles.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,GAAI,4GAY7B,qBAA0B,KAAG,YAgB/B,CAAC"}
+{"version":3,"file":"useFooterStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/useFooterStyles.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,GAAI,iHAY7B,qBAA0B,KAAG,YAc/B,CAAC"}

package/dist/components/Form/Form.d.ts

@@ -1,13 +1,15 @@
 import { default as React } from 'react';
 import { UseFormReturn, FieldValues, SubmitHandler, DefaultValues, UseFormProps } from 'react-hook-form';
 import { ZodType } from 'zod';
-export interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'children'> {
+import { BaseComponentProps } from '../../types/component-props';
+export interface FormProps<TFieldValues extends FieldValues = FieldValues> extends Pick<BaseComponentProps, 'className' | 'style'> {
     onSubmit: SubmitHandler<TFieldValues>;
     children: React.ReactNode | ((methods: UseFormReturn<TFieldValues>) => React.ReactNode);
     schema?: ZodType<TFieldValues, any, any>;
     defaultValues?: DefaultValues<TFieldValues>;
     mode?: UseFormProps<TFieldValues>['mode'];
     reValidateMode?: UseFormProps<TFieldValues>['reValidateMode'];
+    formProps?: Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'children' | 'className' | 'style'>;
 }
 export declare const FormContext: React.Context<UseFormReturn<any> | null>;
 export declare function useFormContext<TFieldValues extends FieldValues = FieldValues>(): UseFormReturn<TFieldValues>;

package/dist/components/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAE9B,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAChF,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,WAAW,0CAAuD,CAAC;AAEhF,wBAAgB,cAAc,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,KAC3C,aAAa,CAAC,YAAY,CAAC,CAM/B;AA8BD,QAAA,MAAM,IAAI,EAAoB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC3E,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,KAC3B,KAAK,CAAC,YAAY,CAAC;AAExB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC;IACvD,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAG9D,SAAS,CAAC,EAAE,IAAI,CACd,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EACzC,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAChD,CAAC;CACH;AAED,eAAO,MAAM,WAAW,0CAAuD,CAAC;AAEhF,wBAAgB,cAAc,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,KAC3C,aAAa,CAAC,YAAY,CAAC,CAM/B;AAgCD,QAAA,MAAM,IAAI,EAAoB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC3E,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,KAC3B,KAAK,CAAC,YAAY,CAAC;AAExB,eAAe,IAAI,CAAC"}

package/dist/components/Form/FormField.d.ts

@@ -3,7 +3,7 @@ import { FieldValues, Path, UseControllerProps } from 'react-hook-form';
 import { FormLabelProps } from '../FormLabel';
 export interface FormFieldProps<TFieldValues extends FieldValues = FieldValues> {
     name: Path<TFieldValues>;
-    label?: string;
+    label?: FormLabelProps['children'];
     required?: boolean;
     children: (field: {
         value: any;

package/dist/components/Form/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,WAAW,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGvF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,cAAc,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IAC5E,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,KAAK,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACpC,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,KAAK,KAAK,CAAC,YAAY,CAAC;IACzB,KAAK,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAAE,EACxE,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,GACX,EAAE,cAAc,CAAC,YAAY,CAAC,2CAmC9B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,WAAW,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGvF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,cAAc,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IAC5E,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,KAAK,EAAE,GAAG,CAAC;QACX,QAAQ,EAAE,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACpC,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,KAAK,KAAK,CAAC,YAAY,CAAC;IACzB,KAAK,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAAE,EACxE,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,GACX,EAAE,cAAc,CAAC,YAAY,CAAC,2CAmC9B;AAED,eAAe,SAAS,CAAC"}

package/dist/components/FormError/FormError.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseComponentProps, ColorProps, ElementSpecificProps } from '../../utils/componentProps';
+import { BaseComponentProps, ColorProps, ElementSpecificProps } from '../../types/component-props.d.ts';
 export interface FormErrorProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<ColorProps, 'color'> {
     /**
      * HTML div attributes

package/dist/components/FormError/FormError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../src/components/FormError/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../src/components/FormError/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FormGroup/FormGroup.d.ts

@@ -1,19 +1,16 @@
 import { default as React } from 'react';
 import { FormLabelProps } from '../FormLabel';
-import { BaseComponentProps, StateProps, FormElementProps, ElementSpecificProps } from '../../utils/componentProps';
-export interface FormGroupProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<StateProps, 'disabled' | 'error'>, Pick<FormElementProps, 'name'> {
+import { FormErrorProps } from '../FormError';
+import { BaseComponentProps, StateProps, FormElementProps, ElementSpecificProps } from '../../types/component-props.d.ts';
+export interface FormGroupProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<StateProps, 'disabled' | 'error'>, Pick<FormElementProps, 'name' | 'required'> {
     /**
-     * Label text for the form group
+     * Label text/element for the form group
      */
-    label?: string;
+    label?: FormLabelProps['children'];
     /**
      * Error message to display
      */
-    errorMessage?: string;
-    /**
-     * Show required indicator (*)
-     */
-    required?: boolean;
+    errorMessage?: FormErrorProps['children'];
     /**
      * Indent the input wrapper (useful for checkboxes/radios)
      */

package/dist/components/FormGroup/FormGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAIzD,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8EvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwFvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FormLabel/FormLabel.d.ts

@@ -1,14 +1,14 @@
 import { default as React } from 'react';
-import { BaseComponentProps, StateProps, ColorProps, LabelAttributes } from '../../utils/componentProps';
+import { BaseComponentProps, StateProps, ColorProps, ElementSpecificProps } from '../../types/component-props.d.ts';
 export interface FormLabelProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<StateProps, 'disabled' | 'error'>, Pick<ColorProps, 'color'> {
     /**
      * The id of the form element this label is associated with
      */
     htmlFor?: string;
     /**
-     * HTML label attributes
+     * HTML label attributes (omits all top-level props to prevent conflicts)
      */
-    labelProps?: LabelAttributes;
+    labelProps?: Omit<ElementSpecificProps<HTMLLabelElement>, 'className' | 'style' | 'children' | 'htmlFor'>;
 }
 declare const FormLabel: React.FC<FormLabelProps>;
 export default FormLabel;

package/dist/components/FormLabel/FormLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CACf,oBAAoB,CAAC,gBAAgB,CAAC,EACtC,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC/C,CAAC;CACH;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkDvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Hamburger/Hamburger.d.ts

@@ -1,14 +1,13 @@
 import { default as React } from 'react';
-import { BorderProps, ButtonAttributes } from '../../utils/componentProps';
-export interface HamburgerProps {
+import { BorderProps, BaseComponentProps } from '../../types/component-props.d.ts';
+export interface HamburgerProps extends Pick<BaseComponentProps, 'className' | 'style'> {
+    color?: string;
     visible: boolean;
     compact?: boolean;
-    color?: string;
     hamburgerRef?: React.RefObject<HTMLButtonElement>;
     open?: boolean;
-    setOpen: (open: boolean) => void;
-    buttonProps?: ButtonAttributes;
     border?: BorderProps;
+    setOpen: (open: boolean) => void;
 }
 declare const Hamburger: React.FC<HamburgerProps>;
 export default Hamburger;

package/dist/components/Hamburger/Hamburger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEhF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Hamburger.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/Hamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,WAAW,EAEX,kBAAkB,EACnB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC;IAErF,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,MAAM,CAAC,EAAE,WAAW,CAAC;IAGrB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6CvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Hamburger/useHamburgerStyles.d.ts

@@ -1,4 +1,4 @@
-import { BorderProps } from '../../utils/componentProps';
+import { BorderProps } from '../../types/component-props.d.ts';
 export interface UseHamburgerStylesParams {
     compact?: boolean;
     color?: string;

package/dist/components/Hamburger/useHamburgerStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHamburgerStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/useHamburgerStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,2BAA2B,EAAE,MAAM,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,GAAI,sCAKhC,wBAAwB,KAAG,eAa7B,CAAC"}
+{"version":3,"file":"useHamburgerStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Hamburger/useHamburgerStyles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,2BAA2B,EAAE,MAAM,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,GAAI,sCAKhC,wBAAwB,KAAG,eAW7B,CAAC"}

package/dist/components/Header/Header.d.ts

@@ -1,18 +1,14 @@
 import { default as React } from 'react';
-import { BaseComponentProps, ColorProps, LayoutProps, ElementSpecificProps } from '../../utils/componentProps';
-export interface HeaderProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<ColorProps, 'color' | 'background'>, Pick<LayoutProps, 'margin' | 'gap' | 'maxWidth' | 'minWidth' | 'width' | 'height' | 'padding' | 'paddingSm'> {
+import { BaseComponentProps, ColorProps, LayoutProps, ElementSpecificProps } from '../../types/component-props.d.ts';
+export interface HeaderProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<ColorProps, 'color' | 'backgroundColor'>, Pick<LayoutProps, 'margin' | 'gap' | 'maxWidth' | 'minWidth' | 'width' | 'height' | 'padding' | 'paddingSm'> {
     /**
      * Breakpoint for small screens
      */
     breakpoint?: string;
     /**
-     * HTML header element attributes
+     * HTML header element attributes (omits all top-level props to prevent conflicts)
      */
-    headerProps?: ElementSpecificProps<HTMLElement>;
-    /**
-     * Ref for the header element
-     */
-    headerRef?: React.RefObject<HTMLElement>;
+    headerProps?: Omit<ElementSpecificProps<HTMLElement>, 'className' | 'style' | 'children' | 'color' | 'backgroundColor' | 'margin' | 'gap' | 'maxWidth' | 'minWidth' | 'width' | 'height' | 'padding'>;
 }
 declare const Header: React.FC<HeaderProps>;
 export default Header;

package/dist/components/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,YAAY,CAAC,EACxC,IAAI,CACF,WAAW,EACX,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAC1F;IACH;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAEhD;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,GAAG,UAAU,CAAC,EAClE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,iBAAiB,CAAC,EAC7C,IAAI,CACF,WAAW,EACX,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAC1F;IACH;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,oBAAoB,CAAC,WAAW,CAAC,EAC/B,WAAW,GACX,OAAO,GACP,UAAU,GACV,OAAO,GACP,iBAAiB,GACjB,QAAQ,GACR,KAAK,GACL,UAAU,GACV,UAAU,GACV,OAAO,GACP,QAAQ,GACR,SAAS,CACZ,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+DjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Header/useHeaderStyles.d.ts

@@ -11,7 +11,7 @@ export interface UseHeaderStylesParams {
     padding?: string;
     margin?: string;
     gap?: string;
-    background?: string;
+    backgroundColor?: string;
     color?: string;
 }
 export interface HeaderStyles {
@@ -22,8 +22,8 @@ export interface HeaderStyles {
     '--header-padding': string;
     '--header-margin'?: string;
     '--header-gap'?: string;
-    background?: string;
+    backgroundColor?: string;
     color?: string;
 }
-export declare const useHeaderStyles: ({ isSmallScreen, maxWidth, minWidth, width, height, paddingSm, padding, margin, gap, background, color, }?: UseHeaderStylesParams) => HeaderStyles;
+export declare const useHeaderStyles: ({ isSmallScreen, maxWidth, minWidth, width, height, paddingSm, padding, margin, gap, backgroundColor, color, }?: UseHeaderStylesParams) => HeaderStyles;
 //# sourceMappingURL=useHeaderStyles.d.ts.map

package/dist/components/Header/useHeaderStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Header/useHeaderStyles.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,GAAI,4GAY7B,qBAA0B,KAAG,YAgB/B,CAAC"}
+{"version":3,"file":"useHeaderStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Header/useHeaderStyles.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,GAAI,iHAY7B,qBAA0B,KAAG,YAgB/B,CAAC"}

package/dist/components/Hero/Hero.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ResponsiveSectionProps } from '../ResponsiveSection';
-import { BreakpointProps } from '../../utils/componentProps';
+import { BreakpointProps } from '../../types/component-props.d.ts';
 export interface HeroProps extends ResponsiveSectionProps {
     breakpoints?: BreakpointProps;
 }

package/dist/components/Hero/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/components/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA0B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAKjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,WAAW,SAAU,SAAQ,sBAAsB;IACvD,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8B7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/components/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA0B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAKjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAExE,MAAM,WAAW,SAAU,SAAQ,sBAAsB;IAEvD,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsC7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BaseComponentProps, StateProps, ColorProps, FormElementProps, TextInputProps, SizeVariant, InputAttributes } from '../../utils/componentProps';
+import { BaseComponentProps, StateProps, ColorProps, FormElementProps, TextInputProps, SizeVariant, ElementSpecificProps } from '../../types/component-props.d.ts';
 export interface InputProps extends Pick<BaseComponentProps, 'className' | 'style'>, Pick<StateProps, 'disabled' | 'error'>, Pick<ColorProps, 'color'>, FormElementProps, TextInputProps {
     /**
      * Input size variant
@@ -18,9 +18,9 @@ export interface InputProps extends Pick<BaseComponentProps, 'className' | 'styl
      */
     type?: string;
     /**
-     * HTML input attributes
+     * HTML input attributes (omits top-level props to prevent conflicts)
      */
-    inputProps?: InputAttributes;
+    inputProps?: Omit<ElementSpecificProps<HTMLInputElement>, 'className' | 'style' | 'disabled' | 'id' | 'name' | 'onChange' | 'onBlur' | 'placeholder' | 'type' | 'value'>;
 }
 declare const Input: React.FC<InputProps>;
 export default Input;

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EACzB,gBAAgB,EAChB,cAAc;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAGnB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE/D;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE7D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsE/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EACtC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,EACzB,gBAAgB,EAChB,cAAc;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAGnB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE/D;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE7D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CACf,oBAAoB,CAAC,gBAAgB,CAAC,EACpC,WAAW,GACX,OAAO,GACP,UAAU,GACV,IAAI,GACJ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,aAAa,GACb,MAAM,GACN,OAAO,CACV,CAAC;CACH;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkF/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,11 +1,15 @@
 import { default as React } from 'react';
-import { BaseComponentProps, ColorProps } from '../../utils/componentProps';
-export interface LoadingSpinnerProps extends Pick<BaseComponentProps, 'className' | 'style'>, Pick<ColorProps, 'color' | 'background'> {
+import { BaseComponentProps, ColorProps, ElementSpecificProps } from '../../types/component-props.d.ts';
+export interface LoadingSpinnerProps extends Pick<BaseComponentProps, 'className' | 'style'>, Pick<ColorProps, 'color' | 'backgroundColor'> {
     /**
      * Whether to center the spinner in viewport
      * @default true
      */
     fullScreen?: boolean;
+    /**
+     * HTML div element attributes
+     */
+    divProps?: Omit<ElementSpecificProps<HTMLDivElement>, 'className' | 'style'>;
 }
 /**
  * LoadingSpinner - A simple, customizable loading spinner
@@ -21,7 +25,7 @@ export interface LoadingSpinnerProps extends Pick<BaseComponentProps, 'className
  * <LoadingSpinner
  *   style={{ fontSize: '3em' }}
  *   color="#ff0000"
- *   background="#00ff00"
+ *   backgroundColor="#00ff00"
  * />
  *
  * // Inline (not full screen)

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEjF,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,YAAY,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,OAAO,CAAC,EACrD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,iBAAiB,CAAC;IAC/C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;CAC9E;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoEjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/PageLayout/PageLayout.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
-import { BaseComponentProps } from '../../utils/componentProps';
+import { BaseComponentProps, ElementSpecificProps } from '../../types/component-props.d.ts';
 export interface PageLayoutProps extends BaseComponentProps {
     header?: React.ReactNode;
     footer?: React.ReactNode;
-    mainStyle?: React.CSSProperties;
+    divProps?: Omit<ElementSpecificProps<HTMLDivElement>, 'className' | 'style'>;
+    mainProps?: Omit<React.HTMLAttributes<HTMLElement>, 'className'>;
 }
 declare const PageLayout: React.FC<PageLayoutProps>;
 export default PageLayout;

package/dist/components/PageLayout/PageLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/components/PageLayout/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/components/PageLayout/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEjG,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;IAC7E,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC;CAClE;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}