@openorgus/react 0.1.0 → 0.1.2

package/dist/components/DataQuery.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataQuery.d.ts","sourceRoot":"","sources":["../../src/components/DataQuery.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,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,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoE9C,CAAC"}
+{"version":3,"file":"DataQuery.d.ts","sourceRoot":"","sources":["../../src/components/DataQuery.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,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;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgF9C,CAAC"}

package/dist/components/DatePicker.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.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,CAqHhD,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.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,CAiIhD,CAAC"}

package/dist/components/DecayCard.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"DecayCard.d.ts","sourceRoot":"","sources":["../../src/components/DecayCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,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;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmE9C,CAAC"}
+{"version":3,"file":"DecayCard.d.ts","sourceRoot":"","sources":["../../src/components/DecayCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,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;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+E9C,CAAC"}

package/dist/components/Dialog.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.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,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,CA+GxC,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.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,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,CA2HxC,CAAC"}

package/dist/components/Divider.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.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,YAAY;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwF1C,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.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,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,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,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoG1C,CAAC"}

package/dist/components/Drawer.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/components/Drawer.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,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,CA8DxC,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AASlB,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,CAqGxC,CAAC"}

package/dist/components/EmojisPreview.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"EmojisPreview.d.ts","sourceRoot":"","sources":["../../src/components/EmojisPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAYxC,UAAU,kBAAkB;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAqED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsHtD,CAAC"}
+{"version":3,"file":"EmojisPreview.d.ts","sourceRoot":"","sources":["../../src/components/EmojisPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAatF,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;AAqED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqItD,CAAC"}

package/dist/components/FloatingActionButton.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../src/components/FloatingActionButton.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,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,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA8BnD,CAAC"}
+{"version":3,"file":"FloatingActionButton.d.ts","sourceRoot":"","sources":["../../src/components/FloatingActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAalB,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,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,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiEpE,CAAC"}

package/dist/components/FontAwesomeWrapper.d.ts

@@ -1,12 +1,14 @@
 import { default as React, ReactNode } from 'react';
+import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles } from '../types';
 
-interface Props {
+export interface FontAwesomeWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
     icon: any;
     size?: number;
-    style?: React.CSSProperties;
-    className?: string;
     fallback?: ReactNode;
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
-export declare const FontAwesomeWrapper: React.FC<Props>;
-export {};
+export declare const FontAwesomeWrapper: React.FC<FontAwesomeWrapperProps>;
 //# sourceMappingURL=FontAwesomeWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FontAwesomeWrapper.d.ts","sourceRoot":"","sources":["../../src/components/FontAwesomeWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAoF,MAAM,OAAO,CAAC;AAG3H,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0GD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW9C,CAAC"}
+{"version":3,"file":"FontAwesomeWrapper.d.ts","sourceRoot":"","sources":["../../src/components/FontAwesomeWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,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;AA0HD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgChE,CAAC"}

package/dist/components/IconsPreview.d.ts

@@ -1,17 +1,14 @@
 import { default as React } from 'react';
-import { GlobalConfig, AnimationConfig } from '../types';
+import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles, AnimationConfig } from '../types';
 
-interface IconsPreviewProps {
-    globalConfig?: GlobalConfig;
-    animationConfig?: AnimationConfig;
-    componentProps?: {
-        orientation?: 'horizontal' | 'vertical';
-        textAlign?: 'left' | 'center' | 'right';
-        variant?: string;
-        size?: string;
-    };
+export interface IconsPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
     hideInstructions?: boolean;
+    category?: string;
+    animationConfig?: AnimationConfig;
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const IconsPreview: React.FC<IconsPreviewProps>;
-export {};
 //# sourceMappingURL=IconsPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconsPreview.d.ts","sourceRoot":"","sources":["../../src/components/IconsPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA4BzD,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE;QACf,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;QACxC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACxC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8ED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2nBpD,CAAC"}
+{"version":3,"file":"IconsPreview.d.ts","sourceRoot":"","sources":["../../src/components/IconsPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA6BvG,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,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;AAmFD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAupBpD,CAAC"}

package/dist/components/IllustrationsPreview.d.ts

@@ -1,17 +1,14 @@
 import { default as React } from 'react';
-import { GlobalConfig, AnimationConfig } from '../types';
+import { ComponentProps, DesignSystem, GlobalConfig, GranularStyles, AnimationConfig } from '../types';
 
-interface IllustrationsPreviewProps {
-    globalConfig?: GlobalConfig;
-    animationConfig?: AnimationConfig;
-    componentProps?: {
-        orientation?: 'horizontal' | 'vertical';
-        textAlign?: 'left' | 'center' | 'right';
-        variant?: string;
-        size?: string;
-    };
+export interface IllustrationsPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
+    config?: any;
     hideInstructions?: boolean;
+    animationConfig?: AnimationConfig;
+    designSystem?: DesignSystem;
+    componentProps?: Partial<ComponentProps>;
+    globalConfig?: GlobalConfig;
+    granularStyles?: GranularStyles;
 }
 export declare const IllustrationsPreview: React.FC<IllustrationsPreviewProps>;
-export {};
 //# sourceMappingURL=IllustrationsPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IllustrationsPreview.d.ts","sourceRoot":"","sources":["../../src/components/IllustrationsPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAuBzD,UAAU,yBAAyB;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,cAAc,CAAC,EAAE;QACf,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;QACxC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACxC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAyDD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8pBpE,CAAC"}
+{"version":3,"file":"IllustrationsPreview.d.ts","sourceRoot":"","sources":["../../src/components/IllustrationsPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA0BvG,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,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;AA6DD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6rBpE,CAAC"}

package/dist/components/ImageGenerator.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ImageGenerator.d.ts","sourceRoot":"","sources":["../../src/components/ImageGenerator.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,mBAAmB;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoIxD,CAAC"}
+{"version":3,"file":"ImageGenerator.d.ts","sourceRoot":"","sources":["../../src/components/ImageGenerator.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,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,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;AAWD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgJxD,CAAC"}

package/dist/components/ImageList.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ImageList.d.ts","sourceRoot":"","sources":["../../src/components/ImageList.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,cAAc;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAkBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgG9C,CAAC"}
+{"version":3,"file":"ImageList.d.ts","sourceRoot":"","sources":["../../src/components/ImageList.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,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;AAoBD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4G9C,CAAC"}

package/dist/components/InteractiveCursor.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"InteractiveCursor.d.ts","sourceRoot":"","sources":["../../src/components/InteractiveCursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAmBtF,UAAU,sBAAsB;IAC9B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAyBD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6T9D,CAAC"}
+{"version":3,"file":"InteractiveCursor.d.ts","sourceRoot":"","sources":["../../src/components/InteractiveCursor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAoBtF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,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,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyU9D,CAAC"}

package/dist/components/Link.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.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,CAqBpC,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.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,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,CAiCpC,CAAC"}

package/dist/components/List.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/components/List.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,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,CAmBpC,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/components/List.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,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+BpC,CAAC"}

package/dist/components/MagnetLines.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"MagnetLines.d.ts","sourceRoot":"","sources":["../../src/components/MagnetLines.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,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,CAwGlD,CAAC"}
+{"version":3,"file":"MagnetLines.d.ts","sourceRoot":"","sources":["../../src/components/MagnetLines.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,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,CAoHlD,CAAC"}

package/dist/components/Map.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.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,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,CA2FlC,CAAC"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACf,MAAM,UAAU,CAAC;AAkBlB,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;AAID,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA0IlC,CAAC"}

package/dist/components/Menu.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.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,CAqFpC,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.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,CAiGpC,CAAC"}

package/dist/components/Modal.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.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,UAAU;IAClB,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+HtC,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.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,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;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2ItC,CAAC"}

package/dist/components/NumberField.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../src/components/NumberField.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,CA4DlD,CAAC"}
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../src/components/NumberField.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,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,CAwElD,CAAC"}

package/dist/components/OrderSummary.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"OrderSummary.d.ts","sourceRoot":"","sources":["../../src/components/OrderSummary.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,CA+DpD,CAAC"}
+{"version":3,"file":"OrderSummary.d.ts","sourceRoot":"","sources":["../../src/components/OrderSummary.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,CA2EpD,CAAC"}

package/dist/components/Pagination.d.ts

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