@openorgus/react 0.0.9 → 0.1.1

package/dist/components/AIChatbot.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface AIChatbotProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface AIChatbotProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const AIChatbot: React.FC<AIChatbotProps>;
-export {};
 //# sourceMappingURL=AIChatbot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AIChatbot.d.ts","sourceRoot":"","sources":["../../src/components/AIChatbot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,cAAc;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAQD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqI9C,CAAC"}
+{"version":3,"file":"AIChatbot.d.ts","sourceRoot":"","sources":["../../src/components/AIChatbot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAUD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiJ9C,CAAC"}

package/dist/components/ActionSheet.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface ActionSheetProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const ActionSheet: React.FC<ActionSheetProps>;
-export {};
 //# sourceMappingURL=ActionSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../src/components/ActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+FlD,CAAC"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../src/components/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAclB,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsKlD,CAAC"}

package/dist/components/Alert.d.ts

@@ -4,8 +4,8 @@ import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../t
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     designSystem?: DesignSystem;
     componentProps?: Partial<ComponentProps>;
-    globalConfig?: Partial<GlobalConfig>;
-    granularStyles?: Partial<GranularStyles>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Alert: React.FC<AlertProps>;
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2CtC,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8CtC,CAAC"}

package/dist/components/AnimationPreview.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
-import { AnimationConfig, GlobalConfig } from '../types';
+import { AnimationConfig, GlobalConfig, DesignSystem, ComponentProps, GranularStyles } from '../types';
 
-interface AnimationPreviewProps {
-    config: AnimationConfig;
+export interface AnimationPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
+    config?: AnimationConfig;
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
     globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const AnimationPreview: React.FC<AnimationPreviewProps>;
-export {};
 //# sourceMappingURL=AnimationPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimationPreview.d.ts","sourceRoot":"","sources":["../../src/components/AnimationPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIzD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqS5D,CAAC"}
+{"version":3,"file":"AnimationPreview.d.ts","sourceRoot":"","sources":["../../src/components/AnimationPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKvG,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyT5D,CAAC"}

package/dist/components/AppBar.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface AppBarProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface AppBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const AppBar: React.FC<AppBarProps>;
-export {};
 //# sourceMappingURL=AppBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,WAAW;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoDxC,CAAC"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/components/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgExC,CAAC"}

package/dist/components/Autocomplete.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface AutocompleteProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface AutocompleteProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Autocomplete: React.FC<AutocompleteProps>;
-export {};
 //# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,iBAAiB;IACzB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0BpD,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsCpD,CAAC"}

package/dist/components/Avatar.d.ts

@@ -4,8 +4,8 @@ import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../t
 export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
     designSystem?: DesignSystem;
     componentProps?: Partial<ComponentProps>;
-    globalConfig?: Partial<GlobalConfig>;
-    granularStyles?: Partial<GranularStyles>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Avatar: React.FC<AvatarProps>;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuBxC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0BxC,CAAC"}

package/dist/components/Backdrop.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface BackdropProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Backdrop: React.FC<BackdropProps>;
-export {};
 //# sourceMappingURL=Backdrop.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../src/components/Backdrop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,aAAa;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAC"}
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../src/components/Backdrop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8C5C,CAAC"}

package/dist/components/Badge.d.ts

@@ -4,8 +4,8 @@ import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../t
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     designSystem?: DesignSystem;
     componentProps?: Partial<ComponentProps>;
-    globalConfig?: Partial<GlobalConfig>;
-    granularStyles?: Partial<GranularStyles>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Badge: React.FC<BadgeProps>;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuDtC,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0DtC,CAAC"}

package/dist/components/BottomNavigation.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface BottomNavProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface BottomNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
-export declare const BottomNavigation: React.FC<BottomNavProps>;
-export {};
+export declare const BottomNavigation: React.FC<BottomNavigationProps>;
 //# sourceMappingURL=BottomNavigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigation.d.ts","sourceRoot":"","sources":["../../src/components/BottomNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,cAAc;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwDrD,CAAC"}
+{"version":3,"file":"BottomNavigation.d.ts","sourceRoot":"","sources":["../../src/components/BottomNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAalB,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwH5D,CAAC"}

package/dist/components/Box.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface BoxProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Box: React.FC<BoxProps>;
-export {};
 //# sourceMappingURL=Box.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtF,UAAU,QAAQ;IAChB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAoElC,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/components/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAQlB,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAgFlC,CAAC"}

package/dist/components/Breadcrumbs.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface BreadcrumbsProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
-export {};
 //# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA+CtF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsCxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAYlB,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsDxC,CAAC"}

package/dist/components/ButtonGroup.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface ButtonGroupProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface ButtonGroupProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const ButtonGroup: React.FC<ButtonGroupProps>;
-export {};
 //# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0ClD,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AASlB,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0GlD,CAAC"}

package/dist/components/CalendarBookings.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
 /**
  * @description Formats a date string to a readable format
@@ -24,15 +25,16 @@ export interface CalendarBooking {
     timezone?: string;
     meeting_url?: string;
 }
-export interface CalendarBookingsProps {
+export interface CalendarBookingsProps extends React.HTMLAttributes<HTMLDivElement> {
     email?: string;
-    isLoading: boolean;
-    error: unknown;
-    data: {
-        success?: boolean;
-        urban_data?: CalendarBooking[];
-        errors?: string;
-    } | undefined;
+    activeTab?: string;
+    data?: any;
+    error?: any;
+    isLoading?: boolean;
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const CalendarBookings: React.FC<CalendarBookingsProps>;
 //# sourceMappingURL=CalendarBookings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarBookings.d.ts","sourceRoot":"","sources":["../../src/components/CalendarBookings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,KAAG,MAa/C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC5B,WAAW,MAAM,EACjB,SAAS,MAAM,EACf,WAAW,MAAM,KAChB,MAwBF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EACA;QACE,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;QAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,GACD,SAAS,CAAC;CACf;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgO5D,CAAC"}
+{"version":3,"file":"CalendarBookings.d.ts","sourceRoot":"","sources":["../../src/components/CalendarBookings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,KAAG,MAa/C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC5B,WAAW,MAAM,EACjB,SAAS,MAAM,EACf,WAAW,MAAM,KAChB,MAwBF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAOlB,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2O5D,CAAC"}

package/dist/components/Camera.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface CameraProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface CameraProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Camera: React.FC<CameraProps>;
-export {};
 //# sourceMappingURL=Camera.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Camera.d.ts","sourceRoot":"","sources":["../../src/components/Camera.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,WAAW;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqGxC,CAAC"}
+{"version":3,"file":"Camera.d.ts","sourceRoot":"","sources":["../../src/components/Camera.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAgBlB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+IxC,CAAC"}

package/dist/components/Card.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface CardProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Card: React.FC<CardProps>;
-export {};
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtF,UAAU,SAAS;IACjB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuCpC,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAYlB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwEpC,CAAC"}

package/dist/components/Charts.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface ChartsProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface ChartsProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Charts: React.FC<ChartsProps>;
-export {};
 //# sourceMappingURL=Charts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Charts.d.ts","sourceRoot":"","sources":["../../src/components/Charts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAsBtF,UAAU,WAAW;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAuCD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6WxC,CAAC"}
+{"version":3,"file":"Charts.d.ts","sourceRoot":"","sources":["../../src/components/Charts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAuBtF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAyCD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyXxC,CAAC"}

package/dist/components/Checkbox.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface CheckboxProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Checkbox: React.FC<CheckboxProps>;
-export {};
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,aAAa;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoC5C,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgD5C,CAAC"}

package/dist/components/Chip.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface ChipProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Chip: React.FC<ChipProps>;
-export {};
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,SAAS;IACjB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmDpC,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+DpC,CAAC"}

package/dist/components/CodeGenerator.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface CodeGeneratorProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface CodeGeneratorProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const CodeGenerator: React.FC<CodeGeneratorProps>;
-export {};
 //# sourceMappingURL=CodeGenerator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeGenerator.d.ts","sourceRoot":"","sources":["../../src/components/CodeGenerator.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,kBAAkB;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAyBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyItD,CAAC"}
+{"version":3,"file":"CodeGenerator.d.ts","sourceRoot":"","sources":["../../src/components/CodeGenerator.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AA2BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqJtD,CAAC"}

package/dist/components/ColorPicker.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface ColorPickerProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const ColorPicker: React.FC<ColorPickerProps>;
-export {};
 //# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/components/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtF,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkElD,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/components/ColorPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ElD,CAAC"}

package/dist/components/Container.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface ContainerProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const Container: React.FC<ContainerProps>;
-export {};
 //# sourceMappingURL=Container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGtF,UAAU,cAAc;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAYD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2D9C,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAcD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgE9C,CAAC"}

package/dist/components/CreditCard.d.ts

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
 import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface CreditCardProps {
-    designSystem: DesignSystem;
-    componentProps: ComponentProps;
-    globalConfig: GlobalConfig;
-    granularStyles: GranularStyles;
+export interface CreditCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const CreditCard: React.FC<CreditCardProps>;
-export {};
 //# sourceMappingURL=CreditCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreditCard.d.ts","sourceRoot":"","sources":["../../src/components/CreditCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAItF,UAAU,eAAe;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0GhD,CAAC"}
+{"version":3,"file":"CreditCard.d.ts","sourceRoot":"","sources":["../../src/components/CreditCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKtF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsHhD,CAAC"}