digital-rabbit-cl 1.2.5 → 1.2.7

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

@@ -1,17 +1,34 @@
 import { default as React } from 'react';
-export interface ButtonProps {
-    children: React.ReactNode;
-    color?: string;
-    hoverColor?: string;
-    hoverTextColor?: string;
+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;
+    /**
+     * Button size variant
+     */
+    size?: SizeVariant;
+    /**
+     * Outline style variant
+     */
     outline?: boolean;
-    size?: 'small' | 'default';
+    /**
+     * Button type attribute
+     */
     type?: 'button' | 'submit' | 'reset';
-    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
-    disabled?: boolean;
+    /**
+     * HTML button attributes - can include style overrides
+     */
+    buttonProps?: ButtonAttributes;
+    /**
+     * Click handler
+     */
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    fontSize?: string;
 }
 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;AAKxC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoEjC,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,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"}

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

@@ -1,16 +1,29 @@
 import { default as React } from 'react';
-export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+import { BaseComponentProps, StateProps, ColorProps, FormElementProps } from '../../utils/componentProps';
+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
+     */
     checked?: boolean;
+    /**
+     * Color of the checkmark
+     */
     checkmarkColor?: string;
-    color?: string;
-    disabled?: boolean;
-    error?: boolean;
-    fontSize?: string;
-    id?: string;
+    /**
+     * Whether to invert the checkbox (fill when checked)
+     */
     inverted?: boolean;
+    /**
+     * Label text for the checkbox
+     */
     label?: string;
+    /**
+     * Custom styles for the label
+     */
     labelStyle?: React.CSSProperties;
-    name: string;
+    /**
+     * Change handler
+     */
     onChange: (event: {
         target: {
             checked: boolean;
@@ -18,7 +31,6 @@ export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLDivElement>
             type: string;
         };
     }) => void;
-    style?: React.CSSProperties;
 }
 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;AAO1B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,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;IACxF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;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;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"}

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

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
-export interface FeatureCardProps {
+import { BaseComponentProps } from '../../utils/componentProps';
+export interface FeatureCardProps extends BaseComponentProps {
     icon?: React.ReactNode;
     title: string;
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    breakPointMd?: string;
+    breakpoint?: string;
 }
 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;AAM1B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;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,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"}

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

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

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;AAMjF,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgCzD,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,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"}

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

@@ -1,15 +1,17 @@
 import { default as React } from 'react';
-export interface FooterProps {
-    children?: React.ReactNode;
-    breakPointSm?: string;
-    maxWidth?: string;
-    paddingSm?: string;
-    padding?: string;
-    fontSize?: string;
-    background?: string;
-    color?: string;
-    style?: React.CSSProperties;
+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'> {
+    /**
+     * Breakpoint for small screens
+     */
+    breakPoint?: string;
+    /**
+     * HTML footer element attributes
+     */
     footerProps?: React.HTMLAttributes<HTMLElement>;
+    /**
+     * Ref for the footer element
+     */
     footerRef?: React.RefObject<HTMLElement>;
 }
 declare const Footer: React.FC<FooterProps>;

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;AAM1B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8CjC,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;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"}

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

@@ -4,18 +4,26 @@
 export interface UseFooterStylesParams {
     isSmallScreen?: boolean;
     maxWidth?: string;
+    minWidth?: string;
+    width?: string;
+    height?: string;
     paddingSm?: string;
     padding?: string;
-    fontSize?: string;
+    margin?: string;
+    gap?: string;
     background?: string;
     color?: string;
 }
 export interface FooterStyles {
     '--footer-max-width': string;
+    '--footer-min-width'?: string;
+    '--footer-width'?: string;
+    '--footer-height'?: string;
     '--footer-padding': string;
-    '--footer-font-size': string;
+    '--footer-margin'?: string;
+    '--footer-gap'?: string;
     background?: string;
     color: string;
 }
-export declare const useFooterStyles: ({ isSmallScreen, maxWidth, paddingSm, padding, fontSize, background, color, }?: UseFooterStylesParams) => FooterStyles;
+export declare const useFooterStyles: ({ isSmallScreen, maxWidth, minWidth, width, height, paddingSm, padding, margin, gap, background, 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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,GAAI,gFAQ7B,qBAA0B,KAAG,YAY/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,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"}

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

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
-export interface FormErrorProps {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
+import { BaseComponentProps, ColorProps, ElementSpecificProps } from '../../utils/componentProps';
+export interface FormErrorProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<ColorProps, 'color'> {
+    /**
+     * HTML div attributes
+     */
+    divProps?: ElementSpecificProps<HTMLDivElement>;
 }
 declare const FormError: React.FC<FormErrorProps>;
 export default FormError;

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;AAI1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmBvC,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,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"}

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

@@ -1,17 +1,31 @@
 import { default as React } from 'react';
 import { FormLabelProps } from '../FormLabel';
-export interface FormGroupProps {
-    children: React.ReactNode;
+import { BaseComponentProps, StateProps, FormElementProps, ElementSpecificProps } from '../../utils/componentProps';
+export interface FormGroupProps extends Pick<BaseComponentProps, 'className' | 'style' | 'children'>, Pick<StateProps, 'disabled' | 'error'>, Pick<FormElementProps, 'name'> {
+    /**
+     * Label text for the form group
+     */
     label?: string;
-    name?: string;
-    error?: boolean;
+    /**
+     * Error message to display
+     */
     errorMessage?: string;
-    disabled?: boolean;
+    /**
+     * Show required indicator (*)
+     */
     required?: boolean;
+    /**
+     * Indent the input wrapper (useful for checkboxes/radios)
+     */
     indent?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
+    /**
+     * Props to pass to the FormLabel component
+     */
     labelProps?: Partial<FormLabelProps>;
+    /**
+     * HTML div attributes
+     */
+    divProps?: ElementSpecificProps<HTMLDivElement>;
 }
 declare const FormGroup: React.FC<FormGroupProps>;
 export default FormGroup;

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;AAKzD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACtC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4EvC,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;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"}

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

@@ -1,12 +1,14 @@
 import { default as React } from 'react';
-export interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    children: React.ReactNode;
-    color?: string;
-    disabled?: boolean;
-    error?: boolean;
-    fontSize?: string;
+import { BaseComponentProps, StateProps, ColorProps, LabelAttributes } from '../../utils/componentProps';
+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;
-    style?: React.CSSProperties;
+    /**
+     * HTML label attributes
+     */
+    labelProps?: LabelAttributes;
 }
 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;AAK1B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqCvC,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,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"}

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { BorderProps, ButtonAttributes } from '../../utils/componentProps';
 export interface HamburgerProps {
     visible: boolean;
     compact?: boolean;
@@ -6,8 +7,8 @@ export interface HamburgerProps {
     hamburgerRef?: React.RefObject<HTMLButtonElement>;
     open?: boolean;
     setOpen: (open: boolean) => void;
-    buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
-    borderRadius?: string;
+    buttonProps?: ButtonAttributes;
+    border?: BorderProps;
 }
 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;AAI1B,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,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;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,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"}

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

@@ -1,8 +1,9 @@
+import { BorderProps } from '../../utils/componentProps';
 export interface UseHamburgerStylesParams {
     compact?: boolean;
     color?: string;
     visible?: boolean;
-    borderRadius?: string;
+    border?: BorderProps;
 }
 export interface HamburgerStyles {
     '--hamburger-border-radius': string;
@@ -10,5 +11,5 @@ export interface HamburgerStyles {
     display: string;
     right?: string;
 }
-export declare const useHamburgerStyles: ({ compact, color, visible, borderRadius, }: UseHamburgerStylesParams) => HamburgerStyles;
+export declare const useHamburgerStyles: ({ compact, color, visible, border, }: UseHamburgerStylesParams) => HamburgerStyles;
 //# sourceMappingURL=useHamburgerStyles.d.ts.map

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":"AAGA,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;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,4CAKhC,wBAAwB,KAAG,eAa7B,CAAC"}
+{"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"}

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

@@ -1,13 +1,17 @@
 import { default as React } from 'react';
-export interface HeaderProps {
-    children?: React.ReactNode;
-    breakPointSm?: string;
-    maxWidth?: string;
-    paddingSm?: string;
-    padding?: string;
-    fontSize?: string;
-    style?: React.CSSProperties;
-    headerProps?: React.HTMLAttributes<HTMLElement>;
+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'> {
+    /**
+     * Breakpoint for small screens
+     */
+    breakpoint?: string;
+    /**
+     * HTML header element attributes
+     */
+    headerProps?: ElementSpecificProps<HTMLElement>;
+    /**
+     * Ref for the header element
+     */
     headerRef?: React.RefObject<HTMLElement>;
 }
 declare const Header: React.FC<HeaderProps>;

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;AAM1B,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CjC,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;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"}

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

@@ -4,14 +4,26 @@
 export interface UseHeaderStylesParams {
     isSmallScreen?: boolean;
     maxWidth?: string;
+    minWidth?: string;
+    width?: string;
+    height?: string;
     paddingSm?: string;
     padding?: string;
-    fontSize?: string;
+    margin?: string;
+    gap?: string;
+    background?: string;
+    color?: string;
 }
 export interface HeaderStyles {
     '--header-max-width': string;
+    '--header-min-width'?: string;
+    '--header-width'?: string;
+    '--header-height'?: string;
     '--header-padding': string;
-    '--header-font-size': string;
+    '--header-margin'?: string;
+    '--header-gap'?: string;
+    background?: string;
+    color?: string;
 }
-export declare const useHeaderStyles: ({ isSmallScreen, maxWidth, paddingSm, padding, fontSize, }?: UseHeaderStylesParams) => HeaderStyles;
+export declare const useHeaderStyles: ({ isSmallScreen, maxWidth, minWidth, width, height, paddingSm, padding, margin, gap, background, 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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,6DAM7B,qBAA0B,KAAG,YAU/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,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"}

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { ResponsiveSectionProps } from '../ResponsiveSection';
+import { BreakpointProps } from '../../utils/componentProps';
 export interface HeroProps extends ResponsiveSectionProps {
-    breakPointMd?: string;
-    breakPointLg?: string;
+    breakpoints?: BreakpointProps;
 }
 declare const Hero: React.FC<HeroProps>;
 export default Hero;

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;AAMjF,MAAM,WAAW,SAAU,SAAQ,sBAAsB;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+B7B,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,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"}

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

@@ -1,17 +1,26 @@
 import { default as React } from 'react';
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    color?: string;
-    disabled?: boolean;
-    error?: boolean;
-    fontSize?: string;
-    name?: string;
+import { BaseComponentProps, StateProps, ColorProps, FormElementProps, TextInputProps, SizeVariant, InputAttributes } from '../../utils/componentProps';
+export interface InputProps extends Pick<BaseComponentProps, 'className' | 'style'>, Pick<StateProps, 'disabled' | 'error'>, Pick<ColorProps, 'color'>, FormElementProps, TextInputProps {
+    /**
+     * Input size variant
+     */
+    size?: SizeVariant;
+    /**
+     * Change handler (required for controlled inputs)
+     */
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    placeholderOpacity?: number;
-    size?: 'small' | 'default';
-    style?: React.CSSProperties;
+    /**
+     * Blur handler
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Input type attribute
+     */
     type?: string;
-    value?: string;
+    /**
+     * HTML input attributes
+     */
+    inputProps?: InputAttributes;
 }
 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;AAK1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+D/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,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"}

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

@@ -1,18 +1,6 @@
 import { default as React } from 'react';
-export interface LoadingSpinnerProps {
-    /**
-     * Size of the spinner in ems
-     * @default 2.5
-     */
-    size?: number;
-    /**
-     * Color of the spinner (defaults to theme.colors.primary)
-     */
-    color?: string;
-    /**
-     * Color of the inner spinner dial (defaults to theme.colors.secondary)
-     */
-    innerColor?: string;
+import { BaseComponentProps, ColorProps } from '../../utils/componentProps';
+export interface LoadingSpinnerProps extends Pick<BaseComponentProps, 'className' | 'style'>, Pick<ColorProps, 'color' | 'background'> {
     /**
      * Whether to center the spinner in viewport
      * @default true
@@ -29,8 +17,12 @@ export interface LoadingSpinnerProps {
  * // Default spinner (uses theme.colors.primary)
  * <LoadingSpinner />
  *
- * // Custom size and color
- * <LoadingSpinner size={3.75} color="#ff0000" />
+ * // Custom size and colors
+ * <LoadingSpinner
+ *   style={{ fontSize: '3em' }}
+ *   color="#ff0000"
+ *   background="#00ff00"
+ * />
  *
  * // Inline (not full screen)
  * <LoadingSpinner fullScreen={false} />

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;AAG1B,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgDjD,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,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"}

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

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
-export interface PageLayoutProps {
-    children: React.ReactNode;
+import { BaseComponentProps } from '../../utils/componentProps';
+export interface PageLayoutProps extends BaseComponentProps {
     header?: React.ReactNode;
     footer?: React.ReactNode;
-    pagePadding?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
+    mainStyle?: React.CSSProperties;
 }
 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;AAM1B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgCzC,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,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"}