@udixio/ui-react 0.3.0

package/lib/interfaces/navigation-rail-item.interface.d.ts

@@ -0,0 +1,37 @@
+import { ActionOrLink } from '../utils';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { Dispatch, RefObject, SetStateAction } from 'react';
+import { Transition } from 'motion';
+export type NavProps = {
+    selected?: boolean;
+    variant?: 'vertical' | 'horizontal';
+    label?: string;
+    icon: IconDefinition;
+    iconSelected: IconDefinition;
+    selectedItem?: number | null;
+    setSelectedItem?: Dispatch<SetStateAction<number | null>>;
+    onItemSelected?: (args: {
+        index: number;
+    } & Pick<NavProps, 'label' | 'icon'> & {
+        ref: RefObject<any>;
+    }) => void;
+    index?: number;
+    transition?: Transition;
+    extendedOnly?: boolean;
+    isExtended?: boolean;
+};
+type Elements = [
+    'navigationRailItem',
+    'stateLayer',
+    'icon',
+    'label',
+    'container'
+];
+export type NavigationRailItemInterface = ActionOrLink<NavProps> & {
+    states: {
+        isSelected: boolean;
+    };
+    elements: Elements;
+};
+export {};
+//# sourceMappingURL=navigation-rail-item.interface.d.ts.map

package/lib/interfaces/navigation-rail-item.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-rail-item.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/navigation-rail-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,cAAc,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,CACf,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,oBAAoB;IACpB,YAAY;IACZ,MAAM;IACN,OAAO;IACP,WAAW;CACZ,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IACjE,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

package/lib/interfaces/navigation-rail.interface.d.ts

@@ -0,0 +1,37 @@
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { Transition } from 'motion';
+import { ReactProps } from '../utils';
+import { NavigationRailItemInterface } from './navigation-rail-item.interface';
+type MenuState = {
+    icon: IconDefinition;
+    label: string;
+};
+export interface NavigationRailInterface {
+    type: 'div';
+    props: {
+        variant?: 'standard' | 'modal';
+        onItemSelected?: (args: {
+            index: number;
+        } & Pick<ReactProps<NavigationRailItemInterface>, 'label' | 'icon'> & {
+            ref: RefObject<any>;
+        }) => void;
+        children: ReactNode;
+        selectedItem?: number | null;
+        setSelectedItem?: Dispatch<SetStateAction<number | null>>;
+        extended?: boolean;
+        alignment?: 'middle' | 'top';
+        menu?: {
+            closed: MenuState;
+            opened: MenuState;
+        };
+        onExtendedChange?: (extended: boolean) => void;
+        transition?: Transition;
+    };
+    states: {
+        isExtended?: boolean;
+    };
+    elements: ['navigationRail', 'header', 'menuIcon', 'segments'];
+}
+export {};
+//# sourceMappingURL=navigation-rail.interface.d.ts.map

package/lib/interfaces/navigation-rail.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-rail.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/navigation-rail.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,cAAc,CAAC,EAAE,CACf,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,CAC5B,UAAU,CAAC,2BAA2B,CAAC,EACvC,OAAO,GAAG,MAAM,CACjB,GAAG;YACA,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;SACrB,KACA,IAAI,CAAC;QACV,QAAQ,EAAE,SAAS,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC7B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,EAAE;YACL,MAAM,EAAE,SAAS,CAAC;YAClB,MAAM,EAAE,SAAS,CAAC;SACnB,CAAC;QACF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAE/C,UAAU,CAAC,EAAE,UAAU,CAAC;KACzB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACjC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;CAChE"}

package/lib/interfaces/progress-indicator.interface.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Type for the different variants of the ProgressIndicator component.
+ */
+export type ProgressIndicatorVariant = 'linear-determinate' | 'linear-indeterminate' | 'circular-determinate' | 'circular-indeterminate';
+export interface ProgressIndicatorInterface {
+    type: 'div';
+    props: {
+        /**
+         * The percentage of the progress completed.
+         */
+        value?: number;
+        /**
+         * The duration of the transition animation in milliseconds.
+         */
+        transitionDuration?: number;
+        /**
+         * The variant of the ProgressIndicator.
+         */
+        variant?: ProgressIndicatorVariant;
+        /**
+         * The minimum height of the line used to draw the linear indicator.
+         */
+        minHeight?: number;
+    };
+    states: {
+        isVisible: boolean;
+    };
+    elements: ['progressIndicator', 'stop', 'activeIndicator', 'track'];
+}
+//# sourceMappingURL=progress-indicator.interface.d.ts.map

package/lib/interfaces/progress-indicator.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/progress-indicator.interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAChC,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,wBAAwB,CAAC;AAE7B,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAE5B;;WAEG;QACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;QACnC;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAE/B,QAAQ,EAAE,CAAC,mBAAmB,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC;CACrE"}

package/lib/interfaces/slider.interface.d.ts

@@ -0,0 +1,28 @@
+export interface SliderInterface {
+    type: 'div';
+    props: {
+        value?: number;
+        name: string;
+        onChange?: (value: number) => void;
+        valueFormatter?: (value: number) => string | number;
+        step?: number;
+        min?: number;
+        max?: number;
+        marks?: {
+            value: number;
+            label?: string;
+        }[];
+    };
+    states: {
+        isChanging: boolean;
+    };
+    elements: [
+        'slider',
+        'activeTrack',
+        'handle',
+        'inactiveTrack',
+        'valueIndicator',
+        'dot'
+    ];
+}
+//# sourceMappingURL=slider.interface.d.ts.map

package/lib/interfaces/slider.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/slider.interface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;QAEpD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,EAAE,CAAC;KACL,CAAC;IACF,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE;QACR,QAAQ;QACR,aAAa;QACb,QAAQ;QACR,eAAe;QACf,gBAAgB;QAChB,KAAK;KACN,CAAC;CACH"}

package/lib/interfaces/snackbar.interface.d.ts

@@ -0,0 +1,15 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export interface SnackbarInterface {
+    type: 'div';
+    props: {
+        duration?: number;
+        onClose?: () => void;
+        supportingText: string;
+        closeIcon?: IconDefinition;
+    };
+    states: {
+        isVisible: boolean;
+    };
+    elements: ['snackbar', 'container', 'supportingText', 'action', 'icon'];
+}
+//# sourceMappingURL=snackbar.interface.d.ts.map

package/lib/interfaces/snackbar.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/snackbar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,cAAc,CAAC;KAC5B,CAAC;IACF,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;CACzE"}

package/lib/interfaces/switch.interface.d.ts

@@ -0,0 +1,16 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export interface SwitchInterface {
+    type: 'div';
+    props: {
+        selected?: boolean;
+        activeIcon?: IconDefinition;
+        inactiveIcon?: IconDefinition;
+        disabled?: boolean;
+        onChange?: (checked: boolean) => void;
+    };
+    states: {
+        isSelected: boolean;
+    };
+    elements: ['switch', 'handleContainer', 'icon', 'handleStateLayer', 'handle'];
+}
+//# sourceMappingURL=switch.interface.d.ts.map

package/lib/interfaces/switch.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/switch.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,cAAc,CAAC;QAC5B,YAAY,CAAC,EAAE,cAAc,CAAC;QAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACvC,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC;CAC/E"}

package/lib/interfaces/tab.interface.d.ts

@@ -0,0 +1,29 @@
+import { ActionOrLink } from '../utils/component';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { TabsVariant } from './tabs.interface';
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export type TabProps = {
+    selected?: boolean;
+    variant?: TabsVariant;
+    label?: string;
+    icon?: IconDefinition;
+    selectedTab?: number | null;
+    setSelectedTab?: Dispatch<SetStateAction<number | null>>;
+    tabsId?: string;
+    onTabSelected?: (args: {
+        index: number;
+    } & Pick<TabProps, 'label' | 'icon'> & {
+        ref: RefObject<any>;
+    }) => void;
+    index?: number;
+    scrollable?: boolean;
+};
+type Elements = ['tab', 'stateLayer', 'icon', 'label', 'content', 'underline'];
+export type TabInterface = ActionOrLink<TabProps> & {
+    states: {
+        isSelected: boolean;
+    };
+    elements: Elements;
+};
+export {};
+//# sourceMappingURL=tab.interface.d.ts.map

package/lib/interfaces/tab.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/tab.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;QACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;KACrB,KACA,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;AAE/E,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG;IAClD,MAAM,EAAE;QACN,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC"}

package/lib/interfaces/tabs.interface.d.ts

@@ -0,0 +1,21 @@
+import { TabProps } from './tab.interface';
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+export type TabsVariant = 'primary' | 'secondary';
+export interface TabsInterface {
+    type: 'div';
+    props: {
+        variant?: TabsVariant;
+        onTabSelected?: (args: {
+            index: number;
+        } & Pick<TabProps, 'label' | 'icon'> & {
+            ref: RefObject<any>;
+        }) => void;
+        children: ReactNode;
+        selectedTab?: number | null;
+        setSelectedTab?: Dispatch<SetStateAction<number | null>>;
+        scrollable?: boolean;
+    };
+    states: {};
+    elements: ['tabs'];
+}
+//# sourceMappingURL=tabs.interface.d.ts.map

package/lib/interfaces/tabs.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/tabs.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,WAAW,CAAC;QACtB,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG;YACzD,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;SACrB,KACA,IAAI,CAAC;QACV,QAAQ,EAAE,SAAS,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;QACzD,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,MAAM,EAAE,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;CACpB"}

package/lib/interfaces/text-field.interface.d.ts

@@ -0,0 +1,46 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { default as React } from 'react';
+import { IconButton } from '../components/IconButton';
+export type TextFieldVariant = 'filled' | 'outlined';
+type Props = {
+    placeholder?: string;
+    name: string;
+    label: string;
+    disabled?: boolean;
+    errorText?: string | null;
+    supportingText?: string;
+    trailingIcon?: React.ReactElement<typeof IconButton> | IconDefinition;
+    leadingIcon?: React.ReactElement<typeof IconButton> | IconDefinition;
+    onChange?: (value: string) => void;
+    showSupportingText?: boolean;
+    suffix?: string;
+    value: string;
+    variant?: TextFieldVariant;
+    type?: 'text' | 'password' | 'number';
+    autoComplete?: 'on' | 'off' | string;
+    textLine?: 'singleLine' | 'multiLine' | 'textAreas';
+};
+export type TextFieldStates = {
+    isFocused: boolean;
+    showErrorIcon: boolean;
+    showSupportingText: boolean;
+};
+export interface TextFieldInterface {
+    type: 'div';
+    props: Props;
+    states: TextFieldStates;
+    elements: [
+        'textField',
+        'content',
+        'label',
+        'input',
+        'activeIndicator',
+        'supportingText',
+        'leadingIcon',
+        'trailingIcon',
+        'suffix',
+        'stateLayer'
+    ];
+}
+export {};
+//# sourceMappingURL=text-field.interface.d.ts.map

package/lib/interfaces/text-field.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/text-field.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,cAAc,CAAC;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IACtC,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC;CACrD,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE;QACR,WAAW;QACX,SAAS;QACT,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,QAAQ;QACR,YAAY;KACb,CAAC;CACH"}

package/lib/interfaces/tooltip.interface.d.ts

@@ -0,0 +1,24 @@
+import { ReactProps } from '../utils';
+import { ButtonInterface } from './button.interface';
+import { ReactNode, RefObject } from 'react';
+type Trigger = 'hover' | 'click' | 'focus' | null;
+export type ToolTipInterface<T extends HTMLElement = any> = {
+    type: 'div';
+    props: {
+        variant?: 'plain' | 'rich';
+        title?: string;
+        text: string;
+        buttons?: ReactProps<ButtonInterface> | ReactProps<ButtonInterface>[];
+        position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+        trigger?: Trigger | Trigger[];
+    } & ({
+        children?: never;
+        targetRef: RefObject<T>;
+    } | {
+        children: ReactNode;
+        targetRef?: never;
+    });
+    elements: ['toolTip', 'container', 'subHead', 'supportingText', 'actions'];
+};
+export {};
+//# sourceMappingURL=tooltip.interface.d.ts.map

package/lib/interfaces/tooltip.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.interface.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/interfaces/tooltip.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI;IAC1D,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;QACtE,QAAQ,CAAC,EACL,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;KAC/B,GAAG,CACA;QACE,QAAQ,CAAC,EAAE,KAAK,CAAC;QACjB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;KACzB,GACD;QACE,QAAQ,EAAE,SAAS,CAAC;QACpB,SAAS,CAAC,EAAE,KAAK,CAAC;KACnB,CACJ,CAAC;IACF,QAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;CAC5E,CAAC"}

package/lib/styles/button.style.d.ts

@@ -0,0 +1,55 @@
+import { ButtonInterface } from '../interfaces';
+export declare const buttonStyle: (states: ({
+    label: any;
+    size: any;
+    variant: any;
+    disabled: any;
+    icon: any;
+    iconPosition: any;
+    loading: any;
+    shape: any;
+    allowShapeTransformation: any;
+    transition: any;
+    href: any;
+} | {
+    label: any;
+    size: any;
+    variant: any;
+    disabled: any;
+    icon: any;
+    iconPosition: any;
+    loading: any;
+    shape: any;
+    allowShapeTransformation: any;
+    transition: any;
+    href: any;
+}) & ((({
+    label: string;
+    size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
+    variant?: "filled" | "elevated" | "outlined" | "text" | "filledTonal";
+    disabled?: boolean;
+    icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    iconPosition?: "left" | "right";
+    loading?: boolean;
+    shape?: "squared" | "rounded";
+    allowShapeTransformation?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: string;
+}) | ({
+    label: string;
+    size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
+    variant?: "filled" | "elevated" | "outlined" | "text" | "filledTonal";
+    disabled?: boolean;
+    icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    iconPosition?: "left" | "right";
+    loading?: boolean;
+    shape?: "squared" | "rounded";
+    allowShapeTransformation?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: never;
+})) & {
+    className: string | import('..').ClassNameComponent<ButtonInterface> | undefined;
+})) => Record<"container" | "button" | "label" | "stateLayer" | "icon", string>;
+//# sourceMappingURL=button.style.d.ts.map

package/lib/styles/button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/button.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAuJvB,CAAC"}

package/lib/styles/card.style.d.ts

@@ -0,0 +1,11 @@
+import { CardInterface } from '../interfaces';
+export declare const cardStyle: (states: {
+    variant: any;
+    isInteractive: any;
+} & {
+    variant?: "outlined" | "elevated" | "filled";
+    isInteractive?: boolean;
+} & {
+    className: string | import('..').ClassNameComponent<CardInterface> | undefined;
+}) => Record<"card" | "stateLayer", string>;
+//# sourceMappingURL=card.style.d.ts.map

package/lib/styles/card.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/card.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,eAAO,MAAM,SAAS;;;;;;;;2CAkBrB,CAAC"}

package/lib/styles/carousel-item.style.d.ts

@@ -0,0 +1,13 @@
+import { CarouselItemInterface } from '../interfaces';
+export declare const carouselItemStyle: (states: {
+    children: any;
+    width: any;
+    index: any;
+} & {
+    children?: import('react').ReactNode | undefined;
+    width?: number;
+    index?: number;
+} & {
+    className: string | import('..').ClassNameComponent<CarouselItemInterface> | undefined;
+}) => Record<"carouselItem", string>;
+//# sourceMappingURL=carousel-item.style.d.ts.map

package/lib/styles/carousel-item.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/carousel-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,eAAO,MAAM,iBAAiB;;;;;;;;;;oCAO7B,CAAC"}

package/lib/styles/carousel.style.d.ts

@@ -0,0 +1,23 @@
+import { CarouselInterface } from '../interfaces';
+export declare const carouselStyle: (states: {
+    children: any;
+    marginPourcent: any;
+    onChange: any;
+    variant: any;
+    scrollSensitivity: any;
+    gap: any;
+    inputRange: any;
+    outputRange: any;
+} & {
+    children?: import('react').ReactNode;
+    marginPourcent?: number;
+    onChange?: (index: number) => void;
+    variant?: "hero" | "center-aligned hero" | "multi-browse" | "un-contained" | "full-screen";
+    scrollSensitivity?: number;
+    gap?: number;
+    inputRange?: [number, number];
+    outputRange?: [number, number];
+} & {
+    className: string | import('..').ClassNameComponent<CarouselInterface> | undefined;
+}) => Record<"track" | "carousel", string>;
+//# sourceMappingURL=carousel.style.d.ts.map

package/lib/styles/carousel.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;0CAQzB,CAAC"}

package/lib/styles/divider.style.d.ts

@@ -0,0 +1,9 @@
+import { DividerInterface } from '../interfaces/divider.interface';
+export declare const dividerStyle: (states: {
+    orientation: any;
+} & {
+    orientation?: "vertical" | "horizontal";
+} & {
+    className: string | import('..').ClassNameComponent<DividerInterface> | undefined;
+}) => Record<"divider", string>;
+//# sourceMappingURL=divider.style.d.ts.map

package/lib/styles/divider.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/divider.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,eAAO,MAAM,YAAY;;;;;;+BAaxB,CAAC"}

package/lib/styles/fab.style.d.ts

@@ -0,0 +1,39 @@
+import { FabInterface } from '../interfaces/fab.interface';
+export declare const fabStyle: (states: ({
+    variant: any;
+    label: any;
+    icon: any;
+    size: any;
+    isExtended: any;
+    transition: any;
+    href: any;
+} | {
+    variant: any;
+    label: any;
+    icon: any;
+    size: any;
+    isExtended: any;
+    transition: any;
+    href: any;
+}) & ((({
+    variant?: import('..').FabVariant;
+    label: string;
+    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    size?: "small" | "medium" | "large";
+    isExtended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: string;
+}) | ({
+    variant?: import('..').FabVariant;
+    label: string;
+    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    size?: "small" | "medium" | "large";
+    isExtended?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: never;
+})) & {
+    className: string | import('..').ClassNameComponent<FabInterface> | undefined;
+})) => Record<"label" | "stateLayer" | "icon" | "fab", string>;
+//# sourceMappingURL=fab.style.d.ts.map

package/lib/styles/fab.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/fab.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8DAmDpB,CAAC"}

package/lib/styles/icon-button.style.d.ts

@@ -0,0 +1,63 @@
+import { IconButtonInterface } from '../interfaces/icon-button.interface';
+export declare const iconButtonStyle: (states: (({
+    arialLabel: any;
+    icon: any;
+    size: any;
+    width: any;
+    iconSelected: any;
+    onToggle: any;
+    variant: any;
+    disabled: any;
+    activated: any;
+    shape: any;
+    allowShapeTransformation: any;
+    transition: any;
+    href: any;
+} | {
+    arialLabel: any;
+    icon: any;
+    size: any;
+    width: any;
+    iconSelected: any;
+    onToggle: any;
+    variant: any;
+    disabled: any;
+    activated: any;
+    shape: any;
+    allowShapeTransformation: any;
+    transition: any;
+    href: any;
+}) & (({
+    arialLabel: string;
+    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
+    width?: "default" | "narrow" | "wide";
+    iconSelected?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    onToggle?: (isActive: boolean) => void;
+    variant?: import('..').IconButtonVariant;
+    disabled?: boolean;
+    activated?: boolean;
+    shape?: "squared" | "rounded";
+    allowShapeTransformation?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: string;
+}) | ({
+    arialLabel: string;
+    icon: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
+    width?: "default" | "narrow" | "wide";
+    iconSelected?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
+    onToggle?: (isActive: boolean) => void;
+    variant?: import('..').IconButtonVariant;
+    disabled?: boolean;
+    activated?: boolean;
+    shape?: "squared" | "rounded";
+    allowShapeTransformation?: boolean;
+    transition?: import('motion').Transition;
+} & {
+    href?: never;
+}))) & import('..').IconButtonStates & {
+    className: string | import('..').ClassNameComponent<IconButtonInterface> | undefined;
+}) => Record<"container" | "stateLayer" | "icon" | "iconButton", string>;
+//# sourceMappingURL=icon-button.style.d.ts.map

package/lib/styles/icon-button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/icon-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wEAwI3B,CAAC"}

package/lib/styles/index.d.ts

@@ -0,0 +1,16 @@
+export * from './button.style';
+export * from './card.style';
+export * from './carousel-item.style';
+export * from './carousel.style';
+export * from './divider.style';
+export * from './fab.style';
+export * from './icon-button.style';
+export * from './progress-indicator.style';
+export * from './slider.style';
+export * from './snackbar.style';
+export * from './switch.style';
+export * from './tab.style';
+export * from './tabs.style';
+export * from './text-field.style';
+export * from './tooltip.style';
+//# sourceMappingURL=index.d.ts.map

package/lib/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/ui-react/src/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}