@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/dropdown/item/DropdownItemProps.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+export interface DropdownItemClickEvent {
+    itemId: string;
+    itemValue: string;
+    itemChecked: boolean;
+    itemLabel?: string;
+}
+type DropdownItemClickEventHandler = (event: {
+    itemId: string | undefined;
+    itemValue: string;
+    itemLabel: string | undefined;
+    itemChecked: boolean;
+}) => void;
+export interface DropdownItemChangeEvent {
+    itemId: string;
+    itemValue: string;
+    itemChecked: boolean;
+    itemLabel?: string;
+}
+type DropdownItemChangeEventHandler = (event: {
+    itemId: string | undefined;
+    itemValue: string;
+    itemLabel: string | undefined;
+    itemChecked: boolean;
+}) => void;
+/**
+ * Dropdown Item Interface
+ */
+export interface DropdownItemProps {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    onClick?: DropdownItemClickEventHandler;
+    onChange?: DropdownItemChangeEventHandler;
+    checked?: boolean;
+    label?: string;
+}
+/**
+ * Dropdown Item Web Interface
+ */
+export interface DropdownItemWebProps extends DropdownItemProps {
+    className?: string;
+    id?: string;
+    value?: string;
+    name?: string;
+    readonly?: boolean;
+}
+export {};

package/lib/components/dropdown/item/DropdownItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DropdownItemProps.js.map

package/lib/components/dropdown/item/DropdownItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemProps.js","sourceRoot":"","sources":["../../../../components/dropdown/item/DropdownItemProps.ts"],"names":[],"mappings":""}

package/lib/components/dropdown/item/index.d.ts

@@ -0,0 +1,2 @@
+import DropdownItem from './DropdownItem';
+export default DropdownItem;

package/lib/components/dropdown/item/index.js

@@ -0,0 +1,3 @@
+import DropdownItem from './DropdownItem';
+export default DropdownItem;
+//# sourceMappingURL=index.js.map

package/lib/components/dropdown/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/dropdown/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/lib/components/dropdown/menu/DropdownMenu.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DropdownMenuWebProps } from './DropdownMenuProps';
+/**
+ * Dropdown Menu Component
+ * @param children {React.ReactNode} Children for Dropdown menu (Dropdown item)
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const DropdownMenu: ({ children, className, ...others }: DropdownMenuWebProps) => JSX.Element;
+export default DropdownMenu;

package/lib/components/dropdown/menu/DropdownMenu.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Dropdown Menu Component
+ * @param children {React.ReactNode} Children for Dropdown menu (Dropdown item)
+ * @param className {string} Additionnal CSS Classes
+ */
+const DropdownMenu = ({ children, className, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('dropdown-menu', className));
+    return (React.createElement("div", { className: classes, ...others },
+        React.createElement("div", { className: hashClass(styled, clsx('dropdown-content')) }, children)));
+};
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.js.map

package/lib/components/dropdown/menu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../components/dropdown/menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,EAAwB,EAAe,EAAE;IAC7F,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAEnE,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QACjC,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,IAAG,QAAQ,CAAO,CACzE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/dropdown/menu/DropdownMenu.native.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownMenuProps } from "./DropdownMenuProps";
+import { ComponentName } from "../../enumsComponentsName";
+declare const DropdownMenu: {
+    ({ children }: DropdownMenuProps): React.JSX.Element;
+    displayName: ComponentName;
+};
+export default DropdownMenu;

package/lib/components/dropdown/menu/DropdownMenu.native.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import { ComponentName } from "../../enumsComponentsName";
+const DropdownMenu = ({ children }) => {
+    return React.createElement(View, null, children);
+};
+DropdownMenu.displayName = ComponentName.DropdownMenu;
+export default DropdownMenu;
+//# sourceMappingURL=DropdownMenu.native.js.map

package/lib/components/dropdown/menu/DropdownMenu.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.native.js","sourceRoot":"","sources":["../../../../components/dropdown/menu/DropdownMenu.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACvD,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;AAChC,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}

package/lib/components/dropdown/menu/DropdownMenuProps.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * Dropdown Menu Interface
+ */
+export interface DropdownMenuProps {
+    children?: React.ReactNode;
+}
+/**
+ * Dropdown Menu Web Interface
+ */
+export interface DropdownMenuWebProps extends DropdownMenuProps {
+    className?: string;
+}

package/lib/components/dropdown/menu/DropdownMenuProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DropdownMenuProps.js.map

package/lib/components/dropdown/menu/DropdownMenuProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuProps.js","sourceRoot":"","sources":["../../../../components/dropdown/menu/DropdownMenuProps.ts"],"names":[],"mappings":""}

package/lib/components/dropdown/menu/index.d.ts

@@ -0,0 +1,2 @@
+import DropdownMenu from './DropdownMenu';
+export default DropdownMenu;

package/lib/components/dropdown/menu/index.js

@@ -0,0 +1,3 @@
+import DropdownMenu from './DropdownMenu';
+export default DropdownMenu;
+//# sourceMappingURL=index.js.map

package/lib/components/dropdown/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/dropdown/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,YAAY,CAAA"}

package/lib/components/dropdown/trigger/DropdownTrigger.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DropdownTriggerWebProps } from './DropdownTriggerProps';
+/**
+ * Dropdown Trigger Component
+ * @param className {string} Additionnal CSS Classes
+ * @param active {boolean} Active trigger
+ * @param onClick {onClick} onClick event
+ * @param label {string} Trigger label
+ * @param placeholder {string} Trigger placeholder
+ * @param children {React.ReactNode}
+ */
+declare const DropdownTrigger: ({ className, active, onClick, label, placeholder, value, ...others }: DropdownTriggerWebProps) => JSX.Element;
+export default DropdownTrigger;

package/lib/components/dropdown/trigger/DropdownTrigger.js

@@ -0,0 +1,43 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import clsx from 'clsx';
+import { has, is } from '../../../services';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { useDrodownContext } from '../Dropdown';
+/**
+ * Dropdown Trigger Component
+ * @param className {string} Additionnal CSS Classes
+ * @param active {boolean} Active trigger
+ * @param onClick {onClick} onClick event
+ * @param label {string} Trigger label
+ * @param placeholder {string} Trigger placeholder
+ * @param children {React.ReactNode}
+ */
+const DropdownTrigger = ({ className, active, onClick, label, placeholder, value, ...others }) => {
+    const [triggered, setTriggered] = useState(active || false);
+    const { styled } = useTrilogyContext();
+    const { displayDropdown } = useDrodownContext();
+    const stringValue = useMemo(() => value === null || value === void 0 ? void 0 : value.join(','), [value]);
+    const classes = hashClass(styled, clsx('dropdown-trigger', displayDropdown && is('triggered'), className));
+    useEffect(() => {
+        setTriggered(active || false);
+    }, [active]);
+    return (React.createElement("div", { role: 'button', onClick: (e) => {
+            const target = e.target;
+            setTriggered(!triggered);
+            target.active = !triggered;
+            if (onClick) {
+                onClick({
+                    active: target.active,
+                });
+            }
+        }, className: classes, ...others },
+        React.createElement("div", { className: hashClass(styled, clsx('field')) },
+            React.createElement("div", { className: hashClass(styled, clsx('control', has('dynamic-placeholder'))) },
+                React.createElement("div", { className: hashClass(styled, clsx('select', displayDropdown && 'select-show-options')) },
+                    React.createElement("select", { style: { textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: '100%' }, "aria-label": placeholder },
+                        React.createElement("option", null, stringValue)),
+                    React.createElement("label", { className: hashClass(styled, clsx('input-dynamic-placeholder')) }, label))))));
+};
+export default DropdownTrigger;
+//# sourceMappingURL=DropdownTrigger.js.map

package/lib/components/dropdown/trigger/DropdownTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.js","sourceRoot":"","sources":["../../../../components/dropdown/trigger/DropdownTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C;;;;;;;;GAQG;AACH,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IACpE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC/C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,eAAe,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1G,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,6BACE,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;YACxB,MAAM,CAAC,MAAM,GAAG,CAAC,SAAS,CAAA;YAC1B,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC;oBACN,MAAM,EAAE,MAAM,CAAC,MAAM;iBACtB,CAAC,CAAA;aACH;QACH,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;QAEV,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAC9C,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC;gBAC5E,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,eAAe,IAAI,qBAAqB,CAAC,CAAC;oBACzF,gCACE,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,gBAC5D,WAAW;wBAEvB,oCAAS,WAAW,CAAU,CACvB;oBACT,+BAAO,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC,IAAG,KAAK,CAAS,CACnF,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentName } from '../../enumsComponentsName';
+import { DropdownTriggerProps } from './DropdownTriggerProps';
+declare const DropdownTrigger: {
+    ({ label, value, children }: DropdownTriggerProps): React.JSX.Element;
+    displayName: ComponentName;
+};
+export default DropdownTrigger;

package/lib/components/dropdown/trigger/DropdownTrigger.native.js

@@ -0,0 +1,17 @@
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+const DropdownTrigger = ({ label, value, children }) => {
+    const [triggered, setTriggered] = useState(false);
+    return (React.createElement(TouchableOpacity, { onPress: () => {
+            setTriggered(!triggered);
+        } },
+        React.createElement(View, null,
+            React.createElement(Text, null, label),
+            React.createElement(Text, null, value === null || value === void 0 ? void 0 : value.join(','))),
+        triggered && children,
+        " "));
+};
+DropdownTrigger.displayName = ComponentName.DropdownTrigger;
+export default DropdownTrigger;
+//# sourceMappingURL=DropdownTrigger.native.js.map

package/lib/components/dropdown/trigger/DropdownTrigger.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.native.js","sourceRoot":"","sources":["../../../../components/dropdown/trigger/DropdownTrigger.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAGzD,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,OAAO,CACL,oBAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;QAC1B,CAAC;QAED,oBAAC,IAAI;YACH,oBAAC,IAAI,QAAE,KAAK,CAAQ;YACpB,oBAAC,IAAI,QAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,GAAG,CAAC,CAAQ,CAC1B;QACN,SAAS,IAAI,QAAQ;YACL,CACpB,CAAA;AACH,CAAC,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,aAAa,CAAC,eAAe,CAAA;AAE3D,eAAe,eAAe,CAAA"}

package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface DropdownTriggerClickEvent {
+    active: boolean;
+}
+type DropdownTriggerClickEventHandler = (event: DropdownTriggerClickEvent) => void;
+/**
+ * Dropdown Trigger Interface
+ */
+export interface DropdownTriggerProps {
+    children?: React.ReactNode;
+    onClick?: DropdownTriggerClickEventHandler;
+    active?: boolean;
+    label?: string;
+    placeholder?: string;
+    value?: Array<string | undefined>;
+}
+/**
+ * Dropdown Trigger Web Interface
+ */
+export interface DropdownTriggerWebProps extends DropdownTriggerProps {
+    className?: string;
+}
+export {};

package/lib/components/dropdown/trigger/DropdownTriggerProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DropdownTriggerProps.js.map

package/lib/components/dropdown/trigger/DropdownTriggerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTriggerProps.js","sourceRoot":"","sources":["../../../../components/dropdown/trigger/DropdownTriggerProps.ts"],"names":[],"mappings":""}

package/lib/components/dropdown/trigger/index.d.ts

@@ -0,0 +1,2 @@
+import DropdownTrigger from './DropdownTrigger';
+export default DropdownTrigger;

package/lib/components/dropdown/trigger/index.js

@@ -0,0 +1,3 @@
+import DropdownTrigger from './DropdownTrigger';
+export default DropdownTrigger;
+//# sourceMappingURL=index.js.map

package/lib/components/dropdown/trigger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/dropdown/trigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,eAAe,eAAe,CAAA"}

package/lib/components/enums.d.ts

@@ -0,0 +1,3 @@
+export * from './button/ButtonEnum';
+export * from './text/TextEnum';
+export * from './icon/IconEnum';

package/lib/components/enums.js

@@ -0,0 +1,4 @@
+export * from './button/ButtonEnum';
+export * from './text/TextEnum';
+export * from './icon/IconEnum';
+//# sourceMappingURL=enums.js.map

package/lib/components/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../components/enums.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}

package/lib/components/enumsComponentsName.d.ts

@@ -0,0 +1,190 @@
+export declare enum ComponentName {
+    Accordion = "Accordion",
+    AccordionItem = "AccordionItem",
+    AccordionHeader = "AccordionHeader",
+    AccordionBody = "AccordionBody",
+    AutoLayout = "AutoLayout",
+    AutoLayoutWrapper = "AutoLayoutWrapper",
+    AutoComplete = "AutoComplete",
+    AutoCompleteItem = "AutoCompleteItem",
+    AutoCompleteItemNative = "AutoCompleteItemNative",
+    AutoCompleteMenuNative = "AutoCompleteMenuNative",
+    AutoCompleteMenu = "AutoCompleteMenu",
+    AlertState = "AlertState",
+    Badge = "Badge",
+    BadgeTextDirection = "BadgeTextDirection",
+    BadgeColor = "BadgeColor",
+    Box = "Box",
+    BoxMarkup = "BoxMarkup",
+    BoxItem = "BoxItem",
+    BoxItemSize = "BoxItemSize",
+    BoxHeader = "BoxHeader",
+    BoxContent = "BoxContent",
+    BoxFooter = "BoxFooter",
+    BoxTableContainer = "BoxTableContainer",
+    Breadcrumb = "Breadcrumb",
+    BreadcrumbItem = "BreadcrumbItem",
+    Button = "Button",
+    ButtonList = "ButtonList",
+    ButtonColor = "ButtonColor",
+    ButtonMarkup = "ButtonMarkup",
+    ButtonType = "ButtonType",
+    Card = "Card",
+    CardImage = "CardImage",
+    CardContent = "CardContent",
+    CircleIcon = "CircleIcon",
+    Checkbox = "Checkbox",
+    CheckboxesList = "CheckboxesList",
+    Columns = "Columns",
+    ColumnsItem = "ColumnsItem",
+    Container = "Container",
+    ContentSize = "ContentSize",
+    Countdown = "Countdown",
+    DeletableNotification = "DeletableNotification",
+    Disclaimer = "Disclaimer",
+    DisclaimerItem = "DisclaimerItem",
+    Divider = "Divider",
+    Dropdown = "Dropdown",
+    DropdownDivider = "DropdownDivider",
+    DropdownItem = "DropdownItem",
+    DropdownMenu = "DropdownMenu",
+    DropdownTrigger = "DropdownTrigger",
+    Fab = "Fab",
+    Hero = "Hero",
+    Icon = "Icon",
+    Image = "Image",
+    InfoBlock = "InfoBlock",
+    InfoBlockStatus = "InfoBlockStatus",
+    InfoBlockHeader = "InfoBlockHeader",
+    InfoBlockContent = "InfoBlockContent",
+    InfoBlockAction = "InfoBlockAction",
+    Input = "Input",
+    InputType = "InputType",
+    InputStatus = "InputStatus",
+    InputKeyboardAppearance = "InputKeyboardAppearance",
+    InputAutoCapitalize = "InputAutoCapitalize",
+    InputAutoCompleteType = "InputAutoCompleteType",
+    InputTextContentType = "InputTextContentType",
+    InputKeyboardType = "InputKeyboardType",
+    Link = "Link",
+    List = "List",
+    ListItem = "ListItem",
+    ListItemDescription = "ListItemDescription",
+    ListIconStatus = "ListIconStatus",
+    Loader = "Loader",
+    Menu = "Menu",
+    MenuItem = "MenuItem",
+    SubMenuItem = "SubMenuItem",
+    MenuScrolling = "MenuScrolling",
+    MenuLink = "MenuLink",
+    Modal = "Modal",
+    ModalMarkup = "ModalMarkup",
+    ModalFooter = "ModalFooter",
+    ModalCtaMarkup = "ModalCtaMarkup",
+    ModalTitle = "ModalTitle",
+    Navbar = "Navbar",
+    NavbarBrand = "NavbarBrand",
+    NavbarDropdown = "NavbarDropdown",
+    NavbarDropdownSection = "NavbarDropdownSection",
+    NavbarItem = "NavbarItem",
+    NavbarLinks = "NavbarLinks",
+    NavbarLink = "NavbarLink",
+    NavbarMenu = "NavbarMenu",
+    NavbarStart = "NavbarStart",
+    NavbarExtras = "NavbarExtras",
+    NavbarEnd = "NavbarEnd",
+    NavbarDivider = "NavbarDivider",
+    NavbarAccordionItem = "NavbarAccordionItem",
+    NavbarItemMarkup = "NavbarItemMarkup",
+    Notification = "Notification",
+    Options = "Options",
+    OptionsItem = "OptionsItem",
+    Pagination = "Pagination",
+    PlanPricingPlanPricePrice = "PlanPricingPlanPricePrice",
+    Popover = "Popover",
+    Price = "Price",
+    PriceLevel = "PriceLevel",
+    PriceVariant = "PriceVariant",
+    PricingPlan = "PricingPlan",
+    PricingPlanItem = "PricingPlanItem",
+    PricingPlanItems = "PricingPlanItems",
+    PricingPlanHeader = "PricingPlanHeader",
+    PricingPlanProduct = "PricingPlanProduct",
+    PricingPlanExtra = "PricingPlanExtra",
+    PricingPlanFooter = "PricingPlanfooter",
+    PricingPlanSticker = "PricingPlanSticker",
+    PricingPlanPrice = "PricingPlanPrice",
+    PricingTable = "PricingTable",
+    PricingTableExtra = "PricingTableExtra",
+    ProductTour = "ProductTour",
+    Progress = "Progress",
+    ProgressItem = "ProgressItem",
+    ProgressRadial = "ProgressRadial",
+    ProgressRadialItem = "ProgressRadialItem",
+    Otp = "Otp",
+    Radio = "Radio",
+    RadioList = "RadioList",
+    Rows = "Rows",
+    RowsItem = "RowsItem",
+    ScrollView = "ScrollView",
+    Section = "Section",
+    Select = "Select",
+    SelectOption = "SelectOption",
+    Selector = "Selector",
+    SelectorIOtem = "SelectorIOtem",
+    Slice = "Slice",
+    SliceList = "SliceList",
+    SliceCta = "SliceCta",
+    SliceContent = "SliceContent",
+    SliceIcon = "SliceIcon",
+    SliceBody = "SliceBody",
+    SliceImage = "SliceImage",
+    Slider = "Slider",
+    SliderItem = "SliderItem",
+    Spacer = "Spacer",
+    SpacerSize = "SpacerSize",
+    StatusIcon = "StatusIcon",
+    Stepper = "Stepper",
+    StepperStep = "StepperStep",
+    StepperStepMarkup = "StepperStepMarkup",
+    Sticker = "Sticker",
+    StickerVariant = "StickerVariant",
+    StickerMarkup = "StickerMarkup",
+    Switch = "Switch",
+    Table = "Table",
+    TableHead = "TableHead",
+    TableBody = "TableBody",
+    TableTr = "TableTr",
+    TableTh = "TableTh",
+    TableTd = "TableTd",
+    Tabs = "Tabs",
+    TabsItem = "TabsItem",
+    Tag = "Tag",
+    TagVariant = "TagVariant",
+    TagList = "TagList",
+    Text = "Text",
+    TextIcon = "TextIcon",
+    TextLevels = "TextLevels",
+    TextMarkup = "TextMarkup",
+    TextIconMarkup = "TextIconMarkup",
+    Textarea = "Textarea",
+    Tile = "Tile",
+    Timeline = "Timeline",
+    TimelineItem = "TimelineItem",
+    TimelineContent = "TimelineContent",
+    TimelineMarker = "TimelineMarker",
+    Title = "Title",
+    ToasterProvider = "ToasterProvider",
+    Toolbar = "Toolbar",
+    ToolbarSpace = "ToolbarSpace",
+    ToolbarItem = "ToolbarItem",
+    ToolbarGroup = "ToolbarGroup",
+    View = "View",
+    SenderEnum = "SenderEnum",
+    SegmentControl = "SegmentControl",
+    SegmentControlItem = "SegmentControlItem",
+    Alert = "Alert",
+    Chips = "Chips",
+    ChipsList = "ChipsList",
+    Range = "Range"
+}